@charset "utf-8";

/* CSS Document */

body{margin: 0; padding: 0; font-family:Arial, "Arial Narrow", Verdana; font-size: 16px; color: #545454; line-height: 1.5; }

a{text-decoration: none; transition: all .4s; color: #5a5a5a;}

a:hover{color: #eb7619;}



input:focus{outline: none;}

ul,ul li{list-style: none; margin: 0; padding: 0;}

img{border: 0; vertical-align: middle; max-width: 100%; height: auto;}

p{margin: 0; padding: 0; font-size: 14px; line-height: 24px;}



.pcweb{display:block!important;}

.mobileweb{display:none!important;}



.wrap{width: 1326px; margin: 0 auto;}

header{width: 100%; height: 69px; position: fixed; top: 0; background-color: #fff; z-index: 999999;}

header .wrap{display: flex; flex-direction: row; justify-content: flex-start;}

header .wrap .logo{ margin-right: 60px; }



header .wrap .logo a{display: block;}

header .wrap .logo a img{max-height: 100%;}
#scrollDiv {
    width: 100%;
    height: 69px;
    overflow: hidden;
} /*这里的高度和超出隐藏是必须的*/
#scrollDiv ul {
    margin: 0;
    padding: 0;
    list-style: none;
}#scrollDiv li {
    height: 69px;
    line-height: 69px;
    zoom: 1;
}.scroltit {
    display: none;
}
header nav{margin-left: auto; margin-top: 24px;}

header nav ul{display: flex; flex-flow: row wrap; flex-direction: row; position: relative;}

header nav ul li{line-height: 32px; padding: 0 29px; }

header nav ul li a{line-height: 32px; font-size: 16px; text-align: center; }

header .searchbtn{ padding: 26px 35px 0 30px;}

header .globalbox{height: 69px; background: #0168b7; width: 196px; position: relative; text-align: center;}

header .globalbox .langdrop{display: inline-block; margin: 0 auto; color: #fff; width: 60%; line-height: 69px; position: relative; cursor: pointer;}

header .globalbox .langdrop:before,header .globalbox .langdrop:after{content: ""; width: 15px; height: 15px; position: absolute; top: 28px; background:url("i2.png") center no-repeat;}

header .globalbox .langdrop:before{left: 0;}

header .globalbox .langdrop:after{ right: 0; background:url("i3.png") center no-repeat;}

header .globalbox .langlist{display: none; width: 196px; top: 69px; left: 0; position: absolute; background: #64b4f2;}

header .globalbox .langlist a{display:block; text-align: center; color: #fff; line-height: 36px;}

header .globalbox .langlist a:hover{color: #43ac35; }

.banner {margin-top: 69px;}

.banner .slide div{height:402px; background-position: center; background-repeat: no-repeat; background-size: cover!important;}



.i-box{width: 100%;}

.i-box .tit{text-align: center; padding: 60px 0 45px 0;}

.i-box .tit .tit-txt{font-size: 20px; font-weight: bold; line-height: 50px; position: relative; display: inline-block; margin: 0 auto; border-bottom: 1px solid #25507a; position: relative; padding: 0 30px;}

.i-box .tit .tit-txt:after{content: ""; width: 36px; height: 5px; background: #eb7619; position: absolute; top: 48px; left: 50%; margin-left: -18px; }

.i-pro .con{display: flex; flex-flow: row; flex-wrap: wrap;}

.i-pro .con .i-prolist{display: flex; flex-flow: row; flex-wrap: wrap; width: 100%;}

.i-pro .con .i-prolist li{width: 24.25%; margin-right: 1%; display: none; margin-bottom: 60px;}

.i-pro .con .i-prolist li:nth-child(4n){margin-right: 0;}

.i-pro .con .i-prolist li .pic{width: 100%; text-align: center;}

.i-pro .con .i-prolist li .pic a{display: block; border: 1px solid #ccc; }

.i-pro .con .i-prolist li .pic a:hover{ border: 1px solid #eb7619;}

.i-pro .con .i-prolist li .protit{line-height: 64px; font-size: 14px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.i-propage {padding: 20px 0; text-align: center; display: none; width: 100%;}

.i-propage a{display: inline-block; width: 20px; height: 20px; margin: 0 10px; background: #bbb;}

.i-propage a.active,.i-propage a:hover{background: #eb7619;}



.i-about{position: relative; background: #f5f5f5; padding-bottom: 78px;}

.i-about .con{background: #fff; border: 1px solid #cccccc; padding: 45px; display: flex; flex-flow: row; position: relative; z-index: 99;}

.i-about .tit .tit-txt{color: #fff;  border-bottom: 1px solid #fff;}

.i-about:before{content: ''; width: 100%; height: 60%; background: #1763b1; position: absolute; top: 0; left: 0; right: 0;}

.i-about .i-about-pic-tit{width: 20px; padding: 0 20px 0 38px;}

.i-about .i-about-pic{width: 463px;}

.i-about .i-about-con{margin-left: auto; width: 668px; font-size:16px; line-height: 40px; color: #3a3939;}

.i-about .i-about-con p{padding: 15px 0; font-size: 16px; line-height: 30px;}

.i-about .i-about-con .more{margin-top: 50px;}

.i-about .i-about-con .more a{display: inline-block; line-height: 24px; color: #eb7619; border: 1px solid #eb7619; padding: 5px 30px; margin-left: 45px;}

.i-about .i-about-con .more a:hover{color: #fff; background: #eb7619;}



.footer{ background: #1261b0; color: #fff; padding: 45px 0; font-size: 14px; line-height: 24px;}

.footer a{color: #fff;}

.footer .wrap{ display: flex; }

.footer .finfo{

    width: 480px; padding-left: 70px;

}

.footer .finquire{

    width: 380px;

}

.footer h2{font-size: 24px; font-weight: bold; line-height: 30px; padding: 0; margin: 0; margin-bottom: 30px;}

.footer .faddr{padding-left: 26px; background: url("i6.png") 0 6px no-repeat; margin-bottom: 4px;}

.footer .ftel{padding-left: 26px; background: url("i7.png") 0 6px no-repeat; margin-bottom: 4px;}

.footer .femail{padding-left: 26px; background: url("i8.png") 0 6px no-repeat; margin-bottom: 4px;}

.footer .intro{ line-height: 24px; margin-bottom: 30px;}



.footer .fewm{width: 119px; margin-left: auto;}

.copy{height: 72px; line-height: 72px; text-align: center; color: #fff; background: #4a4a4a; font-size: 15px;}

.copy a{color: #fff;}

.pagelist{margin: 30px auto; text-align: center;}

.pagelist li{display: inline-block; margin: 0 3px;}

.pagelist li a{padding: 8px 12px; background: #f5f5f5; color: #000; font-size: 14px; line-height: 36px;}

.pagelist li a.current,.pagelist li a:hover{background: #007fcc; color: #fff;}



.infobanner{ height:403px; background-position: center; background-repeat: no-repeat; background-size: cover!important; margin-top: 69px;}

.infobread{line-height: 28px; padding: 23px 0; font-size: 14px; }



.infomain{ padding: 32px 0 40px ; min-height: 260px;display: flex;}
.infomain .sideProcat{width:23%; }
.infomain .maincontent{width: 75%; margin-left: auto; }
.infomain .sideProcat .tit{line-height: 36px; background: #1261b0; color: #fff; line-height: 36px; padding: 5px 0; padding-left: 20px;}
.infomain .sideProcat ul{border: 1px solid #d8d8d8;}
.infomain .sideProcat ul li{line-height: 22px; text-align: left; border-bottom: 1px dotted #d8d8d8;}
.infomain .sideProcat ul li a{ padding: 10px ; padding-left: 38px;
    background: url(sprite.png) no-repeat 29px -140px;
    line-height: 21px;display: block; font-size: 14px;}
.infomain .sideProcat ul li a:hover,.infomain .sideProcat ul li a.active{ background: url(sprite.png) no-repeat 29px -140px #d6f0f1;}

.prolist{display: flex; flex-flow: row; flex-wrap: wrap;}

.prolist li{width: 24.25%; margin-right: 1%; margin-bottom: 55px; box-shadow: 2px 2px 10px 0px #ccc;}

.prolist li:nth-child(4n){margin-right: 0;}

.prolist li .pic{width: 100%; text-align: center; margin-bottom: 5px;}

.prolist li .pic a{display: block;  }

.prolist li .pic a:hover{ }

.prolist li .protit{ line-height: 64px; font-size: 14px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.prolist li .protit a{display: block; line-height: 64px;background: #d6f0f1;}
.prolist li .protit a:hover{background: #0168b7; color: #fff;}
/*.prolist li:nth-child(2n) .protit{background: #d6f0f1;}*/



.hotnews{display: flex; margin-bottom: 30px;}

.hotnews .pic{width: 30%;}

.hotnews .text{width: 65%; margin-left: auto;}

.hotnews .text .newstit{font-size: 16px; font-weight: bold; line-height: 36px;}

.hotnews .text .intro{font-size: 14px; line-height: 28px; margin: 10px 0; }

.hotnews .text .more{color: #43ac35; font-size: 14px;}



.newslist{}

.newslist li{display: flex; line-height: 30px; padding: 10px;}

.newslist li a{ max-width: 80%; white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis; text-indent: 10px;}

.newslist li:nth-child(2n){background: #f1f1f1;}

.newslist li span{width: 120px; margin-left: auto;}

.newsdetailtit{font-size: 30px;

    color: #333333;

    font-weight: bold;

    line-height: 1.65em;

    margin-bottom: 25px; text-align: center;}

.newsdetailcon{ font-size: 14px; line-height: 32px; margin-bottom: 30px;}





.mbbox{padding:16px 0 0 0; margin-right:20px; margin-left: auto;}

.mbbox a.mobileBtn{width:30px; height:30px; display: block;margin: 3px 0px 0 0;  cursor:pointer; position: relative;

transition:.2s .1s; -moz-transition:.2s .1s; -ms-transition:.2s .1s; -o-transition:.2s .1s; -webkit-transition:.2s .1s;

transition:0.4s cubic-bezier(0.215, 0.61, 0.355, 1); 

-moz-transition:0.4s cubic-bezier(0.215, 0.61, 0.355, 1); 

-ms-transition:0.4s cubic-bezier(0.215, 0.61, 0.355, 1);

 -o-transition:0.4s cubic-bezier(0.215, 0.61, 0.355, 1); 

-webkit-transition:0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }

.mbbox a.mobileBtn hr{height:4px; background:#009fe3; display:block; margin:0; padding:0; border:none; position:absolute;

transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}

.mbbox a.mobileBtn hr:nth-child(1){width:100%; top:0; right:0;}

.mbbox a.mobileBtn hr:nth-child(2){width:40%; top:50%; left:0; margin-top:-2px; opacity:1;}

.mbbox a.mobileBtn hr:nth-child(3){width:40%; top:50%; right:0; margin-top:-2px; opacity:1;}

.mbbox a.mobileBtn hr:nth-child(4){width:100%; bottom:0; right:0;}

.slick-prev{left: 102.5px;}

.slick-next{right: 102.5px;}

.notfind{width: 100%; height: auto;}

.searchbox{position: fixed; top:69px; height: 100px; left: 0; right: 0; background: #f5f5f5; z-index: 9990; display: none;}

.searchbox .searchform{width: 600px; height: 60px; background: #fff; border-radius: 5px; margin: 0 auto; margin-top: 20px; position: relative;}

.searchbox .searchform form{outline: none; display: flex;}

.searchbox .searchform form .stxt{width: 90%; height: 60px; line-height: 60px; background: none; border: none; text-indent: 20px;}

.searchbox .searchform form .sbtn{width: 10%; height: 60px; background: url(i1.png) center no-repeat; border-radius: 0 5px 5px 0; border: none;}

.slidBox{position: fixed; top: 69px; height: auto; left: 0; right: 0; background: #f2f2f2; z-index: 9999; display: none;}
.slidBox .wrap{display: flex;}
.slidBox .wrap .leftcat{width: 65%; margin: 46px 0; max-height: calc(100vh - 161px);}
.slidBox .wrap .leftcat  ul{display: flex; flex-wrap: wrap;}
.slidBox .wrap .leftcat ul li{width: 50%; line-height: 30px; padding: 0;}
.slidBox .wrap .leftcat ul li a{display: block; padding-left: 0; font-size: 14px; transition: all .4s;  text-align: left;}
.slidBox .wrap .leftcat ul li a i{display: inline-block; width: 4px;height: 4px; background: #111; vertical-align: middle;}
.slidBox .wrap .leftcat ul li a:hover{padding-left: 10px;}
.slidBox .wrap .leftcat ul li a:hover i{background: #eb7619;}
.slidBox .wrap .rightpic{width: 35%; margin: 46px 0; }

.feed{ padding: 20px 0; display: flex; flex-wrap: wrap;}



.feed .pic{width: 45%;}



.feed .formbox{width: 50%; margin-left: auto;}



.feed .formbox div.lined{height: 50px; border: 1px solid #d7d7d7; margin-bottom: 8px;}



.feed .formbox div.lined label{width: 90px; float: left; font-size: 12px; line-height: 50px; margin-right: 20px; text-align: right;}



.feed .formbox div.lined label span{color: #f00;}



.feed .formbox div.lined div.text{ margin-left: 110px; }



.feed .formbox div.lined div.text input{height: 50px; width: 96%; border: none; line-height: 50px; background: none; }



.feed .formbox div.lined div.text textarea{height: 150px; width: 96%; border:none; line-height: 50px; background: none;}



.feed .formbox div.lined div.text input:focus{outline: none;}



.feed .formbox div.lined div.text textarea:focus{outline: none;}



.feed .formbox div.lined.verifybg{background: #f1f1f1;}



.feed .formbox div.lined.verifybg div.text{width: 140px; height: 30px; margin: 10px 10px 10px 0; border: 1px solid #e1e1e1; background: #fff; line-height: 30px; float: left;}



.feed .formbox div.lined.verifybg div.text input{height: 30px; line-height: 30px;}



.feed .formbox div.lined.verifybg div.verifypic{display: inline-block; width: 90px; height: 30px; margin: 10px; float: left;}



.feed .formbox div.btnbox{padding: 60px 0 0 0;}



.feed .formbox div.btnbox .btn{width: 80px; text-align: center; border: 1px solid #e2e2e2; background: #f1f1f1; line-height: 50px; height: 50px; }



.feed .formbox div.btnbox .btn.reset{background: #fff;}

.infomain .contactbox{display: flex; }
.infomain .contactbox .contactinfo{width: 100%;}
.infomain .contactbox .mbox{width: 100%; margin-left: auto; position: relative; margin-bottom: 30px;}

@media (max-width:1698px) {

    /*header .wrap{width: 96%;}

    .banner {margin-top: 97px;}

    .banner .slide div{height: 680px;}

    .slick-prev{left: 2%;}

    .slick-next{right: 2%;}

    .infobanner {margin-top: 97px;}*/

    

}

@media (max-width:1326px) {

    .wrap {

        width: 96%;

    }

}

@media (max-width:1241px) {

    header nav ul li{padding: 0 12px;}

    .infobanner {margin-top: 69px; height: 354px;}

    header .searchbtn{padding-left: 30px;}

}

@media (max-width:990px) {

    .wrap {

        width: 96%;

    }

    header{height: 69px;}

    header nav{margin-top: 27px;}

    header nav ul li a{ font-size: 14px;}

    header .lang{margin-top: 36px;}

    header .searchbtn,header .globalbox{display: none;}

    .banner{margin-top: 69px;}

    .banner .slide div{height: 402px;}

    .i-about .i-about-pic{margin: 0 auto;}

    .i-about .i-about-con{width: 100%;}

    .i-news-box{flex-wrap: wrap;}

    .i-news-box .picnews{margin: 0 auto 30px auto;}

    .i-news-box .newslist{margin: 0 auto;}

    .i-partner-list li{width: 12.6%;}

    .infobanner {margin-top: 69px; height: 254px;}

    .i-about .con{padding: 30px; }

    .i-about .i-about-con{font-size: 16px; line-height: 26px; padding-left: 20px;}

    .i-about .i-about-con .more{margin-top: 6px;}

    .i-about .i-about-con .more a{margin-left: 0;}

}

@media (max-width:930px) {

    

    header nav{ display: none; position: absolute; top: 69px; left: 0; background: #fff; width: 100%; margin: 0; padding: 18px 5% 0 5%;}

    header nav ul {flex-direction:column;}

    header nav ul li{width: 50%;line-height: 52px;}

    header nav ul li:nth-last-child(1){display: none;}

    header nav.open{display: block; z-index: 999999;}

    .mobileweb{display: block!important;}

    header .lang{display: none;}

    .mbbox a.mobileBtn.open hr:nth-child(1){width:100%; top:50%; margin-top:-2px; transform:rotate(45deg); -moz-transform:rotate(45deg);

-ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); 

transform-origin:center; -moz-transform-origin:center; -ms-transform-origin:center; 

-o-transform-origin:center; -webkit-transform-origin:center;}

	.mbbox a.mobileBtn.open hr:nth-child(2){opacity:0; left:-50%;}

	.mbbox a.mobileBtn.open hr:nth-child(3){opacity:0; right:-50%;}

	.mbbox a.mobileBtn.open hr:nth-child(4){width:100%; bottom:50%; margin-bottom:-2px; transform:rotate(-45deg); -moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform-origin:center; -moz-transform-origin:center; -ms-transform-origin:center; -o-transform-origin:center; -webkit-transform-origin:center;}

    

    .i-box .tit{padding: 30px 0 36px 0;}

    .banner .slide div{height: 360px;}

    .i-about .i-about-item ul{flex-wrap: wrap; flex-direction: row;}

    .i-about .i-about-item ul li,.i-about .i-about-item ul li:nth-last-child(1){width: 45%;}

    .footer .wrap{flex-wrap: wrap;}

   

    .footer .finfo{ padding-left: 0; width: 45%;}

    .footer .finquire{width: 35%;}

    .footer .fewm{width: 20%;}

    .i-about .con{padding: 30px; }

    .i-about .i-about-con{font-size: 16px; line-height: 26px; padding-left: 20px;}

}



@media (max-width:768px) {

    .banner .slide div{height: 260px;}

    .i-service-list{flex-direction: column;}

    .i-service-list .list{width: 90%; margin: 15px 5%;}

    .i-service-list .list .picbox{width: 30%; float: left; margin-right: 10px;}

    .i-service-list .list .title{font-size: 18px; line-height: 30px; height: 30px; background: none; color: #003063; }

    .i-service-list .list .intro{font-size: 14px; margin: 0; line-height: 24px; min-height: 72px;}

    .i-service-list .list .more a{font-size: 14px;}

    .i-box .tit{padding: 20px 0 26px 0;}

    .i-prolist{flex-wrap: wrap;}

    .i-prolist .list{width: 49%;border: 1px solid #c9caca;}

    .i-prolist .list:nth-child(2n){ margin-left: -1px;}

    .i-prolist .list:nth-last-child(1){border: 1px solid #c9caca;}

    

    .footer .finfo{ padding-left: 0; width: 100%; margin-bottom: 20px;}

    .footer .finquire{width: 80%;}

    .footer .fewm{width: 20%;}

    

    .i-about .con{padding: 20px; }

    .i-about .i-about-con{font-size: 16px; line-height: 26px; padding-left: 20px;}

    

    .i-about .i-about-pic-tit{display: none;}

    .infobanner {margin-top: 69px; height: 190px;}

    

    .feed .pic{width: 100%;  margin-bottom: 20px;}



    .feed .formbox{width: 100%; }

.infomain .sideProcat{width:0%; display: none;}
.infomain .maincontent{width: 100%; margin-left: auto; }

}



@media (max-width:547px) {

    header .wrap .logo{width: 60%; margin-right: 0;}

    header .wrap .logo a{margin: 0; height: 69px; line-height: 69px;}

    header .wrap .logo a img{display: inline;}

    .banner .slide div{height: 21    0px;}

    .i-about .i-about-pic{width: 90%; height: auto;}

    .i-news-box .picnews{width: 90%; height: auto;}

    .i-news-box .newslist .firstnews,.i-news-box .newslist .secnews{width: 90%; height: auto; margin: 0 auto; margin-bottom: 15px;}

    .i-news-box .newslist .firstnews .pic,.i-news-box .newslist .secnews .pic{display: none;}

    .i-news-box .newslist .secnews .list{width: 100%;}

    .i-news-box .newslist .firstnews .title a{font-size: 16px;}

    .i-partner-list li{width: 30%;}

    .i-partner-list li:nth-child(7n){margin: 0 13px 11px 0; }

    .i-partner-list li:nth-child(3n){margin: 0 0px 11px 0; }

    .i-partner-list{padding-bottom: 60px;}

    .i-application .i-app-2{flex-direction: column;}

    .i-application .i-app-2>div{width: 100%;}

    .i-application .i-app-4{flex-wrap: wrap;}

    .i-application .i-app-4>div{width: 50%;}

    

    .prolist li{width: 48%; margin: 0 1%; margin-bottom:45px;}

    .i-pro .con .i-prolist li{width: 48%; margin: 0 1%; margin-bottom:45px;}

    .i-about .con{flex-wrap: wrap; padding: 20px; }

    

    .i-about .i-about-pic-tit{display: none;}

    .i-about .i-about-pic{width: 100%; margin-bottom: 20px;}

    .i-about .i-about-con{font-size: 14px; line-height: 26px;}

    .i-about .i-about-con .more{margin-top: 20px; text-align: center;}

    .i-about .i-about-con .more a{margin: 0 auto;}
    .infomain .contactbox{flex-wrap: wrap;}
    .infomain .contactbox .contactinfo{width: 100%;}
    .infomain .contactbox .mbox{width: 100%;}
    
    .footer .finfo{ padding-left: 0; width: 100%; margin-bottom: 20px;}

    .footer .finquire{width: 100%;margin-bottom: 20px;}

    .footer .fewm{width: 100%;}

    .copy{padding: 18px 0; line-height: 22px; height: 44px;}

}