@charset "utf-8";
/* CSS Document */

* {margin: 0; padding: 0; outline: 0;}
*{margin:0;padding:0;list-style-type:none;}

body {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #e5e5e5;
	font-size: 12px;
	background:#fff;

	
}


h1, h2 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	margin:0 0 15px 0;
}


h1 {
	font-size: 36px;
	letter-spacing: -1px;
	line-height: 100%;
}


h2 {
	font-size: 24px;
}


p {
	margin: 0 0 15px 0;
}

a {
	color: #3e3e3e;
}

.clear {
	clear: both;
}



.center { max-width:1180px; margin: 0 auto; position: relative; }

.nav { width:100%; position: relative; z-index: 99; }
.top { width:100%; position: relative; text-align: center; }
.logo { width:30%;  padding-top: 10px; padding-bottom: 10px; float: left;  }
.logo img { width:100%; }
.tel { float:left; width:35%; text-align: left; font-size:18px; color:#999; padding-top: 40px; font-weight:normal; }

.pcnav { width:100%; background: #1684d1; min-height: 50px; }


.indexbox { width:100%;   min-height: 500px; overflow: hidden; position: relative; }
.index-nav-frame-line a { color:#fff; }


/*新闻*/

bg-grey {
	background-color: #f2f2f4;
	width: 100%;
	height: auto;
	padding: 76px 0;
}

.content {
	max-width:1180px;
	margin: 0 auto;
	height: auto;
}

h2.title {
	text-align: center;
	font-size: 24px;
	color: #333;
	line-height: 24px;
	padding-bottom: 24px;
	position: relative;
}

h2.title:after {
	position: absolute;
	left: 50%;
	width: 46px;
	height: 1px;
	margin-left: -23px;
	background-color: #0c9;
	bottom: 0;
	content: '';
}

p.subtitle {
	margin-top: 18px;
	text-align: center;
	font-size: 16px;
	color: #666;
	line-height: 30px;
}

.tab-block {
	width: 60%;
	height: 580px;
	margin: 30px auto 0;
	background-color: #FFF;
	border: 1px solid #e5e5e5;
	float: right;
}

.tab-block.information-tab {
	height: 430px
}

.tab-block.information-tab .tabs {
	height: 380px
}

.tab-block .tab-buttons {
	width: 100%;
	height: 50px;
	background-color: #fafafa
}

.tab-block .tab-buttons .tab-button {
	width: 25%;
	float: left;
	height: 50px;
	text-align: center;
	font-size: 16px;
	color: #999;
	line-height: 50px;
	position: relative;
	cursor: pointer
}

.tab-block .tab-buttons .tab-button.cur {
	background-color: #fff;
	color: #333
}

.tab-block .tab-buttons .tab-button.cur:after {
	content: '';
	position: absolute;
	top: -1px;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #1183ff
}

.tab-block .tabs {
	width: 100%;
	height: 528px
}

.tab-block .tabs .tab-item {
	width: 98%;
	height: 100%;
	padding: 1% 1%;
	display: none
}

.tab-block .tabs .tab-item.active {
	display: block
}

.information-tab .information-left {
	width: 500px;
	height: 340px;
	overflow: hidden;
	position: relative;
	float: left;
}

.information-tab .information-left img {
	width: 100%;
	height: auto
}

.information-tab .information-left .left-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 48px;
	line-height: 48px;
	background-color: rgba(0, 0, 0, .5);
	z-index: 2;
	color: #fff;
	padding: 0 14px
}

.information-tab .information-left .left-bottom .article-title {
	font-size: 18px;
	width: 400px;
	float: left;
}

.information-tab .information-left .left-bottom .article-time {
	font-size: 14px;
	float: right;
}

.information-tab .information-right {
	width: 100%;
	height: 340px;
}

.information-tab .information-right .article-list {
	padding-top: 20px
}

.information-tab .information-right .article-list .article-link {
	display: block;
	padding: 0 20px
}

.information-tab .information-right .article-list .article-link .article-head span {
	display: inline-block;
	vertical-align: middle
}

.information-tab .information-right .article-list .article-number {
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	color: #fff;
	background-color: #999;
	font-size: 14px
}

.information-tab .information-right .article-list .article-title {
	font-size: 16px;
	color: #333;
	line-height: 20px;
	margin-left: 14px;
	width: 450px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.information-tab .information-right .article-list .article-time {
	float: right;
	font-size: 12px;
	color: #999;
	line-height: 20px
}

.information-tab .information-right .article-list .article-content {
	margin-top: 10px;
	padding-left: 44px;
	width: 450px;
	font-size: 14px;
	color: #666;
	line-height: 26px;
	display: none
}

.information-tab .information-right .article-list .article-content p {
	height: 52px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
}

.information-tab .information-right .article-list:nth-of-type(1) .article-number,
.information-tab .information-right .article-list:nth-of-type(2) .article-number,
.information-tab .information-right .article-list:nth-of-type(3) .article-number {
	background-color: #333
}

.information-tab .information-right .article-list.current .article-link {
	background-color: #fafafc;
	padding: 20px
}

.information-tab .information-right .article-list.current .article-number {
	background-color: #459df5!important
}

.information-tab .information-right .article-list.current .article-title {
	color: #459df5
}

.information-tab .information-right .article-list.current .article-content {
	display: block
}

.question-icon {
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	background: url(../images/question-icon.png) center no-repeat;
	-ms-background-size: 16px 16px;
	background-size: 16px 16px;
}

.newsleft { width:38%; float: left; margin-top: 30px; height: 430px; }

.swiper-container1 .swiper-slide p { width:100%; padding: 15px 10px; background-color:rgba(0,0,0,.5); position: absolute; bottom:0px;}
.swiper-container1 .swiper-slide p a { color:#bdbdbd; font-size:14px; }
.bg-grey { margin-bottom: 30px; } 

/*about*/


.about { width:100%; min-height: 300px; background: #f9f9f9; padding-top: 30px; padding-bottom: 30px; }
.about .companyl { width: 47%; float:right; }
 

.aboutleft { float:left; width:50%; padding-right: 2%; }
.aboutleft h1 { font-size:20px!important; color:#333; margin-bottom: 15px; }
.aboutleft p { color:#666; font-size:14px; line-height: 24px; }
.aboutleft p a { display:inline; color:#459df5; }


/*pro*/


.pro { width:100%; background:#459df5; min-height: 400px; padding-top: 30px; padding-bottom: 30px; overflow: hidden; }
.pro h1 { font-size:32px; color:#fff; text-align: center; margin-bottom: 30px; }
.probox a h2 { color:#fff; font-size:14px; text-align: center; margin-top: 10px; }
.probut { width:100%; text-align: center; margin-top: 50px;  margin-bottom: 20px; }
.probut a { padding:10px 40px; border: 1px solid #fff; border-radius: 5px; color:#fff; }



/*mokuai*/


.mokuai { width:100%; min-height: 400px; padding-top: 30px; padding-bottom: 30px; overflow: hidden; }
.mokuaibox { float:left; width:24.5%; margin-right: 0.666%; margin-bottom: 6px;  }
.mokuaibox:nth-child(4n) { margin-right:0px; }
.mokuaibox .mokuaiimg { overflow:hidden; width: 100%;}
.mokuaibox .mokuaiimg img { width:100%; }
.mokuaibox .mokuaifont {  min-height: 100px; padding: 25px 15px; background: #f5f5f5; }
.mokuaibox .mokuaifont h1 { font-size:16px; color:#459df5;  }
.mokuaibox .mokuaifont a p { padding-top: 10px; font-size:14px; color:#666; line-height: 20px; }
.mokuaibox .mokuaifont a p:hover { color:#459df5;  }
.mokuaibox .font1 { background:#fff!important; }


/*footer*/

.footer { width:100%; background: #f5f5f5; border-top:4px solid #459df5; min-height: 200px; padding: 30px 0px; }
.footerleft { width:16%; margin-right: 4%; float: left;  }
.footerleft h2 { font-size:16px; color:#666; margin-bottom: 20px; }
.footerleft ul { width:100%;}
.footerleft ul li { border-bottom:1px dashed #bdbdbd; margin-bottom: 10px; padding-bottom: 10px;}
.footerleft ul li:last-child { border-bottom:0px; }
.footerleft ul li a { color:#666; font-size:14px; }
.footerleft ul li a:hover { color:#333; padding-left: 5px; }

.footercenter { width:20%; margin-right: 3%; float: left;  }
.footercenter h2 { font-size:16px; color:#666; margin-bottom: 20px; }


.footerright { width:200px; float: right; }
.footerright img { width:200px; display: block;  }
.footerright p { font-size:14px; margin-top: 8px; text-align: center; display: block; }


.beian { padding: 10px 0px; background: #eee; }
.beian span { display:block; float: left; text-align: left; color:#666; }
.beian a { display:block; float: right; text-align: right; color:#666; }


/*sousuo*/


.search { position:absolute; right:0px; top:35px; }
.search input { width:240px; height: 32px; line-height: 32px; border: 1px solid #eee; border-radius: 5px; padding-left: 8px; }
.search span { background:#459df5; padding: 9px 12px; display: inline-block; z-index: 3; position: absolute; top:0px; right:0px; border: 1px solid #459df5; border-radius: 5px; color:#fff; }


/*xiala*/


.select-menu{
        cursor:pointer;
		width:100%;
        height:32px;
		margin:20px 10px 0 0px;
	}
   .select-menu-ul{
        margin-top:50px;
		list-style:none;
		opacity:0;
		display:none;
		width:240px;
		text-align:left;
		border:1px solid #ddd;
		background:#fff;
		position:absolute;
		z-index:1;
	}
	.select-menu-ul li{
		padding:2% 0 2% 3%;
		
	}
	.select-menu-ul li:hover{
		background:#f2f2f2;
		
	}
	.select-menu-div{
	    position:relative;
		height:30px;
		width:240px;
		border:1px solid #ddd;
		line-height:30px;
		border-radius: 5px;
		background:#fff;
	}
    .select-this{
	    background:#459df5; color:#fff;
	}
	.select-this:hover{
	     background:#459df5!important; color:#fff!important;
	}
	.select-menu-div i{
	margin-right:8px;
	position:absolute;
	right:0;
	top:10px;
	display:block;
	width:10px;
	height: 10px;
	background: url(../images/xjt.png) no-repeat center center;
	
	}
	.select-menu-input{
	margin-left:3%;
	border:0;
	height:29px;
	cursor:pointer;
	user-select:none;
	}
    .select-menu-i{
	  transform:rotate(180deg);

	}
	.select-menu-div i{
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	}



/*内页*/

.navmap { width:100%; padding-top: 15px; padding-bottom: 15px; overflow: hidden; }
.navmap .map { width:100%; padding-left: 30px; background: url(../images/mapicon.png) no-repeat left center;}
.navmap .map a { color:#999; padding-right: 5px; font-size:14px; }
.navmap .map a:hover { color:#666; }
.navmap .map i { color:#999; padding-right: 5px; font-size:14px; font-style:normal; }
.navmap .map span { color:#666; padding-right: 5px; font-size:14px; }

.navmap .nybanner { width:100%; overflow:hidden; position: relative; margin-top: 20px; }
.navmap .nybanner img { width:100%; }


.leftnav { width:18%; margin-right:6%; float: left; margin-top: 20px; }
.leftnav ul li { width:100%; padding-bottom: 20px; border-bottom:1px solid #eee; margin-bottom: 20px; position:relative;  }
.leftnav ul li a { color:#333; font-size:16px; }
.leftnav ul li a:hover { color:#459df5; }
.leftnav ul li .xz { color:#459df5!important; }
.leftnav ul li a span { display: block; position: absolute; right:0px; top:0px; }
.rightbox { width:76%; min-height: 500px; float: right; margin-top: 20px; margin-bottom: 40px; }
.rightbox h1 { height: 40px; color:#fff; background: #459df5; font-size:20px;   text-align: left; line-height: 40px; padding-left: 10px; }
.rightbox .rightnr { padding: 20px 0px; font-size:14px; line-height: 32px; color:#666; }
.rightbox .rightnr p { margin-bottom:10px;}
.rightbox .rightnr p img { display:block; margin: 0 auto; }



/*内页模块页*/

.rightbox .rightboxnr { padding: 20px 0px; font-size:14px; line-height: 32px; color:#666; }

.zzbox { width:32%; margin-right: 2%; float: left; margin-bottom: 20px; }
.zzbox:nth-child(3n) { margin-right:0px; }
.zzbox:hover > a > .zzimg { outline: 1px solid #459df5; }
.zzbox:hover > a > h2 { color:#459df5; }
.zzbox .zzimg { width:100%; outline: 1px solid #eee;  }
.zzbox .zzimg img { width:100%; }
.zzbox h2 { color:#666; margin-top:5px; font-size:14px; text-align: center; }

/*fy*/

.fy { width:100%; overflow: hidden; position: relative; text-align: center; margin-top: 20px; }
.fy ul li { display:inline-block; }
.fy ul li a { color:#666; padding: 10px 5px; }
.fy ul li .xz { color:#459df5; }
.fy ul li a:hover { color:#459df5; }


/*新闻*/

.rightbox .rightnewsnr { padding: 20px 0px; font-size:14px; line-height: 32px; color:#666; }

.rightbox .rightnewsnr ul li { width:100%; height: 50px; line-height: 50px; border-bottom: 1px solid #eee; color:#333; position: relative; }
.rightbox .rightnewsnr ul li i { padding-right:10px; padding-left: 10px; font-weight: 700; font-style:normal }
.rightbox .rightnewsnr ul li a { color:#333; font-size:16px; }
.rightbox .rightnewsnr ul li a:hover { color:#459df5; }
.rightbox .rightnewsnr ul li span { color:#666; font-size:12px; display: block; position: absolute; right:5px; top:0px; }


.proxq { width:100%; overflow: hidden; position: relative;  }

/*产品详情*/
.proii { width:400px; height: 400px; overflow: hidden; float: left; background: #fff; }
.prooo { width:400px; overflow: hidden; margin: 10px auto; min-height: 80px; }
.num{ height:82px;overflow:hidden; width:400px; position:relative;float:left;}
.min_pic{ padding-top:10px; width:570px; position: absolute; bottom: 0px; left: 550px;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:80px; height:80px; margin-right:5px; padding:1px; background: #fff;}
.num ul li.on{ border:1px solid red; padding:0;}
.prev_btn1{ padding-top: 30px; width:26px; text-align:center; height:82px; margin-top:0px; margin-right:10px; cursor:pointer; float:left; background: #fff; }
.next_btn1{ padding-top: 30px; width:26px; text-align:center; height:82px; margin-top:0px;cursor:pointer;float:right; background: #fff;}
.prev1{ display: none; position:absolute; top:220px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.next1{ display: none; position:absolute; top:220px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.mhc{ background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:absolute; left:0; top:0; display:none;}
.pop_up{ width:400px; height:400px; padding:10px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-255px; margin-top:-255px; display:none; z-index:99;}
.pop_up_xx{ width:40px; height:40px; position:absolute; top:-40px; right:0; cursor:pointer;}
.pop_up2{ width:400px; height:400px; position:relative; overflow:hidden;}
.pop_up2{ width:400px; height:400px; position:relative; overflow:hidden; float:left;}
.pop_up2 ul{ position:absolute; left:0; top:0;}
.pop_up2 ul li{ width:500px; height:500px; float:left;}

.profont { width:446px; height: 480px; position: absolute; left: 450px; top: 20px; }
.profont h2 { font-size:24px; color:#333; text-align: left; font-weight: 700; margin-bottom: 20px;  }
.profont p { margin-top:10px; font-size:14px; color:#666; line-height: 24px;  }

.probutbox { width:100%; padding-top: 40px; border-top:1px solid #eee; margin-top: 30px; position:relative;}
.probutbox a { display: block;
    width: 130px;
    height: 50px;
    overflow: hidden;
    text-align: center;
    line-height: 50px;
    color: #fff;
    background: #459df5;
    font-size: 16px;
    float: left;
    margin-right: 20px;
    position: relative;
    text-decoration: none;}

.showcode44 {
    position: absolute;
    width: 100px;
    height: 100px;
    left: 130px;
	top: 40px;}

.proxiangxi { width:100%; padding-top: 20px; }
.proxiangxi h2 { border-bottom:1px solid #eee; font-size:18px; font-weight: normal; color:#666; padding-bottom: 10px; margin-bottom: 30px; }
.proxiangxi p { margin-bottom:15px; line-height: 24px; color:#666; font-size:14px; }
.proxiangxi img { display:block; margin: 0 auto;}

.probottom { width:100%; overflow: hidden; margin: 0 auto; font-size:14px; padding-top: 30px; border-top:1px solid #eee; margin-top: 30px; }
.newsleft1 { width:70%; overflow: hidden; float: left;  }
.newsleft1 p { color:#666; font-size:14px; margin-bottom: 10px; }
.newsleft1 p a { color:#666; font-size:14px; text-decoration: none; }
.newsright { width:30%; overflow: hidden; float: left; }
.newsright a { display:block; width:110px; height: 42px; background:#999; color:#fff; text-align: center; float: right; line-height: 42px; text-decoration: none; }


/*xwxq*/

.rightnr h2 { text-align:center; font-size:18px; }
.rightnr h3 { text-align:center; font-size:12px; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #eee; }