@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;  }
a:hover{color: #5bab4a;}
.g-in{width:1400px; margin:0 auto;}
.b-in{width:1200px; margin:0 auto;}
.s-in{width:1200px; margin:0 auto;}
.wrapper img{vertical-align:top;}

.header{position: relative;z-index: 99;}
.topArea{box-shadow: 0px 7px 10px 0px rgba(51, 74, 110, 0.08);position: fixed;left: 0;width: 100%;top: 0;z-index: 9;background: white;}
.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 .icon .tle{color: #30833e;font-size: 18px;line-height: 28px;font-weight: bold;padding-left: 38px;background: url(ico1.png) no-repeat left center;margin-left: 57px;position: relative;}
.topArea .icon .tle::after{content: "";left: -27px;top: 50%;margin-top: -15px;border-left: 1px solid #eee;height: 30px;position: absolute;}
.topArea .cont.white{background-color: white;}
.topArea .cont .logo{ width: 220px; }
.topArea .topLink{display: flex;justify-content: space-between;align-items: center;position: relative;}
.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{height: 100px;text-align: center;flex-direction: column;justify-content: center;display: flex;}
.topArea .topLink .nav>ul>li:last-child{margin-right: 0;}
.topArea .topLink .nav>ul>li>a{font-size: 18px;position: relative;z-index: 1;display: block;color: #474747;margin-top: 0;width: 120px;line-height: 60px;}
.topArea .topLink .nav .m1{position: relative;font-size: 18px;color: #474747;}
/* .topArea .topLink .nav .m1::before{} */
.topArea .topLink .nav>ul>li.current>a,.topArea .topLink .nav>ul>li:hover>a{color: #fff;background-image: linear-gradient(180deg, #7ba529 0%, #1f8b69 100%), linear-gradient(#1f8b69, #1f8b69);	border-radius: 5px;}
.topArea .topLink .nav>ul>li.current .m1,.topArea .topLink .nav>ul>li:hover .m1{color: #fff;background-image: linear-gradient(180deg, #7ba529 0%, #1f8b69 100%), linear-gradient(#1f8b69, #1f8b69);	border-radius: 5px;}
.ban-swiper .swiper-slide-active .picBox img {-webkit-animation: scale 3s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);animation: scale 3s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
@keyframes scale
{
    0%{ -webkit-transform: scale(1.1); transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
}
@-webkit-keyframes scale  /*Safari Chrome*/
{
    0%{-webkit-transform: scale(1.1); transform: scale(1.1);}
}
@-moz-keyframes scale  /* Firefox */
{
    0%{-webkit-transform: scale(1.1); transform: scale(1.1);}
}
@-o-keyframes scale  /* Opera */
{
    0%{-webkit-transform: scale(1.1); transform: scale(1.1);}
}

.smBox{display: none;}

.topArea .topLink .nav li:hover::after{width: 94px;}


.header .nav ul li .showdiv{position:absolute;text-align: center; width:150px;  top:88px;left: 50%; background:#fff;   -webkit-box-shadow:0 13px 42px 11px rgba(0,0,0,.15);box-shadow:0 13px 42px 11px rgba(0,0,0,.15); border-bottom-left-radius:5px;border-bottom-right-radius:5px;z-index: 99;}
.header .nav ul li .showdiv a{white-space: nowrap;height:50px;line-height:50px;border-bottom:1px solid #eee;transition:all .36s ease;-ms-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;-moz-transition:all .36s ease}
.header .nav ul li .showdiv a:last-child{border-bottom:0}
.header .nav ul li .showdiv a{ padding: 0 10px;  font-size:16px; color:#333!important; font-weight: normal!important; transition:all .36s ease;-ms-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;-moz-transition:all .36s ease;display:block }
.header .nav ul li .showdiv a:hover{background:#298e62}
.header .nav ul li .showdiv a:hover{color:#fff!important;}
.header .nav ul li .showdiv:before{content:"";position:absolute;border-width:0 9px 9px;border-style:solid;border-color:transparent transparent #fff;top:-9px;left:50%;margin-left:-9px}
.header .nav ul li .showdiv{ visibility:hidden; opacity:0; filter:alpha(opacity=0); transform:translateX(-50%) translateY(20px); -ms-transform:translateX(-50%) translateY(20px); -o-transform:translateX(-50%) translateY(20px); -webkit-transform:translateX(-50%) translateY(20px); -moz-transform:translateX(-50%) translateY(20px); transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; }
.header .nav ul li:hover .showdiv{ visibility:visible; opacity:1; filter:alpha(opacity=100); transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-filter:alpha(opacity=100); }
.header .nav ul li>a:hover:after{top:0}

.banner{margin-top: 100px;}




.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: 100;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: #197c63; }


.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: #197c63; 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);}





.footer{background: #1f1f1f;padding: 97px  0 0;color: #ffffff;}
.footer .a1{display: flex;}
.footer .a1 .f-link {width: 50%;position: relative;}
.footer .a1 .f-link::after{content: "";right: 0;top: 0;position: absolute;border-right: 1px solid #878787;height: 144px;}
.footer .a1 .f-nav {width: 35%;position: relative;}
.footer .a1 .f-nav::after{content: "";right: 0;top: 0;position: absolute;border-right: 1px solid #878787;height: 144px;}
.footer .a1 .wx {width: 15%;}
.footer .a1 .f-link .p{line-height: 30px;font-size: 14px;color: #ffffff;}
.footer .a1 .f-link div{padding-left: 27px;}
.footer .a1 .f-link .p .p1{background: url(ico10.png) no-repeat left center;}
.footer .a1 .f-link .p .p2{padding-left: 0;display: flex;flex-wrap: wrap;}
.footer .a1 .f-link .p .p3{padding-left: 0;display: flex;flex-wrap: wrap;}
.footer .a1 .f-link .p .p2 .p2_1{margin-right: 40px;background: url(ico11.png) no-repeat left center;}
.footer .a1 .f-link .p .p2 div{background: url(ico12.png) no-repeat left center;}
.footer .a1 .f-link .p .p3 div{background: url(ico13.png) no-repeat left center;}
.footer .a1 .f-link .p .p3 .p3_1{margin-right: 40px;}
.footer .a1 .f-link .p .p4 {background: url(ico12.png) no-repeat left center;}
.footer .a1 .f-nav ul{display: flex;padding: 0 30px;box-sizing: border-box;flex-wrap: wrap;}
.footer .a1 .f-nav ul li{width: 50%;}
.footer .a1 .f-nav ul li a{color: #ffffff;font-size: 18px;line-height: 30px;}
.footer .a1 .wx{display: flex;flex-direction: column;align-items: center;color: #ffffff;}
.footer .a1 .wx span{margin-top: 10px;}
.footer .ft02{background: #0f0f0f;}
.footer .ft02 .c{display: flex;height: 45px;justify-content:space-between;align-items: center;margin-top: 45px;}
.footer .ft02 .c a{color: #ffffff;}

.back-top{position: fixed;bottom: 5%;right: 3%;z-index: 999}
.back-top a{display: block;width: 42px;height: 42px;background: url(a1.png) no-repeat center;background-size: cover;}
.back-top a:hover{background: url(a2.png) no-repeat center;}

.sjBox{display: none;}

.header .nav>ul>li>a{position:relative;font-weight: bold;font-size: 14px;}


.header .nav>ul>li:hover>a{}
.header .nav>ul>li{padding:0;position: relative;}
.header .nav>ul>li:last-child{margin-right:0}
.header .bottom{height:100px}
.header_p{height:100px}
.header .headbox{height:100px;display:flex;align-items:center}
.banner{overflow:hidden;position:relative}
.topArea_a .headbox .sgBox{display: none;}


.topArea_a .headbox{display: flex;align-items: center;justify-content: space-between;}
.topArea_a .headbox .icon{margin-left: 35px;display: flex;align-items: center;position: absolute;top: 10px;right: 0;}
.topArea_a .headbox .icon ul{display: flex;align-items: center;}
.topArea_a .headbox .icon ul li{margin-right: 10px;padding-left: 30px;}
.topArea_a .headbox .icon ul li:last-child{margin-right: 0;}
.topArea_a .headbox .icon ul li a{color: #707070;font-size: 14px;}
.topArea_a .headbox .icon ul li.li01{background: url(ico2.png) no-repeat left center;}
.topArea_a .headbox .icon ul li.li02{background: url(ico3.png) no-repeat left center;}
.topArea_a .headbox .icon ul li.li03{background: url(ico4.png) no-repeat left center;}

.topArea .topLink .nav{display: flex;align-items: center;position: relative;}
.icon-search{background: url(ico1.png) no-repeat center;width: 22px;height: 22px;display: block;margin-left: 20px;margin-top: 0;cursor: pointer;display: none;}
.search { position:fixed; top:0; left:0;  background:rgba(0,0,0,0.6); display:none; z-index:9999;width: 100vw;height: 100vh; }
.search form { position:absolute; top:50%; left:50%; margin-left:-300px; margin-top:-30px; width:600px; background:#fff; font-size:16px; z-index:9; }
.search form .txt { float:left; height:60px; line-height:60px; padding-left:15px; width:450px; }
.search form .btn { float:right; height:60px; line-height:60px; width:150px; text-align:center; background:#298e62; color:#fff; cursor:pointer; }
.serclose { position:absolute; right:-50px; top:-50px; color:#fff; font-size:30px; cursor:pointer; }
.search01 { display:block; }

/* 二级菜单 */
.m-menua {position:fixed;top:0;right:-50%;width: 52%;height:100%;padding:7% 5%;box-sizing: border-box;background:#fff;z-index:101;opacity:0;overflow:auto;}
.m-menua .site-nav { min-height:400px; overflow-y:auto; }
.m-menua dl dt {margin-bottom:8px;padding:0 8px 10px;/* border-bottom:1px solid #ddd; */line-height:24px;}
.m-menua dl dt a { color: #333;font-size: 14px; }
.m-menua dl dt .s_a{padding-left: 20px;margin-top: 10px;}
.m-menua dl dt .s_a a{line-height: 30px;font-size: 14px;border-bottom: 1px solid #ddd;display: block;}
.m-menua dl dt a:hover,.m-menua dl dt .current { color: #298e62; }
.m-menua dl dd { padding: 0 5px 10px 24px; line-height:24px; }
.m-menua dl dd a { color: #333; }
.m-menua dl dd a.current { color: #298e62; }
.u-mask { position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5; z-index:99; }
.box-isd{display: none;}
.box-isd .hd { background:#fff;}
.box-isd .hd h2 { border-right:0; background:#fff; color:#1e1201; }
.box-isd .hd .col { float:right; height:24px; margin:15px 5px 0 0; padding:0 20px; line-height:24px; border-radius:3px; border:1px solid #ddd; text-align:center; }
.box-isd .hd .col a { color:#333; }



.banner{position: relative;box-sizing: border-box;}
.banner  .swiper-pagination{bottom: 30px !important;}
.banner  .swiper-pagination-bullet{ width: 13px; height: 13px; border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; -ms-border-radius: 13px; -o-border-radius: 13px; background: #fff; margin: 0 3px !important; opacity: 0.5; 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 ;opacity: 1; }
.banner  .swiper-pagination-bullet-active{opacity: 1;background: #298E62;}
/* .banner .swiper-button-next, .banner .swiper-button-prev{width: 58px;height: 58px;left: unset;right: 16.25%;} */
/* .banner .swiper-button-next{background: url(right.png) no-repeat center;margin-top: 14px;} */
/* .banner .swiper-button-prev{ background: url(right.png) no-repeat center; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); margin-top: -50px;} */
/* .banner .swiper-button-next::after, .banner .swiper-button-prev::after{display: none;} */
/* .banner .swiper-button-next:hover{ background: url(left.png) no-repeat center; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); } */
/* .banner .swiper-button-prev:hover{ background: url(left.png) no-repeat center; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); } */
/*fixed-contact*/
/* 固定定位 */
.fixed {
    position: fixed;
    left: 0;
    top: 50%;
    z-index: 99;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
}
.banner  .swiper-slide img{width: 100%;max-width: unset; }
.banner  .swiper-slide-active img{object-fit: cover; animation: banner-shrink 3s linear forwards;}
/* .banner  .swiper-slide-active img{ transform: scale3d(0.8, 0.8, 0.8); -webkit-transform: scale3d(0.8, 0.8, 0.8); -moz-transform: scale3d(0.8, 0.8, 0.8); -ms-transform: scale3d(0.8, 0.8, 0.8); -o-transform: scale3d(0.8, 0.8, 0.8); } */
.banner  .swiper-slide{overflow: hidden;position: relative;}
.banner  .swiper-slide .txt{left: 50%; position: absolute; width: 1400px; margin-left: -700px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); z-index: 9;padding-left: 20px;box-sizing: border-box;}
.banner  .swiper-slide .txt .t1{color: #ffffff;font-size: 48px;line-height: 38px;height: 38px;position: relative;}
.banner  .swiper-slide .txt .t2{color: #ffffff;font-size: 18px;line-height: 15px;opacity: 0.5;margin-top: 18px;height: 15px;}
.banner  .swiper-slide .txt .t1::after{content: "";left: -20px;top: 0;border-left: 2px solid #fff;height: 70px;position: absolute;}

@keyframes banner-shrink {
  from {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
  to {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
}

.nr{position: relative;}
.st0{fill: none;stroke: #FFFFFF;stroke-miterlimit: 10;}
.banner_line{position: absolute;left:0;bottom: 80px;z-index: 99;width: 100%;}
.sidebar{position: absolute;z-index: 99;width: 100%;left: 0;right: 0;box-sizing: border-box;bottom: 80px;}
.sidebar ul{display: flex;justify-content: space-between;align-items: flex-start;}
.sidebar ul li a {display: block;position: relative;width: 100px;height: 72px;text-align: center;cursor: pointer;text-decoration: none;}
.sidebar ul li h4 {margin: 0;color: #fff;font-size: 18px;transition: all 0.3s;font-weight: normal;}
.sidebar ul li span {display: inline-block;width: 5px;height: 5px;border-radius: 50%;background-color: #fff;position: absolute;left: 50%;transform: translateX(-50%);bottom: 11px;transition: all 0.3s;}
.sidebar ul li em {display: inline-block;width: 24px;height: 24px;left: 50%;transform: translateX(-50%);bottom: 0;position: absolute;border-radius: 50%;border: #fff 1px solid;transition: all 0.3s;}
.sidebar ul li a:hover em {width: 36px;height: 36px;transform: translateY(6px) translateX(-50%);}
.sidebar ul li a:hover h4 {transform: translateY(2px);}
.sidebar ul li.active h4 {transform: translateY(-9px);}
.sidebar ul li.active em {width: 62px;height: 62px;border-width: 2px;transform: translateY(18px) translateX(-50%);}
.sidebar ul li.active:hover em{width: 38px;height: 38px;transform: translateY(6px) translateX(-50%);}

.footer_footer .bd1{background: #197c63;padding: 30px 0;}
.footer_footer .bd1 .bd1_box{display: flex;}
.footer_footer .bd1 .bd1_box .select{width: 461px;margin-right: 8px;position: relative;}
.footer_footer .bd1 .bd1_box .select:nth-child(3){margin-right: 0;}
.footer_footer .bd1 .bd1_box .select .linkit{line-height: 45px;border: 1px solid #83B8AB;width: 100%;display: block;height: 45px;color: white;color: rgba(255,255,255,.8);padding: 0 17px;box-sizing: border-box;background: url(nxz11.png)no-repeat right 17px center;outline: none;appearance: none;}

.footer_footer .bd1 .bd1_box .select ul{position: absolute;background: #fff;width: 100%;z-index: 99;display: none;max-height: 200px;overflow: auto;}
.footer_footer .bd1 .bd1_box .select ul li a{font-size: 14px;line-height: 1.2;padding: 8px 20px;display: block;}
.footer_footer .bd1 .bd1_box .select ul li:hover a{color: #1f8b69;}

.footer_footer .bd2 {background: url(nxz12.png)no-repeat bottom center;background-size: cover;text-align: center;padding: 30px 0 24px;}
.footer_footer .bd2 .pc{margin-bottom: 10px;}
.footer_footer .bd2 .desc{font-size: 16px;line-height: 30px;color: rgba(255,255,255,.5);}
.footer_footer .bd2 .desc a{color: rgba(255,255,255,.5);}


.footer_footer .bd2 .desc a:hover{color: white;}


.banner .swiper-button-prev{ background:url(banner_left.png) center no-repeat; background-size:3rem;opacity:.8; left:5%;}
.banner .swiper-button-next{ background:url(banner_right.png) center no-repeat; background-size:3rem; opacity:.8; right:5%;}
.draw_h{ width: 50px !important; height: 50px !important; line-height: 48px !important; display:block; border-radius: 50%; text-align: center; position:relative;}
.draw_h:before{ content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; border: 2px solid rgba(100%,100%,100%,.5); border-radius: 50%;}
svg.drawcircle{position:absolute;top:0;left:0;overflow: inherit;display: block;pointer-events: none;}
svg.drawcircle circle {
	fill: none; box-sizing:border-box;
	stroke-width: 2;
	stroke: none;
	stroke-dasharray: 0 , 188.49;
	stroke-dashoffset:188.49;
	transition: all .3s linear 0s;	
}
.draw_h:hover svg.drawcircle circle { 
    stroke:#fff;
	stroke-dasharray:188.49 , 0;
	stroke-dashoffset:188.49;
	-webkit-transition: all .7s cubic-bezier(0.11, 0.57, 0.58, 1);
	transition: all .7s cubic-bezier(0.11, 0.57, 0.58, 1);
}
.draw_h .icon { fill: #626262; vertical-align: middle; transition:.3s;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.draw_h:hover .icon{ fill:#0081cc;}


/*	首页默认模式 向上 */
.pageTop { z-index:100; }
.pageTop { background:url(backtop_icon.png) no-repeat;width:44px;height:44px;position:fixed;margin-right:-650px;right:50%;top:85%;overflow:hidden;text-indent:-999px}
.pageTop a { width:100%;height:100%;display:block;}



.topArea_a>.g-in{width: 1700px;}
@media screen and (max-width: 1780px) {
.topArea_a>.g-in{width: 1400px;}
.topArea .topLink .nav>ul>li>a{width: 100px;}
}

@media screen and (max-width: 1440px) {
.g-in{width: 1100px;}
.topArea_a>.g-in{width: 1100px;}
.topArea .topLink .nav>ul>li>a{font-size: 15px;}
.topArea .topLink .nav .m1{font-size: 15px;}
.topArea .topLink .nav>ul>li>a{width: 85px;}
.topArea_a .headbox .logo img{width: 330px;}

.banner .swiper-slide .txt{width: 1100px;margin-left: -550px;}
.banner .swiper-slide .txt .t1{font-size: 36px;height: 30px;line-height: 30px;}
}

@media screen and (max-width: 1140px) {
.g-in{width: 100%;padding: 0 4%;box-sizing: border-box;}
.topArea_a>.g-in{width: 100%;padding: 0 4%;box-sizing: border-box;}
.banner .swiper-slide .txt{width: 100%;margin-left: 0;box-sizing: border-box;padding: 0 4%;left: 0;box-sizing: border-box;}
.banner .swiper-slide .txt .t1{font-size: 24px;height: 24px;line-height: 24px;}
.banner .swiper-slide .txt .t1::after{display: none;}
    .box-isd {
        display: block;
        position: absolute;
        right: 4%;
        top: -18px;
    }
}

.sjArea{display: none;}

@media screen and (max-width: 1140px) {

    .sjArea{display: block;}
    .pcArea{display: none;}
    .sjArea video{width: 100%;height: unset;}

    .header .headbox{height: 60px;}
   .topArea .topLink .nav>ul{ 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;overflow-y: auto; }
    .header .navbar{display: block;}

    .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; }
    .topArea_a .headbox .lgBox{display: none;}
    .topArea_a .headbox .sgBox{display: block;}

   .footer_footer .bd2 .desc{padding: 0 4%;}
   .footer_footer .bd1 .bd1_box{flex-direction: column;}
   .footer_footer .bd1 .bd1_box .select select{width: 100%;height: 40px;line-height: 40px;}
   .footer_footer .bd1 .bd1_box .select{width: 100%;margin-right: 0;margin-bottom:20px ;}
   .footer_footer .bd1 .bd1_box .select:last-child{margin-bottom: 0;}
   .icon-search{display: none;}

    .draw_h{width: 35px !important; height: 35px !important; line-height: 33px !important;}
   .banner{margin-top: 60px;}

   .banner .swiper-button-prev{ background:url(banner_left.png) center no-repeat; background-size:30px;opacity:.8; left:5%;}
.banner .swiper-button-next{ background:url(banner_right.png) center no-repeat; background-size:30px; opacity:.8; right:5%;}
}