.left{
    width: 20%; float: left;
    margin-right: 2%;
}
.right{
    width: 78%; float: left;
}

.blog-top{ padding: 30px; margin: auto; display: inline-block; text-align: center; width: 100%; font-size: 16px;}


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

/* 一级 */
.navside { text-align:center; position:relative; z-index:10; margin-bottom: 20px; }
.navside .head { line-height:68px; height: 68px; background:#3994cb; color:#fff; }
.navside .head .icon { display:none; float:left; font-size:16px/* 图标大小 */; padding-right:10px; margin-left:-5px; }
.navside .head,
.navside .menu a { display:block; overflow:hidden; padding:0 20px; text-decoration:none;}
.navside .menu .icon { display:none; float:left; padding-right:5px; }
.navside .menu span { display:block; 
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.navside .menu .item { line-height:50px; position:relative; z-index:1; font-size:18px; list-style: none;}
.navside .menu .item > a {  background:#e3f4fe; border:1px solid #d7effd; margin-top:-1px; color: #333;}
.navside .menu .item.active { position:relative; z-index:3; }
.navside .menu .item:hover { position:relative; z-index:2; }
.navside .menu .item.active > a,
.navside .menu .item:hover > a {color: #3994cb;}


.left .contact {
	padding: 20px 0 30px;
	line-height: 1.8;
	font-size: 13px;
    background:#e3f4fe;
}
.left .contact p{
	font-size: 16px;
    padding: 0 5px;
}
.left .contact p strong{
    font-weight: bold;
}

.location{ padding: 3px 0;}
.location .crumbs{font-size:14px;padding: 10px 0;color:#3994cb;}
.location .crumbs span,.location .crumbs a{color:#333;}
.location .crumbs a:after{display:inline-block;margin:0 8px;font-family:"FontAwesome";content:"\f105";}
.location .crumbs a:hover{text-decoration:underline; color:#3994cb;}


/*--cx-inpage-banner--*/
.cx-banner-01{width:100%;height:720px;background-repeat:no-repeat;background-position:center;clear:both;position: relative;}
.cx-banner-01 .text{position: absolute;bottom: 5px;left: 50%;width: 1440px;text-align: left;padding-left: 30px;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%);}

@media(max-width:1440px){
    .cx-banner-01 .text { width:1200px;}
}
@media(max-width:1200px){
.cx-banner-01{display:block; height: 250px; background-size: cover;}  
}
/*--end cx-inpage-banner--*/

/*--cx-pager-01--*/
.cx-pager-01{clear:both;padding:10px 0 50px;width:100%;line-height:40px;text-align:center;}

.pagination p{
    margin:0;
    cursor:pointer
}
.pagination{
    height: 50px;text-align:center;
    padding:30px 0px;
}
.pagination a{
    display:inline-block;
    margin-right:10px;
    padding:0px 12px;
    height:32px;
    border:1px #999 solid;
    background:#fff;
    text-decoration:none;
    color:#3994cb;
    font-size:16px;
    line-height:32px;
}
.pagination a:hover{
    color:#999;
    background: white;
    border:1px #333 solid;
}
.pagination a.cur{
    border:none;
    background:#e62022;
    color:#fff;
}
.pagination p{
    display:inline-block;
    padding:2px 12px;
    font-size:12px;
    height:24px;
    line-height:24px;
    color:#bbb;
    border:1px #ccc solid;
    background:#fcfcfc;
    margin-right:8px;
}
.pagination p.pageRemark{
    border-style:none;
    background:none;
    margin-right:0px;
    padding:4px 0px;
    color:#666;
}
.pagination p.pageRemark b{
    color:red;
}
.pagination p.pageEllipsis{
    border-style:none;
    background:none;
    padding:4px 0px;
    color:#808080;
}

/*--end cx-pager-01--*/



/*--public--*/
#app{overflow:hidden;}
.mask{position:fixed;z-index:99;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);backdrop-filter:saturate(180%) blur(20px);  opacity: 0.7}
.wrapper{margin:0 auto;width:1400px;}

.wrap-title{  padding: 10px 0 40px; 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{width:1200px;}
}
@media(max-width:1200px){
    .wrapper{width:100%;}
    .wrap-title h2{font-size:28px;}
    .wrap-title p{font-size:14px;}
    .wrap-title{  padding: 0px 0 0px;}
}
/*--end public--*/



/*--header--*/
.header{display: block;width: 100%;padding: 0 40px;height: 92px;background: #fff;}
.header .logo{margin: 24px 0 0;float:left;}
.header .logo img{display:block;height: 50px;}
.header .tit {margin-top: 28px;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 { display: none; margin: 35px 0 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 #3994cb; text-align: center; color:#3994cb}
.header .lang em { display: none; position: absolute;right: 0;top: 28px;text-align: center;width: 150px;height: 30px;line-height: 30px;box-shadow: 0 0 7px 0 #3994cb;z-index: 2;font-size: 16px;}

.header .lang:hover em { display: block;}
.header .nav-btn{display:none;position:absolute;top:0;right:0;width:60px;height:55px;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-left: 5px;height:50px; clear: both;position: fixed; top: 0; z-index: 999;}
    .header .logo{margin: 5px;/*! width: 125px; */}
    .header .nav-btn{display:block;}
    .header .tit { display: none;}
    .header .logo img{height: 42px;}
    .mBanner{display:block; margin-top: 55px;}
}
/*--end header--*/

/*--navBar--*/
.navBar{float:right;height: 92px;line-height: 92px;width: 65%;}
.navBar .hd{display:none;position:relative;padding:10px;background: #fff;}
.navBar .hd .pic{width: 142px;}
.navBar .hd .pic img{display:block;width: 60%;}
.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: #1d2b57; */transform:translateY(-50%);/*! color: #fff; */}
.navBar .bd ul { display: flex;}
.navBar .bd li{ flex:auto;position:relative; text-align: center;}
.navBar .bd li.arr:after{position:absolute;bottom: 60px;margin-left:36px;height: 30px;border:none; content:"\f0d7";font-family: "FontAwesome"; color: #fff;}
.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{ color: #fff; background: #429dd6;}


.dropDown{border: #f0f0f0 solid 0px;text-align: left;padding:0 10px;display:none;position:absolute;margin-left: 0%;left: 0%;top: 100%;background: #666;width:210px;z-index: 9999; opacity: 0.8}
.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:55px;line-height:55px;font-size:16px;color:#fff;}
.dropDown>a:before{display:block;content:"\f105"; position: absolute; right: 0; top: 0; font-family: "FontAwesome"; font-size: 16px; color:#fff;}
.dropDown a:hover,.dropDown a:hover:before{color:#429dd6;}
.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;}
    .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: #232323; overflow: hidden;}
.footer .ft-info { margin-bottom: 45px; overflow: hidden;}
.footer .ft-info  dl {float: left; width: calc(100%/6); border-right: 1px solid #d9d9d9; box-sizing: border-box;}
.footer .ft-info  dl:nth-child(n+2) { padding-left: 3%;}
.footer .ft-info  dl dt { margin-bottom: 25px; font-size: 18px; color: #fff;}
.footer .ft-info  dl dt a { font-size: 18px; color: #fff;}
.footer .ft-info  dl dd a {display: block;font-size: 16px;color: #d5d5d5;line-height: 2.25;}
.footer .ft-info  dl a:hover {color: #999;}
.footer .ft-info  dl:nth-child(5),.footer .ft-info  dl:nth-child(6) {display: none;}



.footer .ft-info .code { padding-left: 3%; box-sizing: border-box; float: left; width: 33%; }
.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 {color: #fff; font-size: 20px;}
.footer .ft-info .code .tit .ft-number em { margin-right: 20px; display: inline-block; font-size: 24px; color: #d5d5d5; font-weight: bold;}
.footer .ft-info .code .tit > p{ font-size: 16px; color: #d5d5d5; padding: 10px 0}
.footer .ft-info .code .tit i{ font-size: 16px; padding: 0 10px 0 0; text-align: center; width: 30px;}
.footer .ft-info .code .tit > p>a{font-size: 16px; color: #d5d5d5;}
.footer .ft-info .code .ft-erweima { margin-top: 25px; overflow: hidden;}
.footer .ft-info .code .ft-erweima .pic { float: left; display: block; margin-right: 25px; 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: 5px; font-size: 14px; color: #d5d5d5;}
.footer .ft-name {  padding: 30px 0; border-top: 1px solid #d9d9d9; overflow: hidden; background: #101010;}
.footer .ft-name .name-fl { float: left; font-size: 16px; color: #666;}
.footer .ft-name .name-fr { float: right;}
.footer .ft-name .name-fr  a { margin-left: 5px; color: #666;font-size: 16px;}
.footer .ft-name .name-fr  a:hover { color: #1d2b57;}

.copyright { padding: 0; background: #101010; overflow: hidden;}
.copyright .ft-name {  padding: 25px 0; overflow: hidden;}
.copyright .ft-name .name-fl { float: left; font-size: 16px; color: #d5d5d5;}
.copyright .ft-name .name-fr { float: right;}
.copyright .ft-name .name-fr  a { margin-left: 5px; color: #d5d5d5;font-size: 16px;}
.copyright .ft-name .name-fr  a:hover { color: #333;}

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

@media (max-width:992px) {
    .footer { padding:40px 0 0; display: none;}
    .copyright .ft-name .name-fl { font-size: 14px; float: none; width: 100%;text-align: center;}
    .copyright .ft-name .name-fr { margin-top: 10px; float: none; width: 100%; text-align: center;}
    .copyright .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: #1d2b57;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:#1d2b57;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 li#QRcode{display:none;}
    .serverBar li:hover .tel{display:none !important;}
    .serverBar{display:none !important;}
}
/*--end serverBar--*/