
/*header s*/
.header{height:120px;overflow:hidden;background:#fff}
.logo{width:700px;height:100%;position:relative;}
.logo img{position: absolute;left:0;top:0;bottom:0;margin:auto;}
.topcall{width:210px;margin-top:30px;text-align:right;background:url(../images/call.png) no-repeat right;padding-right:60px}
.topcall img,.topcall p{display:inline-block;vertical-align:middle;*zoom:1;*display:inline;}
.topcall p{margin-bottom:0;}
.topcall p span{font-size:14px;display:block;color:#777777;margin-top:-3px;}
.topcall p em{font-size:18px;color:#015cae;font-style:normal;margin-top:4px;display:block;}
.topcall p img{margin-right:10px}
.navs{height:70px;background:url(../images/btns.jpg);}
.navs ul{width:1200px;margin:0 auto;height:70px;}
.navs li{float: left;line-height:70px;width:calc(100% / 9);text-align:center;position: relative;z-index:9999}
.navs li a{font-size:16px;color:#ffffff;position: relative;z-index:9999;height:70px;line-height:70px;display:block;}
.navs li:hover a{color:#ebb66a}

.sps {
    width: 133px;
    height: 50px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    cursor: pointer;
    z-index: 99;
    background: #095c37v;
}
.margOuts{height:50px;}
/*header e*/

/*banner s*/
.banner{height:700px;;position: relative;overflow:hidden;}
.slideBox{height:750px;}
.slideBox .hd{overflow:hidden;position:absolute;right:5px;bottom:35px;z-index:999;}
.slideBox .hd ul{zoom:1; float:left;  }
.slideBox .hd ul li{ display:inline-block; margin-right:10px;  width:40px; height:12px; line-height:14px; text-align:center; background:#fff; cursor:pointer;zoom:1;*display:inline;}
.slideBox .hd ul li.on{background:#015cae}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; text-align:center; height:700px; }
.slideBox .bd img{ width:100%; height:auto; display:block; margin:0 auto;  }
.slideBox .bd a{display:block;width:100%;height:100%;}
.divs{position:absolute;left:50%;bottom:0;z-index:9999;height: 85px;width:70px;margin-left:-35px;}
.divs a{float: left;}
.slideBox .prev{width:35px; height:35px;display:block;}
.slideBox .next{width:35px; height:35px;display:block;}
.slideBox .prev{background:url(../images/left.jpg) no-repeat center;}
.slideBox .next{background:url(../images/right.jpg) no-repeat center;}
.slideBox .next:hover{background:url(../images/rights.jpg) no-repeat center;}
.slideBox .prev:hover{background:url(../images/lefts.jpg) no-repeat center;}
.btns{position: absolute;left:50%;bottom:0;}

/*banner e*/

/*serach s*/
.serach{height:60px;overflow:hidden;background:#015cae;line-height:60px}
.serach-main{padding:0 60px;width:1080px;margin:0 auto;}
.Keyword{line-height:60px;}
.Keyword span{color:#fff;font-size:16px;}
.Keywords li{float: left;}
.Keywords li a{font-size:16px;color:#fff;padding:0 15px;background:url(../images/xts.png) no-repeat center right;}
.Keywords li:last-child a{background:none}
.Keywords li a:hover{color:#73bd07}
.form{width:260px;height:35px;border:1px solid #fff;border-radius:20px;margin-top:12px}
.texts{width:190px;height: 35px;background:none;border-right:0;text-indent:10px;line-height: 45px;color:#fff}
.butts{width:45px;height: 35px;cursor:pointer;background:url(../images/ss.png) no-repeat center;}
.texts:focus{box-shadow:0 0 10px #999}
/*serach e*/

/*about s*/
.about{padding:60px 0;overflow:hidden;}
.tits{text-align:center;}
.about-main{margin-top:45px}
.about-pic{width:570px;height:410px;background:#dedede;overflow:hidden;}
.about-pic img{width:100%;height:100%;transition:all 0.6s;}
.about-pic img:hover{transform:scale(1.06);}

.about-desc{width:600px;}
.about-desc h2{font-size:20px;color:#015cae}
.about-desc p{font-size:14px;color:#777777;line-height:1.8;text-align:justify;margin-top:20px;height:125px;overflow:hidden;margin-bottom:0;}

.about-honor{margin-top:80px}
.picScroll-left{ width:100%;  overflow:hidden; position:relative;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:45px; height:45px;  overflow:hidden;cursor:pointer;position: absolute;}
.picScroll-left .hd{position: absolute;width:100%;top:50px}
.picScroll-left .hd .next{background:url(../images/next.png) no-repeat center;right:0;}
.picScroll-left .hd .prev{background:url(../images/prev.png) no-repeat center;left:0;}
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 20px; float:left; _display:inline; overflow:hidden; text-align:center;width:190px;height:160px;background:#dedede  }
.picScroll-left .tempWrap{margin:0 auto;}
.picScroll-left .bd ul li img{width:100%;height:100%;transition:all 0.6s;}
.picScroll-left .bd ul li:hover img{transform:scale(1.06);}
/*about e*/

/*Items s*/
.Items{padding:60px 0;overflow:hidden;}
.Items-list{margin-top:40px}
.Items-list li{width:calc(100% / 3);float:left;height:350px;background:#dedede;overflow:hidden;position:relative;}
.Items-list li img{width:100%;height:100%;transition:all 0.6s;}
.Items-list li:hover img{transform:scale(1.06);}
.tms{position: absolute;left:0;top:0;width:100%;height:100%;background:url(../images/tms.png);transition:all 0.6s;}
.Items-list li:hover .tms{background:url(../images/tmsh.png)}
.Items-list li i{display:block;width:88px;height:88px;margin:20% auto 0;background:#dedede}
.Items-list li h2{text-align:center;font-size:18px;color:#ffffff;padding:0 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:30px}
.Items-list li span{text-align:center;color:#fff;padding:0 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;}
.Items-list li:hover .tms{display:block;}
/*Items e*/

/*case s*/
.case{padding:60px 0;overflow:hidden;}
.case-list ul{width:105%;margin-top:30px}
.case-list li{width:390px;height:260px;background:#dedede;float:left;margin:0 15px 15px 0;position:relative;overflow:hidden;}
.case-list li img{width:100%;height:100%;transition:all 0.6s;}
.tmss{position: absolute;left:0;top:0;width:100%;height:100%;background:url(../images/tms2.png);}
.case-list li h2{text-align:center;color:#fff;font-size:18px;font-weight:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:90px;padding:0 20px;}
.case-list li .tmss{display:none}
.case-list li i{display:block;width:55px;height:5px;background:#ffffff;margin:20px auto;}
.case-list li:hover .tmss{display:block;}
.case-list li:hover img{transform:scale(1.06);}
/*case e*/

/*advants s*/
.advants{height:720px;}

/*news s*/
.news{padding:60px 0;overflow:hidden;}
.news-main{margin-top:50px}
.news-main li{height:120px;margin-bottom:38px;transition:all 0.6s;overflow:hidden;}
.news-time{width:110px;height:120px;background:#015cae;text-align:center;}
.news-time span{font-size:50px;display:block;font-weight:bold;margin:0 auto;color:#fff;padding-top:10px}
.news-time em{font-size:16px;color:#eeeeee;font-style:normal}
.news-l{width:590px;height:120px;margin-left:10px;}
.news-l h2{color:#333333;font-weight:normal;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:normal;font-size:16px;margin-top:20px;transition:all 0.6s;}
.news-l p{font-size:14px;color:#999999;margin-top:20px;line-height:1.8;height:50px;overflow:hidden;}
.news-main li:hover{background:#015cae}
.news-main li:hover *{color:#fff}
.news-r{width:220px;height:100%;}
.news-r img{width:100%;height:100%;transition:all 0.6s;}
.news-main li:hover img{transform:scale(1.06);}
/*news e*/

/*message s*/
.message{height:335px;background:#eeeeee;padding:40px 0;}
.messs{width:1200px;margin:0 auto;height:330px;background:#fff;position:relative;}
.rens{position: absolute;left: -71px;top: -22px;}
.messs-desc{margin:60px 0 0 170px}
.messs-desc p.descs{font-size:22px;color:#000000;padding-left:8px}
.messs-desc h2{font-size:22px;color:#000000;margin-top:5px}
.messs-desc strong{font-size:16px;color:#b90600;display:block;margin:65px auto 30px;padding-left:30px}
.messs-desc p.descs2{font-size:16px;color:#000000;padding-left:30px;line-height:1.6}

.messs-main{width:620px;}

.inputsss::-webkit-input-placeholder {
  color: #777777;
  letter-spacing:2px;
}
.inputsss:-moz-placeholder {/* Firefox 18- */
  color: #777777;
  letter-spacing:2px;
}
.inputsss::-moz-placeholder{/* Firefox 19+ */
 color: #777777;
 letter-spacing:2px;
}
.inputsss:-ms-input-placeholder {
  color: #777777;
  letter-spacing:2px;
}
.inputs-l{width:270px}
.inputss3{width:270px;height:43px;border:1px solid #999999;text-indent:10px;line-height:43px;margin-bottom:8px}
.inputss4{width:330px;height:86px;border:1px solid #999999;text-indent:10px;padding-top:10px}
.buttss{width:610px;height:43px;background:#015cae;font-size:14px;color:#ffffff;cursor:pointer;}
.buttss:hover{background-color:#0a5192}
.inputss{margin-top:60px;margin-right:10px;}
.callp{font-size:14px;color:#777777;margin-top:40px;}
.callp strong{font-size:16px;color:#015cae;font-weight:normal;}
.tbs{position: absolute;left:50%;bottom: -1px;margin-left: -140px;}
/*message e*/

/*footer s*/
.footer{height:380px;background:#015cae;overflow:hidden;}
/* .footer{height:345px;background:#015cae;overflow:hidden;} */
.foot-nav{text-align:center;padding-top:40px}
.foot-nav ul{margin-bottom:0;}
.foot-nav li{float:left;margin-right:120px;}
.foot-nav li:last-child{margin-right:0;}
.foot-nav li a{color:#fff}

.foot-l{width:450px;margin-top:70px;}
.foot-l p{font-size:14px;color:#ffffff;margin-bottom:25px}
.bdsharebuttonbox{position: absolute;left:0;bottom:20px;}

.foot-r{width:520px;height:200px;background:#dedede;overflow:hidden;margin-top:50px;border:7px solid #669ac8;}
.foot-code{width:145px;height:145px;background:url(../images/bk.png) no-repeat center;position: absolute;left:270px;bottom:30px;display: flex;justify-content: center;align-items: center;}
.foot-code img{width: 86%;}
/* .foot-code{width:145px;height:145px;background:url(../images/bk.png) no-repeat center;position: absolute;left:270px;bottom:0;text-align:center;padding-top:30px;} */
/*footer e*/

/*copyright s*/
.copyright{height:60px;background:#333333;line-height:60px;overflow:hidden;}
.copyright p,.copyright span{font-size:12px;color:#777777}
.copyright p a{color:#777777}
.copyright p a:hover{color:#fff}
/*copyright e*/