﻿@charset "utf-8";
/* CSS Document */
* { padding: 0px; margin: 0px; box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
img {
border:none; max-width:100%;}

body { font-size: 15px;font-family:Arial,"微软雅黑",Microsoft YaHei;color: #333; font-weight: normal; padding: 0px; margin: 0px; text-decoration: none; line-height: 27px;padding-top:90px;
}
a {
text-decoration:none;
font-family:Arial,"微软雅黑",Microsoft YaHei;
color:#333;
font-weight:normal;
}
a:hover { color:#0057b1; }
.clear {
clear:both;
}
ul {
list-style-type: none;
}
li {
list-style-type:none;
line-height:27px;
}
.fl{float:left;}
.fr{float:right;}
.hz{max-width:1500px;margin:0 auto;}
.hza{max-width:1500px;margin:50px auto;}
.hza:after{content: " "; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}

.bgImg{background-position:center;background-size:cover;position:relative;transition:all 0.5s;display:block;width:100%;height:100%;}

h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}

.top-pc { position: fixed; z-index: 99; top: 0px; left: 0;  background: #fff; width: 100%; box-shadow: 0px 0px 20px 0px rgba(4, 0, 0, 0.2); }
.top-hz { width:79%; margin: 0 auto; }
.logo-hz { margin:10px 0;width:26%;}
.logo{float:left;margin-right:15px;}
.logo img{height:68px;}
.logo-gsm{margin:12px 0 10px 0;font-size:36px;line-height:36px;font-weight:bold;}
.logo-ggy{font-size:18px;}
.top-right { display: block; white-space : nowrap; }

.nav { display: inline-block; box-sizing: border-box; vertical-align: bottom; }
.mainbav ul:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0; }
.mainbav li { position: relative; padding: 0 28px; }
.mainbav li:last-of-type { padding-right: 0px; }
.mainbav li a { font-size: 16px; color:#000; }
.mainbav .memu { float: left; line-height: 90px;  }
.mainbav .memu:hover, .mainbav .memu.active { display: block; }
.mainbav .memu:hover a, .mainbav .memu.active a { color: #0057b1; }
.mainbav ul li ul { display: none; position: absolute; width:240px; left: 0; top: 90px; z-index: 999999; background: rgba(243,243,243,0.9); }
.mainbav ul li ul li { float: none; border-right: none; padding: 0; line-height: 43px; position: relative; text-align: left; }
.mainbav ul li ul li a { display: block; color: #333 !important; font-size: 14px; font-weight: normal; padding: 0 15px; }
.mainbav ul li ul li a:hover {  background-color: #0057b1; color: #fff!important; }
.mainbav ul li ul li ul { position: absolute; left: 100%; top: 0; }

.index-yyl { display: inline-block; box-sizing: border-box; vertical-align: middle; line-height: 90px; margin-left: 50px; }
.index-yyl img { display: inline-block; vertical-align: middle; margin-bottom: 2px; margin-right: 3px; }
.set { background: 45px 10px no-repeat; }
.select { background: 45px 10px no-repeat; }
.new { width: 130px; position: absolute; z-index: 999; display: none; text-align: center;top: 80px;margin-left: -15px;}
.nav1 ul li { line-height: 42px; background: rgba(243,243,243,0.9); border-bottom: 1px solid #fff; }
.nav1 ul li:hover { background: #0057b1; color: #FFF; }
.new a { color: #666666; text-decoration: none; }
.nav1 .new a:hover { color: #fff; }



/*banner*/
.block_home_slider{height:auto; position:relative; line-height:0px; text-align:center;}/*底部小图标*/
.block_home_slider .slide {position:relative; overflow:hidden;}
.block_home_slider .flex-direction-nav a {width:27px; height:50px; display:block; margin-top:-20px; position:absolute; top:50%; text-indent:-9000px; }
.block_home_slider .flex-direction-nav a.flex-prev {left:0; background:url(../images/jt1.png) no-repeat;}
.block_home_slider .flex-direction-nav a.flex-next {right:0; background:url(../images/jt2.png) no-repeat;}
.block_home_slider .flex-control-paging{ position:absolute; bottom:20px; width:100%;text-align: center;}
.block_home_slider .flex-control-paging li {margin: 0px;padding:0 5px; display:inline-block; *display:inline; *zoom:1; overflow: hidden;list-style-type: none;}
.block_home_slider .flex-control-paging li a{width:11px; height:11px; display:block; background:#ababab; text-indent:-9000px; cursor:pointer; border-radius:6px; transition:all 0.5s;}
.block_home_slider .flex-control-paging li a.flex-active {width:34px; background:#0057b1;}
.flexslider {margin:0; padding:0; height:100%;}
.flex-viewport{height:100%;}
.flexslider .slides{height:100%;}
.flexslider .slides li{height:100%;display: none;-webkit-backface-visibility: hidden;list-style-type:none; position:relative;}
#home_slider2{display:none;}

.top_sj { display:none; }

.index-about-hz{
	width:70%;
	text-align:center;margin:0 auto;
}	

.index-about-nr{margin:40px 0;font-size:16px;line-height:32px;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden;}

.index-about-more{width:160px;border:1px solid #999;text-align:center;line-height:40px;
border-radius:25px;
-moz-border-radius:25px; /* Old Firefox */overflow:hidden;display:inline-block; margin: 0 15px;transition:transform 0.5s; -webkit-transition:transform 0.5s;}
.index-about-more a{display:block;}

.index-about-more:hover{transform:translateY(-6px); -webkit-transform:translateY(-6px);}



/* 特点 */

.feature{background:#fff;overflow:hidden;padding:50px 0 10px 0;}
.feature li{float:left;width:25%; padding: 0 2%;text-align:center;border-right: 1px dotted #c6c6c6;}
.feature li:last-of-type{border:none;}
.feature li i{display:inline-block;background: url('../images/feature.png') no-repeat;width:54px;height:50px;transition:all .5s;top:0;position:relative;}
.feature li h4{padding-top:15px;color:#333;font-size:18px;position:relative;}
.feature li:nth-child(2) i{background-position: -54px 0;}
.feature li:nth-child(3) i{background-position: -108px 0;}
.feature li:nth-child(4) i{background-position: -162px 0;}
.feature li h4::after{content:"";position:absolute;left:50%;top:2px;height:1px;margin-left:-15px;background:#0057b1;transition:0.3s;width:0;}
.feature li:hover h4::after{width:30px;}
.feature li:hover i{top:-8px}




.index-product-bj{background:#f2f2f2;padding:50px 0;overflow:hidden;}
.index_title{font-size:32px;line-height:32px;text-align:center;}
.index-title-ms{
	text-align: center;
	margin-top: 12px;
	font-size: 16px;
	color: #666;
}

.parHd{width:100%; margin:30px 0;}
.parHd ul{ vertical-align:top; }
.parHd ul li{ margin-bottom:10px;text-align:center; display:inline-block; overflow:hidden;vertical-align:top;margin-right:0.5%;border:1px solid #d4d4d4;border-radius:25px;padding:5px 2%;}




.index-case-pic{float:left;width:23.5%;margin-right:2%;background:#fff;margin-bottom:40px;padding:0.5%;box-shadow:2px 2px 2px #e6e6e6; position:relative; }
.index-case-pic:before { content:' '; position:absolute; left:0px; top:0px; width:0px; height:1px; background:#0057b1; transition:all 0.5s;}
.index-case-pic:hover::before { width:100%;}
.index-case-pic:after { content:' '; position:absolute; right:0px; bottom:0px; width:0px; height:1px; background:#0057b1; transition:all 0.5s;}
.index-case-pic:hover::after { width:100%;}
.index-case-pic i:before { content:' '; position:absolute; left:0px; top:0px; width:1px; height:0px; background:#0057b1; transition:all 0.5s;}
.index-case-pic:hover i:before { height:100%;}
.index-case-pic i:after { content:' '; position:absolute; right:0px; bottom:0px; width:1px; height:0px; background:#0057b1; transition:all 0.5s;}
.index-case-pic:hover i:after { height:100%;}
.index-case-tu{overflow:hidden;}
.index-case-sm{ text-align: center; line-height: 40px; color: #666666; }

.index-case-pic img:hover{ transform: scale(1.1);
-moz-transform:scale(1.1);
-ms-transform: scale(1.1);
-o-transform:scale(1.1);
-webkit-transform: scale(1.1);
transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s; }
.index-case-pic img{transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;display:block; overflow:hidden;}
.index-case-wz{ text-align: center; }
.index-case-wz a{font-size:16px;display:block;background:#f2f2f2; padding:12px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.index-case-wz:hover a{background:#0057b1;color:#fff;display:block;}


.index-about-bj{background:#f7f7f7;padding:80px 0;overflow:hidden;}



/* 合作伙伴 */
.partner ul{margin-top:30px;}
.partner li{float:left;width:15.5%;margin-right:1.1%;text-align:center;padding:0.3%;line-height:0px;}



.index-news-bj{background:#f2f2f2;overflow:hidden;padding:60px 0;}
.index-news-hz{margin-top:40px;}


.box{
	position: relative;
	width: 100%;
	overflow: hidden;margin-top:30px;
}	
.img-box{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 50%;
	height: 100%;
	overflow: hidden;
}	
.img-box>div{
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transform:scale(1); 
	transition:all .6s;  
}	
.box:hover .img-box>div{
	transform:scale(1.1); 
}	
.text-box{
	float: right;
	width: 50%;
}


@media(max-width:768px) {
.img-box{
	position: relative;
	width: 100%;
	height: 0%;
	padding-bottom: 60%;margin-top:50px;
}	
/*768PX以下图片高度为宽度60%（也就是img-box的padding值）*/
.img-box>div{
	position: absolute;
	z-index: 1;
	left: 0;
	top:0;
}
.text-box{
	float:none;
	width: 100%;
}

}


.index-news-right{  background: #fff; padding: 5% 3% 7% 3%; }
.index-news-right-a{ border-bottom: 1px solid #ececec; margin-bottom: 21px; }
.index-news-right-a:nth-child(3n){ margin-bottom: 0px;}
.index-news-right-title{ margin-bottom:10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.index-news-right-title a{font-size:18px;}
.index-news-right-rq{color:#999;}
.index-news-right-content{  margin-bottom: 15px; color: #666; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.index-news-right-more{margin-top:31px;text-align:right;}
.index-news-right-more a{color:#0063d2;}
.index-news-right-more a:hover{ text-decoration:underline;}


.foot-bj{background:#333;padding:40px 0;overflow:hidden;color: #ababab;font-size:14px;}


.foot-logo{float:left;width:15%;}
.foot-lxfs{ float: left;width:55%; }
.foot-hz-nav { float: left; margin-right:15%; }

.foot-hz-cd { font-size:18px; color: #fff;background:url(../images/index_99.jpg)no-repeat bottom left;padding-bottom:8px; }
.foot-hz-menu {margin-top: 20px; }
.foot-hz-menu a {color: #ababab;line-height:25px; font-size:14px;}
.foot-hz-menu a:hover { color: #fff; }


.foot-contact{width:40%;float:right;}
.foot-lxwm-box{width:100%;float:left;}
.foot-hz-lxwm{ margin-top: 15px; font-size: 14px; float:left;margin-right:10%;}
.foot-hz-lxwm a {color:#ababab;font-size:14px;}
.foot-hz-lxwm a:hover { color: #fff; }
.foot-ewm{float:left;margin-top:5%;text-align:center;}



.index-copy-bj{background:#2c2c2c;padding:15px 0;}
.index-copy{color: #ababab;}
.index-copy a{color: #ababab;}
.index-copy a:hover{color: #fff;}

.foot-bq-pc{padding:5px 0 10px 0;overflow:hidden;}
.foot-bq-pc li { color: #ababab; float: left; margin: 0 5px; }
.foot-bq-pc li a { color: #ababab; font-size:14px;}
.foot-bq-pc li a:hover { color: #fff; }



.img-banner{ background:center center; width:100%; overflow:hidden;}
.img-banner div{ line-height:0px;}
.img-banner div img{opacity:0;}

.ny-banner-sj{display:none;}
.ny-banner img{width:100%;}

.about-menu-top-wz{color:#666;padding-bottom:40px;}
.about-menu-top-wz a{color:#666;}
.about-menu-top-wz a:hover{color:#006ab7;}
.js{color:#333;}


/*内页左侧栏*/
#inside-left{ width:17%;float:left;}
#inside-left li a{ width:100%; color:#666;padding:10px 4%;border-radius:6px; float:left;}
#inside-left li a:hover{background:#f3f3f3;background:#f3f3f3 url(../images/img37.png) no-repeat 90% center; }
#inside-left li .active{ background:#f3f3f3 url(../images/img37.png) no-repeat 90% center; background-size:17px; color:#006ab7;}


.about-hz{font-size:15px;line-height:30px;width:80%;float:right; }
.about-hz:after{content: " "; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}
.about-hz h2{background:url(../images/gy-x1.jpg) no-repeat left bottom;padding-bottom: 15px;font-size:24px;line-height:30px;margin-bottom:30px;font-weight:normal;}




.ny_product_left{margin-bottom:15px;}
.ny-product-pic{width: 23.3%; margin-right: 1.6%;margin-bottom: 30px;float:left;border:1px solid #e5e5e5;padding:3px 3px 0 3px; position:relative; }
.ny-product-pic:before { content:' '; position:absolute; left:0px; top:0px; width:0px; height:1px; background:#0073c3; transition:all 0.5s;}
.ny-product-pic:hover::before { width:100%;}
.ny-product-pic:after { content:' '; position:absolute; right:0px; bottom:0px; width:0px; height:1px; background:#0073c3; transition:all 0.5s;}
.ny-product-pic:hover::after { width:100%;}
.ny-product-pic i:before { content:' '; position:absolute; left:0px; top:0px; width:1px; height:0px; background:#0073c3; transition:all 0.5s;}
.ny-product-pic:hover i:before { height:100%;}
.ny-product-pic i:after { content:' '; position:absolute; right:0px; bottom:0px; width:1px; height:0px; background:#0073c3; transition:all 0.5s;}
.ny-product-pic:hover i:after { height:100%;}
.ny-product-tu{overflow:hidden;}
.ny-product-sm{ text-align: center; line-height: 40px; color: #666666; }
.ny-product-pic img:hover{ transform: scale(1.1);
-moz-transform:scale(1.1);
-ms-transform: scale(1.1);
-o-transform:scale(1.1);
-webkit-transform: scale(1.1);
transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s; }
.ny-product-pic img{width:100%;transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;display:block; overflow:hidden;}
.ny-product-wz{  text-align: center; line-height:40px; }
.ny-product-wz a{font-size:16px;}
.ny-product-pic .jqc_more {color:#666;}

.jqc_title{text-align:center;padding:8px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;    background: #f2f2f2;
    margin-bottom: 2px;}

.product-top{width: 100%;}
.product-top .l { width:70%; margin:0 auto; }

.product-ny-title { text-align:center;font-size:22px;margin-top:30px;}


.detailShow{margin-top: 70px;}
.detailShow .hd{background: #f2f2f2;height:55px;}
.detailShow .hd ul{text-align:center;}
.detailShow .hd ul li{cursor: pointer;display:inline-block;width:20%;text-align:center;padding-left:10px;line-height: 55px;font-size: 16px;color: #666666;}
.detailShow .hd ul li a{color: #666;font-size: 18px;}
.detailShow .hd ul li:after{border-right: 1px solid #b9b9b9;display: inline-block;vertical-align: middle;height: 15px;content: '';float: right;margin-top: 21px; }
.detailShow .hd ul li:hover a{color: #fff;}
.detailShow .hd ul li:hover:after{border-right: 1px solid #0057b1;}
.detailShow .hd ul li.on a{color: #fff;}
.detailShow .hd ul li.on:after{border-right: 1px solid #0057b1;}
.detailShow .bd .texxt{margin:30px 0 ;}

.detailShow .hd ul li:hover{background: #0057b1;}
.detailShow .hd ul li.on{background: #0057b1;}
.detailShow .hd ul li:after:nth-chind(3n){border-right:none;}

.xy{ width: 100%; margin:0 auto; text-align: center; overflow:hidden;}
.xy li{margin:0 10px; display:inline-block; font-size:0px;}
.xy li a{ font-size:14px; }
.xy li a:hover,.xy li a.sbjg {color:#005cb1;font-weight:bold;}


.product-syt{ width:100%;line-height: 30px; margin-top:30px;}
.product-xq-sj {display:none; }	

.ny-product-right{float:left;width:77%;margin-left:3%;}


.ny-product-xbt{color:#999;}
.ny-product-hz{border-bottom:1px solid #f2f2f2;overflow:hidden;padding-bottom:20px;}
.ny-product-dy{ width:350px;margin-top:15px; background:#666;border-radius:5px; display:block;line-height:45px;text-align:center;color:#e60012;font-size:16px; }
.ny-product-dy a{color:#fff;}
.ny-product-ms-hz{ border-top: 1px solid  #e9e9e9; }
.ny-product-ms{ width: 200px; line-height: 55px; text-align: center; color: #fff; background: #0073c3; font-size: 20px; font-weight: bold; margin-top: 40px; }
.ny-product-content{margin:25px 0;}

.news-nr-hz{background:#efefef;overflow:hidden;padding:20px;margin-bottom:40px;overflow:hidden;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;}
.news-nr-hz:hover{transform:translateY(-6px); -webkit-transform:translateY(-6px);box-shadow:#e0e0e0 0px 1px 1px  1px;}
.news-nr-tu img{width:287px;height:208px;}
.news-xw{width:800px;margin-left:30px;color:#666;}
.news-xw-title{ margin: 20px 0; }
.news-xw-title a{color:#333;font-size:20px;}
.news-xw-title a:hover{color:#086ed5;}
.news-nr{text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; 
}
.news-more{ margin-top: 40px; border: 1px solid #d3d3d3; width: 120px; border-radius: 25px; text-align: center; line-height: 30px; }
.news-more a{color:#666;}
.news-more a:hover{color:#086ed5;}
.jjfa-content{ margin: 30px 0;overflow:hidden; }




.news-hz{border-bottom:1px solid #eaeaea;padding-bottom:30px;margin-bottom:50px;overflow:hidden;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;}
.news-hz:hover{transform:translateY(-6px); -webkit-transform:translateY(-6px);}
.news-rq{text-align:center;width:163px;margin:0 auto;font-size:20px;color:#999;}
.rqsz{font-size:70px;line-height:70px;}

.news-centent{width:100%;float:left;color:#666; margin-bototm:15px;}
.news-centent-title{ margin-bottom: 10px;  }
.news-centent-title a{font-size:20px;}
.news-nr{margin-top:10px;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin-bottom:15px;}
.news-ll{width:70px;height:52px;float:right;text-align:center;border:1px solid #d6d7d6;border-radius:5px;padding-top:18px;margin-right:30px;}

.news-ti { border-bottom: 1px  dashed  #D0D0D0; font-size:22px;text-align: center; padding-bottom: 15px; }

.time {
	font-size: 14px;
	color: #666;font-weight:normal;
}

.map{ padding: 5px; border: 1px solid #e6e6e6;overflow:hidden; }
.contact-hz{ margin-bottom: 30px; overflow: hidden; }

.contact-nr{float:left;width:45%;}
.contact-nr h3{font-size:22px;font-weight:normal;line-height:35px;}
.contact-nr-lxfs{margin-top:20px;}
.contact-nr-lxfs a:hover{color:#006ab7;}
.contact-feedback{float:right;width:50%;}
.contact-feedback-title{font-size:24px;margin-bottom:20px;}

.soka{ width: 49.5%;margin-right:0.5%; border: 1px solid #D8D8D8; line-height: 40px; margin-bottom: 10px; padding-left: 1%;  font-size: 15px;font-family:"Microsoft YaHei", verdant, tahoma;  }

.sokb{  border: 1px solid #D8D8D8; line-height: 35px; margin-bottom: 15px; padding-left: 1%;; font-size: 15px; font-family:"Microsoft YaHei", verdant, tahoma; width:100%;}

.tj{ width: 160px; border: 1px solid #0073c3; line-height: 42px; text-align: center; color: #fff; background-color: #0073c3; cursor: pointer; font-family: Arial,Microsoft YaHei; font-size: 16px; border-radius: 25px; }
textarea{outline:none;}


.download-hz li{border-bottom:1px dashed #cdcdcd;margin-bottom:25px;line-height:35px;}
.download-rq{color:#999;}

.cjwt-hz{ border-bottom: 1px dashed #eaeaea; padding:15px 0; overflow: hidden; cursor: pointer;margin-bottom:20px; }
.cjwt-title{margin: 0 0 5px 0px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cjwt-nr-title a{font-size:20px;}
.cjwt-nr-title a:hover{color:#0061ae;}
.cjwt-nr-ms{margin-top:10px;color:#666;}
.cjwt-nr{ width: 80%; }
.cjwt-hz-bottom{padding-bottom:10px;overflow:hidden; display:none;margin-bottom:20px;}
.cjwt-hz-bottom.active{ display:block;}
.cjwt-kk{margin-bottom:30px;}

.qywh-left{float:left;width:50%;}
.qywh-pic{float:right;width:45%;}

.bd table{border-collapse:collapse;}
.bd table td{padding:10px;border:1px solid #ccc;line-height:22px;width:auto;}