/*-- 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: #1cc06d; 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: #1cc06d; 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 --*/


/*--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:#1cc06d;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:#1cc06d;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:1;margin:-5px auto 0;height:85px;line-height:75px;overflow:hidden;border-top:#1cc06d solid 5px;}
.cx-menu-01 .list{margin:0 75px;overflow:hidden;}
.cx-menu-01 .list li{position:relative;height:80px;font-size:18px;text-align:center;}
.cx-menu-01 .list li:after{display:none;position:absolute;left:50%;bottom:2px;margin-left:-5px;width:10px;height:10px;font-size:16px;content:"";background:#1cc06d;transform:rotate(-45deg);}
.cx-menu-01 .list li a{display:block;height:75px;color:#333;border-right:#e5e5e5 solid 1px;background:#fff;}
.cx-menu-01 .list li:last-child a{border-right:none;}
.cx-menu-01 .list li.cur a,.cx-menu-01 .list li:hover a{color:#fff;background:#1cc06d;}
.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:#1cc06d;}
.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:1200px){
.cx-menu-01{margin:0;width:100%;height:50px;line-height:50px;text-align:center;border-top:none;background:#fff;}
.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;}
.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;}
.cx-menu-01 .list li.cur a,.cx-menu-01 .list li:hover a{color:#1cc06d;background:none;}
.cx-menu-01 .drop-toggle{display:block;}
}
/*--end cx-menu-01--*/


/*--cx-inpage-banner--*/
.cx-banner-01{width:100%;height:320px;background-repeat:no-repeat;background-position:center;background-size: cover;clear:both;position: relative; z-index:1;}
.Custom .masking{background:#2775bf; opacity:0.8; 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:3rem;color:#fff; text-align: center; padding: 3% 0 1% 0;word-wrap: break-word; font-weight: 900;}
.cx-banner-01 .desc>p{ text-align: center; background: #fef200; font-size: 16px; color: #000; width: 400px; margin: auto; padding: 8px;}


.cx-banner-01 .text{position: absolute;z-index: 3; bottom: 5px;left: 50%;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%);}
.crumbs{font-size:14px;padding: 10px 0;color:#fff;}
.crumbs a{color:#fff;}
.crumbs a:after{display:inline-block;margin:0 8px;font-family:"FontAwesome";content:"\f105";}
.crumbs a:last-child:after{display:none;}
.crumbs a:hover{text-decoration:underline;}
.cx-tenders{padding: 5px 0;}
.cx-tenders .crumbs{font-size:14px;padding: 10px 0;color:#333;}
.cx-tenders .crumbs a{color:#333;}


@media(max-width:1440px){
    .cx-banner-01 .text { width:99%;}
}
@media(max-width:1200px){
.cx-banner-01{display:none;}  
}
/*--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:#1cc06d;border-color:#1cc06d;}
.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:#1cc06d;border-color:#1cc06d;}
@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:1440px;z-index: 3;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:1440px){
    .wrapper{padding: 0 15px;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%; padding: 0px}
    .wrap-title h2{font-size:24px;}
    .wrap-title p{font-size:14px;}
}
/*--end public--*/



/*--header--*/
.header{display: block;width: 100%;padding: 20px 60px 0;height:112px;background: #fff; margin: auto;border-bottom: 1px solid #f5f5f5;}
.header .logo{margin: 2px 0 0;float:left;}
.header .logo img{display:block; height: 62px;}
.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: #333;}
.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: 26px; height: 26px; line-height: 24px; border-radius: 50%; border: 1px solid #333; text-align: center;color: #1cc06d;}
.header .lang em { display: none;color: #fff; 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: #1cc06d; font-size: 20px;}
.header .lang:hover em { display: block;}

.header .search { float:right; width:30px; /*! height:50px; */ font-size:14px;margin: 20px 0px 0 0; position:relative; overflow:hidden; }
.header .search form { float:left; width:160px; height:50px;}
.header .search label { display:none; float:left; width:100%; position:absolute; left:0; top:0; z-index:0; border:1px solid #d5d5d5; border-radius: 5px;}
.header .search input[type='text'] { width:140px; line-height:1.5em; font-size:1em; color:#666; margin:0.25em 30px 0.25em 10px; border:none; overflow:hidden;}
.header .search a { float:left; width:30px; height:100%; position:absolute; right:0; z-index:999;}
.header .search a { width:32px; height:32px; position:absolute; top:50%; right:0; margin:-20px 0 0 0; text-align: center;font-size: 20px; }
.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:1440px){
    .header{padding: 20px 0px 0;}
}
@media(max-width:1200px){
    .header{left:0;right:0;padding:0;height: 50px; position: fixed; z-index: 9999; top:0;opacity: 0.95;}
    .header.active:after{display:block;position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:#fff;backdrop-filter:saturate(180%) blur(20px);}
    .header .logo{margin: 5px 1px;}
    .header .logo img{ height: 40px; width: auto;}
    .header .nav-btn{display:block;}
    .header .tit,.header .search { display: none;}
    .header .lang{ display: none;}
}
/*--end header--*/

/*--navBar--*/
.navBar{float:right;height: 72px;line-height: 72px; width: 54%;}
.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: #1cc06d; */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:"";background:#1cc06d;transform:scale(0,1);transition:all 0.5s;}
.navBar .bd li:hover:after,.navBar .bd li.cur:after{transform:scale(1);}
.navBar .bd li:hover > a,.navBar .bd li.cur > a{ color: #1cc06d;}

.navBar .bd li>a{display:block;font-size:18px;color: #000;/*! font-weight: bold; */ }


.dropDown{border: #f0f0f0 solid 0px;text-align: left;padding: 10px 10px 0;display:none;position:absolute;margin-left: 0%;left: 0%;top: 100%;background:#fff;width:210px;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:50px;line-height:50px;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:#1cc06d;}
.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:1440px){
    .navBar{width: 56%;}
}

@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: #f5f5f5; padding: 3px 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; }
    .dropDown a{ background: #fff;}
    .navBar .bd li:hover >.dropDown{display:block;}
}
/*--end navBar--*/


/*--footer--*/
.footer { padding: 60px 0 0; background: #1cc06d; 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: #fff;line-height: 2.25;}
.footer .ft-info  dl a:hover {color: #d5d5d5;}
.footer .ft-info .code {padding-left: 7%; box-sizing: border-box; float: left; width: 40%;}
.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: 30px; color: #fff; font-weight: bold;}
.footer .ft-info .code .tit > p { font-size: 16px; color: #fff;}
.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: #fff;}
.footer .ft-name {  padding: 30px 0; border-top: 1px solid #f5f5f5; overflow: hidden;}
.footer .ft-name .name-fl { float: left; font-size: 16px; color: #fff;}
.footer .ft-name .name-fr { float: right;}
.footer .ft-name .name-fr  a { margin-left: 5px; color: #fff;font-size: 16px;}
.footer .ft-name .name-fr  a:hover { color: #d5d5d5;}
/*--end footer--*/

/*--flinks--*/
.flinks{padding:20px 0;overflow:hidden;}
.flinks .addlink{display:block;float:right;font-size:16px;color:#fff; margin-left: 20px;}
.flinks .addlink:hover{color:#d5d5d5;}
.flinks dl{overflow:hidden;}
.flinks dt{float:left;font-size:16px;}
.flinks dt a{color:#fff;}
.flinks dt a:hover{color:#1cc06d;}
.flinks dd{overflow:hidden;}
.flinks dd a{display:inline-block;padding:0 10px;color:#fff;font-size: 16px;}
.flinks dd a:hover{color:#d5d5d5;}
@media(max-width:1200px){
    .flinks{display:none;}
    .footer .ft-info dl:first-child{ padding-left: 10px;}
    .footer .ft-name {padding: 30px 5px;}
}

@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--*/

/*--serverBar--*/
.serverBar{display:block;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: #1cc06d;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;color:#1cc06d;white-space:nowrap;}
.serverBar li .QRcode{bottom:0;overflow:hidden;width: 135px;}
.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--*/