@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; transition: all .3s linear;}
a:hover{color: #1c5c9e;}
.g-in{width:1680px; margin:0 auto;}
.b-in{width:1200px; margin:0 auto;}
.s-in{width:1200px; margin:0 auto;}
.wrapper img{vertical-align:top;}
@media screen and (max-width: 1680px){.g-in{width: 1400px;}}
@media screen and (max-width: 1440px){.g-in{width: 1200px;}}
@media screen and (max-width: 1280px){.g-in{width: 92vw;}}
.header{position: relative;}
.topArea{position: absolute;left: 0;top: 0;width: 100%;z-index: 199;}
.topArea .cont{display: flex;justify-content: space-between;align-items: center; padding-top: 46px; /*position: fixed;left: 0;top: 0;width: 100%;*/z-index: 10;}
.topArea .cont.white{background-color: white;}
.topArea .cont .logo{ width: 220px; }
.topArea .topLink{display: flex;justify-content: space-between;align-items: center;}
.topArea .topLink .toptxt{color: #fff;font-size: 23px;background: url(tell.png)no-repeat left center;padding-left: 35px;margin-left: 50px;background:none;}
.topArea .topLink .nav ul{display: flex;justify-content: space-between;}
.topArea .topLink .nav ul li{margin-right: 111px;height: 86px;line-height: 86px;position: relative;}
.topArea .topLink .nav ul li:last-child{margin-right: 0;}
.topArea .topLink .nav li>a{font-size: 18px;color: #fff;position: relative;z-index: 1;}
.topArea .topLink .nav .m1{position: relative;font-size: 18px;color: #fff;transition: all 0.3s;}
/* .topArea .topLink .nav .m1::before{} */
.topArea .topLink .nav li.current .m1,
.topArea .topLink .nav li:hover .m1{color: #fff;font-weight: bold;}

.smBox{display: none;}
.topArea .topLink .nav li::after{content: '\20';position: absolute;right: 0;bottom: 27px;width: 0;height: 2px;background: #fff;transition: all 0.3s;background: url(icon10000.png) left center;height: 9px;width: 0;background-size: cover;}

.topArea .topLink .nav li:hover::after{width: 94px;}
/* 
.topArea .topLink .nav .subNav{background: #fff; opacity: 0; visibility: hidden; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; position: absolute; width: 160px; padding: 18px 0 16px; -webkit-transform: translateY(34px); -moz-transform: translateY(30px); transform: translateY(34px); border-radius: 6px; left: 50%; margin-left: -77px; z-index: 2;}
.topArea .topLink .nav .subNav::before{content: ""; width: 15px; height: 15px; background: #fff; border-radius: 2px; position: absolute; left: 50%; margin-left: -8px; top: -5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);}
.topArea .topLink .nav .subNav::after{content: "";position: absolute;left: 0;top: -18px;width: 100%;height: 100%;z-index: -1;}
.topArea .topLink .nav li:hover .subNav{visibility: visible;opacity: 1;-webkit-transform: translateY(0);-moz-transform: translateY(0);transform: translateY(10px);-webkit-box-shadow: 0 30px 60px 0 rgb(0 0 0 / 20%);box-shadow: 0 30px 60px 0 rgb(0 0 0 / 20%);}
.topArea .topLink .nav .subNav .m2{display: block;height: 40px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 40px;font-size: 15px;color: #666;text-align: center;transition: all 0.3s;}
.topArea .topLink .nav .subNav .m2:hover{color: #1c5c9e;}
*/
.nav li .shownav {position:absolute;left: 50%;width: 160px;visibility:hidden;font-size:16px;z-index:1;top: 82px;border-radius: 5px;overflow: hidden;box-shadow: 0 0 10px #c8c8c8;padding: 12px;background: #fff;padding: 0;background: unset;margin-left: -80px;}
.nav li .shownav a { display: block;  padding:10px 10px; background: #fff; color:#000; line-height:20px; text-align:center;}

.nav li .shownav { transform:scale(0); }
.nav li .shownav a {opacity: 0;transform: rotateY(90deg);transition: all .4s ease;}
.nav li .shownav a:hover { color:#1c5c9e; font-weight: bold;}
.nav li:hover .shownav { visibility:visible; }
.nav li:hover .shownav{z-index:10; transform:scale(1);} 
.nav li:hover .shownav a{ opacity:1; transform:none; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; }
.nav li:hover .shownav a:nth-child(1){ transition-delay:0s}
.nav li:hover .shownav a:nth-child(2){ transition-delay:50ms}
.nav li:hover .shownav a:nth-child(3){ transition-delay:.1s}
.nav li:hover .shownav a:nth-child(4){ transition-delay:150ms}
.nav li:hover .shownav a:nth-child(5){ transition-delay:.2s}
.nav li:hover .shownav a:nth-child(6){ transition-delay:250ms}
.nav li:hover .shownav a:nth-child(7){ transition-delay:.3s}
.nav li:hover .shownav a:nth-child(8){ transition-delay:350ms}
.nav li:hover .shownav a:nth-child(9){ transition-delay:.4s}
.nav li:hover .shownav a:nth-child(10){ transition-delay:450ms}
.nav li:hover .shownav a:nth-child(11){ transition-delay:.5s}
.nav li:hover .shownav a:nth-child(12){ transition-delay:550ms}
.nav li:hover .shownav a:nth-child(13){ transition-delay:600ms}
.nav li:hover .shownav a:nth-child(14){ transition-delay:650ms}
.nav li:hover .shownav a:nth-child(15){ transition-delay:700ms}
.nav li:hover .shownav a:nth-child(16){ transition-delay:750ms}
.nav li:hover .shownav a:nth-child(17){ transition-delay:800ms}
.nav li:hover .shownav a:nth-child(18){ transition-delay:850ms}
.nav li:hover .shownav a:nth-child(19){ transition-delay:900ms}
.nav li:hover .shownav a:nth-child(20){ transition-delay:950ms}
@media screen and (max-width: 1700px) {
    .topArea .topLink .nav ul li { margin-right: 40px; }
}

@media screen and (max-width: 1440px) {
    .topArea .topLink .nav ul li { margin-right: 4vw; }
}
@media screen and (max-width: 1280px) {
    .topArea .cont{ padding-top: 30px; }
    .topArea .topLink .toptxt { margin-left: 20px; }
}
@media screen and (max-width: 900px) {
    .topArea .cont{ padding-top: 0; }
    .topArea .topLink .toptxt { margin-left: 0; }
    .smBox{display: block;}
    .ban-swiper .swiper-slide .picBox.lgBox{display: none;}
    .ban-swiper .swiper-slide .picBox{ transform: scale(1) !important; -webkit-transform: scale(1) !important; -moz-transform: scale(1) !important; -ms-transform: scale(1) !important; -o-transform: scale(1) !important; }
}
.banner .swiper .swiper-slide img{width: 100%;}
.header .navbar{ height: 30px;width: 30px; margin-right: 20px; margin-left: 20px; display: none;}
.header .navbar .naviconBox{  height: 30px;width: 30px; border-radius: 36px; background-color: #1c5c9e; position: relative;}
.header .navbar .icon-bar{position: absolute;width: 16px;height: 1px;left: 7px;background: #fff;border-radius: 3px;}
.header .navbar .icon-bar:nth-child(1){top: 10px;transition: top .3s ease .4s, transform .3s ease;}
.header .navbar .icon-bar:nth-child(2){top: 15px;}
.header .navbar .icon-bar:nth-child(3){top: 20px;transition: top .3s ease .4s, transform .3s ease;}
body.z-open .header .navbar .icon-bar:nth-child(1){transition: top .3s ease, transform .3s ease;top: 15px; transform: rotate(45deg);}
body.z-open .header .navbar .icon-bar:nth-child(2){transition: background .3s ease 0s;background: transparent;}
body.z-open .header .navbar .icon-bar:nth-child(3){transition: top .3s ease, transform .3s ease;top: 15px; transform: rotate(-45deg);}

.m-nav {display: none;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: 90;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: 100vh; }
body.z-open .logo { opacity: 0; }
body.z-open .toptxt { opacity: 0; }
@media screen and (max-width: 1200px) {
    .topArea .topLink .nav { display: none; }
    .topArea .topLink .toptxt { display: none; }
    .m-nav{display: block;}
	.m-nav{top: 0;}
    .m-nav li .subNav{padding: 0 35px;}
    body.z-open .m-nav{height: 100vh; padding-top: 15vh; }
    .header .navbar{display: block;}
}

@media (max-width:900px) {
	.topArea .cont { flex-wrap: wrap; }
	.topArea .cont .logo { width: 50%; margin-top: 0; background-size: cover; }
    /* .topArea .topLink { width: 55%; } */
    .topArea .topLink .toptxt{ font-size: 18px; background-size: 16px; padding-left: 25px; margin-left: 0;}
    .header .navbar { margin-left: 20px; margin-right: 0; }
}

.footer{background: #333333;color: #979797;padding: 52px  0 0;}
.footer a{color: #979797;transition: all 0.3s;}
.footer a:hover{color: #fff;}
.footer .ft01 .a1{border-bottom: 1px solid #48494a;display: flex;align-items: center;justify-content: space-between;}
.footer .ft01 .a1 ul{display: flex;}
.footer .ft01 .a1 li{margin-right: 120px;}
.footer .ft01 .a1 li:last-child{margin-right: 0;}
.footer .ft01 .a1 li a{line-height: 28px;display: block;}
.footer .ft01 .a2{border-bottom: 1px solid #48494a;display: flex;align-items: center;justify-content: space-between;padding: 55px 0;}
.footer .ft01 .a2 .a21_1{display: flex;align-items: center;font-size: 24px;line-height: 34px;}
.footer .ft01 .a2 .a21_1:nth-child(2){margin-left: 138px;}
.footer .ft01 .a2 .a21{display: flex;} 
.footer .ft01 .a2 .a2b{display: flex;align-items: center;}
.footer .ft01 .a2 .a2b a{margin-right: 15px;}
.footer .ft01 .a2 .a2b a:last-child{margin-right: 0;}
.footer .ft01 .a2 .a21_1 .pc{margin-right: 38px;}
.footer .ft01 .a2 .a21_1 .pc img{ width: 100%; height: auto;}
.footer .ft01 .a2 .a21_1 .t1{color: #3e78b0;font-size: 20px;line-height: 30px;}

.footer .ft02{line-height: 80px;font-size: 14px;color: #5c5c5c;}
.footer .ft02 a{color: #5c5c5c;}
.footer .ft02 img{vertical-align: middle;}
.footer .ft02 span{margin-right: 12px;}
@media screen and (max-width: 1200px) {
    .footer .ft01 .cont{padding: 30px 0;}
    .footer .ft01 .a1{display: none;}
    .footer .ft01 .a2{flex-wrap: wrap; padding-top: 0;}
    .footer .ft01 .a2 .b1{width: 100%;text-align: center;border-right: none;padding-right: 0;}
    .footer .ft01 .a2 .b1 .c1{margin-bottom: 10px;}
    .footer .ft01 .a2 .b2{width: 100%;padding-left: 0;margin-top: 14px;}
}
@media (max-width:900px) {
    .footer{padding: 25px 0;}
    .footer .ft01 .a2{ padding: 0 0 15px;}
    .footer .ft01 .a2 .a21 { flex-wrap: wrap;} 
    .footer .ft01 .a2 .a21_1 { width: 100%; margin-bottom: 8px; font-size: 14px;line-height: 26px;}
    .footer .ft01 .a2 .a21_1:nth-child(2){ width: 100%; margin-left: 0;}
    .footer .ft01 .a2 .a21_1 .pc { width: 30px; margin-right: 20px;}
    .footer .ft01 .a2 .a21_1 .t1{ font-size: 16px;line-height: 22px;}
    .footer .ft01 .a2 .a2b { margin-bottom: 8px; }
    .footer .ft01 .a2 .a2b a{margin-right: 15px;}
    .footer .ft01 .a2 .a2b a:last-child{margin-right: 0;}
    .footer .ft01 .a2 .a2c { display: flex; }
    .footer .ft01 .a2 .a2c a { display: block; width: 38px; margin-right: 8px; }
    .footer .ft01 .a2 .a2c img { width: 100%; height: auto; }
    .footer .ft02 { padding-top: 25px; line-height: 2; }
    .footer .ft02 .fl,
    .footer .ft02 .fr { float: none; display: block; width: 100%; text-align: center; }
}

.sjBox{display: none;}


.g-full { width: 1600px; margin: 0 auto; }
@media (max-width:1700px) {
    .g-full { width: 1440px; }
}
@media (max-width:1500px) {
    .g-full { width: 1280px; }
}
@media (max-width:1440px) {
    .g-full { width: 1280px; }
}
@media (max-width:1366px) {
    .g-full { width: 1200px; }
}
@media (max-width:1280px) {
    .g-full { width: 1000px; }
}
@media (max-width:1080px) {
    .g-full { width: 900px; }
}
@media (max-width:900px) {
    .g-full { width: 90%; }
}
.a2c {display: flex;}
.ll{position: relative;}
.ll .pc{ display: none; position: absolute; bottom: 60px; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); left: 50%;width: 150px;}
.ll .pc img{width: 150px;}