@charset "utf-8";


body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,dl, dt, dd, ul, ol, li, pre,form, fieldset, legend, button, input, textarea, th, td {margin: 0;padding: 0;}
body,button, input, select, textarea {font: 14px/1.5  Microsoft Yahei, Helvetica Neue, Helvetica, Arial, sans-serif;font-weight: 300;}
body {background:#fff;-webkit-text-size-adjust:100%;color: #333;overflow-x: hidden;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 300;overflow: visible;}
i, em, address, cite, dfn, var{ font-style: normal; }
code, kbd, pre, samp { font-family: Microsoft Yahei, Helvetica Neue, Helvetica, Arial,sans-serif } /* 统一等宽字体 */
small { font-size: 12px;} 
b,strong {font-weight: bold;}
/** 重置列表元素 **/
ul, ol {list-style-type: none;margin: 0;padding: 0;}
ul, ol ,li { list-style: none;}

/** 重置文本格式元素 **/
a,a:active {color: inherit;text-decoration: none;cursor: pointer;border: 0;}
sup { vertical-align: text-top; } 
sub { vertical-align: text-bottom; }
span{line-height: normal;}
/** 重置表单元素 **/
legend { color: #000; } 
fieldset, img { border: 0; } 
button, input, select, textarea { font-size: 100%; border-radius: 0;}
button{border:0;background-color:none;outline:none;-webkit-appearance: none;}
select {border: none;appearance:none;-moz-appearance:none;-webkit-appearance:none;padding-right: 14px;}
textarea { resize:none; } 
select, button, input,img {vertical-align: middle;}
/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0; }
/* 重置 HTML5 元素 */
article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section,
summary, time, mark, audio, video {display: block;margin: 0;padding: 0;}
img {max-width: 100%;}
/* <input>标签 */
input{border: none;appearance:none;-moz-appearance:none;outline:none;-webkit-appearance: none;}
input:focus{ outline:none; }

/* input标签placeholder样式重设 */
:-moz-placeholder {color:#666;font-size: 14px;}
::-moz-placeholder {color:#666;font-size: 14px;}
input:-ms-input-placeholder{color:#666;font-size: 14px;}
input::-webkit-input-placeholder{color:#666;font-size: 14px;}

/* 重绘元素边框盒 */
*{ box-sizing:border-box;}
*::before, *::after{ box-sizing:border-box;}
*:focus{ outline:none;}

.clearfix {*zoom:1}
.clearfix:before, .clearfix:after {display:table;content:""}
.clearfix:after {clear:both}
/* 文字限制行数 */
/* 限制一行 */
.line-1 {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
/* 【常用】限制多行 修改行数-webkit-line-clamp: 2;【兼容必须限高】 */
.line-2 {overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.line-3 {overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}

::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #555;
}

@font-face {
    font-family: "COLFAX Bold";
    src: url('../fonts/COLFAX-Bold.otf');
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: "QUARTO Bold";
    src: url('../fonts/QUARTO-Bold.otf');
    font-weight: 400;
    font-style: normal
}
.bsBox,.bsBox * {box-sizing: content-box;}



/* ====================公共样式========================= */

/* 头部 */
.header-wrapper{width: 100%;position: fixed;z-index: 99999;top: 0;left: 0;background: transparent;user-select: none;transition: background .4s;}
.header-container{width: 100%;margin: 0 auto;padding: 0 60px;}
.header-logo{float: left;height: 84px;display: flex;align-items: center;position: relative;z-index: 999;transition: height .4s;}
.header-logo img {height: 50px;}
.header-logo img.header-logo-black {display: block;}
.header-logo img.header-logo-white {display: none;}
.header-important{float: right;}
.header-important ul{display: flex;position: relative;}
.header-important ul li{margin-right: 32px;position: relative;}
.header-important-menu{display: flex;align-items: center;font-size: 16px;color: #ffffff;height: 84px;transition: height .4s;position: relative;}
.header-important-menu span {position: relative;}
.header-important-menu span::after{content: "";position: absolute;width: 0px;height: 2px;background: #fff;border-radius: 3px;left: 0;right: 0;bottom: -6px;margin: 0 auto;opacity: 0;transition: all .4s ease;}
.header-important ul li:hover .header-important-menu span::after{opacity: 1;width: 28px;}
.header-important-drop{position: absolute;}
.header-important-menu.line{pointer-events: none;}
.header-important-menu.line i{width: 1px;height: 15px;background: #fff;position: relative;top: 1px;}

.header-important-drop{opacity: 0;pointer-events: none;transform: translateY(30px);top: 83px;transition: all .5s ease;position: absolute;width: 100px;left: 50%;margin-left: -50px;background: rgba(0,0,0,.7);padding: 8px 0 14px;box-shadow: 0 0 20px rgba(29,56,75,.2);}
.header-important-drop a{display: flex;align-items: center;height: 38px;position: relative;font-size: 14px;color: rgba(255, 255, 255, 0.5);transition: all .4s ease;justify-content: center;}
.header-important-drop a:hover{background: rgba(173,0,0,.7);color: #fff;}
.header-important li.active .header-important-drop{opacity: 1;pointer-events: auto;transform: translateY(0) !important;}

.header-navclick{display: flex;height: 84px;transition: height .4s;cursor: pointer;float: right;user-select: none;align-items: center;position: relative;z-index: 999992;}
.header-navclick span{width: 28px;height: 2px;background: #fff;display: block;position: relative;transition: all .2s linear;}
.header-navclick span::before,.header-navclick span::after{content: "";position: absolute;height: 2px;background: #fff;display: block;left: 0;width: 100%;transition: all .2s linear;}
.header-navclick span::before{top: -8px;}
.header-navclick span::after{top: 8px;}
.header-navclick.active span{-moz-animation: buttonAnimation 0.3s ease forwards;-webkit-animation: buttonAnimation 0.3s ease forwards;animation: buttonAnimation 0.3s ease forwards;}
.header-navclick.active span::before{background-color: #ffffff !important;-moz-animation: buttonAnimationBefore 0.3s ease forwards;-webkit-animation: buttonAnimationBefore 0.3s ease forwards;animation: buttonAnimationBefore 0.3s ease forwards; }
.header-navclick.active span::after{background-color: #ffffff !important;-moz-animation: buttonAnimationAfter 0.3s ease forwards;-webkit-animation: buttonAnimationAfter 0.3s ease forwards;animation: buttonAnimationAfter 0.3s ease forwards;}

@-moz-keyframes buttonAnimationBefore {
    0% {-moz-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0);}
    50% {-moz-transform: translateY(8px) rotate(0);transform: translateY(8px) rotate(0);}
    100% {-moz-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg);}
}
@-webkit-keyframes buttonAnimationBefore {
    0% {-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0);}
    50% {-webkit-transform: translateY(8px) rotate(0);transform: translateY(8px) rotate(0);}
    100% {-webkit-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg);}
}
@keyframes buttonAnimationBefore {
    0% {-moz-transform: translateY(0px) rotate(0);-ms-transform: translateY(0px) rotate(0);-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0);}
    50% {-moz-transform: translateY(8px) rotate(0);-ms-transform: translateY(8px) rotate(0);-webkit-transform: translateY(8px) rotate(0);transform: translateY(8px) rotate(0);}
    100% {-moz-transform: translateY(8px) rotate(45deg);-ms-transform: translateY(8px) rotate(45deg);-webkit-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg);}
}
@-moz-keyframes buttonAnimationAfter {
    0% {-moz-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0);}
    50% {-moz-transform: translateY(-8px) rotate(0);transform: translateY(-8px) rotate(0);}
    100% {-moz-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg);}
}
@-webkit-keyframes buttonAnimationAfter {
    0% {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0);}
    50% {-webkit-transform: translateY(-8px) rotate(0);transform: translateY(-8px) rotate(0);}
    100% {-webkit-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg);}
}
@keyframes buttonAnimationAfter {
    0% {-moz-transform: translateY(0) rotate(0);-ms-transform: translateY(0) rotate(0);-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0);}
    50% {-moz-transform: translateY(-8px) rotate(0);-ms-transform: translateY(-8px) rotate(0);-webkit-transform: translateY(-8px) rotate(0);transform: translateY(-8px) rotate(0);}
    100% {-moz-transform: translateY(-8px) rotate(-45deg);-ms-transform: translateY(-8px) rotate(-45deg);-webkit-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg);}
}
@-moz-keyframes buttonAnimation {
    0% {background: transparent;}
    50% {background: rgba(255, 255, 255, 0);}
    100% {background: rgba(255, 255, 255, 0);}
}
@-webkit-keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0);}
    100% {background: rgba(255, 255, 255, 0);}
}
@keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0);}
    100% {background: rgba(255, 255, 255, 0);}
}


.navclick-menu {display: flex;height: 84px;transition: height .4s;cursor: pointer;float: right;user-select: none;align-items: center;}
.navclick-menu i {color: #fff;font-weight: bold;}

.header-link {display: flex;align-items: center;float: right;height: 84px;margin-right: 20px;transition: height .4s;}
.header-link a {color: #fff;font-size: 22px;font-weight: bold;}

.header-wrap{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999991;visibility: hidden;pointer-events: none;}
.header-mask{position: absolute;top: 0;right: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.8);transition: opacity 0.8s;opacity: 0;}
.header-navbar{position: absolute;opacity: 0;width: 300px;height: 100vh;right: 0;top: 0;transform: translate(312px,0);transition: all .8s;background: #2b2b2b; padding-top: 12.25%;}
.header-navbar ul li {width: 100%;position: relative;}
.header-navbar ul li a {transition: all 0.4s; -webkit-transition: all 0.4s; line-height: 48px; color: #989898; position: relative; display: block; text-align: center; font-size: 16px; padding: 5px 0; }
.header-navbar ul li a::after {content: ""; display: block; width: 100%; transition: all 0.8s; -webkit-transition: all 0.8s; width: calc(100% + 30px); z-index: -1; height: 100%; background: #0368d9; position: absolute; overflow: hidden; right: -100%; right: calc(-100% - 30px); top: 0; }
.header-navbar ul li a:hover {color: #fff; }
.header-navbar ul li a:hover::after {right: 0; }


.header-arrow{display: none;}
.header-menu{font-size: 18px;color: #fff;display: block;width: 100%;position: relative;}
.header-menu span{display: inline-block;position: relative;height: 58px;line-height: 58px;}
.header-menu span::after{content: "";position: absolute;width: 0%;height: 1px;background: #ad0000;left: 0;bottom: 0;transition: width .6s;}
/*.header-menu::after, .header-navbar li::after{content: "";position: absolute;width: 100%;height: 1px;background: rgba(255, 255, 255, 0.1);left: 0;bottom: 0;}*/
.header-menu::after{opacity: 0;transition: all .6s;}
.header-drop{width: 100%;position: relative;height: 0;overflow: hidden;transition: all .6s;}
.header-drop a{display: flex;align-items: center;width: 100%;height: 36px;font-size: 16px;color: rgba(255, 255, 255, 0.5);transition: color .4s ease;}
.header-drop a:first-child{margin-top: 10px;}
.header-drop a:last-child{margin-bottom: 10px;}
.header-drop a:hover{color: #fff;}
.header-navbar li.active .header-menu span::after{width: 100%;}
.header-navbar li.active .header-menu::after{opacity: 1;}
.header-wrap.active{visibility: visible;pointer-events: auto;}
.header-wrap.active .header-mask{opacity: 1;}
.header-wrap.active .header-navbar{opacity: 1;transform: translate(0,0);}
.header-wrap.active .header-navbar li{animation: HeaderRun .8s ease both;}
@keyframes HeaderRun {0%{transform: translateX(300px);}100%{transform: translateX(0);}}



body.noLucency .header-logo, body.noLucency .header-important-menu, body.noLucency .header-navclick,body.noLucency .navclick-menu, body.noLucency .header-link{height: 70px;}
body.noLucency .header-wrapper{background: #1b1b1b;}
body.noLucency .header-important-menu::after{bottom: 28px;}
body.noLucency .header-important .header-important-menu {color: #ffffff;}
body.noLucency .header-link a,
body.noLucency .header-navclick i {color: #ffffff;}
body.noLucency .header-navclick span,
body.noLucency .header-navclick span::before, 
body.noLucency .header-navclick span::after {background-color: #ffffff;}
body.noLucency .header-logo img.header-logo-black {display: none;}
body.noLucency .header-logo img.header-logo-white {display: block;}

/* 中间+共用部分 */
.container-wrapper{width: 100%;}
.container{width: 1530px;margin: 0 auto;}
.container-1280{width: 1280px;margin: 0 auto;}


.newsMenu{width: 100%; display: flex; justify-content: center; margin-bottom: 50px; }
.newsMenu a{width: auto; height: auto; position: relative; line-height: 35px; padding: 5px 25px; border-radius: 60px; margin: 0px 10px; color: #000; font-size: 16px; border: 1px solid #000; }
.newsMenu a.active,.newsMenu a:hover{background: #000; color: #fff; border: 1px solid #000; }

.newsBox {position: relative;z-index: 5;}
.newsBox .itemBox {float: left;}
.newsBox .itemBox {width: 31%; display: block; margin-right: 3.5%; margin-bottom: 35px; }
.newsBox .itemBox:nth-child(3n) {margin-right: 0; }

.newsBox .itemBox .thum {position: relative; overflow: hidden; margin-bottom: 20px; }
.newsBox .itemBox .img {width:100%; height: 0; padding-bottom: 60%; overflow: hidden; position: relative; background: center center no-repeat; background-size: cover;-webkit-transition: all .5s;}
.newsBox .itemBox .img img {width: 100%;height: 100%;object-fit: fill;position: absolute;top: 0;}
.newsBox .itemBox:hover .img {transform: scale(1.05);}

.newsBox .itemBox .textBox {width: 100%; }
.newsBox .itemBox .textBox .name {color: #000;font-size: 18px; margin-bottom: 10px; min-height: 30px; line-height: 1.5; }
.newsBox .itemBox .textBox .name:hover {color: #0368d9; }
.newsBox .itemBox .textBox .detail {font-size: 14px; line-height: 1.7; opacity: .7; margin-bottom: 15px; height: 46px; }
.newsBox .itemBox .textBox .tab {font-size: 0.9vw; color: #246fa9; margin-bottom: 1vw; }
.newsBox .itemBox .textBox .more {width: 100%; height: auto; display: flex; align-items: center; justify-content: space-between; opacity: .7; padding-top: 15px; border-top: 1px solid rgba(0, 0, 0, .1); }
.newsBox .itemBox .textBox .more .read {width: 75px; display: flex; justify-content: space-between; align-items: center; line-height: 20px; }
.newsBox .itemBox .textBox .more .read p:hover {color: #0368d9; }
.newsBox .itemBox .textBox .more .time {font-family: 'GraphikLCG'; }
.newsBox .itemBox .textBox .more .keys a:hover {color: #0368d9; }
.newsBox .itemBox:hover .more img {transform: translateX(10px); }


.newsBox .marks {font-size: 12px; width: auto; position: absolute; left: 0; top: 0px; padding: 10px; background: #cb2100; color: #fff; }
.newsBox .marks::before {width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #cb2100; position: absolute; right: -20px; bottom: 0; content: ''; }
.newsBox .marks::after {width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #cb2100; position: absolute; right: -20px; top: 0; content: ''; }

.newsBox .lineLink {
  display: block;
  width: 200px;
  height: 50px;
  line-height: 46px;
  position: relative;
  color: #333;
  font-size: 16px;
  border: 1px solid #666;
  text-align: center;
  transition: all .4s ease;
  margin: 24px auto 0px;
  border-radius: 50px;
}

.newsBox .lineLink:hover {color: #ffffff;border-color: #0368d9; background: #0368d9; }

.thum .img img {display: block;width: 100%;}

/* 副标题 */
.subTitle {width: 100%; text-align: center; margin-bottom: 5vw; }
.subTitle b {font-size: 70px; display: block; }
.subTitle p {text-transform: uppercase; font-family: montserrat; font-size: 1.4vw; opacity: .7; }


/* 底部 */
.footer-wrapper {background-color: #252525;}

.footer-contact {padding-top: 70px;padding-bottom: 170px;background-image: url(../images/img22.jpg);background-repeat: no-repeat;background-size: cover;}
.footer-contact .subTitle b {color: #ffffff;}
.footer-contact .footer_bgImg {text-align: center; color: white; position: relative; z-index: 1; -webkit-animation: lightAnimate 20s infinite; max-width: 1530px; width: 90%; margin: 0px auto; padding: 100px 50px; border-radius: 30px; 

/*    background: linear-gradient(135deg, #F5D9FF, #ff9804, #00cbcb, #f37a6b, #4612a4) left center/400% 400%; */
    background: linear-gradient(135deg, #F5D9FF, #03bbd9, #00cbcb, #0368d9, #4612a4) left center / 400% 400%;}
@-webkit-keyframes lightAnimate {
    0%, 100% {
        background-position-x: left;
    }
    50% {
        background-position-x: right;
    }
}
.footer-contact .footer_bgImg .title {font-size: 20px; position: relative; }
.footer-contact .footer_bgImg .title::before {content: ''; width: 42px; height: 4px; background-color: #ffffff; position: absolute; left: 50%; margin-left: -21px; bottom: -20px; border-radius: 5px; opacity: .5; }
.footer-contact .footer_bgImg .phone {font-size: 48px; padding-top: 35px;  margin-bottom: 50px; }
.footer-contact .footer_bgImg .phone a {color: white; font-family:"COLFAX Bold";}
.footer-contact .footer_bgImg .phone a:nth-child(n+2) {margin-left: 15px; }

.footer-contact .inputBox {display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0px 50px; }
.footer-contact .inputBox input {width: 22%; height: 50px; border: none; background: transparent; padding-bottom: 10px; -webkit-animation: input-wave 0.4s linear infinite; animation: input-wave 0.4s linear infinite; background-image: url(../images/input-bkg-green.png); background-repeat: repeat-x; background-position: left bottom; color: #fff; outline: none; font-size: 16px; user-select:auto; -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; }
.footer-contact .inputBox input::-webkit-input-placeholder {text-transform: uppercase; color: rgba(255, 255, 255, .5); }
.footer-contact .inputBox .submitBtn {width: 200px; margin: 0px auto; height: auto; border-radius: 50px; display: flex; align-items: center; line-height: 50px; justify-content: center; color: #ffffff; font-size: 16px; border: 2px solid #fff; background-color: transparent; margin-top: 50px; cursor: pointer; }
.footer-contact .inputBox .submitBtn p {width: calc(100% - 50px); }
.footer-contact .inputBox .submitBtn .icon {width: 30px; }
.footer-contact .inputBox .submitBtn:hover {border-color: #0368d9; background: #0368d9; }

@keyframes input-wave {
    from {
        background-position: -0px bottom
    }

    to {
        background-position: 18px bottom
    }
}

@-webkit-keyframes input-wave {
    from {
        background-position: -0px bottom
    }

    to {
        background-position: 18px bottom
    }
}

.footer-wrapper .footer-container {width: 100%; margin: 0 auto; padding: 0 60px; }
.footer-wrapper .footer-top {height: 60px; border-bottom: 1px #3d3d3d solid; line-height: 60px; }
.footer-wrapper .footer-top .footer-top-left {float: left;}
.footer-wrapper .footer-top .footer-top-left ul li{float: left; display: inline-block;}
.footer-wrapper .footer-top .footer-top-left ul li a{padding: 0 20px; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; color: #7f7e7e; font-size: 14px; position: relative;}
.footer-wrapper .footer-top .footer-top-left ul li a::after{content: '';display: block;position: absolute; width: 1px; height: 7px; background: #5e5e5e; display: inline-block;top: 50%; margin-top: -4px; left: 0;}
.footer-wrapper .footer-top .footer-top-left ul li:first-child a {padding-left: 0;}
.footer-wrapper .footer-top .footer-top-left ul li:first-child a::after{display: none;}
.footer-wrapper .footer-top .footer-top-left ul li a:hover{color: #fff;}
.footer-wrapper .footer-top .footer-top-right {float: right;margin-top: 12px;}
.footer-wrapper .footer-top .footer-top-right .bdsharebuttonbox a {display: inline-block;width: 20px;height: 20px;margin-left: 8px;background-image: url(../images/share_icon.png);background-repeat: no-repeat;background-size: auto 20px;}
.footer-wrapper .footer-top .footer-top-right .bdsharebuttonbox a.bds_tsina {background-position: 0px 0px;}

.footer-wrapper .footer-top .footer-top-right .bdsharebuttonbox a.bds_weixin {background-position: -20px 0px;}

.footer-wrapper .footer-mid .footer-container {display: flex;}
.footer-wrapper .footer-mid .footer-mid-left {color: #818181; height: 100%; width: 430px; border-right: 1px #363636 solid; padding: 70px 0px; }
.footer-wrapper .footer-mid .footer-mid-left .footer-tel strong {color: #e2e2e2; font-size: 28px; font-family: "COLFAX Bold";display: block; line-height: 1.25;}
.footer-wrapper .footer-mid .footer-mid-info {flex: 1;display: flex;overflow: hidden;}
.footer-wrapper .footer-mid .footer-mid-info .footer-address {float: left; width: 40%; height: 100%; padding: 0 44px; padding-top: 60px; border-right: 1px #363636 solid; }
.footer-wrapper .footer-mid .footer-mid-info .footer-address p {color: #818181;margin-top: 10px;}
.footer-wrapper .footer-mid .footer-mid-info .footer-form {float: left; color: #818181; width: 60%; padding-top: 70px; height: 100%; padding-left: 44px; }
.footer-wrapper .footer-mid .footer-mid-info .footer-form form {height: 50px; position: relative; padding-right: 75px; margin-top: 8px; width: 100%;}
.footer-wrapper .footer-mid .footer-mid-info .footer-form .footer-input{width: 100%; height: 100%; background: #404040; padding: 0 20px; color: #fff; border: 0;}
.footer-wrapper .footer-mid .footer-mid-info .footer-form .footer-submit{color: #fff; background: #0368d9; border: 0; top: 0; position: absolute; right: 0;width: 75px; height: 100%;}

.footer-wrapper .footer-links {background-color: #1d1d1d;}
.footer-wrapper .footer-links .footer-links-right {float: right;height: 60px; line-height: 60px;}
.footer-wrapper .footer-links .footer-links-right ul li{float: left; display: inline-block;}
.footer-wrapper .footer-links .footer-links-right ul li a{padding: 0 20px; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; color: #7f7e7e; font-size: 14px; position: relative;}
.footer-wrapper .footer-links .footer-links-right ul li a::after{content: '';display: block;position: absolute; width: 1px; height: 7px; background: #5e5e5e; display: inline-block;top: 50%; margin-top: -4px; left: 0;}
.footer-wrapper .footer-links .footer-links-right ul li:first-child a {padding-left: 0;}
.footer-wrapper .footer-links .footer-links-right ul li:first-child a::after{display: none;}
.footer-wrapper .footer-copyright {text-align: center;line-height: 60px;}
.footer-wrapper .footer-copyright .footer-copyright-h6 {display: inline;color: #818181;}
.footer-wrapper .footer-copyright p {margin-left: 10px;display: inline;color: #818181;}

.footer-wrapper .footer_linkbox {padding: 20px 0px;border-bottom: 1px #3d3d3d solid; }
.footer_linkbox h4 {color: #7f7e7e; font-size: 16px;position: relative; }
.footer_linkbox h4:after {content: ''; width: 20px; height: 2px; background-color: #7f7e7e; display: block; margin-top: 10px; }
.footer_linkbox .footer_links {font-size: 14px; padding-top: 10px; }
.footer_linkbox .footer_links a {color: #7f7e7e; font-size: 14px; margin-right: 19px; display: inline-block; margin-top: 5px; }
.footer_linkbox .footer_links a:hover {color: #0368d9; }


.wx_pop {
  position: fixed;
  right: 10px;
  bottom: 400px;
  z-index: 999;
  visibility: visible;
  animation-delay: 10s
}

.wx_pop .wx_content a {
  width: 50px;
  height: 50px;
  display: block;
  background-color: #ffb71f !important;
  background-image: url(../images/email-tell2.png) !important;
  border-radius: 100%;
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  z-index: 100;
  transition: .3s;
  visibility: visible;
  animation-delay: 10s
}

.wx_pop .wx_content a:hover {
  margin-bottom: 4px
}

.wx_pop .wx_content .num {
  font-weight: 700 !important;
  line-height: 20px !important;
  position: absolute !important;
  top: -3px !important;
  right: -3px !important;
  width: 20px !important;
  height: 20px !important;
  text-align: center !important;
  color: #FFF !important;
  border-radius: 100% !important;
  background: none repeat scroll 0 0 #f00 !important;
  font-family: Helvetica, Arial
}

.wx_pop .wx_content .wx_ewm {
  width: 130px;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  position: absolute;
  right: 90px;
  top: -60px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  text-align: center
}

.wx_pop .wx_content .wx_ewm img {
  width: 130px;
  height: 130px
}

.wx_pop .wx_content .wx_ewm:before {
  top: 55% !important;
  transform: translateY(-50%) !important;
  right: -16px !important;
  bottom: auto !important;
  left: auto !important;
  border-color: transparent transparent transparent rgba(0, 0, 0, 0.8) !important;
  margin: 0 !important;
  border-width: 8px !important;
  border-style: solid !important;
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  position: absolute !important;
  z-index: 500 !important;
  content: "" !important;
  background: none repeat scroll 0 0 transparent !important
}

.cbh-ph-circle {
  width: 120px;
  height: 120px;
  top: -35px;
  left: -35px;
  position: absolute !important;
  background-color: transparent;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid #ffb71f;
  opacity: .5;
  -webkit-animation: cbh-circle-anim 2.2s infinite ease-in-out;
  animation: cbh-circle-anim 2.2s infinite ease-in-out;
  -webkit-transition: all .5s;
  transition: all .5s;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%
}

.cbh-ph-circle-fill {
  width: 70px;
  height: 70px;
  top: -10px;
  left: -10px;
  position: absolute !important;
  background-color: #ffb71f;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid transparent;
  opacity: .75;
  -webkit-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out;
  animation: cbh-circle-fill-anim 2.3s infinite ease-in-out;
  -webkit-box-shadow: 0 0 2px 0 #ffb71f !important;
  box-shadow: 0 0 2px 0 #ffb71f !important;
  -webkit-transition: all .5s;
  transition: all .5s
}

@-webkit-keyframes cbh-circle-anim {
  0% {
    -webkit-transform: rotate(0) scale(.5) skew(1deg);
    transform: rotate(0) scale(.5) skew(1deg);
    opacity: .01
  }

  30% {
    -webkit-transform: rotate(0) scale(.7) skew(1deg);
    transform: rotate(0) scale(.7) skew(1deg);
    opacity: .5
  }

  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    transform: rotate(0) scale(1) skew(1deg);
    opacity: .01
  }
}

@keyframes cbh-circle-anim {
  0% {
    -webkit-transform: rotate(0) scale(.5) skew(1deg);
    transform: rotate(0) scale(.5) skew(1deg);
    opacity: .01
  }

  30% {
    -webkit-transform: rotate(0) scale(.7) skew(1deg);
    transform: rotate(0) scale(.7) skew(1deg);
    opacity: .5
  }

  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    transform: rotate(0) scale(1) skew(1deg);
    opacity: .01
  }
}

@-webkit-keyframes cbh-circle-fill-anim {

  0%,
  100% {
    -webkit-transform: rotate(0) scale(.6) skew(1deg);
    transform: rotate(0) scale(.6) skew(1deg);
    opacity: .2
  }

  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    transform: rotate(0) scale(1) skew(1deg);
    opacity: .2
  }
}

@keyframes cbh-circle-fill-anim {

  0%,
  100% {
    -webkit-transform: rotate(0) scale(.6) skew(1deg);
    transform: rotate(0) scale(.6) skew(1deg);
    opacity: .2
  }

  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    transform: rotate(0) scale(1) skew(1deg);
    opacity: .2
  }
}

/*侧导航*/
.sideNav {
  position:fixed;z-index:50;right:10px;bottom:60px;
}
.sideNav ul li {
  width:50px;
  height:50px;
  position: relative;
  margin-bottom: 12px;
}
.sideNav ul li>span {  display: block;  width:50px;height:50px;background-color:#fff;background-position: center;background-repeat: no-repeat;box-shadow:0 0 20px rgba(0,0,0,.2);cursor:pointer;border-radius:50%;}
.sideNav ul li>span.side-tel {background-image: url(../images/sideTel.png) }
.sideNav ul li>span.side-weixin {background-image: url(../images/sideWeixin.png) }
.sideNav-cont {
  position: absolute;
  right: 60px;
  top: 50%;
  transform: translateY(-50%) ;
  z-index: 30;
  display: none;
}
.sideNav-cont:before {
  top: 50%;
  transform: translateY(-50%) ;
  right: -16px;
  bottom: auto ;
  left: auto ;
  border-color: transparent transparent transparent rgba(255, 255, 255, 1);
  margin: 0 ;
  border-width: 8px ;
  border-style: solid ;
  border-top: 8px solid transparent ;
  border-bottom: 8px solid transparent ;
  position: absolute ;
  z-index: 500 ;
  content: "" ;
  background: none repeat scroll 0 0 transparent;
}

.sideNav ul li:hover .sideNav-cont {
  display: block;
}


.connect-us {
  width: 240px;
  padding: 16px 24px;
  background: #fff;
  -webkit-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .15);
  -moz-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .15);
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .15);
}
.connect-us a {
  display: inline-block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: left top;
}

.service-phone {
  background-image: url(../images/suspend_icon_01.png)
}
.service-phone:hover {
  background-image: url(../images/suspend_icon_01_hover.png)
}

.service-phone .info-name,
.service-phone .info-value {
  display: block;
  padding-left: 52px
}
.service-phone .info-name {
  font-size: 14px;
  color: #333;
  margin-bottom: 4px;
}

.service-phone .info-value {
  font-size: 20px;
  color: #0368d9;
  font-family: "COLFAX Bold";
}


.sideNav .qrcode {
  width: 130px;
  padding: 6px;
  background: #fff;
  -webkit-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .15);
  -moz-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .15);
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .15);
  text-align: center;
  font-size: 13px;
}


/* 通用回到顶部代码 */
.backTop{display: none;/*position:fixed;z-index:50;right:10px;bottom:50px;*/width:50px;height:50px;background-color:#fff;box-shadow:0 0 20px rgba(0,0,0,.2);cursor:pointer;border-radius:50%;}
.backTop span {position:relative;z-index:2;display: block;width: 100%;height: 100%;background: url(../images/backTop.png) no-repeat center;}

/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .container{width: 1200px;}
    .container-1280{width: 1000px;}

}

@media all and (max-width:1439px) {
    /* 1360 */
}

@media all and (max-width:1359px) {
    /* 1280 */
}

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .container{width: 900px;}
    .container-1280{width: 768px;}

}

@media all and (max-width:1151px) {
    /* 1024 */
    /*.header-navclick:hover span:before{top: 21px;}
    .header-navclick:hover span::after{bottom: 21px;}
    .header-navclick.active span:before{top: 24px;transform: rotate(45deg);}
    .header-navclick.active span::after{bottom: 24px;transform: rotate(-45deg);}*/

    .header-arrow{display: block;width: 58px;height: 58px;position: absolute;z-index: 9;right: 0;top: 0;background: url('../images/common/arrDW.svg') no-repeat center /18px auto;}
    .header-arrow.active{transform: rotate(180deg);}
}

@media all and (min-width:1000px) {
    .text-black .header-wrapper { background: #1b1b1b;}
   /* .text-black .header-important .header-important-menu {color: #333333;}
    .text-black .header-link a,
    .text-black .header-navclick i,
    .text-black .navclick-menu i {color: #333333;}
    .text-black .header-navclick span,
    .text-black .header-navclick span::before, 
    .text-black .header-navclick span::after {background-color: #333333;}
    .text-black .header-important-menu span::after{background: #333333;}*/
}

/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .header-container {padding: 0px 4%;}
    .container-wrapper{margin-top: 60px;}
    .container{width: 92%;}
    .container-1280{width: 92%;}

    .header-wrapper { background: #1b1b1b;}
    .header-important {display: none;}
    .header-link {display: none;}
    .navclick-menu {display: none;}
   
    .header-logo {height: 60px;}
    .header-logo img {height: 40px;}
    .header-navclick {height: 60px;}
    .header-link {height: 60px;}
    .navclick-menu {height: 60px;}

    body.noLucency .header-logo, body.noLucency .header-important-menu, body.noLucency .header-navclick,body.noLucency .navclick-menu, body.noLucency .header-link{height: 60px;}

    .backTop {right: 4%;}

    .subTitle b {font-size: 35px;}

    .footer-contact {padding: 35px 0px 85px;}
    .footer-contact .footer_bgImg {width: 92%; margin: 0px auto; padding: 30px 25px; border-radius: 10px; }
    .footer-contact .footer_bgImg .title {font-size: 14px;}
    .footer-contact .footer_bgImg .phone {font-size: 32px;margin-bottom: 35px;}

    .footer-contact .inputBox {padding: 0px;}
    .footer-contact .inputBox input {width: 100%;background-size: auto 5px;margin-bottom: 10px;}


    .footer-wrapper .footer-container {padding: 0 4%;flex-direction: column;}
    .footer-wrapper .footer-top {display: none;}
    .footer-wrapper .footer-links {display: none;}

    .footer-wrapper .footer-mid .footer-mid-left {width: 100%;border:none;padding: 35px 0px;}
    .footer-wrapper .footer-mid .footer-mid-info {flex-direction: column;}
    .footer-wrapper .footer-mid .footer-mid-info .footer-address {width: 100%;padding: 0;border:none;}
    .footer-wrapper .footer-mid .footer-mid-info .footer-form {width: 100%;padding: 35px 0px;}
    .footer-wrapper .footer-copyright {line-height: 22px;padding-bottom: 15px;}


    /*新闻*/
    .newsMenu {margin: 0; width: 100%; margin-bottom: 30px; padding: 0 5vw; overflow: initial; flex-wrap: wrap; gap: 10px; }
    .newsMenu a {width: auto; padding: 2px 10px; font-size: 14px; margin: 0; }
    .newsBox .itemBox {width: 100%;margin-right: 0;margin-bottom: 25px;}
    .newsBox .itemBox .textBox .name {font-size: 16px; margin-bottom: 0px; text-overflow: inherit; overflow: inherit; white-space: inherit; line-height: 1.6; }


  
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */

    #newBridge{display: none !important;}
    #mobile_icon_div {display: none !important;}
    
    .wx_pop {
      display: none;
    }

    .backTop {width: 45px;height: 45px;}
    .backTop span {background-size: 22px 22px;}
}