@charset "utf-8";
/* Css reset start */
body,
div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, textarea,
p, blockquote, th, td, hr, button,
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{margin:0;padding:0;}
address, caption, cite, code, dfn, em, th, var {font-style: normal;	font-weight: 500;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }
ol, ul ,li{list-style: none;}
fieldset, img {border: 0}
del, ins { text-decoration: none }
caption, th { text-align: left }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block}
audio, canvas, video {display: inline-block; *display:inline; *zoom:1}
/*FORM RESET*/
button, input, select, textarea{font-size: 100%}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer;-webkit-appearance: button;}
button[disabled], html input[disabled]{cursor: default;}
input[type="checkbox"], input[type="radio"] {padding: 0;box-sizing: border-box;}
input[type="search"] {-webkit-box-sizing: content-box;	-moz-box-sizing: content-box;box-sizing: content-box;-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
button::-moz-focus-inner, input::-moz-focus-inner {padding:0;border:0}
textarea {overflow: auto}
q:before, q:after {content: ''}
sup {top: -0.5em}
sub {bottom: -0.25em}
table {border-collapse: collapse;border-spacing:0;}
th {text-align: inherit;}
iframe{	display: block;}
input,a{-webkit-tap-highlight-color:transparent;-webkit-transition:background-color;outline: none; border:none; border-radius:0;}
em{font-style: italic;}

/* ==|== FONT RESET======================= */
html, body, button, input, select, textarea {font: 12px/1.5 "Microsoft YaHei", arial;}
html{-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: #231f20;background:#e2e5e9;}
body{ background-color:#e2e5e9;}
a{ color:#333;text-decoration:none;}
a:hover,a:link,a:visited{ color:#333;}
.clearfix{zoom:1;}
.clearfix:after{ clear: both;content:"";diplay:table;}
.clear{ clear: both;}
.overflow{overflow: hidden;}
.aligncenter{text-align: center;}
.w1680{max-width: 1680px;width:92%;margin:0 auto;}
.w1475{max-width: 1475px;width:90%;margin:0 auto;}
.fl {float: left !important;;}
.fr {float: right !important;}
.blue{ color: #0d6fb8;}
.White{color: #fff !important;}
.pcshow{}
.wapshow{display: none;}
.posrel{position: relative;}
.mt12{margin-top: 12% !important;}
.pt12{padding-top: 12% !important;}
.pt10{padding-top: 10% !important;}
.pt8{padding-top: 8% !important;}
.pt6{padding-top: 6% !important;}
.pt4{padding-top: 4% !important;}
.pb4{padding-bottom: 4% !important;}
.pt2{padding-top: 2% !important;}
.pb8{padding-bottom: 8% !important;}
.mt10{margin-top: 10% !important;}
.mt8{margin-top: 8% !important;}
.mt7{margin-top: 7% !important;}
.mt6{margin-top: 6% !important;}
.mt5{margin-top: 5% !important;}
.mt55{margin-top: 5.5% !important;}
.mt4{margin-top: 4% !important;}
.mb5{margin-bottom: 5% !important;}
.mb8{margin-bottom: 8% !important;}
.mt3{margin-top: 3% !important;}
.mt2{margin-top: 2% !important;}
.mt1{margin-top: 1% !important;}
.mt15{margin-top: 15px !important;}
.mt12px{margin-top: 12px !important;}
.mt10px{margin-top: 10px !important;}
.line2{line-height: 2;}

.f50{font-size: 50px;}
.f48{font-size: 48px;}
.f46{font-size: 46px;}
.f45{font-size: 45px;}
.f40{font-size: 40px;}
.f38{font-size: 38px;}
.f36{font-size: 36px;}
.f35{font-size: 35px;}
.f34{font-size: 34px;}
.f32{font-size: 32px;}
.f30{font-size: 30px;}
.f28{font-size: 28px;}
.f26{font-size: 26px;}
.f25{font-size: 25px;}
.f24{font-size: 24px;}
.f22{font-size: 22px;}
.f20{font-size: 20px;}
.f18{font-size: 18px;}
.f17{font-size: 17px;}
.f16{font-size: 16px;}
.f14{font-size: 14px;}

.botton input::-webkit-input-placeholder {
color: #fff;
}
.botton input:-moz-placeholder {
color: #fff;
}
.botton input::-moz-placeholder {
color: #fff;
}
.botton input:-ms-input-placeholder {
color: #fff;
}
.botton input[type="text"]{color: #fff; }

header{background:#e2e5e9;}
.headtop{padding:0 6%;}
.logo{margin:25px 0;width:28.2%;}
.logo img{display:block;max-width: 100%;}

.headnav{width:56%;margin-top:80px;font-size: 19px;}
.headnav ul li{float:left;padding:0 18px;position: relative;padding-bottom:8px;; }
.headnav ul li.selected,
.home .headnav ul li#arcts0
{font-weight: bold;}
.headnav ul li.selected:after,
.home .headnav ul li#arcts0:after
{content:'';position: absolute;height:6px;width:100%;background:#f4111a;bottom:0;left:0;}


.menu-link {width:25px;height: 25px;margin-left: auto;z-index: 100;position: absolute;margin-top: 0;right:3%;}
.menu-link span {width: 100%;height:2px;display: block;margin-top: -1px;position: absolute;text-indent: -9999em; top: 50%;}
.menu-link span:before, 
.menu-link span:after {width: 25px; height: 2px;top: -7px;content: ""; display: block;  left: 0;  position: absolute; text-indent: -9999px;-ms-transform-origin: 13%; transform-origin: 13%; transition: transform .2s linear 0s;}
header .menu-link span, .menu-link span:before, header .menu-link span:after{
background: #2a2629;}
.menu-link span:after {bottom: -7px;  top: auto;}


.menu-link.close{position: absolute;right:3%;z-index:999;top:60px;}
header .menu-link.close span:before, 
header .menu-link.close span:after{
background: #2a2629;}
.menu-link.close span:before{-ms-transform: rotate(45deg); transform: rotate(45deg);}
.menu-link.close span:after{-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.menu-link.close span:after{ bottom: -7px; }
header .menu-link.close span,
header .menu-link.close span {background: transparent;}

.menu-closer{width:25px;height: 25px;margin-left: auto;z-index: 100;position: absolute;margin-top: 0;right:3%;top: 65px;}
.menu-closer span {width: 100%;height:2px;display: block;margin-top: -1px;position: absolute;text-indent: -9999em; top: 50%;}
.menu-closer span:before, 
.menu-closer span:after {width: 25px; height: 2px;top: -7px;content: ""; display: block;  left: 0;  position: absolute; text-indent: -9999px;-ms-transform-origin: 13%; transform-origin: 13%; transition: transform .2s linear 0s;}
.menu-closer  span:before, 
.menu-closer span:after{
background: #2a2629;}
.menu-closer span:before{-ms-transform: rotate(45deg); transform: rotate(45deg);}
.menu-closer span:after{-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.menu-closer span:after{ bottom:0px;top:6px; }

.menu_show{display:none;position: absolute;top: 0;z-index: 9;width:100%;overflow: hidden;background:#afb2b6;}

.menu_show.show{}
.menu_show .pad6{padding:0 6%;}
.navshow{background:#fff;padding:2% 0%;overflow: hidden;}
.navshow dl{float: left;text-align: center;color:#2a2629;margin-right: 4%;font-size: 22px;line-height: 1.8;;}
.navshow dl:first-child{text-align: left;margin-left:9%;}
.navshow dl dt{color:#2a2629;font-weight:600;margin-bottom: 2%;}
.navshow dl dt a{color:#2a2629;}
.navshow dl dd{color:#929292;line-height: 1.8;}
.navshow dl dd a{color:#929292;}



header.up-scrolled{position: fixed;top: 0;left: 0;right: 0;z-index: 100;border-bottom: 1px solid #efefee;}
header.dn-scrolled{top: -105px;}
header.is-scrolled{padding:1.5rem 0 0.8rem; }




.itit{margin:4.15% 0 2.8%;text-align: center;}
.itit h2{color:#ff1240;text-align: center;position: relative;font-weight:bold;line-height: 1.2;}
.itit a.tmore{position:absolute;bottom:.2%;left:64%;display: inline-block;color:#2a2629;font-weight: 100;}
.itit a:hover{text-decoration:underline;}
.itit a.imore{display: inline-block;margin-top:1%;}
.itit h3{margin-top:.6%;color:#2a2629;}



/*footer*/
.footer{background:#fff;}
.foot1{padding:27px 0 40px;background:#f4111a;color:#fff;}
.footl_l{width:78%;}
.footl_l h3{line-height: 1.8;}
.footl_l h2{line-height: 1.2;margin-top: .5%;}




.footl_r{position: absolute;right:0;bottom:1%;max-width:465px;width:50%;}
.footl_r ul li:first-child {width:; }
.footl_r ul li:first-child img{max-width: 140px;}
.footl_r ul li{float: left;margin:0 2%;position: relative;}
.footl_r ul li img{display: block;width:100%;max-width: 58px;}
.footl_r ul li .ewm_hover,.footl_r ul li .douyin_hover{display: none;position: absolute;bottom: 70px;left: -34px;}
.footl_r ul li .ewm_hover img,.footl_r ul li .douyin_hover img{max-width: 120px;;display: block;}


.foot2{padding:2% 0;}

.fnavl{width:72%;}
.fnavl dl{float: left;text-align: center;color:#2a2629;margin-right:3.6%;}
.fnavl dl:first-child{text-align: left;}
.fnavl dl:last-child{margin-right: 0;}
.fnavl dl dt{color:#2a2629;font-weight:600;margin-bottom: 8px;}
.fnavl dl dt a{color:#2a2629;}
.fnavl dl dd{color:#929292;line-height: 1.8;}
.fnavl dl dd a{color:#929292;display: block;width: 100%;}
.fnavl a:hover{text-decoration:underline;}
.fewm{width:25%;}
.fewm ul li{width:46%;margin:0 2%;float: right;text-align: center;max-width: 130px;}
.fewm ul li img{display: block;max-width: 100%;margin:0  auto;}
.fewm ul li:first-child{margin-right: 0;}
.foot3{border-top:2px solid #7f7d7f;padding-top: 2%;margin-top: 2%;}
.foot3l{width:50%;}
.foot3l h5{color:#2a2629;line-height: 1.8;}

.foot3r{width:50%;padding-top: .4%;margin-bottom:3%;}
.foot3r p{text-align: right;color:#2a2629;line-height: 1.8;margin-bottom:7px;}
.foot3r p:last-child{margin-bottom: 0;}

.fixed-button{position: fixed;display: none;bottom: 60px;right: 50px;overflow-y: hidden;}
.back-top{width: 80px;height: 80px;background-image: url(../images/UP.jpg);background-size: 100%;cursor: pointer;display: block;}


@media (max-width: 1910px) {
.headnav ul li{padding: 0 15px;padding-bottom:8px;}
.headnav{font-size: 18px;}
}
@media (max-width: 1750px) {
.headnav ul li{padding: 0 14px 8px;}
.headnav{font-size: 17.5px;}

}
@media (max-width: 1680px) {
.headnav{width: 63%;margin-top: 68px;}
.headnav ul li{padding: 0 13px;padding-bottom:8px;}
.headnav{font-size: 17px;}
.footl_r ul li img{max-width: 50px;}
.footl_r ul li:first-child img{max-width:120px; }
.footl_r {width:400px;}

}


@media (max-width: 1560px) {
   .headnav ul li{padding: 0 14px 8px;}
   .headnav{font-size: 16px;margin-top: 58px;}

    .footl_r ul li img{max-width:46px;}
    .footl_r ul li:first-child img{max-width:109px; }
    .footl_r {width:368px;}
    .footl_l{width:calc(100% - 370px );}
 
}
@media (max-width: 1486px) {
 
}
@media (max-width: 1440px) {
    .f50{font-size: 44px;}
    .f48{font-size: 42px;}
    .f46{font-size: 41px;}
    .f45{font-size: 40px;}
    .f40{font-size: 36px;}    
    .f38{font-size: 34px;}
    .f36{font-size: 32px;}
    .f35{font-size: 31px;}
    .f34{font-size: 30px;}
    .f32{font-size: 28px;}
    .f30{font-size: 25px;}
    .f28{font-size: 24px;}
    .f26{font-size: 22px;}
    .f25{font-size: 21px;}
    .f24{font-size: 20px;}
    .f22{font-size: 18px;}
    .f20{font-size: 17px;}
    .f18{font-size: 16px;}
    .f17{font-size: 16px;}
    .f16{font-size: 15px;}
    .f14{font-size: 13px;}
    .headnav{width:64%;}
    .headtop{padding:0 4%;}

    .footl_l h2.f36{font-size: 28px;}
    .fnavl dl{margin-bottom: 15px;margin-right: 3%;}
    .fnavl dl:last-child{margin-right: 0}


    .menu_show .pad6{padding:0 4%;}

    .headnav ul li{padding:0 16px 8px;}

    .navshow dl{margin-right: 4%;font-size: 18px;;}

    .foot1{padding:15px 0 15px;}


}
@media (max-width: 1380px) {
    .itit a.tmore{left:70%;}
     .headnav ul li{padding:0 12.5px 8px;}  
}


@media (max-width: 1280px) {
    .f50{font-size: 40px;}
    .f48{font-size: 38px;}
    .f46{font-size: 37px;}
    .f45{font-size: 36px;}
    .f40{font-size: 32px;}    
    .f38{font-size: 30px;}
    .f36{font-size: 28px;}
    .f35{font-size: 29px;}
    .f34{font-size: 26px;}
    .f32{font-size: 24px;}
    .f30{font-size: 22px;}
    .f28{font-size: 20px;}
    .f26{font-size: 18px;}
    .f25{font-size: 17px;}
    .f24{font-size: 17px;}
    .f22{font-size: 16px;}
    .f20{font-size: 15px;}
    .f18{font-size: 14px;}
    .f17{font-size: 14px;}
    .f16{font-size: 13px;}
    .f14{font-size: 12px;}

    .fnavl{width:78%;}
    .fewm{width: 22%;}

    .footl_l h2.f32{font-size: 18px;}
    .footl_l h2.f36{font-size: 22px;}


    .headnav{margin-top: 60px;width:66%;}
    .headnav ul li{padding:0 11px 8px;}  

    .foot3{border-top:1px solid #7f7d7f;}


}
@media (max-width: 1210px) {
    .headnav ul li{padding:0 9px 8px;}
    .headnav{font-size: 15px;margin-top: 55px;} 
}
@media (max-width: 1100px) {
    .headnav ul li{padding:0 8px 8px;}

    .footl_l{width: calc(100% - 250px );}
    .footl_r{width: 250px;}
    .footl_r ul li{margin: 0 2px;}
    .footl_r ul li img{max-width:36px}
    .footl_r ul li:first-child img{max-width:86px;}

    .footl_l h2.f32{font-size: 14px;}
    .footl_l h2.f36{font-size: 18px;}


}


@media (max-width: 1086px) {
    
    .f30{font-size: 20px;}

    .headnav{margin-top: 50px;height:35px;position: relative;}
    .headnav .menu{display:none;}
    .navshow dl:first-child{margin-left: 0;text-align: center;}
    .headnav .menu-link.close{top: 0px;}
    header .menu-link.close span{width:25px;}
    .menu-link.close{top:50px;right:5%;}

    .fixed-button{display: none !important;}

}

@media (max-width: 998px){
    .f50{font-size: 32px;}
    .f46,.f48{font-size: 31px;}
    .f45{font-size: 30px;}
    .f40{font-size: 28px;}
    .f36{font-size: 24px;}
    .f32{font-size: 20px;}
    

    .headtop{padding:0 15px;}
    .menu_show .pad6{padding:0 15px;}
    .navshow dl{font-size: 16px;}
    
    .fnavl{width: 100%;text-align: center;}
    /*.fnavl dl{margin: 3% 4%;}  */
    .fewm{width: 100%;text-align: center;}

    .fewm ul li{display:inline-block;float: none;width:auto;}



    .foot3l{width: 100%;}
    .foot3r{width:100%;}
    .foot3r p{text-align: left;margin-bottom:0px}


}
@media (max-width: 888px) { 
    .fnavl dl{margin-right: 3%;}
}

@media (max-width: 860px) { 
    .footl_l h2.f32{font-size: 14px;}
    .footl_l h2.f36{font-size: 16px;}

    .footl_l{width: calc(100% - 220px );}
    .footl_r{width: 228px;}
    .footl_r ul li{margin: 0 2px;}
    .footl_r ul li img{max-width:32px}
    .footl_r ul li:first-child img{max-width:80px;}



}

@media (max-width: 768px) { 
    .logo{width: 36%;}
    .headnav{margin-top: 40px;width:40%;}
    .pcshow{display: none !important;}
    .wapshow{display: block !important;}
    .menu_show.show{background: #f3f3f3;position: fixed;height: 100%;}
    .navshow.wapshow{background:none;}
    .menu-link.close{top: 40px;}
    .menu_show .navshow dl{width:90%;float: none;margin: 0 auto;border-bottom: 1px solid #d9d9d9;padding: 3% 0;font-size: 18px; }
    .navshow dl dt{margin-bottom: 0;}
    .menu_show .navshow dl .nav-body{display: none;margin-top: 8px;}
    .menu_show .navshow dl a{display: block;width: 100%;}
    
        



    .fnavl dl{margin: 0;float: none;}
    .fnavl dl{width: 100%;text-align: left;font-size: 16px;padding: 10px 0;}
    .fnavl dl .nav-body{display: none;}

    .fnavl dl dt{background: url(../images/+.jpg) right center no-repeat;background-size:15px;}
    .fnavl dl.active dt{background: url(../images/-.jpg) right center no-repeat;background-size:15px; }
    .fnavl dl:first-child dt{background: none;}
    .fnavl dl .nav-body{padding: 15px 15px 0;}

    .foot1{overflow: hidden;}
    .footl_l{width:100%;text-align: center;}


    .footl_l h2.f32{font-size: 20px;}
    .footl_l h2.f36{font-size: 24px;}

    .footl_l h2{line-height: 1.8;}
    .footl_l h2 span{display: inline-block;margin-right: 125.2px;}
    .footl_r{max-width: 100%;position: relative;text-align: center;width: 100%;margin-top: 15px;}
    .footl_r ul li{float: none;display: inline-block;width: auto;margin: 0 10px;}
    .footl_r ul li img{max-width:40px; }
    .footl_r ul li .ewm_hover img{max-width: 100px;}
    .footl_r ul li .ewm_hover{bottom: 50px;}

}


@media (max-width: 560px) {
    .f50{font-size: 28px;}
    .f46,.f48{font-size: 27px;}
    .f45{font-size: 26px;}
    .f40{font-size: 25px;}
    .f30{font-size: 17px;}
    .f28{font-size: 16px;}
    .f17{font-size: 15px;}
    
    .itit a.tmore.f16{left:82%;font-size: 12px;}
    .itit{margin: 7% 0 2.8%;}

    .headtop{padding:0 10px;}
    .logo{width: 56%;margin:15px 0;}
    .headnav{width:30%;margin-top:28px;}
    .menu-link.close{top:34px;}
    .navshow dl{margin-right: 0;width:100%;margin-bottom: 2%;;}

    .footl_l h2.f36{font-size: 21px;}
    .footl_l h2 span{margin-right: 104px;}
    .foot3r p{font-size: 12px;}

    .footl_r ul li{margin: 0 6px;}
    .footl_r ul li img{max-width:33px;}
    .footl_r ul li:first-child img{max-width:80px; }

    
}

@media (max-width: 375px) {
    .f50{font-size: 28px;}
    .f46,.f48{font-size: 27px;}
    .f45{font-size: 24px;}
    .f40{font-size: 22px;}
    .f30{font-size: 16px;}
    .f28{font-size: 15px;}
    .f17{font-size: 13px;}

    .logo{width: 58%;}
    .footl_l h2.f36{font-size:20px; }
    .footl_l h2 span{margin-right: 100px;}

}
@media (max-width: 360px) {
     .footl_l h2.f36{font-size:18px; }
     .footl_l h2 span{margin-right: 96px;}

}
@media (max-width: 340px) {
    .footl_l h2.f36{font-size:17px; }
    .footl_l h2 span{margin-right: 94px;}
}
@media (max-width: 330px) {
    .footl_l h2.f36{font-size:16px; }
    .footl_l h2 span{margin-right: 85px;}
}
@media (max-width: 320px) {
    .footl_l h2.f36{font-size:15px; }
    .footl_l h2 span{margin-right: 80px;}
}