@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px 微软雅黑;color:#444;}
a { text-decoration: none; outline: none; color: #666; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li {list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;border: 0; vertical-align: top;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}
dl,dt,dd{padding: 0;margin:0;}
i,em{font-style: normal;}

.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.w0{width: 100%;}
.w1200{width: 1200px;margin:0 auto;}
.w1260{width: 1260px;margin:0 auto;}



/*header start*/
.topWrap {background:#fff;position: relative; }

.twz { background: #ececec; height: 40px; color: #666666; line-height: 40px; font-size: 14px;}
.twz a { display: inline-block;  color: #666666; position: relative;padding:0 0 0 20px; }
.h_nr { height: 110px;padding:20px 0; box-sizing: border-box; }
.logo {overflow: hidden; box-sizing: border-box; float: left;}
.h_nr .logo_txt {font-size: 16px; color: #666666;  text-align: left; line-height: 33px;font-weight: normal;margin-top: 0px;margin-left: 24px;float: left;padding-left: 30px;background: url(../images/logo_txt.png) no-repeat left 7px;}
.h_nr .logo_txt i{font-weight: bold; font-size:24px; color: #3a90e6; display: block; line-height: normal;padding-top: 8px}
.h_nr .sc{margin-top: 5px;height:52px; padding-left: 58px; background: url(../images/tel.png) no-repeat left 3px; float: right; box-sizing:border-box;  font-size: 14px; color:#333333; position: relative;}
.h_nr .sc i{line-height: 160%}
.h_nr .sc p {overflow: hidden; color: #444;font: 28px "Arial";  font-weight: bold; line-height: 28px;}
.nav{ height: 60px; background: #31343a;}
.nav > ul{  height: 60px; width: 1200px;margin:0 auto;}
.nav > ul > li { float: left;font-size: 18px; position: relative;z-index: 999;}
.nav > ul > li > a {height: 60px;line-height: 60px; display: block; position: relative;z-index: 2; color: #ffffff;box-sizing: border-box;width: 150px;text-align: center;}
.nav > ul > li:before{content:'';position:absolute;height:100%;width:1px;background:#4c4e53;background-size:100%; top:0;right:0;}
.nav > ul > li:after{content:'';position:absolute;height:0%;width:100%;background:#3A90E6;bottom:0;left:0;-webkit-transition:height .5s;transition:height .5s;color: #fff; z-index: 1;;}
.nav > ul > li:hover:after,.nav >ul > li.cur:after{height:100%;color: #fff;z-index: 1;}
.nav > ul > li > a:hover, .nav .cur a { font-weight: bold; text-decoration: none;  color: #fff; }
.nav > ul > li.nones:before{background: none;}
.nav > ul .erji{position: absolute;top: 60px;width: 100%;z-index: 999999999;display: none;}
.nav > ul .erji li{background:rgba(0,0,0,0.5);border-bottom:1px solid #444;height: 50px;line-height: 50px;font-size: 16px;text-align: center;}
.nav > ul .erji li a{color: #fff}
.nav > ul > li:hover .erji{display: block;}
.nav > ul > li:hover .erji li a{display: block;}
.nav > ul > li:hover .erji li:hover {background: #3A90E6}

/*banner start*/

.flexslider {
	position: relative;
	width: 100%;
	height:650px;
	overflow: hidden;
	zoom: 1;
}
.flexslider .slides li {
	width: 100%;
	height: 100%;
}
.flex-direction-nav a {
	width: 70px;
	height: 70px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(../images/ad_ctr.png) no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	border-radius: 35px;
}
.flex-direction-nav .flex-next {
	background-position: 0 -70px;
	right: 0;
}
.flex-direction-nav .flex-prev {
	left: 0;
}
.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}
.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}
.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.flex-control-paging li a {
	background: rgba(0,0,0,0.3);
	display: block;
	height: 10px;
	overflow: hidden;
	text-indent: -99em;
	width: 10px;
	cursor: pointer;
	-webkit-transition: all 0s ease;
	border-radius: 10px;
}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a {
	background: #3a90e6;
}
.flexslider .slides a img {
	width: 100%;
	height: 650px;
	display: block;
}
/*banner end*/


/*product start*/

.product{padding: 60px 0 30px;}
.protop{width: 1200px;height: 141px;background: url(../images/pro_topbg.jpg) no-repeat;position: relative;}
.protop p{position: absolute;}
.protop .p1{font-size: 35px;color: #fff;font-weight: 600;top: 35px;left: 45px;letter-spacing: 2px}
.protop .p2{top: 87px;left: 45px;color: #a4cdea;font-size: 18px;}
.protop .p3{font-size: 28px;color: #333;top: 35px;left: 325px;}
.protop .p4{color: #666;top: 87px;left: 325px;font-size: 16px;}
.protop a{position: absolute;top: 45.5px;right: 50px;}
.profl{width: 285px;height: auto;border-top: 10px solid #3A90E7;margin-top: 40px;position: relative;}
.profl1{padding: 14px 20px 8px;border-bottom: 1px dashed #c4c3c3;}
.profl1 p{background: url(../images/add.png) no-repeat 0 center;padding-left: 32px;font-size: 17px;color: #333}
.profl1 .menus{padding-top: 10px;}
.profl1 .menus a{display: block;padding-left: 32px;line-height: 28px;font-size: 15px;color: #777}
.profl1 .menus a:hover{color: #3A90E7;cursor: pointer;}
.profl2{width: 285px;height: 91px;background: url(../images/pl_img.jpg);position: absolute;bottom: 0;}


.profr{width: 915px;float: right;}
.profr ul li{width: 272px;margin-left:33px;position: relative;float: left;margin-top: 40px;}
.profr ul li .img{width: 270px;height: 202px;overflow: hidden;border:1px solid #ebebeb;background: #333}
.profr ul li img{ opacity: 0.96;width: 270px; height: 202px; display: block;-moz-transition:.5s ease-in;-webkit-transition:.5s ease-in;-o-transition:.5s ease-in;-ms-transition:.5s ease-in;transition:.5s ease-in;}
.profr ul li:hover img { transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}
.profr ul li p{display: block;width: 100%;height: 55px;line-height: 55px;background: #ebebeb;padding-top: 10px;text-align: center;font-size: 16px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;border-bottom: 4px solid #3A90E7}
.profr ul li em{display: block;width: 38px;height: 38px;background: url(../images/jia.png) no-repeat center;position: absolute;top: 185px;left: 116px;z-index: 9999}
.profr ul li:hover em{background: url(../images/jia1.png) no-repeat center;}
.profr ul li:hover p{background: #ccc;border-bottom: 4px solid #EB6100}


/*company start*/
.title{text-align: center;margin-bottom: 40px}
.title b{display:block;font-size: 37px;color: #2a2a2a;text-align: center;background: url(../images/tit1.png) center no-repeat;line-height: 55px;margin-bottom: 10px;}
.title p{font-size: 16px;color: #595757;border-top: 1px dashed #bfbfbf;width: 459px;height: 38px;line-height: 38px;letter-spacing: 10px;text-align: center;margin: 0 auto;border-bottom: 1px solid #bfbfbf;}
.company{padding: 50px 0;background: url(../images/combg.jpg) no-repeat center top}
.com_l{width: 580px;}
.com_l b{font-size: 18px;color: #3A90E7;display: block;margin:20px 0 10px;}
.com_l p{font-size: 15px;line-height: 170%;text-indent: 2em;}
.com_l ul li{width: 145px;text-align: center;padding-top: 35px}
.com_l ul li p{font-size: 16px;font-weight: bold;color: #8A8A8A;text-align: center;text-indent: 0;padding-top: 8px}
.com_r{width: 560px;}


/*solution*/
.solution{padding: 50px 0}
.solution ul{margin-bottom: 15px;}
.solution ul li{float:left; width:295px;margin-left: 6px;}
.solution ul li:first-child{margin-left: 0;}
.solution ul li dl dt{height:340px; overflow: hidden; line-height: 0;}
.solution ul li dl dt img{width:100%; transition: 1s;}
.solution ul li:hover dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.solution ul li dl dd{height: 313px; background:#f1f1f1;padding:61px 23px 0; box-sizing: border-box; position: relative;z-index:200;}
.solution ul li dl dd h4{text-align: center; margin-bottom: 22px; position: relative;}
.solution ul li dl dd h4 em{font-size: 28px;color:#373B41; height:41px; line-height: 41px; font-weight: normal; transition: .5s;}
.solution ul li dl dd h4 i{display: block;height:20px;line-height: 20px;font-size: 14px; color:#666666; font-family: "Acrom"; font-weight: normal;  transition: .5s;}
.solution ul li dl dd p{font-size: 14px; color:#373B41; margin-bottom: 28px; line-height: 25px;position: relative;transition: .5s;}
.solution ul li dl dd span{display: block;height:41px; line-height: 41px;background:#3a90e6; margin:0 auto; font-size: 18px; color:#FFFFFF;text-align: center; font-weight: bold; transition: .5s; position: relative;}
.solution ul li dl dd span em{font-weight: normal;}
.solution ul li dl dd b{display: block; width:94px; height:94px; text-align: center; line-height: 94px;background:#3a90e6; border-radius: 50%; border:10px solid #F4F4F4;font-size: 55px;color:#FFFFFF; -webkit-transition:all .6s linear;-webkit-transition:all .6s linear;position: relative;}
.solution ul li:nth-child(odd) b{position: absolute;top:-53px;left:96px;}
.solution ul li:nth-child(even) b{position: absolute;bottom:-53px;left:96px;}
.solution ul li:nth-child(even) dd{padding:30px 23px 0;}
.solution ul li:nth-child(3) dd{padding:61px 7px 0;}
.solution ul li:nth-child(3) dd p{padding-left:16px;width:240px;}
.solution ul li:nth-child(3) dd span{font-size: 16px;}
.solution ul li dl dd:before{width:100%; height:0;background:#3a90e6;content:""; position: absolute; transition: .5s; }
.solution ul li:nth-child(odd) dl dd:before{left:0;bottom:0;}
.solution ul li:nth-child(even) dl dd:before{left:0;top:0;}
.solution ul li:hover dl dd:before{height:313px;}
.solution ul li:hover dl dd h4 em{color:#FFF;}
.solution ul li:hover dl dd h4 i{color:#FFF;}
.solution ul li:hover dl dd p{color:#FFF;}
.solution ul li:hover dl dd span{background:#FFF;color:#3a90e6;}
.solution ul li:hover dl dd b{color:#3a90e6;background:#FFF; border:10px solid #3a90e6;-webkit-transform:rotateY(360deg);transform:rotateY(360deg);}
.solution .bz-tel{text-align: center;height:30px;}
.solution .bz-tel em{display: inline-block; line-height: 30px; padding-left:44px; background:url(../images/bz-tel.png) no-repeat left;font-size: 14px; color:#666666;}
.solution .bz-tel span{display: inline-block;line-height: 30px;font-size: 30px; color:#3a90e6; font-weight: bold; font-family: "Acrom";vertical-align:bottom;}

/*case*/
.case{padding: 50px 0}
/*.anli_right {width: 605px;}
.anli_right ul li {float: left;margin-bottom: 9px;margin-left: 9px;overflow: hidden;}
.anli_left {overflow: hidden;}
.anli_left img {transition: all ease-in-out .5s;width: 594px;}
.anli_left img:hover {transition: all ease-in-out .5s;transform: scale(1.2);}
.anli_right ul li {position: relative;}
.anli_right ul li img {transition: all ease-in-out 1s;width: 292px;}
.anli_right ul li:hover img {transition: all ease-in-out 1s;transform: rotate(360deg);}
.anli_right ul li:hover .shadow {opacity: 1;transition: all ease-in-out .5s;}
.anli_right ul li:hover .shadow::after {transition: all ease-in-out .5s;width: 160px;}
.anli_right ul li:hover .shadow::before {transition: all ease-in-out .5s;width: 160px;}
.anli_right .shadow {position: absolute;background: rgba(0, 0, 0, .5);width: 100%;height: 100%;left: 0;top: 0;text-align: center;font-size: 16px;font-weight: bold;line-height: 219px;color: #fff;opacity: 0;transition: all ease-in-out .5s;}
.anli_right .shadow::after {position: absolute;content: '';width: 0;height: 1px;left: 50%;margin-left: -80px;background: #fff;top: 50%;margin-top: -20px;transition: all ease-in-out .5s;}
.anli_right .shadow::before {position: absolute;content: '';width: 0;height: 1px;left: 50%;margin-left: -80px;background: #fff;bottom: 30%;margin-bottom: 20px;transition: all ease-in-out .5s;}*/
.fazxC dl {margin-bottom: 20px; position: relative;}
.fazxC dl dt img{ width:280px; height:210px;}
.fazxC dl dd {width: 100%;position: absolute;left: 0;bottom: 0;line-height:35px;height:35px; overflow:hidden;font-size: 15px; color: #fff;text-align: center;background: rgba(0,0,0,0.7);transition: all 0.2s ease-in;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.fazxC dl:hover dd{height: 210px;line-height: 210px;}
.fazxC .fazxCL {width: 280px;float: left;margin-right: 20px;}
.fazxC .fazxCont {width: 598px;float: left;margin-right: 20px;position: relative;}
.fazxC .fazxCont img{width: 598px;height: 440px;}
.fazxC .fazxCont div {position: absolute;left: 0;bottom: 0;height:60px;width: 598px;background: url("../images/fazx_pbg.png") repeat-x center;}
.fazxC .fazxCont div p {width: 450px;margin-left: 25px;line-height: 60px;height: 60px; overflow:hidden;font-size: 16px;color: #fff;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.fazxC .fazxCont div a {display: block;width: 60px;height: 60px;background: url("../images/fazx_icon.png") no-repeat center 25px #eb8f02;position: absolute;top: 0;right: 0;text-align: center;font-size: 16px;color: #ffffff;line-height: 54px;font-size: 50px;}
.fazxC .fazxCR {width: 280px;float: left;}

/*adv start*/
.adv{padding:0px 0 20px;background: #fff}
.adv .titleOne{width: 100%;height: 286px;background: url(../images/homeB_titleImg.jpg) no-repeat center;margin-bottom: 20px}
.adv .bg{width:100%; background:url(../images/homeBbg.jpg) no-repeat center;}
.adv .box{ float:left; width:450px;height:377px;padding:10px 65px;}
.adv .box b{color:#3a90e7; font-size:26px; margin:20px 0;display: block;}
.adv .box p{font-size:15px; color:#555;line-height:25px; margin:20px 0 10px 0;text-indent: 2em;}
.adv .box span{color:#eb8d29;}
.adv .box em{ margin:0 5px 0 0; font-style:normal;color:#eb8d29;}
.adv .box img{ display: block;width: 100%}
.adv .one{padding:20px 0px 0 120px}
.adv .one b{padding-top: 10px;}
.adv .two{padding:20px 0px 0 60px}
.adv .two img{margin:20px 0;}
.adv .three{padding:10px 20px 0 120px}
.adv .four{padding:20px 90px 0 40px}

/*ggt*/
.ggt{height: 220px;width: 100%;background: url(../images/advimg.jpg) no-repeat center;}

/*lc*/
.lc{padding: 50px 0 60px;background: url(../images/lcbg.jpg) no-repeat center;}
.lc .title b{color: #fff;background: url(../images/tit2.png) center no-repeat;}
.lc .title p{color: #fff}
.lc ul li{ margin:20px 0 20px 50px; float:left;display:inline; overflow:hidden; text-align:center;}
.lc ul li:nth-child(1) {margin:20px 0 20px 0px}
.lc ul li img{ width:100px; height:100px; display:block;  padding:2px; border:1px solid #ccc;}
.lc ul li p{ width:100px; text-align: center;line-height: 30px;font-size: 15px;color: #fff}


/*new start*/
.news{padding:60px 0 70px;}

.news .tit{height: 67px;line-height: 67px;position: relative;}
.news .tit span a{font-size:24px;color: #3A90E6;font-weight: bold;}
.news .tit i{font:12px arial;color: #999999;text-transform: uppercase;line-height: 42px;padding-left:10px;}
.news .tit:after{content: "";display: block;width:393px;height: 1px;background: #cccccc;position: absolute;left:112px;top:38px;}
.news .tit em a{float:right;font-size:14px;color: #666666;line-height:67px;box-sizing: border-box;padding-top:4px;text-transform: uppercase;}
.news .tit em a:hover{color:#3A90E6;}
.dongt{float:left;width:568px;}

.dt_a1 dl{height: 378px;}
.dt_a1 dt{font-size:0;line-height: 0;}
.dt_a1 dt img {width:568px;height: 240px;}
.dt_a1 dd{padding-top:14px;}
.dt_a1 dd h4 a{display: block;height: 33px;line-height: 33px;font-size:22px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;}
.dt_a1 dd p{font-size:14px;color: #808080;line-height: 24px;padding-top:9px;}
.dt_a1 dd p a{color: #808080;}
.dt_a1 dl:hover dd h4 a{color: #3A90E6}
.dt_a1 li{height: 36px;line-height: 36px;}
.dt_a1 li a{font-size:15px;color: #333333;display:block;height:30px;}
.dt_a1 li span {float:right;font-size:15px;color: #333333}
.dt_a1 li a:hover{color: #3A90E6}

.went{float:right;width:582px;}
/*.news .went .tit:after{content: "";display: block;width:218px;height: 1px;background: #cccccc;position: absolute;left:297px;top:38px;}*/
.went dl{height: 153px;border-bottom:1px solid #dcdcdc;margin-bottom:28px;}
.went dt{height: 30px;line-height: 30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.went dt em{width:105px;height: 30px;display: inline-block;background: #EB8D29;text-align: center;line-height: 30px;font-size:16px;color: #fff;margin-right:15px;border-radius:4px;vertical-align: top;}
.went dt a{font-size:22px;color: #333333;}
.went dd {padding-top:17px;}
.went dd p {font-size:14px;color: #808080;line-height: 24px;}
.went dd a{color: #3A90E6;font-size:14px;margin-top:12px;display: block;}
.went dl:hover dt a{color: #3A90E6}
.went ul{height: 135px;overflow: hidden;}
.went li a{display: block;height:36px;line-height:36px;font-size:15px;color:#333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:url(../images/ns_ico2.jpg) no-repeat right;}
.went li a:hover{background: url(../images/ns_ico2_hv.png) no-repeat right;color: #3A90E6}

.wt_mo{font-size:0;line-height: 0;}
.wt_mo span {float:right;width:172px;height: 157px;background:#3A90E6;text-align: center;box-sizing: border-box;display: block;}
.wt_mo span a{font-size:18px;color: #fff;padding-bottom: 34px;display:block;background: url(../images/ns_ico4.png) no-repeat center bottom;margin-top:50px;line-height: 30px;transition: all 0.5s}
.wt_mo span a:hover{margin-top:45px;}

/*footer*/
.footWrap{height:400px; background:#333;padding-top:60px;box-sizing: border-box;}
.footWrap .footer{width:1200px;margin:0 auto;}
.footWrap .ft-top{height:80px; box-sizing: border-box;}
.footWrap .ft-top h2{width:190px; height:120px;float:right;margin-right: 23px;}
.footWrap .ft-top h2 img{width:100%;position: relative;top: -10px;}
.footWrap .ft-top .ft-nav{width:1200px; float:left; box-sizing: border-box;}
.footWrap .ft-top .ft-nav li{float:left;height:50px; line-height: 50px; margin-right: 50px; position: relative;}
.footWrap .ft-top .ft-nav li a{font-size: 17px; color:#FFF;}
.footWrap .ft-top .ft-nav li:last-child{margin-right: 0;}
.footWrap .ft-top .ft-nav li:before{width:0;height:1px; background:#3A90E6; content:""; position: absolute; left:0;bottom:0; transition: .5s;}
.footWrap .ft-top .ft-nav li:hover a{font-weight: bold; color:#3A90E6;}
.footWrap .ft-top .ft-nav li:hover:before{width:100%;}

.footWrap .ft-cen{height: 99px;padding-top:36px;box-sizing: border-box; border-top:1px solid rgba(207,207,207,0.33);border-bottom:1px solid rgba(207,207,207,0.33);}
.footWrap .ft-cen em{display: block;float:left;height:58px; line-height: 24px; position: relative; box-sizing: border-box;padding-right: 80px;margin-right: 60px}
.footWrap .ft-cen em:before{content:"/";font-size: 14px; color:rgba(255,255,255,0.5); position: absolute;top:5px; right:0;}
.footWrap .ft-cen em:last-child:before{display: none;}
.footWrap .ft-cen em i{display: inline-block;height:58px;padding-left:43px; line-height: 32px; font-size: 16px; color:#FFF;}
.footWrap .ft-cen em .ft1{background:url(../images/ftico2.png) no-repeat left 0;}
.footWrap .ft-cen em .ft2{background:url(../images/ftico3.png) no-repeat left 0;}
.footWrap .ft-cen em .ft3{background:url(../images/ftico1.png) no-repeat left 0;}
.footWrap .ft-cen em:nth-child(3) {padding-right: 0px;margin-right: 0px}

.footWrap .ft-bot{padding-top:20px;}
.footWrap .ft-bot .ft-xx{width:800px;padding-top:25px;float:left;}
.footWrap .ft-bot .ft-xx p{height:38px;font-size: 16px;color: #fff}
.footWrap .ft-bot .ft-xx p em{display: inline-block; height:38px; line-height: 38px;font-size: 15px; color:#FFF;margin-right: 60px;}
.footWrap .ft-bot .ft-xx p em a{font-size: 14px; color:#FFF;}
.footWrap .ft-bot .ft-code{float:right;}
.footWrap .ft-bot .ft-code span{display: block; float:left; width:105px; height:105px; line-height: 0; overflow: hidden; margin-left: 20px;}
.footWrap .ft-bot .ft-code span img{width:100%;}
.footWrap .ft-bot .ft-code p{text-align: center;color: #fff;padding-left: 20px;padding-top: 30px}