@charset "utf-8";

/* CSS Document */

*{margin:0px;padding:0px;}

body{font-size:14px;font-family:"微软雅黑";background:#fff;position:relative;letter-spacing:1px;}

a{text-decoration:none;color:#333;}

a:visited{color:#333;}

ul,li{list-style:none;}

a:link,a:visited{text-decoration: none;}

img{border:none;}

.public{width:1320px;/* height:auto; */margin:0 auto;position:relative;}

.clear{clear:both;}





#header{width:100%;height:auto;margin:0 auto;}

/*top*/

.top{width:100%;height:43px;margin:0 auto;background:#f0f1f5;}

.top p{width:50%;height:43px;line-height:43px;color:#9b9c9f;font-size:14px;float:left;}

.top ul{width:260px;float:right;}

.top ul li{width:80px;height:20px;border-left:solid #9b9c9f 1px;float:left;position:relative;top:12px;}

.top ul li a{display:block;width:100%;height:100%;height:20px;text-align:center;color:#9b9c9f;}

.top ul .first{border:none !important;}











/*logo*/

.logo{width:100%;height:130px;margin:0 auto;}

.logo .logoc{width:460px;height:130px;float:left;display:block;}

.logo .logoc img{width:460px;height:130px;}

.nav{width:840px;height:40px;float:right;position: relative;top: 35px;}

.nav li{width:104px;float:left;height: 60px;}

.nav li a{display:block;width:100%;height:20px;line-height:20px;text-align:center;color:#666;border-left:solid #666668 1px;position: relative;top: 20px;}

.nav li .first{border:none !important;}

.nav li:hover a{color:#959494;}

.nav li:hover .first{color:#959494;}







/* 340 */

.hvr-underline-from-left {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px transparent;

  position: relative;

  overflow: hidden;

}

.hvr-underline-from-left:before {

  content: "";

  position: absolute;

  z-index: -1;

  left: 0;

  right: 100%;

  bottom: 0;

  background: #fac000;

  height: 3px;

  -webkit-transition-property: right;

  transition-property: right;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {

  right: 0;

}









/*banner*/

.banner { position: relative; height:705px; overflow: hidden; background: url(../images/loading.gif) 50% no-repeat; }

.slider{ width:100%; height:705px; margin:0 auto; overflow:hidden;}

.slider{ }

.slider #slider1_container { position: relative; top: 0px; left: 0px; width:100%; height:705px; background:url(../images/shadow.png) bottom center no-repeat;}

.slider .slides { cursor: move; position: absolute; overflow: hidden; left: 0px; top: 0px; width:100%; height:705px;}

.slider .slides div{ width:100%; height:705px; text-align:center; position:relative; overflow:hidden;}

.slider .slides div a { position:absolute; width:1920px !important; left:50% !important; vertical-align:middle; margin:0 auto; text-align:center;}

.slider .slides img { width:1920px !important; height:705px; text-align:center; vertical-align:middle; position:relative; left:-50% !important; }

.av{ background:url(../images/bac2.png) no-repeat center top !important;width:24px !important;height:24px !important;}

.slidetip{ position:fixed; z-index:99; bottom:50px; left:48%;}

.slidetip a{display:block;width:24px;height:24px;background:url(../images/bac.png) no-repeat center top;}





/*info开始*/

#main .info{width:100%;height:140px;background:url(../images/info.jpg) no-repeat center top;clear:both;}

#main .info p{width:50%;height:140px;line-height:140px;color:#fff;font-size:24px;padding-left:50px;float:left;}

#main .info .more{display:block;width:195px;height:50px;text-align:center;background:url(../images/more.jpg) no-repeat center top;border:solid #fff 2px;float:right;font-size:18px;line-height:50px;position:relative;top:45px;color:#fff;letter-spacing:1px;}



/*综合部分开始*/

.zh{width:100%;height:535px;clear:both;margin:0 auto;}

.zh ul{width:100%;height: 460px;position: relative;top: 70px;}

.zh ul li{width:410px;height:535px;float:left;margin-left: 20px;margin-right: 10px;}

.zh ul li .img{width:250px;height:250px;margin:0 auto;position:relative;left:80px;}

.zh ul li .img img{width:250px;height:250px;margin:0 auto;}

.zh ul li h1{width:355px;height:80px;line-height:80px;text-align:center;color:#333;font-size:20px;margin:0 auto;}

.zh ul li p{width:355px;line-height:2;text-align: left;color:#9d9b9b;font-size:14px;margin:0 auto;}

 .keleyi {width: 220px;height: 220px; margin: 0 auto; -webkit-background-size: 220px 220px; -moz-background-size: 220px 220px;  background-size: 220px 220px;   -webkit-border-radius: 110px;    border-radius: 110px;      -webkit-transition: -webkit-transform 2s ease-out;   -moz-transition: -moz-transform 2s ease-out;   -o-transition: -o-transform 2s ease-out; -ms-transition: -ms-transform 2s ease-out; }  

.keleyi:hover {-webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg);}  

.zh ul li:hover h1{color:#2c57b1;}

.zh ul li:hover p{color:#666;}

.zh ul li:hover .keleyi{-webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg);}





/*产品开始*/

.product{width:100%;/* height: 630px; */background:url(../images/product.jpg);

  background-size:cover;padding-bottom: 50px;

  clear:both;margin:0 auto;}

.tit{width:100%;height:130px;margin:0 auto;padding-top: 50px;}

.tit h1{width:100%;height:60px;}

.tit h1 a{display:block;width:100%;height:100%;text-align:center;color:#033e88;font-size:30px;line-height:60px;}

.tit p{width:100%;height:41px;background:url(../images/protit.png) no-repeat center top;}

.tit p a{display:block;width:100%;height:100%;text-align:center;color:#9e9e9e;font-size:21px;line-height:41px;}

.tit .mm{width:100%;height:500px;margin:0 auto;}

.tit:hover h1 a{color:#f6c415;}

.tit:hover p a{color:#666;}

/* slideTxtBox2 */

.slideTxtBox2{width:1320px;/* height:500px; */margin:0 auto;margin-top:10px;}

.slideTxtBox2 .hd{height:36px;width:1320px;margin-bottom:20px;}

.slideTxtBox2 .hd ul{float:left;height:36px;}

.slideTxtBox2 .hd ul li{float:left;width: 250px;height:53px;text-align:center;line-height:53px;font-weight:bold;/* color: #fff; */cursor:pointer;margin-right:14px;background: #666;}

.slideTxtBox2 .hd ul li .img{width:53px;height:53px;float:left;display:block;overflow:hidden;}

.slideTxtBox2 .hd ul li .img img{width:53px;height:53px;overflow:hidden;}

.slideTxtBox2 .hd ul li .text{width: 250px;height:53px;float:right;}

.slideTxtBox2 .hd ul li .text p{width:100%;height:53px;line-height:53px;text-align: center;color: #fff;}

.slideTxtBox2 .hd ul li:hover{text-decoration:none;background:#2c57b1;}

.slideTxtBox2 .hd ul li.on {color:#fff;background:#2c57b1;}

.slideTxtBox2 .hd ul li.on .img{width:53px;height:53px;float:left;display:block;overflow:hidden;background-position: 53px 53px !important;}

.slideTxtBox2 .hd ul li.on .img img{width:53px;height:53px;overflow:hidden;}

.slideTxtBox2 .hd ul li.on .text{width: 100%;height:53px;float:right;color:#fff;}

.slideTxtBox2 .bd{width:1320px;/* height: 300px; */margin:0 auto;line-height:25px;text-align:center;padding-top:60px;}

.slideTxtBox2 .bd .hceg{width:300px;margin-right:15px;overflow:hidden;background: #fff;border:solid 1px #ddd;}

.slideTxtBox2 .bd .hceg a{width: 300px;height: 401px;}

.slideTxtBox2 .bd .hceg img{max-width: 300px;max-height: 401px;/* border:solid 1px #ddd; */border-bottom:none;transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;-o-transition:all .4s;}

.slideTxtBox2 .bd .hceg p{width:300px;height:45px;color:#fff;background:#2c57b1;border:solid 1px #2c57b1;text-align:center;clear:both;line-height: 45px;padding: 3.5px 0;}

.slideTxtBox2 .bd .hceg:hover{}

/* .slideTxtBox2 .bd .hceg:hover img{transform:scale(1.1);} */

.slideTxtBox2 .bd .hceg:hover p{color:#fff;background:#f6c415;border:solid 1px #f6c415;}





/*优势开始*/

.ys{width:100%;height:790px;clear:both;margin:0 auto;clear:both;}

.ys .mm{width:100%;height:auto;margin:0 auto;}

.ys .mm ul{width:100%;height:520px;margin:0 auto;position:relative;}

.ys .mm ul .first{width:470px;height:160px;float:left;}

.ys .mm ul .first img{width:130px;height:115px;float:left;padding-top: 20px;}

.ys .mm ul .first h1{width:260px;height:50px;color:#fff;font-size:18px;line-height:50px;float: left;padding-top: 15px;}

.ys .mm ul .first p{width:260px;height:auto;color:#fff;font-size:12px;line-height:1.8;float: left;}

.ys .mm ul .sec{width:470px;height:160px;float:right;}

.ys .mm ul .sec img{width:130px;height:115px;float:right;padding-top: 20px;}

.ys .mm ul .sec h1{width:260px;height:50px;color:#343232;font-size:18px;line-height:50px;float:right;padding-top: 15px;}

.ys .mm ul .sec p{width:260px;height:auto;color:#a9a6a6;font-size:12px;line-height:1.8;float:right;}

.ys .mm ul .three{width:470px;height:160px;float:left;margin-top:180px;}

.ys .mm ul .three img{width:130px;height:115px;float:left;padding-top: 20px;}

.ys .mm ul .three h1{width:260px;height:50px;color:#343232;font-size:18px;line-height:50px;float: left;padding-top: 15px;}

.ys .mm ul .three p{width:260px;height:auto;color:#a9a6a6;font-size:12px;line-height:1.8;float: left;}

.ys .mm ul .four{width:470px;height:160px;float:right;margin-top:180px;}

.ys .mm ul .four img{width:130px;height:115px;float:right;padding-top: 20px;}

.ys .mm ul .four h1{width:260px;height:50px;color:#fff;font-size:18px;line-height:50px;float:right;padding-top: 15px;}

.ys .mm ul .four p{width:260px;height:auto;color:#fff;font-size:12px;line-height:1.8;float:right;}

.ys .mm ul .ysd{width:310px;height:530px;position:absolute;top:0px;left: 510px;}

.ys .mm ul li:hover img{position:relative;top:-10px;}

.ys .mm ul li:hover h1{position:relative;top:-10px;}

.ys .mm ul li:hover p{position:relative;top:-10px;}







/*案例开始*/

.case{width:100%;height:575px;margin:0 auto;background:url(../images/case.jpg) no-repeat center top;clear:both;}

.case .tit{width:100%;height:80px;margin:0 auto;padding-top: 50px;}

.case .tit h1{width:150px;height:70px;line-height:70px;color:#fff;font-size:30px;float:left;}

.case .tit span{width:180px;height:70px;line-height:70px;color:#fff;font-size:20px;float:left;}

.case .tit2{width: 510px; height: 70px; float: right; position: relative; top: 17px; right: 60px;}

.case .tit2 li{min-width:110px;height:35px;float: right;}

.case .tit2 li a{display:block;width:100%;height:100%;line-height:35px;text-align:center;color:#fff;}

.case .tit2 li:hover{background:#fac708;border-radius:40px;}



.case .mm{width:100%;height:100%;margin:0 auto;}

.case .mm ul {width:100%;height:100%;}

.case .mm ul li{width:290px;height:185px;float:left;position:relative;margin-left:25px;margin-top:20px;}

.case .mm ul li img{width:290px;height:185px;}

.case .mm ul li h1{width:290px;height:50px;line-height:50px;color:#fff;text-align:center;background:url(../images/xian.png);font-size:14px;font-weight:normal;position:absolute;bottom:0px;}

.case .mm ul .first{width:590px;height:390px;float:left;position:relative;}

.case .mm ul .first img{width:590px;height:390px;}

.case .mm ul .first h1{width:590px;height:50px;line-height:50px;color:#fff;text-align:center;background:url(../images/xian.png);font-size:14px;font-weight:normal;position:absolute;bottom:0px;}

.case .mm ul li:hover h1{height:60px;}



/*关于我们开始*/

.about{width:100%;height:735px;margin:0 auto;background:url(../images/about.jpg) no-repeat center top;clear:both;}

.about .tit{width:100%;height:130px;margin:0 auto;}

.about .tit h1{width:100%;height:25px;line-height:25px;color:#a1a2a4;font-size:18px;font-weight:normal;}

.about .tit h2{width:100%;height:70px;line-height:70px;color:#000000;font-size:32px;}

.about .tit span{display:block;width:140px;height:3px;background:#2c57b1;}

.about .tit:hover span{background:#f6c415;}

.about .mm{width:100%;height:auto;margin:0 auto;}

.about .mm .text{width:550px;height:240px;float:left;}

.about .mm .text p{width:530px;height:auto;color:#818385;line-height:2.4;letter-spacing:1px;font-size:14px;text-indent:2em;}

.about .mm .text .more{color:#2c57b1;clear:both;margin-top:10px;display:block;width:100px;height:30px;line-height:30px;}

.about .mm .text .more:hover {color:#f6c415;}

.about .mm .pic{width:740px;height:240px;float:left;margin-left: 20px;}

.about .mm .pic p{width:335px;height:230px;float:left;margin-left:20px;}

.about .mm .pic p img{width:335px;height:230px;}



.about .mm .hor{width:100%;height:280px;margin:0 auto; clear: both; padding-top: 20px;}

.about .mm .hor li{width:270px;height:260px;float:left;margin-left: 25px;margin-right: 20px;}

.about .mm .hor li .pic2{width:145px;height:145px;background:url(../images/a11.png) no-repeat;display:block;margin: 0 auto; }

.about .mm .hor li .pic2 img{width:145px;height:145px;}

.about .mm .hor li h1{width:100%;height:50px;line-height:50px;}

.about .mm .hor li h1 a{color:#444545;font-size:16px;text-align:center;width:100%;height:100%;display:block;}

.about .mm .hor li p{width:100%;height:auto;margin:0 auto;text-align:center;color:#737c83;font-size:12px;line-height:1.8;}

.about .mm .hor li:hover .pic2{background:url(../images/a11.png) no-repeat 50% 100%; }





/*结尾开始*/

#footer{width:100%;height: 320px;background: url(../images/pb.jpg) no-repeat center top;border-top: solid #2c57b1 1px;clear:both;}

.foot{width:1320px;height:200px;margin:0 auto;margin-top:40px;margin-bottom: 40px;}

.foot .f1{width:290px;height:200px;float:left;margin-left: 50px;}

.foot .f1 h1{width:100%;height:50px;line-height:50px;color: #fff;font-size:16px;}

.foot .f1 li{width:140px;height:35px;float:left;}

.foot .f1 li a{color: #adb1b5;font-size:12xp;line-height:35px;float:left;letter-spacing:1px;}

.foot .f2{width:180px;height:200px;float:left;margin-left: 30px;}

.foot .f2 h1{width:100%;height:50px;line-height:50px;color: #fff;font-size:16px;}

.foot .f2 li{width:140px;height:35px;float:left;}

.foot .f2 li a{color: #adb1b5;font-size:12xp;line-height:35px;float:left;letter-spacing:1px;}

.foot .f3{width:180px;height:200px;float:left;margin-left: 30px;}

.foot .f3 h1{width:100%;height:50px;line-height:50px;color: #fff;font-size:16px;}

.foot .f3 li{width:140px;height:35px;float:left;}

.foot .f3 li a{color: #adb1b5;font-size:12xp;line-height:35px;float:left;letter-spacing:1px;}

.foot .f4{width:550px;height:200px;float:left;margin-left: 10px;position:relative;}

.foot .f4 h1{width:100%;height:50px;line-height:50px;color: #fff;font-size:16px;}

.foot .f4 li{width:550px;height:35px;float:left;}

.foot .f4 li p{color: #adb1b5;font-size:12xp;line-height:35px;float:left;letter-spacing:1px;}

.foot .f4 .img{width:125px;height:150px;position:absolute;top:20px;right:0px;display:block;text-align:center;color:#84919c;}

.foot .f4 .img a{line-height:40px;height:40px;color:#fff;}

.foot .f4 .img img{width:125px;height:125px;}

.finfo{width:100%;height: 40px;/* border-top: solid #6b7689 1px; */margin:0 auto;}

.finfo .banquan{width:1320px;height: 40px;line-height: 40px;margin:0 auto;color:#aaa9a9;text-align:center;}

.finfo .banquan a{color:#aaa9a9;}

.banquanleft{width:950px;float:left;text-align:left;padding-left: 50px;}

/* .banquanleft a{color:#fff;} */

.banquanright{width:320px;float:left;text-align:right;}

/* .banquanright a{color:#fff;} */







/*固定的悬浮窗*/

.yb_conct{position:fixed;z-index:9999999;top:120px;right:-127px;cursor:pointer;transition:all .3s ease;}

.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}

.yb_bar ul li a{color:#fff;}

.yb_bar ul li a:visited{color:#fff;}

.yb_bar .yb_top{background:#3155bc url(../images/fixcont.png) no-repeat 0 0;}

.yb_bar .yb_phone{background:#3155bc url(../images/fixcont.png) no-repeat 0 -57px;}

.yb_bar .yb_QQ{text-indent:0;background:#3155bc url(../images/fixcont.png) no-repeat 0 -113px;}

.yb_bar .yb_ercode{background:#3155bc url(../images/fixcont.png) no-repeat 0 -169px;}

.hd_qr{padding:0 29px 25px 29px;}

.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}