/* ====================公共样式========================= */
/*导航*/
#daohang{width:100%; height:100px; color:#fff; line-height:100px; border-bottom:1px solid rgba(255,255,255,.2);position: absolute;top:0;left:0;z-index: 999;}
#daohang .fl{width:150px; height:100%;}
#daohang .fl a{width:150px; display:block; float:left; overflow:hidden; margin-top:15px;}
#daohang .fl a img.l1{width:100%; display:block;}
#daohang .fl a img.l2{width:100%; display:none;}
#daohang .fl a.on img.l1{display:none;}
#daohang .fl a.on img.l2{display:block;}

#daohang .nav{float:left;}
#daohang .nav>li{float:left; margin:0 35px; position:relative;} 
#daohang .nav>li>a{font-size:18px; line-height:100px; transition:all .5s ease; position:relative; font-weight:500; display:block; color:#fff;} 
#daohang .nav>li.on>a,#daohang .nav>li:hover>a{color:#82c000 !important;} 
#daohang .nav>li.on>a::after,#daohang .nav>li:hover>a::after{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1);} 
#daohang .nav>li>a::after{content:''; width:100%; height:4px; background:#82c000; position:absolute; bottom:0; left:0; opacity:0; -webkit-transition:all .3s;transition:all .3s;-webkit-transform:scaleX(0);transform:scaleX(0);}
.globalnav-menutrigger{width:27px; float:right; margin:37px 0 0 20px; display:none;}
.globalnav-menutrigger .img1{display:block;}
.globalnav-menutrigger .img2{display:none;}
._block{display:block;}
.styleNav{display:none; position:absolute; top:100%; left:52%; transform:translateX(-50%); z-index:200; background-color:#fff;padding:10px 0; box-shadow:0 3px 10px rgba(0,0,0,.2);}
.styleNav>li{display:block; width:210px; height:36px; position:relative; text-align:center;}
.styleNav>li>a{display:block; line-height:36px; font-size:15px; font-weight:bold; color:#333;padding:0 20px;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}
.styleNav>li>a.active,.styleNav>li:hover>a{background-color:#82c000;color: #fff;}

.navlinks{background-color:#fff; position:absolute; left:0; top:100px; border-top:1px solid #e9e9e9; padding:40px 5.5%; width:100%; z-index:1000; display:none;}
.navlinks .navChild{height:20vw; align-items:normal;} 
.navlinks .leftNavs{width:100%; height:60px; background:#231f20; margin:auto;}
.navlinks .leftNavs li{width:14.285%; float:left; height:60px; line-height:60px; cursor:pointer; font-size:18px; text-align:center;}
.navlinks .leftNavs li a{display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 20px; color:#fff !important;}
.navlinks .leftNavs li.on a,.navlinks .leftNavs li:hover{background:#182c61; color:#fff;}
.thirdNavlist{float:left;}
.leftNavPop-bg,.leftNavPop{display:none;}
#daohang .fr{float:right; border-left:1px solid rgba(255,255,255,.2); padding-left:40px; color:#fff;}
#daohang .fr .tel{float:left; background:url(../image/top_tel_tb.png) left center no-repeat; padding-left:30px; font-size:24px; font-family:"gilroy_bold";}
#daohang .fr .wechat{width:22px; height:22px; display:block; overflow:hidden; margin-top:40px;}
#daohang .fr .wechat img{width:100%; display:block;}
#daohang .fr #popupTrigger2{float:left; margin-left:40px;}
.box-active .fr{color:#182c61 !important; border-left:1px solid #e9e9e9 !important;}
.box-active .fr .tel{background:url(../image/top_tel_tbh.png) left center no-repeat !important;}   

@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }

  30% {
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    transform: scale3d(1.05, .95, 1);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.popup{background-color:rgba(0,0,0,.54);-webkit-transition:opacity .4s cubic-bezier(.23,1,.32,1) 0s;transition:opacity .4s cubic-bezier(.23,1,.32,1) 0s;-o-transition:opacity .4s cubic-bezier(.23,1,.32,1) 0s;-moz-transition:opacity .4s cubic-bezier(.23,1,.32,1) 0s;will-change:opacity,transform}.popup__container{text-align:left;font-size:12px;background-color:#fff;padding:35px;margin:30px auto;box-shadow:rgba(0,0,0,.25) 0 14px 45px,rgba(0,0,0,.22) 0 10px 18px;-webkit-box-shadow:rgba(0,0,0,.25) 0 14px 45px,rgba(0,0,0,.22) 0 10px 18px;-moz-box-shadow:rgba(0,0,0,.25) 0 14px 45px,rgba(0,0,0,.22) 0 10px 18px;border-radius:3px;transition:opacity .2s ease,visibility 0s .1s,transform 450ms cubic-bezier(.23,1,.32,1) 0s,-webkit-transform 450ms cubic-bezier(.23,1,.32,1) 0s;-webkit-transform:scale(.8);-moz-transform:scale(.8);transform:scale(.8);-webkit-transition:opacity .2s ease,visibility 0s .1s,-webkit-transform 450ms cubic-bezier(.23,1,.32,1) 0s;transition:opacity .2s ease,visibility 0s .1s,-webkit-transform 450ms cubic-bezier(.23,1,.32,1) 0s;transition:opacity .2s ease,visibility 0s .1s,transform 450ms cubic-bezier(.23,1,.32,1) 0s;will-change:transform,opacity}.popup__close{position:absolute;top:15px;right:15px;width:18px;height:18px;cursor:pointer;padding-top:8px}.popup__close span{display:block;width:100%;height:1px;background-color:#2f2c2c}.popup__close span:first-of-type{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.popup__close span:last-of-type{-webkit-transform:rotate(-45deg) translateY(-1px);-moz-transform:rotate(-45deg) translateY(-1px);-ms-transform:rotate(-45deg) translateY(-1px);-o-transform:rotate(-45deg) translateY(-1px);transform:rotate(-45deg) translateY(-1px)}@media (max-width:767px){.popup__container{width:80% !important;margin:10px auto;padding:20px 18px}.popup__close{top:10px;right:10px}}.popup.opened .popup__container{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}
.popup{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;z-index:1050;overflow:auto;outline:0;text-align:center;font-size:0;transform:translate3d(0,0,0)}
.popup:after{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
@media (max-width:767px){.popup{padding:20px 0}}
.popup__container{display:inline-block;vertical-align:middle;position:relative}
.popup.opened{opacity:1;visibility:visible}
body.popup-opened{position:fixed;top:0;left:0;right:0;overflow:hidden}
.popup__content img{width:1.5rem;margin:0 auto;display:block;float:left;}

.box-active{width:100%; height:100px; color:#fff;line-height:100px;border-bottom:1px solid rgba(255,255,255,.2);position:fixed !important;top:0;left:0;z-index: 1000;background: #fff;box-shadow: 2px 5px 5px 2px rgba(0,0,0,0.1);}
.box-active .nav li a{color:#333 !important;}
.box-active .nav li a:hover{color:#fff !important;}
.box-active .navlinks .leftNavs li a{color:#fff !important;}
.box-active .globalnav-menutrigger .img1{display:none;}
.box-active .globalnav-menutrigger .img2{display:block;}
.box-active .fl span{color:#333;}
.box-active .fr .wechat img{margin-top:-20px;}

/* 鼠标跟随 */
#c-followDot{position: fixed;top: 0;left: 0;width:10px;height:10px;border-radius: 50%;background-color: #182c61;z-index: 999;pointer-events: none;}
#c-followDot .c-default{position: absolute;top: -30px;left: -30px;width: 60px;height: 60px;border: 1px solid #9c9c9c;border-radius: 50%;opacity: .2;box-sizing: border-box;z-index: 99;-webkit-transition: all .6s;transition: all .6s;}
#c-followDot .c-hover{position: absolute;top: -60px;left: -60px;width: 120px;height: 120px;background-color: #bbb;border-radius: 50%;opacity: .12;z-index: 98;box-sizing: border-box;transform: scale(0, 0);-webkit-transform: scale(0, 0);-webkit-transition: all 0.6s;transition: all 0.6s;}
#c-followDot.c-active .c-default{transform:scale(0, 0); -webkit-transform:scale(0, 0);}
#c-followDot.c-active .c-hover{transform:scale(1, 1); -webkit-transform:scale(1, 1);}

/* 底部 */
.Footer{width:100%; margin:80px auto 0; background:url(../image/footer_bg.jpg) center no-repeat; background-size:cover; padding:60px 0 30px; overflow:hidden;}
.Footer_box{width:95%; max-width:1600px; margin:auto; display:flex; justify-content:space-between;}
.Footer_box_l{width:20%;}
.Footer_box_l .logo2{float:left;}
.Footer_box_l .logo2 img{height:65px; display:block;}
.Footer_box_l .desc{width:100%; float:left; margin-top:30px; font-size:15px; line-height:24px; color:rgba(255,255,255,.5);}
.Footer_box_l .desc a{color:rgba(255,255,255,.5);}
.Footer_box_l .desc a:hover{color:#82c000; text-decoration:underline;}
.m20{margin-top:10px;}
.Footer_box_l .tub{width:100%; float:left; margin-top:30px;}
.Footer_box_l .tub ul{display:flex;}
.Footer_box_l .tub ul li{width:40px; height:40px; background:#333; border-radius:50%; position:relative; margin-right:20px;}
.Footer_box_l .tub ul li:hover{background:#82c000;}
.Footer_box_l .tub ul li:hover:nth-child(2){background:#9f0d11;}
.Footer_box_l .tub ul li a img{width:20px; margin:12px 0 0 10px; transition: .4s;}
.Footer_box_l .tub ul li a:hover img{transform:rotate(360deg); cursor:pointer;}
.Footer_box_l .tub ul li p{position:absolute; left:50%; top:50px; width:120px; transform:translateX(-50%) scale(0); transition:0.4s; opacity:0; transform-origin:center top; border-radius:10px; background:#fff; padding:3px;}
.Footer_box_l .tub ul li p img{width:100%; border-radius:10px;}
.Footer_box_l .tub ul li p::before{content:''; border-bottom:10px solid #fff; border-left:10px solid transparent; border-right:10px solid transparent; position:absolute; top:-10px;
left:50%; transform:translateX(-50%);}
.Footer_box_l .tub ul li p::after{content:''; position:absolute; width:100%; height:18px; top:-18px; left:0;} 
.Footer_box_l .tub ul li:hover p{-webkit-transform:translateX(-50%) scale(1); transform:translateX(-50%) scale(1); opacity:1;}

.Footer_box_r{width:70%; float:right; margin-left:10%;}
.Footer_box_r ul{width:20%; float:left; min-height:180px;}
.Footer_box_r ul li{width:100%; float:left;}
.Footer_box_r ul li.foot_l_bt a,.foot_cont .foot_l_bt a{float:left; color:#fff; font-size:20px; font-weight:bold; margin-bottom:10px;}
.Footer_box_r ul li a{line-height:36px; font-size:16px; color:rgba(255,255,255,.5); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.Footer_box_r ul li a:hover,.foot_cont_wz a:hover,.foot_cont .foot_l_bt a:hover{color:#82c000;}

.copyright{width:100%; margin:60px auto 0; border-top:1px solid rgba(255,255,255,.1); padding-top:30px; color:#999;}
.copyright_l{float:left;}
.copyright_l a{font-size:14px; color:#999; line-height:36px;}
.copyright_l a:hover,.copyright_r a:hover{color:#82c000;}
.copyright_r{float:right;}
.copyright_r .yqlj{float:left; margin-right:30px; line-height:36px;}
.copyright_r .yqlj a{margin:0 5px; color:#999;}
.copyright_r .yqlj a:hover{color:#82c000;}
.copyright_r .link{width:200px; float:right; position:relative;}
.copyright_r .link p{width:200px; float:left; line-height:36px; border:1px solid #787876; color:#999; border-radius:6px; cursor:pointer; font-size:16px; padding-left:10px;}
.copyright_r .link p i{height:36px; float:right; margin-right:10px; padding:0 10px 0 20px;}
.copyright_r .link p i img{width:9px; vertical-align:middle;}
.copyright_r .link dl{position:absolute; z-index:2; right:0; bottom:38px; width:200px; display:none; border-radius:6px;}
.copyright_r .link dd{border:#666 solid 1px; border-bottom:none;}
.copyright_r .link dd a{display:block; height:30px; line-height:30px; padding-left:20px; background:#999; color:#d6d6d6; font-size:15px;}
.copyright_r .link dd a:hover{color:#fff; background:#182c61;}

/* pc侧边栏 */
.sideBar-wrapper{position:fixed; top:50%; right:10px; opacity:0; transform:translateX(80px); animation:side 1s 1s ease forwards; margin-top:-101px; height:206px; width:50px; z-index:6666;margin-top:-103px;}
.sideBar-wrapper ul li{height:50px; position:absolute; left:0; box-shadow:0 4px 18px 0 rgba(102, 102, 102, 0.21);}
.sideBar-wrapper ul li.backTop{bottom:-52px; width:52px; display:block;}
.sideBar-wrapper ul li.relQq{top:52px; width:52px; transition:all .4s;}
.sideBar-wrapper ul li.relDh{top:104px; width:52px; transition:all .4s;}
.sideBar-wrapper ul li.relEwm{top:156px; width:52px;}
.sideBar-wrapper ul li a{display:flex; color:#fff; font-size:15px; height:50px; line-height:50px; position:relative; background-color:#fff; border-radius:5px; transition:all .2s ease;}
.sideBar-wrapper ul li a img{display: block;transition: all .4s ease;}
.sideBar-wrapper ul li a img.s{margin: 12px 16px 14px 14px;}
.sideBar-wrapper ul li a img.h{opacity: 0;position: absolute;left: 14px;top: 12px;}
.site-text{display: none; height: 100%;font-size: 16px; position: absolute;top: 0;right: 100%;padding-right: 5px;white-space: nowrap;color: #182c61;}
.site-text p{background: #fff;width: 100%;height: 100%;padding: 0 20px;align-items: center;justify-content: center;display: flex;border-radius:3px; font-family:"gilroy_regular";}
@keyframes side {
    0%{opacity: 0;transform: translateX(80px);}
    100%{opacity: 1;transform: translateX(0);}
}
.sideBar-wrapper ul li a:hover{background: #182c61;opacity: 1;}
.sideBar-wrapper ul li a:hover .site-text{display: block;}
.sideBar-wrapper ul li a:hover img.s{opacity: 0;}
.sideBar-wrapper ul li a:hover img.h{opacity: 1;}
.sideBar-wrapper-ewm{position: absolute;top: -110px;left: -115px;background: #fff;width: 106px;padding: 3px;height: 106px;display: none;border-radius: 3px;}
.sideBar-wrapper-ewm::after{content: "";position: absolute;width: 9px;height: 9px;background: url('../image/side-arr.png') no-repeat;right: 0;bottom: -9px;}
.sideBar-wrapper-ewm img{display: block;width: 100px;height: 100px;}
.sideBar-wrapper ul li.relEwm:hover .sideBar-wrapper-ewm{display: block;}
@media all and (max-width:1000px) {
    .sideBar-wrapper{display: none;right: 4px;width: 50px;height: auto;top: auto;bottom: 60px;margin-top: 0;}
    .sideBar-wrapper ul li{display: none;height: 46px;}
    .sideBar-wrapper ul li.backTop{display: block;width: 46px;}
    .sideBar-wrapper ul li a{height: 46px;line-height: 46px;background-color: #2d2c32 !important;}
    .sideBar-wrapper ul li a img {margin: 11px 10px 11px 12px;}
}

/* 微信浏览器咨询弹窗 */
.codePopup-box{display: none; position: fixed;left: 0;top: 0;width: 100vw;height: 100vh;background: rgba(0, 0, 0, .5);z-index: 99999;}
.codePopup{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-100%);opacity: 0; width: 70%;background: #fff;}
.codePopup-box.active{display: block;}
.codePopup-box.active .codePopup{animation: codePopup 1s .1s ease forwards;}
@keyframes codePopup {
    0%{opacity: 0; transform: translate(-50%,-100%);}
    100%{opacity: 1; transform: translate(-50%,-50%);}
}
.codePopup-img{width: 90%;margin: 0 auto;}
.codePopup-img img{width: 100%;}
.codePopup-close{position: absolute;top: -25px;right: -25px;}
.codePopup-close::before{font-weight: 700;color: rgba(255, 255, 255, .8);font-size: 14px;}
.codePopup-close:hover::before{color: #fff;}

/* mb侧边栏 */
.Footer-tabs-blank, .Footer-tabs{display: none;}

/* 视频弹窗 */
.popVideo{display: none;align-items: center;justify-content: center;position: fixed;z-index: 999999;width: 100%;height: 100%;background: rgba(0,0,0,.5);top: 0;left: 0;}
.popVideo-items{width: 1000px;position: relative;opacity: 0;}
.popVideo-video{width: 100%;}
.popVideo-video video{width: 100%;}
.popVideo-video iframe{width: 100%;height: 500px;}
.popVideo-close{width: 40px;height: 40px;right: -40px;top: -40px;line-height: 40px;opacity: 0.7;text-align: center;position: absolute;z-index: 3;font-size: 22px;color: #fff;cursor: pointer;transition: all .6s ease;}
.popVideo-close:hover{opacity: 1;}
.popVideo.active{display: flex;}
.popVideo.active .popVideo-items{animation: popVideRun 1s ease both .4s;}
@keyframes popVideRun {0%{opacity: 0;transform: translateY(-200px);}100%{opacity: 1;transform: translateY(0);}}
@media all and (max-width:1100px) {.popVideo-items{width: 92%;}.popVideo-close{right: -8px;}.popVideo-video iframe{height: 400px;}}
@media all and (max-width:640px) {.popVideo-video iframe{height: 200px;}}
/* 中间+共用部分 */
.Container{width:100%;}
.section{width:100%;position: relative;overflow: hidden;}
.contain-1700,.contain-1600, .contain-1400, .contain{margin: 0 auto;}
.contain-1700{width: 1750px;}
.contain-1600{width: 1600px;}
.contain-1400{width: 1400px;}
.contain{width: 1550px;}
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
    .contain-1600{width: 1400px;}
}
@media all and (max-width:1590px) {
    /* 1440 × (700)  */
}
@media all and (max-width:1430px) {
    /* 1360 */
}
@media all and (max-width:1350px) {
    /* 1280 */
}
@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .contain-1700{width:98%;}
    .Header .language_search .lg{margin-left:20px;}
    .contain{width: 960px;}
    .sideBar-wrapper{right: 30px;}
}
@media all and (max-width:1140px) {
    /* 1024 */
    .nav li{margin-right:25px;}
    .nav .drop .left {width: 10.15vw; padding: 1.562vw 0 2.604vw;  margin-left: 16.93125vw; padding-right: 2.6vw;}
    .nav .drop .right{width: calc(100% - 29.68125vw);}
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .Header-zixun.mb{display:flex;}
    .Header-zixun.pc{display:none;}
    body.onSearch .Header-navbar{visibility: visible;opacity: 1;}
    .contain-1700,.contain-1600, .contain-1400, .contain{width: 92%;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .Footer-items{padding:20px 0;}
    .Footer-menu{font-size:16px;}
    .Footer-tabs{display: block;height: 50px;}
    .Footer-tabs{position: fixed;z-index: 9999;left: 0;bottom: 0;background:#fff;width: 100%;}
    .Footer-tabs::before{content: "";position: absolute;width: 100%;height: 1px;background: #e3dad2;left: 0;top: 0;}
    .Footer-tabs li{font-size: 16px;color: #333;float: left;position: relative;width: 19%;}
    .Footer-tabs li a{display:flex;align-items:center;justify-content:center;height: 50px;width: 50px;width: 100%;}
    .Footer-tabs li a>img{margin-right: 6px;width: 18px;}
    .Footer-tabs li.tabsDh{float:right;}
    .Footer-tabs li.tabsDh a{background:#182c61; color:#fff;}
    /* .Footer-tabs li.tabsZx{width: 25%;} */
    .Footer-tabs li.tabsDh{width: 36%;}
    .Footer-tabs li .tabsCode{position: absolute;bottom: 58px;left: 50%;width: 100px;height: 100px;margin-left: -50px;padding: 0 2px;border: 2px solid #fff;background: #fff;display:none;align-items:center;}
    .Footer-tabs li .tabsCode::after{content: "";position: absolute;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 8px solid #fff;width: 0;height: 0;bottom: -8px;left: 50%;margin-left: -8px;}    
    .Footer-tabs li .tabsCode img{width: 100%;object-fit: cover;}
    .Footer-tabs li:hover .tabsCode{display: flex;}
    .Footer-code-img{width:100px; height:100px; margin-left:-50px;}
}