/*-- sdw-tips-tk  --*/
.sdw-tips-tk { width: 100%; height: 100%; background-color: rgba(0,0,0,.5); position: fixed; left: 0; top: 0; z-index: 9999; }
.sdw-tips-tk .sdw-tips-box { width: 500px; padding: 2%; background-color: #fff; text-align: center; position: absolute; left: 50%; top: 50%; -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%); }
.sdw-tips-box .sdw-tips-cont { width: 100%; border: solid 1px #e5e5e5; }
.sdw-tips-box .sdw-tips-cont h3 { font-size: 24px; color: #21a045; margin-top: 5%;}
.sdw-tips-box .sdw-tips-cont p { font-size: 16px; color: #4d4d4d; margin-top: 3%;}
.sdw-tips-box .sdw-tips-cont span.close-btn { display: inline-block; padding: 3% 12%; background-color: #21a045; color: #fff; margin-top: 10%; font-size: 16px; cursor: pointer; }
@media screen and (max-width: 750px){
    .sdw-tips-tk .sdw-tips-box { width: 90%; padding: 4%; }
    .sdw-tips-tk .sdw-tips-box h3 { font-size: 22px; }
}
/*-- sdw-tips-tk  end --*/


/*-- video-tips  --*/
.sdw-tips-tk .video-tips-box { width: 600px; padding: 0%; background-color: #fff; text-align: center; position: absolute; left: 50%; top: 50%; -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%); }
.video-tips-box .video-tips-cont span.close-btn { display: inline-block; padding: 2% 10%; background-color: #21a045; color: #fff; margin: 1%; font-size: 18px; cursor: pointer; }
.video-tips-box .video-tips-cont { width: 100%; border: 2px solid #20c14f; padding: 10px;}
.video-tips-box .video-tips-cont img{ margin: auto; width: auto;}
@media screen and (max-width: 750px){
    .sdw-tips-tk .video-tips-box { width: 96%; padding: 0%; }
    .video-tips-box .video-tips-cont img{ width: 100%;}
}
.sdw-tips-tk .video-tips-box .close{position:absolute;right:8px;top:26px;width:30px;height:30px;line-height:30px;text-align:center;cursor:pointer;transform:translateY(-50%);color: #20c14f;}


/*-- video-tips  end --*/


/*--serverBar--*/
.serverBar{display:none;position:fixed;z-index:999;top:50%;right:0;transform:translateY(-50%);}
.serverBar li{position:relative;margin-bottom:10px;}
.serverBar li a{display:block;padding:5px;width:50px;height:50px;text-align:center;color:#666 !important;background:#fff;border:#f0f0f0 solid 1px;}
.serverBar li a>i{display:block;font-size:18px;}
.serverBar li a>span{display:block;font-size:14px;}
.serverBar li:hover a{color:#fff !important;background:#21a045;border-color:rgba(255,255,255,0.1);}
.serverBar li .infos{display:none;position:absolute;right:60px;padding:10px;background:#fff;border:#f0f0f0 solid 1px;box-shadow:0 0 10px rgba(255,255,255,0.1);}
.serverBar li .tel{top:0;}
.serverBar li .tel dt{padding-bottom:6px;font-size:14px;color:#666;border-bottom:#f0f0f0 solid 1px;}
.serverBar li .tel dd{padding-top:6px;font-size:20px;font-family:"DIN Medium";color:#21a045;white-space:nowrap;}
.serverBar li .QRcode{bottom:0;overflow:hidden;}
.serverBar li .QRcode .item{overflow:hidden;}
.serverBar li .QRcode .item i{display:block;width:100px;}
.serverBar li .QRcode .item img{display:block;width:100%;}
.serverBar li .QRcode .item p{font-size:14px;color:#666;text-align:center;}
.serverBar li:hover .infos{display:block;}
.serverBar li#backTop i{transform:rotate(-180deg);}
@media(max-width:1200px){
.serverBar li#QRcode{display:none;}
.serverBar li:hover .tel{display:none !important;}  
}
/*--end serverBar--*/

/*--cx-menu-01--*/
.cx-menu-01{position:relative;z-index:999;margin:20px auto 0; height: 50px;line-height:50px; width:1400px;background: #eeeeee; box-shadow: 0 1px 2px 0px rgba(0,0,0,0.2);}
.cx-menu-01 .list{height: 50px;line-height:50px; margin:0px; border-left: 15px solid #21a045; padding: 0 25px;}
.cx-menu-01 .list li{position:relative;font-size: 16px;text-align:center; width: 12%; float: left;}
.cx-menu-01 .list li.arr:after{position:absolute;right:20%;bottom:40px;margin-left:0px;width:10px;height:10px;font-size:16px;content:"\f0d7";font-family: "FontAwesome";}
.cx-menu-01 .list li a{display:block;color:#333;}
.cx-menu-01 .list li a:hover{color:#21a045;}
.cx-menu-01 .list li.cur>a,.cx-menu-01 .list li:hover>a{color:#21a045;}
.cx-menu-01 .list li.cur:after,.cx-menu-01 .list li:hover:after{display:block;}
.cx-menu-01 .prev,.cx-menu-01 .next{display:none;position:absolute;top:0;width:75px;height:75px;line-height:70px;text-align:center;color:#999;font-size:24px;cursor:pointer;outline:none;background:#fff;}
.cx-menu-01 .prev{left:0;}
.cx-menu-01 .next{right:0;}
.cx-menu-01 .prev:hover,.cx-menu-01 .next:hover{color:#fff;background-color:#21a045;}
.cx-menu-01 .drop-toggle{display:none;position:absolute;right:0;top:0;width:60px;height:50px;line-height:50px;text-align:center;cursor:pointer;border-left:#f0f0f0 solid 1px;}
.cx-menu-01 .drop-toggle i{display:block;font-size:18px;}
@media(max-width:1400px){
.cx-menu-01{width:1200px;}
}
@media(max-width:1200px){
.cx-menu-01{margin:0;width:100%;height:50px;line-height:50px;text-align:center;border-top:none;background:#fff; overflow: hidden}
.cx-menu-01:after{display:block;position:absolute;z-index:2;left:0;bottom:0;width:100%;height:1px;content:"";background:#f0f0f0;}
.cx-menu-01 .list{margin:0; height: 50px; line-height: 50px; border-left: 6px solid #21a045; padding: 0 5px; }
.cx-menu-01[data-drop="true"] .list{margin-right:50px;}
.cx-menu-01 .list li{width:auto;height:50px;font-size:16px;}
.cx-menu-01 .list li:after{display:none;bottom:0;margin:0;width:30px;height:3px;transform:translateX(-50%);}
.cx-menu-01 .list li a{padding:0 10px;height:50px;border:none; min-width: 90px;}
.cx-menu-01 .list li.cur a,.cx-menu-01 .list li:hover a{color:#21a045;background:none;}
.cx-menu-01 .drop-toggle{display:block;}
.cx-menu-01 .list li:first-child a{border-left: 0; }
}
/*--end cx-menu-01--*/


/*--cx-menu-02--*/
.cx-menu-02{position:relative;z-index:1;margin:20px auto 0;max-width:1400px; height: 50px;line-height:50px;overflow:hidden; background: #eeeeee; box-shadow: 0 1px 2px 0px rgba(0,0,0,0.2);}
.cx-menu-02 .list{padding:0 15px;overflow:hidden;}
.cx-menu-02 .list>span{float: left;position:absolute; z-index: 999; padding: 0 15px;}
.cx-menu-02 .list ul{ padding-left: 20px;}
.cx-menu-02 .list li{position:relative;font-size: 16px;text-align:center; width: 6%; float: left;}
.cx-menu-02 .list li.arr:after{position:absolute;right:15%;bottom:55px;margin-left:-5px;width:10px;height:10px;font-size:16px;content:"\f0d7";font-family: "FontAwesome";}
.cx-menu-02 .list li a{display:block;color:#333;}
.cx-menu-02 .list li:last-child a{border-right:none;}
.cx-menu-02 .list li.cur a,.cx-menu-02 .list li:hover a{color:#21a045;}
.cx-menu-02 .list li.cur:after,.cx-menu-02 .list li:hover:after{display:block;}
.cx-menu-02 .prev,.cx-menu-02 .next{display:none;position:absolute;z-index: 99; top:0; width:15px;height:50px;line-height:50px;text-align:center;color:#999;font-size:24px;cursor:pointer;outline:none;}
.cx-menu-02 .prev{background:#21a045;}
.cx-menu-02 .prev{left:0;}
.cx-menu-02 .next{right:0;}
.cx-menu-02 .prev:hover,.cx-menu-02 .next:hover{color:#fff;background-color:#21a045;}
.cx-menu-02 .drop-toggle{display:none;position:absolute;right:0;top:0;width:60px;height:50px;line-height:50px;text-align:center;cursor:pointer;border-left:#f0f0f0 solid 1px;}
.cx-menu-02 .drop-toggle i{display:block;font-size:18px;}
@media(max-width:1400px){
.cx-menu-02{width:1200px;}
}
@media(max-width:1200px){
.cx-menu-02{margin:0;width:100%;height:50px;line-height:50px;text-align:center;border-top:none;background:#fff;}
.cx-menu-02:after{display:block;position:absolute;z-index:2;left:0;bottom:0;width:100%;height:1px;content:"";background:#f0f0f0;}
.cx-menu-02 .list ul{ padding-left: 0px;}
.cx-menu-02 .list{margin:0; height: 50px; line-height: 50px; border-left: 6px solid #21a045; padding-left: 0px; }
.cx-menu-02[data-drop="true"] .list{margin-right:50px;}
.cx-menu-02 .list li{width:auto;height:50px;font-size:16px; width: 8%;}
.cx-menu-02 .list li:after{display:none;bottom:0;margin:0;width:30px;height:3px;transform:translateX(-50%);}
.cx-menu-02 .list li a{padding:0 10px;height:50px;border:none; min-width: 90px;}
.cx-menu-02 .list li.cur a,.cx-menu-02 .list li:hover a{color:#21a045;background:none;}
.cx-menu-02 .drop-toggle{display:block;}
.cx-menu-02 .list li:first-child a{border-left: 0; }
}
/*--end cx-menu-02--*/

.cx-menu-03{position:relative;z-index:99;margin:25px auto 20px; font-size: 16px;}
.cx-menu-03 .navBox li{ float: left; width: auto; padding:5px 10px;text-align: center; margin: 5px;border-radius: 5px; }    
.cx-menu-03 .navBox li.cur,.cx-menu-03 .navBox li:hover{ background: #21a045; text-align: center; }
.cx-menu-03 .navBox li.cur a,.cx-menu-03 .navBox li:hover a{ color: #fff;}


/*--cx-inpage-banner--*/
.cx-banner-01{width:100%;height:320px;background-repeat:no-repeat;background-position:center;clear:both;position: relative; z-index:1; background-size: cover;}
.cx-banner-01.about{ height: 810px; background-size:auto;}
.cx-banner-01.peipao{height:320px; }
.cx-banner-01.inner{ height: 160px;}

.masking{background:#21a045; opacity: 0.6; height: 100%; z-index: 2;position:absolute;width: 100%;top:0;}
.cx-banner-01 .desc{ z-index: 6; position: relative;}
.cx-banner-01 .desc>h2{font-size:2rem;color:#fff; text-align: center; padding: 2.5% 0 1% 0;word-wrap: break-word; font-weight: 900;}
.cx-banner-01 .desc>p{ text-align: center; background: #fef200; font-size: 20px; color: #000; width: 400px; margin: auto; padding: 8px;}

.cx-banner-01.footenroll{ height: 75px; margin: 50px auto; display: block; display:inline-block;}
.cx-banner-01.footenroll .desc>h2{ color: #333; padding: 1.3%;}

.cx-banner-01 .text{position: absolute;z-index: 3; bottom: 5px;left: 50%;width: 1400px;text-align: left;padding-left: 5px;transform: translateX(-50%);/*! background: rgba(0,0,0,0.5); */}
.cx-banner-01 .text h2{ display:none; position:relative;padding-bottom:20px;font-size:36px;color:#fff;}
.cx-banner-01 .text h2:after{display:block;position:absolute;left:50%;bottom:0;width:20px;height:2px;content:"";background:#fff;transform:translateX(-50%);}
.cx-banner-01 .crumbs{font-size:14px;padding: 10px 0;color:#000;}
.cx-banner-01 .crumbs>span{margin-left: 5px;}
.cx-banner-01 .crumbs a{color:#000;}
.cx-banner-01 .crumbs a:after{display:inline-block;margin:0 8px;font-family:"FontAwesome";content:"\f105";}
.cx-banner-01 .crumbs a:last-child:after{display:none;}
.cx-banner-01 .crumbs a:hover{text-decoration:underline;}
.cx-banner-01 .more{position:absolute;z-index:9;left:50%;bottom: 35%;overflow:hidden;transform:translateX(-50%);text-align: center; margin-left: 30%;}
.cx-banner-01 .more a{display:inline-block;padding: 10px 25px 12px;font-size:24px;color:#fff;border-radius:20px;background:#21a045;transition:all 0.5s; border: 3px solid #f5f5f5;}

.cx-banner-01.footenroll .more{bottom: -5%;}
.cx-banner-01.footenroll .more a{padding: 8px 20px 10px;}


@media(max-width:1400px){
    .cx-banner-01 .text { width:1200px;}
}
@media(max-width:1200px){
    .cx-banner-01 .crumbs{ display: none;}
    .cx-banner-01,.cx-banner-01.peipao{width:100%;height: 85px;background-size: cover; margin-top: 50px;}    
    .cx-banner-01 .more{bottom: 10%;}
    .cx-banner-01 .more a{width: 110px; padding: 6px 10px 8px;font-size:16px;border: 4px solid #f5f5f5;}
    .cx-banner-01.footenroll{position: fixed;z-index:99; bottom: 30px;height: 62px; margin: 10px auto 30px;}
    .cx-banner-01.footenroll .desc>h2{ color: #333; padding: 1.2%; font-size: 1.2rem; text-align: left;margin-top: 16px; text-overflow:ellipsis;white-space:nowrap;}
    .cx-banner-01.footenroll .more a{padding: 8px 10px 10px;}
    .cx-banner-01.about{ height: 230px; background-size:cover;}
    .cx-banner-01.inner{ height: 80px;}
    .cx-menu-03{margin:65px auto 20px;}
}
/*--end cx-inpage-banner--*/

/*--cx-pager-01--*/
.cx-pager-01{clear:both;padding:40px 0;width:100%;line-height:38px;text-align:center;}
.cx-pager-01 .pager-prev,.cx-pager-01 .pager-next{display:inline-block;vertical-align:middle;}
.cx-pager-01 .pager-prev a,.cx-pager-01 .pager-next a{display:block;width:40px;height:40px;color:#9a9a9a;border:#e5e5e5 solid 1px;background-color:#fff;background-position:center;background-repeat:no-repeat;border-radius:50%;}
.cx-pager-01 .pager-prev a:hover,.cx-pager-01 .pager-next a:hover{color:#fff;background-color:#21a045;border-color:#21a045;}
.cx-pager-01 .pager-num{display:inline-block;padding:0 20px;vertical-align:middle;}
.cx-pager-01 .pager-num a{display:inline-block;margin: 0 3px;width:40px;height:40px;font-size:16px;color:#9a9a9a;border:#e5e5e5 solid 1px;background:#fff;border-radius:50%;}
.cx-pager-01 .pager-num a:hover,.cx-pager-01 .pager-num a.cur{color:#fff;background:#21a045;border-color:#21a045;}
@media(max-width:1200px){
.cx-pager-01{padding:20px 0;line-height:30px;}
.cx-pager-01 .pager-prev a,.cx-pager-01 .pager-next a{width:32px;height:32px;}
.cx-pager-01 .pager-num{padding:0 10px;}
.cx-pager-01 .pager-num a{margin:0 2px;width:32px;height:32px;font-size:14px;}
}
/*--end cx-pager-01--*/



/*--public--*/
#app{overflow:hidden;}
.wrapper{margin:0 auto;width:1400px;/*! z-index: 0; *//*! position:relative; */}

.wrap-title{  padding-top:3px; text-align: center; overflow:hidden;animation: fadeinT 1s ease-out backwards;}
.wrap-title h2{font-weight:normal;font-size:42px; line-height: 1; color:#000;}
.wrap-title h2 a{color:#000;}
.wrap-title p{ padding-top: 10px; font-size:18px;color:#666;}
@media(max-width:1400px){
    .wrapper{width:100%;}
}
@media(max-width:1200px){
    .mask{position:fixed;z-index:999;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);backdrop-filter:saturate(180%) blur(20px); opacity: 0.5}
    .wrapper{width:100%;}
    .wrap-title h2{font-size:24px;}
    .wrap-title p{font-size:14px;}
}
/*--end public--*/


/*--header--*/
.header{display: block;width: 100%;padding: 0px 60px 0;height:80px;background: #fff; margin: auto; box-shadow:0 0 30px rgba(0,0,0,0.2); position:relative;z-index: 9999;}
.header .logo{/*! margin: 33px 0; */float:left;}
.header .logo img{display:block;width:100%;padding:10px; height: 65px; margin-top:6px;}
.header .tit {margin-top: 10px;float: left;margin-left: 12px;padding-left: 12px;border-left: 1px solid #c9c9c9;}
.header .tit p {font-size: 20px;color: #000;}
.header .tit span {display: block;font-size: 14px;color: #666;}
.header .lang {margin: 22px 0;float: right;position: relative;z-index: 1;cursor: pointer;}
.header .lang i { display: block; width: 24px; height: 24px; line-height: 24px; border-radius: 50%; border: 1px solid #000; text-align: center;}
.header .lang em { display: none;border-radius: 10px; position: absolute;right: 0;top: 32px;text-align: center;height: 36px;line-height: 36px;box-shadow: 0 0 7px 0 #e6e6e6;z-index: 2;padding: 0 10px;background: #fef200; font-size: 20px;}
.header .lang:hover em { display: block;}

.header .search { float:right; width:110px; height:64px;font-size:14px;margin: 8px 0 0 15px; position:relative; overflow:hidden; }
.header .search form { float:left; width:250px; height:50px;}
.header .search label { /*! display:none; */ float:left; width:110px; margin-top: 10px; height: 42px; position:absolute; left:0; top:0; z-index:0;  border: 3px solid #21a045; border-radius: 25px; }
.header .search input[type='text'] { display:none; width:200px; margin-top: 5px;margin-left: 10px; line-height:1.5em; font-size:1em; color:#666; padding:0.25em 30px 0.25em 10px; border:none; overflow:hidden;}
.header .search a { width:100px; position:absolute; right:0; padding: 4px 0; text-align: center;font-size: 20px; color: #21a045; }
.header .search input[type='reset'],
.header .search button[type='reset'] { display:none; float:right; width:30px; height:30px; border:0;
	position:absolute; top:50%; right:0; z-index:0; cursor:pointer; margin-top:-15px;
}                                              
.header .search button[type='reset']:hover { color:#333; }
.header .search input:focus,
.header .search input[type='submit']:focus,
.header .search button[type='reset']:focus {
	outline: none;
}


.header .nav-btn{display:none;position:absolute;top:0;right:0;width: 50px;height:50px;line-height:55px;text-align:center;cursor:pointer;border-left:rgba(255,255,255,0.1) solid 1px;}
.header .nav-btn i{font-size: 22px;color: #333;}

@media(max-width:1300px){
    .header .lang{display:none;}

}
@media(max-width:1200px){
    .header{left:0;right:0;padding:0 8px;height: 50px; position: fixed; z-index: 9999; top:0;}
    .header.active:after{display:block;position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:rgba(0,0,0,0.5);backdrop-filter:saturate(180%) blur(20px);}
    .header .logo{margin: 4px 0;}
    .header .logo img{ height: 40px; padding:0px; margin-top:0px;width: auto;}
    .header .nav-btn{display:block;}
    .header .tit,.header .search { display: none;}
}
/*--end header--*/




/*--navBar--*/
.navBar{float:right;height: 72px;line-height: 72px; width: 58%; margin-top: 4px;}
.navBar .hd{display:none;position:relative;padding:10px;background: #fff;}
.navBar .hd .pic{width: 142px;}
.navBar .hd .pic img{display:block;width:100%;}
.navBar .hd .close{position:absolute;right:20px;top:50%;width:30px;height:30px;line-height:30px;text-align:center;cursor:pointer;border-radius:50%;/*! background: #21a045; */transform:translateY(-50%);/*! color: #fff; */}
.navBar .bd ul { display: flex;}
.navBar .bd li{ flex:auto;position:relative; text-align: center;}
.navBar .bd li:after{display:block;position:absolute;left:50%;bottom: 10px;margin-left:-23px;width:46px;height:3px;content:"";}

.navBar .bd li.arr:after{position:absolute;bottom: 42px;margin-left:25px;height: 30px;border:none; content:"\f0d7";font-family: "FontAwesome";}

.navBar .bd li>a{display:block;font-size: 16px;color: #000;}
.navBar .bd li:hover:after,.navBar .bd li.cur:after{transform:scale(1);}
.navBar .bd li:hover > a,.navBar .bd li.cur > a,.navBar .bd li:hover.arr:after{ color: #21a045;}


.dropDown{border: #f0f0f0 solid 0px;text-align: left;padding:10px 10px 0;display:none;position:absolute;margin-left: 0%;left: 10%;top: 100%;background:#fff;width:160px;z-index: 9999; opacity: 0.9}
.dropDown:after{display:block;left:50%;top:-5px;margin-left:-4px;width:8px;content:"";}
.dropDown a{ position: relative; border-bottom: 1px dashed #efefef; display:block;padding:0 10px; height: 45px;line-height:45px;font-size:16px;color:#333;}
.dropDown>a:before{display:block;content:"\f105"; position: absolute; right: 0; top: 0; font-family: "FontAwesome"; font-size: 16px; color:#333;}
.dropDown a:hover,.dropDown a:hover:before{color:#21a045;}
.dropDown a:last-child{ border: none;}

.dropDown>.sub{display: none;position:absolute;margin-left: 100%;left: 0%;top: 0%;background: #555;width:210px;}
.dropDown>.sub a:before{ padding: 0 10px;content:"\f105"; position: absolute; right: 0px; top: 0; font-family: "FontAwesome"; font-size: 16px; color:#fff;}



@media(max-width:1200px){
    .dropDown{padding:0 0px;}
    .dropDown a{ color:#fff;}
    .dropDown a:before{ right: 30px; color:#666;}
    .dropDown{position: relative; background: #fff;}
    .navBar .bd li:hover > a,.navBar .bd li.cur > a{ color: #333; background: none;}
    .navBar{position:fixed;z-index:9999;top:0;right:0;padding:0;width:70%;height:100%;overflow:hidden;background: #fff;transform:translate3d(100%,0,0);transition:all 1s;}
    .navBar .hd{display:block;background: #e3e3e3; padding: 6px 5px;}
    .navBar .bd{height:calc(100vh - 60px);overflow-y:auto;}
    .navBar .bd ul { display: block;}
    .navBar .bd li{ text-align: left; padding-left: 9%; float:none; flex: none; line-height:50px;border-bottom:#f0f0f0 solid 1px;}
    .navBar .bd li:after{display:none;}
    .navBar .bd li::before {content:'\f105';display: block; font-family: "FontAwesome";position: absolute;right: 30px;top: 0;font-size: 20px;color: #666;}
    .navBar .bd li a{color:#333;}
    .dropDown{display:none; width:100%;background:#f0f0f0;border-radius:0; margin-left: -28px;}
    .dropDown a{ background: #fff;}
    .navBar .bd li:hover >.dropDown{display:block;}
}
/*--end navBar--*/
.navTab{height: 65px;line-height: 65px; margin: auto; float: none; position:relative;z-index:999;margin:20px auto 0;width:100%;max-width: 1400px; background: #eeeeee; box-shadow: 0 1px 4px 0px rgba(0,0,0,0.3);}
.navTab .bd{margin:0px;border-left: 15px solid #21a045; padding: 0 25px;}
.navTab .bd li a{font-weight: bold;}
.navTab .bd li.arr:after{position:absolute;bottom: 34px;}

/*--footer--*/
.footer { padding: 60px 0 0; background: #222930; overflow: hidden;}
.footer .ft-info { margin-bottom: 45px; overflow: hidden;}
.footer .ft-info  dl {float: left; width: calc(100%/5); border-right: 1px solid #d9d9d9; box-sizing: border-box;}
.footer .ft-info  dl:nth-child(n+2) { padding-left: 7%;}
.footer .ft-info  dl dt { margin-bottom: 25px; font-size: 18px; color: #333;}
.footer .ft-info  dl dt a { font-size: 18px; color: #fff;}
.footer .ft-info  dl dd a {display: block;font-size: 16px;color: #78808d;line-height: 2.25;}
.footer .ft-info  dl a:hover {color: #fff;}
.footer .ft-info .code { padding-left: 7%; box-sizing: border-box; float: left; width: 40%;color: #78808d;}
.footer .ft-info .code .tit { overflow: hidden;}
.footer .ft-info .code .tit h3 { margin-bottom: 25px; line-height: 1;}
.footer .ft-info .code .tit h3 a { color: #fff; font-size: 18px; font-weight: normal;}
.footer .ft-info .code .tit .ft-number { margin: 20px 0;}
.footer .ft-info .code .tit .ft-number  em { margin-right: 20px; display: inline-block; font-size: 24px; color: #21a045; font-family: "DIN Medium"; font-weight: bold;}
.footer .ft-info .code .tit > p { font-size: 16px; color: #78808d;}
.footer .ft-info .code .ft-erweima { margin-top: 45px; overflow: hidden;}
.footer .ft-info .code .ft-erweima .pic { float: left; display: block; margin-right: 45px; width: 110px; text-align: center;}
.footer .ft-info .code .ft-erweima .pic span { display: block; border: 1px solid #d9d9d9;}
.footer .ft-info .code .ft-erweima .pic img { display: block; width: 100%;}
.footer .ft-info .code .ft-erweima .pic p { margin-top: 9px; font-size: 14px; color: #666;}
.footer .ft-name {  padding: 30px 0; border-top: 1px solid #d9d9d9; overflow: hidden;}
.footer .ft-name .name-fl { float: left; font-size: 16px; color: #78808d;}
.footer .ft-name .name-fr { float: right;}
.footer .ft-name .name-fr  a { margin-left: 5px; color: #78808d;font-size: 16px;}
.footer .ft-name .name-fr  a:hover { color: #fff;}

/*--flinks--*/
.flinks{padding:20px 0;overflow:hidden;}
.flinks .addlink{display:block;float:right;font-size:16px;color:#78808d;}
.flinks .addlink:hover{color:#fff;}
.flinks dl{overflow:hidden;}
.flinks dt{float:left;font-size:16px;}
.flinks dt a{color:#78808d;}
.flinks dt a:hover{color:#78808d;}
.flinks dd{overflow:hidden;}
.flinks dd a{display:inline-block;padding:0 10px;color:#fff;font-size: 16px;}
.flinks dd a:hover{color:#fff;}
@media(max-width:1200px){
    .flinks{display:none;}
    
}

@media (max-width:992px) {
    .footer { padding:0px 0 0;}
    .footer .ft-name .name-fl { font-size: 14px; float: none; width: 100%;text-align: center;}
    .footer .ft-name .name-fr { margin-top: 10px; float: none; width: 100%; text-align: center;}
    .footer .ft-name .name-fr a { margin: 0 5px; font-size: 14px;}
    .footer .ft-info {display: none;}
}

/*--end flinks--*/
/*--end footer--*/



/*--serverBar--*/
.serverBar{display:none;position:fixed;z-index:999;top:50%;right:0;transform:translateY(-50%);}
.serverBar li{position:relative;margin-bottom:10px;}
.serverBar li a{display:block;padding:5px;width:50px;height:50px;text-align:center;color:#666 !important;background:#fff;border:#f0f0f0 solid 1px;}
.serverBar li a>i{display:block;font-size:18px;}
.serverBar li a>span{display:block;font-size:14px;}
.serverBar li:hover a{color:#fff !important;background: #21a045;border-color:rgba(255,255,255,0.1);}
.serverBar li .infos{display:none;position:absolute;right:60px;padding:10px;width: 245px;background:#fff;border:#f0f0f0 solid 1px;box-shadow:0 0 10px rgba(255,255,255,0.1);}
.serverBar li .tel{top:0;}
.serverBar li .tel dt{padding-bottom:6px;font-size:14px;color:#666;border-bottom:#f0f0f0 solid 1px;}
.serverBar li .tel dd{padding-top:6px;font-size:20px;font-family:"DIN Medium";color:#21a045;white-space:nowrap;}
.serverBar li .QRcode{bottom:0;overflow:hidden;}
.serverBar li .QRcode .item{margin: 0 5px;float: left;overflow:hidden;border-bottom:#f0f0f0 solid 1px;}
.serverBar li .QRcode .item i{display:block;width:100px;}
.serverBar li .QRcode .item img{display:block;width:100%;}
.serverBar li .QRcode .item p{font-size:14px;color:#666;text-align:center;}
.serverBar li:hover .infos{display:block;}
.serverBar li#backTop i{transform:rotate(-180deg);}
@media(max-width:992px){
    .serverBar{display:none !important;}
    .serverBar li#QRcode{display:none;}
    .serverBar li:hover .tel{display:none !important;}
}
/*--end serverBar--*/

:hover