@charset "utf-8";
/* ====================公共样式========================= */
/* 头部 */
.Header-wrapper{width: 100%;position: fixed;z-index: 99999;top: 0;left: 0;background: #fff;user-select: none;box-shadow: 0px 2px 6px 0px rgba(38, 38, 39, 0.16);;transition: all .4s ease;}
.Header-bg{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(255,255,255,.9);z-index:450}

.Header-logo{float: left;height: 80px;display: flex;align-items: center;position: relative;z-index: 999}
.Header-logo img{height: auto;width:180px}
.Header-logo img.s{display: block;}
.Header-logo img.h{display: none;}

.Header-lang{float: right;position: relative;z-index: 999;margin-left: 12px;}
.Header-lang-menu{display: flex;align-items: center;height: 80px;}
.Header-lang-menu span{display: block;padding-left: 26px;background: url('../images/common/lang.svg') no-repeat left center /20px auto;line-height: 22px;font-size: 14px;color: #777;font-family: Arial;}
.Header-lang.active .Header-lang-menu span{color: #ff2828;}
/* 多个语言 */
.Header-lang-more{display: none;z-index: 9;width: 160px;box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1);background: #fff;position: absolute;top: 80px;left: 50%;margin-left: -80px;}
.Header-lang-more:before{content: "";display: block;width: 0px;height: 0px;border-style: solid;border-width: 0 8px 8px;border-color: transparent transparent #efefef transparent;position: absolute;top: -8px;left: 50%;margin: 0 0 0 -8px;}
.Header-lang-more a{display: block;font-size: 16px;color: #666;text-align: center;padding: 10px 0;}
.Header-lang-more a span{display: inline-block;}
.Header-lang-more a:hover {color: #fff;background: #ff2828;}
.Header-lang.active .Header-lang-more{display: block;animation: langInUp .4s ease-out;}
@keyframes langInUp{0% {transform: translateY(20px);opacity: 0.5;}100% {transform: translateY(0);opacity: 1;}}
.Header-language{float:right;height:80px;display:flex;align-items:center}
.Header-language a{color:#000;font-size:16px;font-weight:500;transition:color .4s ease}
.Header-language a:hover{color:#ff2828}
.hd-line{margin:0 20px;width:1px;height:15px;background-color:rgba(17,17,17,.3);transition:background .4s ease}
.Header-search{float: right;}
.Header-search-click{width: 26px;height: 80px;cursor: pointer;background: url('../images/common/search.svg') no-repeat center /26px auto;position: relative;z-index: 999;}
.Header-search-click.active{background: url('../images/common/close.svg') no-repeat center/20px auto;}
.Header-search-item{display: none;position: absolute;width: 100%;height: 80px;line-height: 80px;top: 0;left: 0;z-index: 99;text-align: right;}
.Header-search-item .contain{padding-right: 148px;}
.Header-search-item.active{display: block;}
.Header-search-item input, .Header-search-item button{display: inline-block;vertical-align: middle;}
.Header-search-item input[type="text"]{width: 0px;height: 40px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);font-size: 16px;color: #747474;background: transparent;}
.Header-search-item.active input[type="text"]{animation: HeaderSearch 0.8s ease both;}
@keyframes HeaderSearch{0%{width: 0;}100%{width: 520px;}}
.Header-search-item button{width: 50px;height: 40px;background: url('../images/common/search.svg') no-repeat center /26px auto;cursor: pointer;margin-right: 0;}
body.onSearch .Header-navbar{visibility: hidden;opacity: 0;}

.Header-navbar{float:right;margin-right:50px;visibility:visible;opacity:1}
body.PC .Header-navbar{display:block!important}
.Header-navbar li{float:left;z-index:9;margin:0 30px}
.Header-navbar li:last-child{padding-right:0}
.Header-navbar li:first-child{padding-left:0}
.Header-menu{position:relative;height:80px;display:flex;align-items:center;font-size:16px;color:#000;transition:color .4s ease;line-height:1}
.Header-menu::before{content:"";width:100%;left:0;opacity:0;height:4px;position:absolute;bottom:0;background:#ff2828;transition:all .4s ease;display:none}
.Header-navbar li.active .Header-menu,.Header-navbar li:hover .Header-menu{color:#ff2828!important}
.Header-navbar li.active .Header-menu::before{opacity:1}
.Header-menu.on .Header-arrow svg{transform:rotate(180deg)}
.Header-menu .Header-arrow svg{transition:transform .4s ease}
.Header-arrow{width:18px;height:18px;position:absolute;top:50%;transform:translateY(-50%);right:-22px}
.Header-drop{display:none;position:absolute;background:#f7f7f7;top:80px;width:100%;z-index:1;left:0;height:calc(100vh - 162px)}
.Header-drop .bg{height:100%}
.Header-drop-in{position:absolute;left:0;top:0;width:100%;color:#fff}
.Header-drop-in .contain{display:flex;justify-content:center}
.Header-drop-in .lft{width:18%}
.Header-drop-in .lft .title{font-weight:500;text-align:justify}
.Header-drop-in .more-btn{display:flex;color:#fff;transition:color .4s ease}
.Header-drop-in .more-btn span{display:block;line-height:1;font-weight:300;padding-bottom:4px;position:relative}
.Header-drop-in .more-btn span:after{content:'';width:100%;height:1px;background:#fff;position:absolute;left:0;bottom:0;transition:all .4s ease}
.Header-drop-in .more-btn span:before{content:'';width:100%;height:100%;position:absolute;bottom:6px;left:0;transition:all .4s ease}
.Header-drop-in .more-btn svg{transition:transform .4s ease}
.Header-drop-in .more-btn:hover svg{transform:translateX(5px)}
.Header-drop-in .more-btn:hover{color:#ff2c2c}
.Header-drop-in .more-btn:hover span:after{background:#ff2c2c;bottom:-3px}
.Header-drop-in .rgt{width:400px;margin-left:130px}
.Header-drop-in .rgt .list{display:flex;flex-wrap:wrap;margin-top:-40px}
.Header-drop-in .rgt li{min-width:25%;padding:0;margin-top:40px}
.Header-drop-in .rgt li{padding:0}
.Header-drop-in .rgt.n4 li{min-width:25%}
.Header-drop-in .rgt.n3 li{min-width:33.33%}
.Header-drop-in .rgt a{font-size:15px;padding-bottom:5px;position:relative;display:inline-block;transition:all .4s ease}
.Header-drop-in .rgt a:after{content:'';width:100%;position:absolute;left:0;bottom:0;background:#fff;height:1px;transition:all .4s ease}
.Header-drop-in .rgt.style2 li{margin-top:20px}
.Header-drop-in .rgt.style2 .list{margin-top:-20px}
.Header-drop-in .rgt.style2 a{padding-bottom:0}
.Header-drop-in .rgt.style2 a:after{display:none}
.Header-drop-in .rgt a:hover{color:#ff2c2c}
.Header-drop-in .rgt a:hover:after{background:#ff2c2c}

.Header-navclick{display: none;width: 24px;height: 60px;cursor: pointer;float: right;user-select: none;align-items: center;}
.Header-navclick span{width: 100%;height: 2px;background: #777;display: block;position: relative;transition: all .2s linear;}
.Header-navclick span:before,.Header-navclick span:after{content: "";position: absolute;height: 2px;background: #777;display: block;left: 0;width: 100%;transition: all .2s linear;}
.Header-navclick span:before{top: -7px;}
.Header-navclick span:after{top: 7px;}
.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{-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{-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(7px) rotate(0);transform: translateY(7px) rotate(0);}
    100% {-moz-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg);}
}
@-webkit-keyframes buttonAnimationBefore {
    0% {-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0);}
    50% {-webkit-transform: translateY(7px) rotate(0);transform: translateY(7px) rotate(0);}
    100% {-webkit-transform: translateY(7px) rotate(45deg);transform: translateY(7px) 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(7px) rotate(0);-ms-transform: translateY(7px) rotate(0);-webkit-transform: translateY(7px) rotate(0);transform: translateY(7px) rotate(0);}
    100% {-moz-transform: translateY(7px) rotate(45deg);-ms-transform: translateY(7px) rotate(45deg);-webkit-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg);}
}
@-moz-keyframes buttonAnimationAfter {
    0% {-moz-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0);}
    50% {-moz-transform: translateY(-7px) rotate(0);transform: translateY(-7px) rotate(0);}
    100% {-moz-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg);}
}
@-webkit-keyframes buttonAnimationAfter {
    0% {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0);}
    50% {-webkit-transform: translateY(-7px) rotate(0);transform: translateY(-7px) rotate(0);}
    100% {-webkit-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) 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(-7px) rotate(0);-ms-transform: translateY(-7px) rotate(0);-webkit-transform: translateY(-7px) rotate(0);transform: translateY(-7px) rotate(0);}
    100% {-moz-transform: translateY(-7px) rotate(-45deg);-ms-transform: translateY(-7px) rotate(-45deg);-webkit-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) 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);}
}

.Header-info{float:right;height:80px;display:flex;align-items:center;font-size:0}
.Header-wechat{color:#000;transition:all .4s ease;position:relative}
.Header-wechat .pic{display:none;width:100px;padding:5px;background-color:#fff;position:absolute;left:-22px;top:30px;display:none;-webkit-box-shadow:0 5px 20px rgba(0,0,0,.2);box-shadow:0 5px 20px rgba(0,0,0,.2)}
.Header-wechat:hover .pic{display:block}
.Header-phone{color:#000;transition:all .4s ease;margin-left:20px;font-size:16px;font-weight:700;display:flex;align-items:center}
.Header-phone span{padding-left:5px}

/* 透明 */
body.NoGap .Container-wrapper{margin-top: 0;}
body.Lucency .Header-wrapper{background: transparent;box-shadow: none;}
body.Lucency .Header-logo img.s{display: none;}
body.Lucency .Header-logo img.h{display: block;}
body.Lucency .Header-menu{color: #fff}
body.Lucency li.active .Header-menu{color:#fff!important;font-weight: bold}
body.Lucency .Header-menu::before{background: #fff}
body.Lucency .Header-search-click{background-image: url('../images/common/searchW.svg');}
body.Lucency .Header-lang-menu span{color: #fff;background-image: url('../images/common/langW.svg')}
body.Lucency .Header-language a{color:#fff}
body.Lucency .hd-line{background:rgba(255,255,255,.3)}
body.Lucency .Header-phone,body.Lucency .Header-wechat{color:#fff}
/* -- */
body.Lucency.Mouse .Header-wrapper{background: #fff;box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.1);}
body.Lucency.Mouse .Header-logo img.s{display: block;}
body.Lucency.Mouse .Header-logo img.h{display: none;}
body.Lucency.Mouse .Header-menu{color: #000}
body.Lucency.Mouse li.active .Header-menu{color:#ff2828!important;font-weight:normal}
body.Lucency.Mouse .Header-menu::before{background: #ff2828}
body.Lucency.Mouse .Header-search-click{background-image: url('../images/common/search.svg');}
body.Lucency.Mouse .Header-lang-menu span{color: #ff2828;background-image: url('../images/common/lang.svg');}
body.Lucency.Mouse .Header-language a{color:#000}
body.Lucency.Mouse .hd-line{background:rgba(17,17,17,.3)}
body.Lucency.Mouse .Header-phone,body.Lucency.Mouse .Header-wechat{color:#000}
/* -- */
body.Lucency.onSearch .Header-wrapper{background: #fff;box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.1);}
body.Lucency.onSearch .Header-logo img.s{display: block;}
body.Lucency.onSearch .Header-logo img.h{display: none;}
body.Lucency.onSearch .Header-menu{color: #747474;}
body.Lucency.onSearch .Header-search-click.active{background-image: url('../images/common/close.svg');}
body.Lucency.onSearch .Header-lang-menu span{color: #ff2828;background-image: url('../images/common/lang.svg');}
body.Lucency.onSearch .Header-language{opacity:0;visibility:hidden}
body.Lucency.onSearch .hd-line{background:rgba(17,17,17,.3)}
body.onSearch .Header-language{opacity:0!important}
body.Lucency.onSearch .Header-phone,body.Lucency.onSearch .Header-wechat{color:#000}


.marker-side__full{transition:opacity 0s .25s;position:absolute;top:100%;left:0;width:100%;height:10px;z-index:300;overflow:hidden;pointer-events:none;backface-visibility:hidden}
.marker-side__left{left:0;border-right:10px solid transparent;border-top:10px solid #fff;will-change:width;position:absolute;opacity:0;visibility:hidden;transition:all .4s ease}
.marker-side__right{width:100%;border-top:10px solid #fff;border-left:10px solid transparent;will-change:left;position:absolute;opacity:0;visibility:hidden;transition:all .4s ease}
.marker-side__full div.on{opacity:1;visibility:visible}

/* 底部 */
.Footer-wrapper{width:100%;background:rgba(0,0,0,.5);position:relative;z-index:9}
.Footer-bg{position:absolute;width: 100%;height: 100%;top: 0;left: 0;overflow: hidden;z-index:-1}
.Footer-items{width:100%;padding:66px 0 20px;background: rgba(0,0,0,.5)}
.Footer-items .contain{display:flex;justify-content:space-between;flex-wrap:wrap;position:relative}
.Footer-logo{display:block}
.Footer-logo:hover img{transform: scale(.95)}
.Footer-navbar{width:48%;overflow:hidden;user-select:none;margin-left:auto}
.Footer-navbar ul{display:flex;justify-content:space-between}
.Footer-navbar li{display:flex;flex-direction:column;justify-content:flex-start;align-items: flex-start}
.Footer-menu{font-size:16px;color:#fffefe;font-weight:700;display:inline-block;padding-bottom:10px;border-bottom:1px solid #92908d}
.Footer-drop{margin-top:2px;display:inline-flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap}
.Footer-drop .in{display:inline-flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}
.Footer-drop .in+.in{margin-left:30px}
body.PC .Footer-drop{display:inline-flex!important}
.Footer-drop a{display:inline-block;font-size:13px;color:#7c7978;line-height:1;transition:all .4s ease;margin-top:10px;letter-spacing:1px}
.Footer-drop a:hover{color:#ff2828}
.Footer-code{height: 100%;margin-left:60px}
.footer-sns{width: 100%;display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px}
.footer-sns a{display: flex;position: relative;border-radius: 5px;transition: background-color .4s ease;align-items:center;justify-content:center}
.footer-sns a img{max-width:20px;max-height:20px}
.footer-sns a:hover{background: #e7e7e7}
.footer-sns .code{position: absolute;width:140px;height:140px;z-index: 9;bottom:110%;left: 50%;margin-left:-70px;background-color: #fff;padding: 2px;box-shadow: 0 5px 40px rgba(17,58,93,.1);transform: translateY(10px);opacity:0;visibility: hidden}
.footer-sns .code img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important}
.footer-sns a:hover .code{opacity: 1;visibility: visible;transform: translateY(0);transition: all .4s ease}
.Footer-code .qr-code{display:block;text-align:center;width:100%}
.Footer-code .qr-code:not(:first-child){margin-top:5px}
.Footer-code .qr-code .pic{width:100px;height:100px}
.Footer-code .qr-code .tip{color:#fff;font-size:12px;margin-top:5px}
.Footer-link{display:flex;color:#fff;font-size:15px;font-weight:bold;border-top:1px solid #8d8b8a}
.Footer-link a{transition:all .4s ease}
.Footer-link .title{width:76px}
.Footer-link ul{width:calc(100% - 76px);display:flex;flex-wrap:wrap}
.Footer-link li{margin-left:10px}
.footer-copyinfo{display:flex;flex-wrap:wrap;font-size:12px;color: #fff;justify-content:center;position:absolute;right:0;bottom:0}
.footer-copyinfo a{margin-left:12px;transition:all .4s ease}
.footer-copyinfo a:hover,.Footer-link a:hover{color:#ff2828}
.Footer-copyright{background: rgba(0,0,0,.5)}
.Footer-info{color:#fff}
.Footer-info .address{margin-top:54px}
.Footer-info .tel{margin-top:44px}
.Footer-info .tel,.Footer-info .email{font-weight:bold}
.Footer-info .tel span{font-weight:300;font-size:14px}

/* 底部 */
.bott-banner .lft{flex:1;padding-right:30px}
.bott-banner .lft .tit{color:#dab18d}
.bott-banner .lft h3{font-size:18px;color:#dab18d;}
.bott-banner .lft .line{margin:18px 0 22px;width: 50px;height: 1px;display: block;background-color: #b1b1b1}
.bott-banner .lft .text p{font-size:16px;color:#727171;position:relative;padding-left:20px;margin-top:20px}
.bott-banner .lft .text p:after{content:"";display:block;width:8px;height:8px;background-color:#727171;border-radius:100%;position:absolute;left:0;top:50%;margin-top:-4px}
.bott-banner .lft h4{color:#727171}
.bott-banner .rgt{width:62%}
.bott-banner .form-lft{width:46.5%}
.inline-form p{display:flex;justify-content:space-between;color:#727171;padding:0 8px}
.inline-form p span{color:#ff0000}
.inline-form input,.inline-form select{width:100%;height:40px;border:1px solid #b1b1b1;margin-top:5px;padding:0 10px;font-size:12px}
.inline-form input::placeholder{font-size:12px}
.inline-form:not(:first-child){margin-top:20px}
.bott-banner .form-rgt{width:46%}
.op-list{margin-top:-12px}
.op-list .op{-webkit-user-select:none;cursor:pointer;display:flex;align-items:center;line-height:1;color:#727171;font-size:14px;width:33%;margin-top:12px}
.op-list .op label{cursor:pointer}
.op-list input[type=checkbox]{width:12px;height:12px;border:1px solid #777;border-radius:2px;cursor:pointer;position:relative;margin-right:4px;background:#dedede}
.op-list input[type=checkbox]:checked{border-color:#ea5703;background:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiPjxwYXRoIGQ9Ik05MzkuMTI2IDMxMi4xNDEgNDQ5LjY0MiA4MDEuNjg2Yy0xMS41ODMgMTEuNjA1LTI3LjU2MSAxOC43MzMtNDUuMTk2IDE4LjczMy0xNy41OTQgMC0zMy41NS03LjEyOC00NS4xMzItMTguNzMzTDgyLjU0NyA1MjQuOTljLTExLjUyNC0xMS41MzQtMTguNjcyLTI3LjUzLTE4LjY3Mi00NS4wOTEgMC0zNS4yNyAyOC41OTYtNjMuOTM4IDYzLjg2Ny02My45MzggMTcuNjMzIDAgMzMuNjEyIDcuMTg4IDQ1LjE5NSAxOC43MjFsMjMxLjUxIDIzMS41NjMgNDQ0LjM5MS00NDQuNDUzYzExLjU2My0xMS41MzEgMjcuNTYyLTE4LjY1IDQ1LjIxNi0xOC42NSAzNS4yMjggMCA2My44NjcgMjguNTg3IDYzLjg2NyA2My44NjYgMCAxNy41ODItNy4xMjkgMzMuNjEyLTE4Ljc5NSA0NS4xMzMiIGZpbGw9IiNlYTU3MDMiLz48L3N2Zz4=) no-repeat center/10px}
.submit-form-btn{width:100%;height:40px;color:#fff;background:#dab18d}
.bott-banner .tips{color:#727171;margin-top:20px;padding-top:20px;border-top:1px solid #cccccc}

/* 置顶 */
.foot-sidebar__plug{position:fixed;right:4px;bottom:40px;z-index:400}
.fsp-row{position:relative;margin-bottom:8px}
.fsp-row:first-child{font-size:18px}
.fsp-row>a{-webkit-transition:all .4s ease;pointer-events:auto;display:block;width:58px;height:58px;position:relative;text-align:center;background-color:#fff;z-index:10;display:flex;align-items:center;justify-content:center;border-radius:5px;background-size:38px auto;font-size:0;position:relative}
.fsp-row>a span{display:flex;width:100%;height:100%;position:absolute;left:0;top:0;opacity:0;transition:all .4s ease;font-size:16px;z-index:2;background:#dab18d;color:#fff;justify-content:center;align-items:center;border-radius:5px}
.fsp-row:hover a span{opacity:1}
.fsp-row>a.backTop{flex-direction:column}
.fsp-row:nth-child(1) i{font-weight:400;font-size:18px;line-height:1.3}
.fsp-row2 .fsp-inner{width:240px;padding:10px;background-color:#fff;border-radius:5px;position:absolute;top:0;right:0;visibility:hidden;opacity:0;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out}
.fsp-row2 .fsp-inner img{width:28px;height:28px}
.fsp-row2 .fsp-inner a{margin-left:10px;font-weight:700;color:#000}
.fsp-row2 .fsp-inner p{color:#727171;padding-left:40px}
.fsp-row2:hover .fsp-inner{right:66px;visibility:visible;opacity:1}
.fsp-row3 .fsp-inner{-webkit-transition:all .6s;transition:all .6s;-webkit-transform:scale(0);transform:scale(0);opacity:0;visibility:hidden;position:absolute;right:66px;top:-24px;width:140px;height:140px;padding:10px;background-color:#fff;border-radius:5px}
.fsp-row3:hover .fsp-inner{opacity:1;transform:scale(1);visibility:visible}
.box_message{padding:50px;position:fixed;right:70px;bottom:0;border-radius:15px;background:#fff;width:546px;display:none}
.box_message .close{padding:5px;border-radius:4px;transition:all .4s ease;display:inline-block;position:absolute;right:20px;top:20px}
.box_message .title{line-height:1;color:#000}
.box_message .form{margin-top:20px}

/* 中间+共用部分 */
.Container-wrapper{width: 100%;margin-top: 80px;}
.contain{width: 1630px;margin:0 auto;padding: 0 10px}



@media all and (max-width:1700px) {
    /* 1600 × (900) */
    .contain{width:1420px!important;padding: 0 10px}
    .Header-menu{font-size: 16px}
    .Header-navbar{margin-right:30px}
    .Header-navbar li{margin:0 20px}
    .Footer-drop .in+.in{margin-left: 15px}
    .hd-line{margin:0 15px}
    .Header-phone{margin-left:15px}
}

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .Header-logo img{width:160px}
    .contain{width: 1220px!important;padding: 0 10px}
    .Header-menu{font-size: 14px}
    .Header-arrow{width: 14px;height: 14px;right: -18px}
    .Header-navbar li{margin: 0 20px}
    .Header-drop-in .rgt{margin-left: 60px}
    .Header-drop-in .lft{width: 30%}
    .Header-drop-in .rgt li{margin-top: 30px}
    .Header-drop-in .rgt .list{margin-top: -30px}
    .Header-drop-in .rgt a{padding-bottom: 3px}
    .Footer-code .qr-code .pic{width: 86px;height: 86px}
    .Footer-drop .in+.in{margin-left: 20px}
    .Footer-logo{max-width:250px}
    .Footer-code{margin-left:40px}
    .Footer-navbar{width:55%}
    .Footer-link{font-size:14px}
    .Footer-info .tel, .Footer-info .email{font-size:20px}
    
    .bott-banner .lft .line{margin:15px 0}
    .bott-banner .lft .text p{margin-top:15px;font-size:15px}
    .inline-form input, .inline-form select{height:36px}
    
    .hd-line{margin:0 10px}
    .Header-phone{margin-left:10px}
    .Header-phone{font-size:14px}
}

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

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

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .contain{width:1020px!important}
    .Header-logo img{max-height: 40px}
    .Header-navbar li{margin: 0 15px}
    .Header-arrow{width: 12px;height: 12px;right:-14px}
    .Header-navbar{margin-right:40px}
    .Header-navbar{margin-right:20px}
    .hd-line{margin:0 10px}
    
    .Footer-info .address{font-size:15px}
    .Footer-info .tel, .Footer-info .email{font-size:18px}
    
    .bott-banner .lft .tit{font-size:20px}
    .bott-banner .lft h3{font-size:15px}
    .bott-banner .lft .text p{font-size:14px;margin-top:8px;padding-left:15px}
    .bott-banner .lft .text p:after{width:6px;height:6px}
    .bott-banner .lft h4{font-size:22px}
    .bott-banner .lft h4 span{font-size:24px}
    .bott-banner .rgt{width:65%}
    .bott-banner .form-rgt{width:50%}
    .op-list .op{font-size:12px}
    .op-list input[type=checkbox]{width:10px;height:10px}
    .submit-form-btn{height:34px;font-size:15px}
    .box_message{padding:30px;width:480px}
    .Header-info{display:none}
}

@media all and (max-width:1151px) {
    /* 1024 */
    body{min-width:1020px}
}