@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: #9d0a0f;}
.g-in{width:1200px; margin:0 auto;}
.b-in{width:1200px; margin:0 auto;}
.s-in{width:1200px; margin:0 auto;}
.wrapper img{vertical-align:top;}


.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;}

.sjBox{display: none;}

. .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;display: none;}
.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 .bd2 {background:#B20000;background-size: cover;text-align: center;padding: 30px 0 24px;}
.footer_footer .bd2 .desc{font-size: 16px;line-height: 30px;color: rgba(255,255,255,1);}
.footer_footer .bd2 .desc a{color: rgba(255,255,255,1);}


.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%;}





.wrapper{background:#F4F4F4}

.topArea_a>.g-in{width: 1700px;}

.top_r{height: 105px;display: flex;align-items: center;background: #fff;}
.top_r .g-in{display: flex;justify-content: space-between;align-items: center;}
.top_r .g-in .fan{display: flex;align-items: center;}
.top_r .g-in .fan span{color: #4d4d4d;font-size: 16px;line-height: 35px;margin-left: 10px;}
.nav_r{background: #9D0A0F;}
.nav_r ul{display: flex;}
.nav_r ul li{width: 33.333333333333%;position: relative;}
.nav_r ul li>a{display: block;line-height: 56px;color: #ffffff;font-size: 18px;font-weight: bold;text-align: center;}
.nav_r ul li.current>a{background: #FDD383;color: #9d0a0f;}
.nav_r ul li .s_nav_r{position: absolute;left: 0;top: 56px;width: 100%;display: none;z-index: 9;}
.nav_r ul li .s_nav_r a{line-height: 40px;font-size: 16px;background: white;display: block;text-align: center;}
.nav_r ul li .s_nav_r a:hover{color: #9d0a0f;}
.sjArea{display: none;}
@media screen and (max-width: 1240px) {
.g-in{width: 1000px;}

}

@media screen and (max-width: 1000px) {
.g-in{width: 100%;padding: 0 4%;box-sizing: border-box;}


.sjArea{display: none;}
}
@media screen and (max-width: 1140px) {

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

   .footer_footer .bd2 .desc{padding: 0 4%;}


}