/*header s*/
.header{height:100px;position:fixed;left:0;top:0;z-index:9999;width:100%;background:#fff;transition:all 0.6s;border-bottom:1px solid #dcdcdc}
.logo{width:14%;height:100px;position:relative;background:#fff}
.logo img{position: absolute;left:0;top:0;right:0;bottom:0;margin:auto;max-width:90%;max-height:100%}
.sbu-nav{width:4%;height:100%;background:#0570bc;position:relative;cursor:pointer;}
.sbu-nav i{width:35%;height:3px;background:#fff;display:block;position: absolute;left:0;top:0;right:0;bottom:5px;margin:auto;transition:all 0.6s;}
.sbu-nav i:nth-child(2){bottom:-8px}
.sbu-nav i:nth-child(3){bottom:-23px}
.sbu-nav.on i:nth-child(1){opacity:0}
.sbu-nav.on i:nth-child(2){transform: rotate(-225deg);}
.sbu-nav.on i:nth-child(3){transform: rotate(45deg) translate(-5px,-5px);}
.navs{width:47%;height:100px;padding-left:2%;background:#fff}
.navs li{float:left;width:calc(100% / 9);text-align:center;line-height:100px;position:relative;}
.navs li a{color:#414141;font-size:0.9vw;}
.navs li a:hover{color:#0570bc;letter-spacing:1px}
.codes{width:6%;height:100%;border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;position:relative;background:#fff}
.codes img{position: absolute;left:0;top:0;right:0;bottom:0;margin:auto;max-width:80%;max-height:80%}
.calls{width:16%;height:100px;line-height:100px;color:#0570bc;text-align:center;background:#fff}
.calls img,.calls span{display:inline-block;vertical-align:middle;zoom: 1;*display:inline;}
.calls span{font-size:24px}
.calls img{margin-right:5px}
.search{line-height:100px;height:100px;border-right:1px solid #dcdcdc;position:relative;width:5%;margin-right:5%;background:#fff;cursor:pointer;}
.search img{position: absolute;left:0;top:0;right:0;bottom:0;margin:auto;}
@media screen and (max-width:1366px){
.calls span{font-size:20px}
}

.serach{
    position:fixed;
    z-index: 9999999;
    width: 349px;
    right: 0;
    top: 99px;
    /* margin-left: -174px; */
    }
.inputs{width: 290px;height: 51px;line-height: 51px;text-indent:15px;/* border-bottom:1px solid #dedede; *//* border-radius: 10px 0 0 10px; */background:#fff;}
.formss{display:none}
.froms{border: 1px solid #dedede;/* border-radius: 10px; */overflow:  hidden;}
.inputs:focus{background:#eeeeee}
.subs{width: 57px;height: 51px;cursor:pointer;background: #5165ad;color: #fff;font-size: 15px;}
.serach span{position: absolute;right: 57px;top: 1px;cursor:pointer;color: #888;width: 60px;height: 51px;background: #dedede;line-height: 50px;font-size: 15px;text-align:  center;}
.subs:hover{background:#3f7cbc;color:#fff}

/*header e*/

/*banner s*/
.banner{height:830px;;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:12px; height:12px; line-height:14px; text-align:center; background:#fff; cursor:pointer;zoom:1;*display:inline;border-radius:50%}
.slideBox .hd ul li.on{background:#0570bc}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; text-align:center; height:830px; }
.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*/

/*about s*/
.about{height:550px;background:#fff;padding:70px 0;overflow:hidden;position:relative;}
.about-l{width:500px;height:469px;border-bottom:1px solid #a0a0a0}
.about-tit h2{font-size:30px;color:#1a1a1a;margin-top:10px;}
.about-tit p{font-size:13px;color:#a9a9a9;text-transform:uppercase;margin-top:5px}
.about-desc{width:440px;height:140px;background:#eeeeee;margin-top:37px;font-size:14px;color:#666666;line-height:1.8;padding:30px;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;text-align:justify;}
.mores{font-size:16px;color:#4c4c4c;margin-top:85px;display:block;}
.mores span,.mores img{display:inline-block;vertical-align:middle;*zoom:1;*display:inline}
.about-r{width:700px;height:470px;overflow:hidden;background:#dedede}
.about-suv{position: absolute;left:500px;top:132px;width:100px;z-index:999}
.about-suv li{width:100px;height:80px;background:#d2d2d2;transition:all 0.6s;text-align:center;padding-top:20px}
.about-suv li:hover{background:#0570bc}
.about-suv li i{width:36px;height:36px;display:block;margin:0 auto;}
.about-suv li.li1 i{background:url(../images/tb1.png) no-repeat center;}
.about-suv li:hover.li1 i{background:url(../images/tb1s.png) no-repeat center;}
.about-suv li.li2 i{background:url(../images/tb2.png) no-repeat center;}
.about-suv li:hover.li2 i{background:url(../images/tb2s.png) no-repeat center;}
.about-suv li a{display:block;width:100%;height:100%}
.about-suv li p{font-size:16px;color:#4c4c4c;margin-top:5px;transition:all 0.6s;}
.about-suv li:hover p{color:#fff}
/*about e*/

/*pros s*/
.pros-btn{height:120px;background:#0570bc}
.tits{margin-top:-60px}
.pros-list{padding-top:30px;margin-left:90px;}
.pros-list li{float:left;padding:15px;margin-right:20px;font-size:18px;color:#fff;border:1px solid #0570bc;cursor:pointer;}
.pros-list li:hover{border:1px solid #fff;}
.moress{margin-top:40px}
.pros-lists{width:1250px;margin:30px auto;}
.pros-lists li{width:385px;height:330px;background:#dedede;float:left;margin:0 20px 20px 0;position:relative;overflow:hidden;}
.pros-lists li img{width:100%;height:100%;transition:all 0.6s;}
.pros-lists li:hover img{transform:scale(1.06);}
.pros-lists li p{position: absolute;left:0;bottom:0;height:60px;background:url(../images/rgba.png);width:90%;text-align:center;line-height:60px;font-size:18px;color:#4c4c4c;padding:0 5%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:0;}
/*pros e*/

/*case s*/
.case{height:570px;overflow:hidden;background:url(../images/bg.jpg) no-repeat center top;padding:60px 0;}
.case-tit{text-align:center;}
.case-list{width:105%;margin-top:60px;}
.case-list li{width:275px;height:340px;border:1px solid #fff;float:left;margin:0 15px;position:relative;background:#fff}
.case-pic{height:275px;overflow:hidden;}
.case-pic img{width:100%;height:100%;transition:all 0.6s;}
.case-list li:hover img{transform:scale(1.06);}
.case-list li span{text-align:center;width:125px;height:40px;line-height:40px;border-radius:15px;background:#fff;font-size:14px;color:#4c4c4c;font-weight:normal;position: absolute;left:50%;bottom:44px;margin-left:-62.5px}
.case-list li h3{text-align:center;font-size:16px;color:#333333;padding:0 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:34px}
/*case e*/

/*choose s*/
.choose{height:790px;/* overflow:hidden; */}
.choose-list{margin-top:150px}
.choose-list li{width:145px;height:300px;border:1px solid #bfbfbf;float:left;margin-right:30px;text-align:center;padding:70px 50px;}
.choose-list li h2{margin-top:45px;font-size:18px;color:#000000}
.choose-list li i{width:20px;height:2px;background:#d2d2d2;display:block;margin:15px auto 30px;}
.choose-list li p{font-size:14px;color:#4c4c4c;line-height:1.8}
.tit3{position: absolute;right:0;top: 48px;}
.find-m{margin-top:40px}
.margOuts{border-bottom:1px solid #a0a0a0;height:auto;padding-bottom:35px}
/*choose e*/

/*panner s*/
.panner{height:260px;background:#0570bc;position:relative;}
.tit4{margin-top:60px}
.panner-list{width:920px;height:180px;background:#fff;margin-top:10px}
.picScroll-left{ width:100%;  overflow:hidden; position:relative; }
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;cursor:pointer;}
.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 .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:20px 8px; float:left; _display:inline; overflow:hidden; text-align:center;width:160px;height:120px;display:flex;justify-content:center;align-items:center;}
.picScroll-left .bd ul li img{max-width:100%;max-height:100%;transition:all 0.6s;}
.picScroll-left .bd ul li:hover img{transform:scale(1.06);}
.panner-ms{width:270px;height:180px;background:#fff;position: absolute;right:0;top:10px;text-align:right;}
.car{margin-top:-100px}
/*panner e*/

/*news s*/
.news{height:auto;overflow:hidden;padding:80px 0 50px 0;}
.news h2{text-align:center;}

.news-lists{margin-top:30px;}
.newspic{width:490px;background:#fff;height:310px;background:#dedede;overflow:hidden;}
.newspic img{width:100%;height:100%;transition:all 0.6s;}
.newspic img:hover{transform:scale(1.06);}
.new-desc{padding:30px;}
.new-desc h3 a{font-size:16px;color:#2b2b2b;font-weight:normal;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.new-desc p{font-size:12px;color:#a1a1a1;margin-top:10px;line-height:1.8;height:64px;overflow:hidden;}
.new-top{width:570px;height:200px;overflow:hidden;}
.new-top img{width:100%;height:100%;}
.news-list{width:630px;position: relative;}
.news-list li{width: 600px;height: 66px;padding: 19px 20px;background:#fff;border-bottom:1px solid #efefef;}
.news-list li span{width:125px;/* height:115px; */text-align:center;display:block;margin: 0 auto;color:#757575;background:url(../images/lines.png) no-repeat center right;}
.news-list li span em{font-size:20px;font-style:normal;color:#666666;border-bottom:1px solid #666666}
.news-list li.active span em{border-bottom:1px solid #fff}
.news-list li span font{display:block;font-size:18px}
.news-desc{width: 445px;height:90px;padding-left:25px;}
.news-desc h3 i{display:inline-block;*zoom:1;*display:inline;font-size: 16px;color:#333333;font-weight:normal;width:80%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-style:normal;}
.news-desc h3 font{font-size:14px;color:#fe8000;font-weight:normal;}
.news-desc p{font-size:12px;color: #666666;line-height:1.8;margin-top: 6px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.zzs {
    position: absolute;
    left: 0;
    top: 0;
    width: 630px;
    height: 105px;
    background: #0570bc;}
.news-list li:hover h3 a{letter-spacing:2px}
.news-list li.active *{position: relative;z-index:9999;color:#fff;margin-bottom:0;}
/*news e*/



/*footer s*/
.footer{height:300px;background:#0570bc;padding:75px 0 50px 0;}
.foot-l{width:310px;}
.foot-l p{font-size:14px;color:#fff;margin-bottom:15px;}
.foot-code p{color:#555555;font-size:14px;width:30px;margin:10px 0 0 10px}
.foot-l p img{margin-right:5px}
.foot-mess{margin-left:30px}
.inputss{width:240px;height:40px;line-height:40px;text-indent:10px;display:block;margin-bottom:10px}
.mess{display:block;width:100%;height:110px;text-indent:10px;padding-top:10px;}
.buttss{width:100%;height:40px;background:#ffcb58;color:#444444;font-size:14px;cursor:pointer;}
.foot-map{width:530px;height: 260px;background:#fff;overflow:hidden;margin-left:60px;}
.copyright{height:50px;line-height:50px;overflow:hidden;background:#000000}
.copyright p{text-align:center;font-size:12px;color:#fff}
.copyright p a{color:#fff}
.xt{display:block;margin:50px 0 30px 0;}
.bigPage{    margin-top: 100px!important;}
/*footer e*/