@charset "utf-8";*,*:before,*:after{box-sizing:border-box}
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 微软雅黑, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6{font-size: 100%;}
address, cite, dfn, em, i, var{font-style: normal;}
ul, ol{list-style: none;}
legend{color: #000;}
fieldset, img{border: 0;vertical-align: bottom;transition: all 0.3s;}
img{max-width: 100%;height: auto;}
section, article, aside, header, footer, nav, dialog, figure{display: block;}
figure{margin: 0;}
button, input, select, textarea{font-size: 100%;border:0;background:none;outline:none;}
input:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px white inset;}
.clear{display: block;height: 0;overflow: hidden;clear: both;}
.clearfix:after{content: '\20';display: block;height: 0;clear: both;}
.clearfix{*zoom:1;}
a:link, a:visited, a:hover, a:active{text-decoration: none;}
a{text-decoration: none;outline: none;/*transition-duration: 0.3s, 0.3s;*/}
.hidden{display: none;}
.invisible{visibility: hidden;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.fn{float:none;}
.hide{display:none;}
input[type="button"],
input[type="submit"],
input[type="reset"]{-webkit-appearance: none;}
img{object-fit: cover;}
/*Body*/body{color: #666;background:#fff;}
a{color: #666;}


.g-in{width: 16rem;margin: 0 auto;}
.topArea{position: fixed;left: 0;width: 100%;top: 0;background: white;z-index: 99999999999999999999999999999999999999999999999999;}
.banner{margin-top: 70px;}
.topArea .logo_logo2{display: none;}
.topArea.on .logo_logo2{display: block;}
.topArea.on .logo_logo1{display: none;}
@media screen and (max-width: 1500px) {
    .g-in{width: 90%;}
}
.topArea{ transition:all 0.6s ease ; -webkit-transition:all 0.6s ease ; -moz-transition:all 0.6s ease ; -ms-transition:all 0.6s ease ; -o-transition:all 0.6s ease ; }
.topArea.on{background: #ad181e;}
.topArea.on .links .nav .current .m1, .topArea.on .links .nav .m1:hover{color: white;}
.topArea.on .links .nav .m1{color: white;}
.wrapper img{vertical-align:top;}
.topArea .g-in{display: flex;justify-content: space-between;align-items: center;}
.topArea .logo img{height: 70px;}
.topArea .links{display: flex;justify-content: space-between;align-items: center;}
.topArea .links .nav{margin-right: 0.66rem;}
.topArea .links .nav ul{display: flex;justify-content: space-between;}
.topArea .links .nav ul li{margin-right: 0.7rem;position: relative;}
.topArea .links .nav ul li:last-child{margin-right: 0;}
.topArea .links .nav .m1{display: block;height: 70px;line-height: 70px;transition: all 0.4s;}
.topArea .links .nav .current .m1,
.topArea .links .nav .m1:hover{font-weight: bold;color: #ad191f;}
.topArea .links .nav .subNav{ display: none; position: absolute; top: 70px; width: 120px; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0);z-index: 9; }
.topArea .links .nav .subNav a{display: block;line-height: 40px;text-align: center;background: #ad191f;font-size: 14px;color: white;}
.topArea .links .nav .subNav a:hover {color: #c7a455;}

.topArea .links .hotline{background: #ad191f;border-radius: 30px;display: flex;align-items: center;height: 38px;border: 2px solid #dfc393;font-size: 16px;color: #ffffff;padding: 0 20px;margin-right: 36px;}
.topArea .links .hotline .num{margin: 0 10px;}
.topArea .links .lineBox{cursor: pointer;display: none;}
.topArea .links .lineBox .line{width: 20px;height: 2px;background: #ad191f;position: relative;}
.topArea .links .lineBox .line2{margin: 6px 0;}
.topArea .links .lineBox .line1{top: 0;transition: all 0.4s;}
body.nav-open .topArea .links .lineBox .line1{top: 8px;transform: rotate(45deg);}
.topArea .links .lineBox .line3{bottom: 0;transition: all 0.4s;}
body.nav-open .topArea .links .lineBox .line3{bottom: 8px;transform: rotate(-45deg);}
.topArea .links .lineBox .line2{opacity: 1;transition: all 0.4s;}
body.nav-open .topArea .links .lineBox .line2{opacity: 0;}

@media screen and (max-width: 1300px) {
    .topArea .links .nav ul li{margin-right: 0.5rem;}
}
.a1m{display: none;}
.footer{background: #ad191f;}
.footer .ft01 .g-in{padding: 1.27rem 0 70px 0;display: flex;justify-content: space-between;align-items: flex-start;}
.footer .ft01 .a1{padding-top: 0.7rem;}
.footer .ft01 .a1 .b1{font-size: 20px;color: #ffffff;}
.footer .ft01 .a1 .b2{font-family: Arial;font-size: 0.48rem;font-weight: bold;color: #ffffff;background: linear-gradient(to bottom, #f6d59a, #ffffff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.footer .ft01 .a1 .b3{font-size: 14px;color: #ffffff;margin-top: 16px;}
.footer .ft01 .a1 .b4{margin-top: 0.5rem;display: flex;}
.footer .ft01 .a1 .b4 .item{margin-right: 0.4rem;}
.footer .ft01 .a1 .b4 .item .click_a{position: relative;}
.footer .ft01 .a1 .b4 .item .click_a .pc{position: absolute;display: none;width: 100px;height: 100px;top: 65px;left: 50%;margin-left: -50px;}
.footer .ft01 .a1 .b4 .item .click_a:hover .pc{display: block;}
.footer .ft01 .a1 .b4 .item:last-child{margin-right: 0;}
.footer .ft01 .a1 .b5{margin-top: 0.4rem;}
.footer .ft01 .a2{ background: #ffffff; width: 600px; height: auto; border-radius: 20px; padding: 1rem 0; position: relative; margin-right: 60px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.footer .ft01 .a2 .b1{text-align: center;font-size: 26px;font-weight: bold;color: #141414;}
.footer .ft01 .a2 .b2{text-align: center;font-size: 16px;color: #777777;margin-top: 6px;}
.footer .ft01 .a2 .b3{text-align: center;margin-top: 20px;}
.footer .ft01 .a2 .b3 .txt{font-size: 14px;color: #000000;margin-top: 10px;}
.footer .ft01 .a2 .b4{padding-left: 110px;margin-top: 30px;}
.footer .ft01 .a2 .b4 ul li{display: flex;flex-wrap: wrap;margin-bottom: 11px;}
.footer .ft01 .a2 .b4 ul li:last-child{margin-bottom: 0;}
.footer .ft01 .a2 .b4 .n{width: 22px;height: 22px;border-radius: 50%;background: #141414;color: #ffffff;font-size: 16px;text-align: center;line-height: 22px;margin-right: 10px;}
.footer .ft01 .a2 .b4 .t{font-size: 16px;color: #141414;line-height: 22px;}
.footer .ft01 .a2 .b5{position: absolute;right: -40px;bottom: -60px;width: 2.9rem;}
.footer .ft02{border-top: 1px solid rgba(255,255,255,.4);line-height: 2;font-size: 14px;color: rgba(255,255,255,.7);padding: 20px 0;}
.footer .ft02 a{color: rgba(255,255,255,.7);transition: all 0.3s;}
.footer .ft02 a:hover{color: #ffffff;}
.footer .ft02 .g-in{display: flex;justify-content: space-between;}
.footer .ft02 {position: relative;}
.footer .ft02 .go-top{position: absolute;right: 0;top: 0;width: 1.18rem;height: 100%;}
.footer .ft02 .go-top img{height: 100%;object-fit: cover;width: 100%;}

.m-nav {display: block;width: 100%;height: 0;right: 0;top: 0;background:#fff;background: rgba(0,0,0,.8);position:fixed;transform:translateZ(0px) rotate(0deg);transition: all 0.3s cubic-bezier(0.4, 0.01, .165, 0.99);z-index: 999990;overflow: hidden;background: #f9f9f9;}
.m-nav h2 { margin:0 0 10px; padding:10px 0; border-bottom:1px solid #ddd; font-weight:bold; font-size:16px; line-height:30px; text-align:center;display: none;}
.m-nav li {position:relative;border-bottom: 1px solid #efefef;font-size: 16px;line-height:24px;}
.m-nav li.hasSubNav::before{position: absolute;right: 20px;top: 17px;content: '\20';width: 15px;height: 15px;background: url(pic_71.png) no-repeat center center;background-size: cover;font-family: '\5B8B\4F53';font-size: 20px;color: #fff;transition: all 0.4s;z-index: 10;}
.m-nav li a {display:block;color: #333;height: 56px;line-height: 56px;padding: 0 5%;position: relative;}
.m-nav li a:hover,.m-nav .current a {color: #333;}
.m-nav .m1{display: block;}
.m-nav .current:after { position:absolute; top:50%; left:0; width:5px; height:14px; margin-top:-7px;border-left: 2px solid #cd4f36; content:"";display: none;}
.m-nav li .subNav{display: none;background: #f6f6f6;padding: 0 7%;}
.m-nav li .subNav .m2{font-size: 15px; padding: 0; border-bottom: 1px dashed #e7e7e7;}
.m-nav li .subNav .item:last-child a{border-bottom: none;}
.m-nav li.showSubNav::before{transform: rotateZ(90deg);}
.m-nav .m-nav-close{text-align: center; margin-top: 10px; font-family: Arial; font-size: 28px; color: #1c5c9e; display: none; }
body.z-open .m-nav{height: calc(100vh - 70px); padding-top: 7vh;top: 70px; overflow-y: auto;}
.banner .swiper-slide .img2{display: none;}
@media screen and (max-width: 1500px) {
    .footer .ft02 .a2{ transform: translateX(-1rem); -webkit-transform: translateX(-1rem); -moz-transform: translateX(-1rem); -ms-transform: translateX(-1rem); -o-transform: translateX(-1rem); }
    }
@media screen and (max-width: 1200px) {
    .topArea .links .hotline{margin-right: 0;}
    .topArea .links .nav{margin-right: 20px;}
    .topArea .links .nav ul li{margin-right: 20px;}
    .topArea .logo img{height: 52px;}
    .footer .ft01 .a2{width: 48%;margin-right: 0;}
    .footer .ft01 .a2 .b5{width: 50%;}
    .footer .ft01 .a2 .b4{padding-left: 10%;}
    .footer .ft02 .go-top{width: 80px;}
    .footer .ft02 .a2{ transform: translateX(-50px); -webkit-transform: translateX(-50px); -moz-transform: translateX(-50px); -ms-transform: translateX(-50px); -o-transform: translateX(-50px); }
}
@media screen and (max-width: 1000px) {
    .footer .ft02 .a1{width: 70%;}
}
@media screen and (max-width: 900px) {
    .topArea .links .lineBox{display: block;}
    .topArea .links .nav{display: none;}
    .topArea .links .hotline{display: none;}
    .topArea .g-in{height: 70px;}

    .footer .ft01 .g-in{flex-direction: column;}
    .footer .ft01 .g-in{padding: 30px 0;}
    .footer .ft01 .a1{padding-top: 0;}
    .footer .ft01 .a1 .b4{margin-top: 20px;}
    .footer .ft01 .a1 .b5{margin-top: 20px;}
    .footer .ft01 .a2{width: 100%;margin-right: 0;}
    .footer .ft01 .a2{padding: 20px;margin-top: 20px;}
    .footer .ft01 .a2 .b5{right: 0;bottom: 0;width: 20%;}
    .footer .ft02 .g-in{flex-direction: column;text-align: center;}
    .footer .ft02 .go-top{bottom: 0;top: unset;bottom: 0;height: .8rem;width: .8rem;}
    .footer .ft02 .go-top img{width: .8rem;height: .8rem;}
    .footer .ft01 .a2 .b4{padding-left: 0;margin-top: 20px;}
    .footer .ft02 .go-top{width: 10%;display: flex;}
    .footer .ft02 .go-top img{height: 100%;}
    .topArea .logo img{height: 42px;}
    .banner .swiper-slide .img2{display: block;}
    .banner .swiper-slide .img1{display: none;}
    .banner .img1,.banner .img2{width: 100%;}
    .banner .img2{display: block;}
    .footer .ft02 .a1{width: 100%;display: none;}
    .footer .ft02 .a2{ transform:unset ; -webkit-transform:unset ; -moz-transform:unset ; -ms-transform:unset ; -o-transform:unset ; }
    .a1m{display: block;}
    /* .topArea{position: fixed;left: 0;background: 100%;top: 0;background: white;z-index: 9;} */
    .topArea.on .links .lineBox .line{background: white;}


}

