@charset "utf-8";



body,ol,ul,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,div,span,a,aside,article,section,header,footer,label,img{margin:0;padding:0;box-sizing:border-box;}

fieldset,img{border:0;}

img{vertical-align:middle;max-width:100%;}

ol,ul,li{list-style-type:none;}

table{border-collapse:collapse;border-spacing:0;}

button,input,select,textarea{font-size:.875rem;font-family:inherit;margin:0;outline:none;resize:none;border:none;background:none;}

.clearfix:after{clear:both;content:".";display:block;height:0;overflow:hidden;visibility:hidden;}

.clearfix{zoom:1;}

html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}

h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}

body{color:#565656;line-height:1.5;font-family:'Microsoft YaHei',Arial,'simsun',HELVETICA; /*min-width:1500px;*/}

a{color:#565656;text-decoration:none;transition:all ease 0.3s;}

a:hover{color:#e46522;}

em,.em,i{vertical-align:top;}

address,caption,cite,code,dfn,em,strong,th,var,optgroup,i{font-style:inherit;font-weight:inherit;}

.clear {clear: both;}

.cl {clear: both;}





/* CSS活动的公共样式 */

.fl{float:left;}

.fr{float:right;}

.ce{text-align:center;}

.hide{overflow:hidden;}

.mb15{margin-bottom:15px;}

.mb30{margin-bottom:30px;}

.container{position:relative;min-width:320px;width:100%;max-width:1600px;margin:0 auto;}

.pImg{position:relative;padding-top:100%;display:block;overflow:hidden;}

.pImg img{position:absolute;top:0;left:0;/*width:100%;height:100%;*/transition:all 0.5s; filter: grayscale(100%);}

.bgImg{background-position:center;background-size:cover;position:relative;transition:all 0.5s;display:block;width:100%;height:100%;}

.pd70{padding:2.9% 0 93px 0;font-size:.875em;overflow:hidden;}

.mb50{margin-bottom:50px;}

.font14{font-size:.875em;}

.gray{background:#efefef;}







@font-face {

font-family: "HuXiao";

src: url("../css/HuXiaoBoNanShenTi-2.woff") format("woff2"),

       url("../css/HuXiaoBoNanShenTi-2.woff") format("woff"),

       url("../css/HuXiaoBoNanShenTi-2.ttf") format("truetype"),

       url("../css/HuXiaoBoNanShenTi-2.otf") format("embedded-opentype"),

       url("../css/HuXiaoBoNanShenTi-2.svg") format("svg");

}









.clientit{background: url(../images/client_tit.png) no-repeat;width:820px;height: 120px;margin: 0 auto 35px;}

.clientit a{font-size:40px;display: block;text-align: center;line-height: 60px;height: 90px;padding: 25px 0 5px; color:#343434; font-weight:lighter;}

.clientit a strong{display: inline-block;color: #343434;font-weight: bold;font-size:inherit;}

.clientit a .small{font-size:17px;display: block;color:#888;line-height:30px; font-weight:lighter;}



.client_tit{background: url(../images/npclient_tit.png) no-repeat;width:600px;height: 120px;margin: 0 auto 35px;}

.client_tit a{font-size:40px;display: block;text-align: center;line-height: 60px;height: 90px;padding: 25px 0 5px; color:#343434;  font-weight:lighter;}

.client_tit a strong{display: inline-block;color: #343434;font-weight: bold;font-size:inherit;}

.client_tit a .small{font-size:17px;display: block;color:#888;line-height:30px; font-weight:lighter;}



.clientItem {

    float: left;

    width: 430px;

    margin: 25px 15px 0 15px;

    transition: 0.3s all ease;

}

.clientItem *{transition: 0.3s all ease;}

.swiper-slide.clientItem.swiper-slide-active {

    width: 480px;

    margin-top: 0;

}

.clientItem .clientImg img{width: 100%;display: block;height: 322px;transition: 0.3s all ease;}

.swiper-slide.clientItem.swiper-slide-active .clientImg img{height: 360px;}







.col-sm-6,.col-lg-3{position: relative; width: 100%;/* padding-right: 15px; padding-left: 15px;*/ float:left;}

.col-sm-6{flex: 0 0 50%; max-width: 50%;}

.col-lg-3{flex: 0 0 25%; max-width: 25%;}





/*抬头*/

.h_con{height:106px;width: 94%;margin: 0 auto;max-width: 1720px;}

.h_con .logo{float: left;margin-right:20px;margin-top:20px;}

.h_con .logo img{display: block;height:66.3px;}

.h_con h2{float: left;padding-left:20px;font-size: 25px;color: #333;line-height: 25px;height: 54px; margin-top:28px; font-family: "HuXiao";     background: url(../images/78077.png) no-repeat 0 -2px;}

.h_con h2 i{display: block;font-size:19px;line-height: 18px; font-weight:lighter; letter-spacing:2px; padding-top:8px; font-family:'Microsoft YaHei'}

.h_con .tel{float: right;padding-left: 38px;height: 106px;line-height:26px;font-size: 20px;color: #333;font-weight: bold;font-family: Arial;background: url(../images/tel1.png) no-repeat left center;position: relative;}

.h_con .tel:after{position: absolute;width: 1px;height: 28px;content: "";background: #ccc;top: 50%;margin-top: -14px;left: -2vw;}



.h_con .tel samp{ display:block; color:#666;font-weight: normal;font-family: 'Microsoft YaHei'; font-size:16px; margin-top:10px;margin-right: 426px;}



.h_con h2{font-size:26px;}

.h_con h2 i{font-size: 19px;}

.h_con .tel{font-size:22px;}

    }

@media screen and (max-width:1440px) {

.h_con .tel:after{display: none;}


    }







#search-i input{ transition:0.3s all ease-in-out;display: block; width: 20px; height: 20px; padding:10px; cursor: pointer;position:absolute;right:10px;top:0px; box-sizing: content-box;border: 0 none;background-color:transparent;z-index:2; filter: contrast(0) brightness(2);}

#search-i input{background-image: url(../images/top_search.png);background-repeat: no-repeat;background-position: center 10px;}

#search-bg input { display: block; background: no-repeat; border: 0 none; color: #999; line-height: 40px; padding: 0 40px; opacity: 0; transition: 0.3s all ease-in-out; }

#c_navigation_126-1662689187014.active #search-i input{filter: grayscale(0%) brightness(100%);}
#c_navigation_126-1662689187014:hover #search-i input{filter: grayscale(0%) brightness(100%);}

.top_search:hover #search-i input { background-position: center -20px; }

.top_search { position: absolute; right:2.4%; width: 40px; transition: 0.3s all ease-in-out; border-radius: 50px; top:30px; overflow: hidden; z-index:9999}

.top_search:hover{width:200px;background:#003894;}

.top_search:hover #search-bg input{padding: 0 50px 0 20px;opacity: 1;color: rgba(255,255,255,0.5) !important;}



#gudin {width: 100%;z-index: 19802; background:#fff;box-shadow: 1px 4px 8px 0 rgb(0,0,0 ,0.15);}

.header{border-bottom:#ddd solid 1px; background:#fff;}

/*导航*/

.navBar{display:flex;}

.nav{ width:94%; margin:auto;}

.nav li{position:relative;float:left;height:59px;line-height:59px;font-weight: 500; width:12.5%; text-align:center;}



.nav li:before{display:block;position:absolute;top:0;left:50%;margin-left:-17px;width:34px;height:5px;content:"";background:#003894;transform:scale(0,1);transition:all .5s;}

.nav li>a{display:block; font-size:16px;color:#1f1f1f;overflow:hidden;}

.nav li:hover:before/*,.nav li.cur:before*/{transform:scale(1);}

.nav li:hover>a,.nav li.cur>a{color:#003894; font-weight:bold;}

.header .user{width:102px;background:#f5f5f5;transition:all .5s linear;}

.header .user a{display:block;width:100%;height:100%;background:url(../images/Common/icon_user.png) no-repeat center;}

.header .user:hover{background:#003894;}

.header .user:hover a{filter:contrast(0) brightness(2);}

.nav-btn{display:none;width:102px;height:102px;line-height:102px;text-align:center;cursor:pointer;color:#000;transition:all .5s linear;}

.nav-btn i{color:#000;font-size:20px;}

.nav-btn:hover{background:#003894;}

.nav-btn:hover i{color:#fff;}



@media(max-width:1600px){

.nav li>a{padding:0 25px;}


}

@media(max-width:1440px){

.nav li>a{padding:0 18px;font-size:16px;}



}

@media(max-width:1300px){

.nav li>a{padding:0 15px;font-size:15px;}


}

@media(max-width:1200px){


.header .logo{width:194px;display:flex;align-items:center;}

.header .tel{width:60px;height:60px;line-height:60px;}

.header .tel a{padding:0;width:100%;height:100%;text-indent:-9999px;background-position:center;}

.header .user{width:60px;}

.nav-btn{display:block;width:60px;height:60px;line-height:60px;}

}



.sc{ float:right; padding-right:6%; padding-top:15px;}

.sc p {overflow: hidden; padding-left:82px; color:#232323; font-size:18px;  font-weight:bold; line-height:25px;background: url(../images/client.jpg) no-repeat left center; }

.sc p:nth-child(2){background: url(images/tp-ico3.png) no-repeat left center;background-size:24px;}

.sc p:nth-child(3){background: url(images/tp-ico2.png) no-repeat left center;background-size:24px;}

.sc p em{display: block;font-weight: normal;}



/*--dropDown--*/

.dropDown{display:none;position:absolute;z-index:999;left:11px;top:100%;width:200px;}

.dropDown:before{display:block;position:absolute;z-index:2;left:30px;top:16px;width:8px;height:8px;content:"";background:#fff;transform:rotate(45deg);border:#fff solid 1px;}

.dropDown a{display:block;position:relative;z-index:2;padding:0 20px;height:50px;line-height:50px;font-size:15px;color:#333;border-top:#f0f0f0 solid 1px;background:#fff;}

.dropDown a:first-child{border-top:none;}

.dropDown a:before{display:inline-block;margin-right:10px;content:"-";}

.dropDown a:hover{color:#fff;background:#003894;}





.hocs{padding-right: 6%;padding-bottom: 5px;}



/*版权*/

.copy_box{width: 100%; background:#393939 !important; overflow:hidden;}

.bqa{width: 1500px; margin: 0 auto;}

.copy {text-align: justify; width:100%; margin:0 auto; }



.copy_r{float: right; width: 300px;}

.copy_rtel{float:left; width:300px;}

.copy_rtel p{float:left; width:300px; font-size:14px; color:#999; line-height:24px; margin-top:10px;}

.copy_rtel p span{font-size:16px; color:#fff; font-family:"youth"; display:block}

.copy_rtel em{float:left; width:300px; font-size:15px; color:#999; line-height:34px; margin-top:6px; font-weight:100; letter-spacing: 0.7px;}

.copy_rtel a{width:146px; float:left; border-radius: 50px; height:33px; line-height:33px; background:#fff url(../uploadfile/image/20200729/20200729114735_1563645639.png) top 3px left 25px no-repeat; padding-left:58px; margin-top:40px; transition: all 0.6s;}

.copy_rtel a:hover{width:246px; transition: all 0.6s; background:#fff url(../uploadfile/image/20200729/20200729114735_1563645639.png) top 3px left 75px no-repeat; padding-left:108px;}



.copy1{text-align: justify; width:100%; margin:0 auto;padding:55px 0px 64px 0; overflow:hidden;}

.copy_row1fl{margin-right:20px; float:left;}

.copy_row1 .col4 { float: left; padding-right:92px;}

.copy_row1 .col4:nth-last-child(1){ margin-right: 0; background: none; }

.copy_row1 .col4 .c4title {position: relative; padding: 0 0 20px 0; display: inline-block; font-size:18px; color:#fff; font-weight:100; line-height:35px;}

.copy_row1 .col4 .c4title em{font-size:12px; text-transform:uppercase; color:#999; font-family:Arial; line-height:18px; display:block;}



.copy_row1 .col4:hover .c4title::after{ width: 100%; background: #fff; color:#fff;}

.copy_row1 .col4 ul li a { color: #999; font-size: 14px; display: block; line-height: 30px; font-weight: 100;}

.copy_row1 .col4 ul li a:hover{ text-decoration: underline; color: #ccc; }



.copy_row1_ewm{margin-right:30px;background:#fff;padding:8px 8px 0 8px; overflow: hidden; width:127px; height:154px;}

.copy_row1_ewm span{font-size: 14px;color: #999 !important;display: block;text-align:center;line-height:30px; padding-top: 6px;}

.copy_row1_ewm img{width:100% !important;height:111px !important;float: left;}

.copy_row2{float:left;border-left: 1px #333 solid;height: 200px;padding-left: 80px; width:400px;}



.copy_row2 .fr{}

.copy_row2 .c4title {position: relative; padding: 0 0 20px 0; display: inline-block; font-size:18px; color:#fff; font-weight:100; line-height:35px; width:400px; float:left;}

.copy_row2 .c4title em{font-size:12px; text-transform:uppercase; color:#999; font-family:Arial; line-height:18px; display:block;}



.copy_row3 {font-size:15px; font-weight: 100;color: #999;line-height:80px; width:100%; border-top:1px rgba(102,102,102,0.5) solid;}

.copy_row3 a{font-size:15px; color: #999; margin-left:13.4px;}

.copy_row3l{float:left;}

.copy_row3r{float:right;}





.cr4button { float: right;}



.cr4button a { position: relative; font-size: 13px; color: #fff; display: inline-block; line-height:76px; padding:10px; /*background-color: #525252;*/ margin-left:12px; transition:0.3s all ease-in-out;    opacity: 0.5; }

.crbutton a img{display: block;}



.cr4button a:hover{ background: #003894; border-color: #003894; opacity:1;}

.cr4button .ewm { position: absolute; width: 100px; bottom:46px; right: -26px; z-index: 1; display: none; padding:5px; background: #fff; border-radius: 5px; }

.cr4button .ewm:after{ content: ''; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; position: absolute; bottom: -5px; left: 46px; }

.cr4button .ewm img {display: block; width: 100%; height:auto; }


.lang_box{width: 100%;flex: 1;height: 100%; right:42%; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;position: relative;z-index: 1;cursor: pointer}
.lang_box .lang_head{width: auto;height: auto;overflow: hidden}
.lang_box .lang_head .icon{width: 25px;height: 27px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;float: left;color: #fff;font-size: 0;overflow: hidden}
.lang_box .lang_head .icon i{display: inline-block;background: url(../images/20240411135554_60425316.png) no-repeat 0 2px;width: 25px;height: 27px;filter: contrast(0) brightness(2);}
#c_navigation_126-1662689187014.active .icon i{filter: contrast(1.2) brightness(1);}
#c_navigation_126-1662689187014:hover .icon i{filter: contrast(1.2) brightness(1);}
.lang_box .lang_head .title{width: auto;height: 30px;margin-left:7px;float: right;line-height: 30px;font-family: "DIN-BOLD";font-size: 22px;color: #fff;overflow: hidden;}
.lang_box .lang_head .icon,.lang_box .lang_head .title{-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s}
.lang_box .lang_body{width: 100px;height: auto;position: absolute;top: 100%;left: 50%;margin-top: 5px;margin-left: -50px;border-top: 2px solid #003894;background: #fff;text-align: center;overflow: hidden;visibility: hidden;opacity: 0;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s}
.lang_box .lang_body .item{width: 100%;height: auto;overflow: hidden}
.lang_box .lang_body .item a{width: 100%;height: auto;display: block;padding: 10px;font-size: 14px;color: #333;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;overflow: hidden}
.lang_box .lang_body .item a:hover{color: #003894}
.lang_box:hover .lang_head .icon,.lang_box:hover .lang_head .title{color: #003894!important}
.lang_box:hover .lang_body{visibility: initial;opacity: 1;margin-top: 0}
#c_navigation_126-1662689187014.active  .lang_box .lang_head .title{color: #003894!important}
#c_navigation_126-1662689187014:hover .lang_box .lang_head .title{color: #003894!important}