@charset "UTF-8";
html{
  font-size:6.17vw;
}
@media screen and  (min-width:1620px){ /*主体宽度*/
  html{
  font-size: 100px;
}
}
@media screen and  (max-width:300px){
  html{
  font-size:100px;
}
}


html {
  scrollbar-width: thin;
  scrollbar-color: #e50011 #fff;
}
html::-webkit-scrollbar {
  width:20px;
}
html::-webkit-scrollbar-thumb {
  background-color:#fff;border-radius:8px;
}
html::-moz-scrollbar {
  width:20px; 
}
html::-moz-scrollbar-thumb {
  background-color:#fff;border-radius:8px;
}	



.max-1920{max-width:1920px; margin-right: auto; margin-left: auto;}
.max-width{max-width:1620px; margin-right: auto; margin-left: auto;}
.ctext{padding-left:0.75rem;padding-right:0.75rem;}
@media  screen and (max-width: 1024px){
.ctext{padding-left:25px;padding-right:25px;}
}





/*PC head*/
.t_navs{ position:fixed; left:0; top:0; z-index: 20; width:100%; padding:0 0.45rem; }
.t_navs .top{ width: 100%; flex-wrap:wrap; display: flex; justify-content: space-between; align-items: center; height:1.4rem;}
.t_navs .logo{ line-height: 0; float: left;}
.t_navs .logo a{ float: left;}
.t_navs .logo img{ width: auto; height:0.9rem;}
.t_navs .right{ display: flex; align-items: center;}
.t_navs .lang{ display:flex; margin:0 0.25rem 0 0;}
.t_navs .lang a{ display:flex; align-items: center; border-radius:50%; overflow: hidden; background-color: #fff; padding:4px; border-radius:50%; margin-left: 10px;}
.t_navs .lang a img{ width:22px; height:22px;}
.t_navs .menu{float: left;}
.t_navs .menu ul{float: left;}
.t_navs .menu .nli{ float: left; position: relative;}
.t_navs .menu .nli span a{ display: block;color: #000; position: relative;line-height:0.5rem; font-size:calc(14px + 0.04rem); padding:0 0.39rem; border-radius: 30px;}
.t_navs .menu .nli.on span a,
.t_navs .menu .nli:hover span a{ background: #e60012;color: #fff;}
.t_navs .menu .sub{ display: none; position: absolute; width:250px; top:100%; left:50%; transform: translate(-50%,0); -ms-transform: translate(-50%,0); padding-top:0.2rem;}
.t_navs .menu .sub .u1{ display: block; width:100%; background:#fff; z-index:8; border-radius: 8px; overflow: hidden;}
.t_navs .menu .sub .l1{ display: block; width:100%; border-bottom:1px solid rgba(0,0,0,0.1);}
.t_navs .menu .sub .l1:last-child{ border-bottom:0 !important;}
.t_navs .menu .sub .l1 a{ text-align: center; display: block; width:100%; color: #000; line-height:calc(24px + 0.1rem); font-size:calc(14px + 0.02rem); padding:4px 15px;}
.t_navs .menu .sub .l1 a:hover{ background: #e60012;color: #fff;}

.t_navs.act{ background:#fff; box-shadow:0 2px 6px rgba(0,0,0,0.1);}
.t_navs.act .top{ height:0.9rem;}
.t_navs.act .logo img{ width: auto; height:0.6rem;}

.t_navs.ect{ background:#fff; box-shadow:0 2px 6px rgba(0,0,0,0.1);}
.t_navs.ect .top{ height:0.9rem;}
.t_navs.act .logo img{ width: auto; height:0.6rem;}


@media screen and (max-width:1440px) {
.t_navs .lang{ margin:0;}	
.t_navs .menu .nli span a{font-size: calc(14px + 0.02rem);}
}
@media screen and (max-width:1024px) {
.t_navs{ padding:0 17px 0 15px;}
.t_navs .menu{ display: none;}
.t_navs .top{ height:54px;}
.t_navs .logo img{ width: auto; height:38px;}
.t_navs .lang{ margin-right:4px;}
.t_navs .lang a{ margin:0 8px 0 0; padding:2px;}
.t_navs .lang img{ width:20px; height:20px;}

.t_navs.act .top{ height:54px;}
.t_navs.act .logo img{ height:38px;}
.t_navs.ect .top{ height:54px;}
.t_navs.ect .logo img{ height:38px;}

}


.menuph{ display:none; float: right; width:26px; height: 20px; cursor: pointer; text-align: center;}
.menuph .point { float:left; width: 100%;  height: 20px; position: relative;}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before { width: 100%;}
.menuph .navbtn { position: absolute; top:9px; right: 0; display: inline-block; width:100%; height: 2px; background: #e60012;
-webkit-transition: all .3s ease-out 0s; 
-moz-transition: all .3s ease-out 0s;  
-ms-transition: all .3s ease-out 0s;  
-o-transition: all .3s ease-out 0s;  
transition: all .3s ease-out 0s;}
.menuph .navbtn::after,
.menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 100%; height: 2px; content: ''; background: #e60012;
-webkit-transition: all .3s ease-out 0s;  
-moz-transition: all .3s ease-out 0s;  
-ms-transition: all .3s ease-out 0s;  
-o-transition: all .3s ease-out 0s;  
transition: all .3s ease-out 0s;}
.menuph .navbtn::after { top: -9px;}
.menuph .navbtn::before { top: 9px;}
.menuph.active .point .navbtn{ background: transparent !important;}
.menuph.active .point .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px;}
.menuph.active .point .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px;}

@media  screen and (max-width:1024px){
.menuph{ display:block;}
}

.xialaph{ position: fixed; left:0; top:54px; float: left; width: 100%; height:100vh; z-index:15; display:none; background:#fff; padding:15px 15px 50px 15px; overflow-y: auto;}
.xialaph .l1{width: 100%; display: inline-flex; flex-wrap: wrap; border-bottom:1px solid rgba(0,0,0,0.1);}
.xialaph .a1box{width: 100%;position: relative;}
.xialaph .a2box{width: 100%;position: relative;}
.xialaph .a1{font-size:16px;color: #000; text-transform: uppercase; font-size:16px; line-height:24px;position: relative;padding:14px 20px 14px 0;display: block;width: 100%; text-transform: uppercase;}
.xialaph .on .a1{ color: #e60012;}
.xialaph .icobox{width:50px;height:100%;position: absolute;right:0;top:0;}
.xialaph .icobox::after{ display:block; content:''; width:8px;height:8px;position: absolute;right:2px;top: 50%;transform: translate(0,-50%) rotate(45deg); -ms-transform: translate(0,-50%) rotate(45deg);border-top:1px solid #000;  border-right:1px solid #000;}
.xialaph .on .icobox::after{ transform: translate(0,-50%) rotate(135deg); -ms-transform: translate(0,-50%) rotate(135deg); margin-top: -3px;}
.xialaph .u2{width: 100%;padding:0 0 15px 15px;display: none;}
.xialaph .u2 .l2{ width: 100%;display: block; margin-bottom:8px;}
.xialaph .u2 .a2{ width: 100%;display: block; font-size:15px;color: #000;line-height:24px; text-transform: uppercase;}
.xialaph .on .a2{ color:#e60012;}



.index-banner{ display:block; width: 100%; line-height: 0; overflow: hidden; z-index:5; position: relative;}
.index-banner .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.index-banner .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; width:100%; line-height: 0;}
.index-banner .div{ width:100%; line-height: 0;}
.index-banner .box{ display: block; width:100%; text-align: center; position: absolute; left: 0; top:1.5rem; z-index: 6;}
.index-banner .box .tit1{ font-family:"Alibaba-PuHuiTi-Heavy"; display: block; color: #e60012; font-size: 1.2rem; line-height: 1; text-transform: uppercase;}
.index-banner .box .tit2{ font-family:"Alibaba-PuHuiTi-Regular"; display: block; color: #000; font-size:0.4rem; line-height:0.5rem; margin-top: 0.2rem; letter-spacing: 0.01rem;}
.index-banner .box .tit3{ font-family:"Alibaba-PuHuiTi-Bold"; display: block; color: #000; font-size:0.38rem; line-height:0.48rem; margin-top: 0.12rem;}
.banner-box{ overflow: hidden;}
.banner-box .swiper-prev,
.banner-box .swiper-next{ cursor: pointer; width:0.6rem; height:0.6rem; display:block;position: absolute; bottom:0.5rem; z-index: 10; background: url(img/ico3.1.png) center no-repeat; background-size:auto 100% !important; }
.banner-box .swiper-prev{ left:50%; margin-left:calc(-810px - 1rem); transform:rotateY(180deg); -ms-transform:rotateY(180deg);}
.banner-box .swiper-next{ right:50%; margin-right:calc(-810px - 1rem);}
.banner-box .swiper-prev:hover,
.banner-box .swiper-next:hover{ opacity:0.6;}

@media screen and (max-width:1920px) {
.banner-box .swiper-prev{ left:0.5rem;margin-left:0;}
.banner-box .swiper-next{ right:0.5rem;margin-right:0;}
}
@media screen and (max-width:1770px) {
.banner-box .swiper-prev{ left:0.25rem;}
.banner-box .swiper-next{ right:0.25rem;}
}
@media screen and (max-width:1440px) {
.index-banner .box{ top:1.4rem;}	
.index-banner .box .tit1{font-size: 1.1rem; line-height: 1;}
.index-banner .box .tit2{ font-size:0.36rem; line-height:0.46rem; margin-top: 0.2rem; letter-spacing: 0.01rem;}
.index-banner .box .tit3{  font-size:0.34rem; line-height:0.44rem; margin-top: 0.12rem;}
.banner-box .swiper-prev,
.banner-box .swiper-next{ bottom:0.3rem;}
}
@media screen and (max-width:1024px) {
.index-banner .box{ top:80px;}	
.index-banner .box .tit1{font-size:40px; line-height: 1;}
.index-banner .box .tit2{ font-size:18px; line-height:28px; margin-top:10px;}
.index-banner .box .tit3{  font-size:17px; line-height:26px; margin-top:6px;}	
.banner-box .swiper-prev,
.banner-box .swiper-next{ width:30px; height:30px; bottom:10px;}
.banner-box .swiper-prev{ left:10px;}
.banner-box .swiper-next{ right:10px;}
}



.main1{ position: absolute; left: 0; bottom: 0; width: 100%; z-index: 6; background: rgba(0,0,0,0.35);}
.main1 .box{ height:0; display: flex; flex-wrap: wrap; width: 100%; align-items: center; justify-content: space-between;}
.main1:hover .box{ height: 1.5rem;}
.main1 .left{ display: flex; flex-wrap: wrap; flex-direction: column; margin-bottom: 0.13rem; margin-left:13px; }
.main1 .cont{ display:block; color: #fff; font-size:calc(14px + 0.06rem); line-height:calc(22px + 0.08rem);}
.main1 .cont1{ display:flex; align-items: center;  font-weight: bold; color: #fff; font-size:calc(14px + 0.1rem); line-height:calc(22px + 0.12rem);}
.main1 .cont1 img{ height:0.15rem; margin-left: 0.14rem;}
.main1 .ul{ display: flex; flex-wrap: wrap; width:50%; margin-bottom: 0.28rem; }
.main1 .ul .li{ display: flex; flex-wrap: wrap; min-width:22.6%;}
.main1 .ul .li .la{ display:flex; flex-wrap: wrap; align-items: center; width:90%; color: #fff; font-size:calc(12px + 0.03rem); line-height:calc(22px + 0.08rem); padding:0.24rem 0; border-bottom: 1px solid #f7f7f7; background: url(img/ico15.png) right center no-repeat; background-size:auto 0.15rem !important;}

@media screen and (max-width:1770px) {
.main1 .left{ margin-left:0.3rem; }	
}	
@media screen and (max-width:1440px) {
.main1 .cont{ font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.06rem);}	
.main1 .cont1{ font-size:calc(14px + 0.08rem); line-height:calc(22px + 0.1rem);}
.main1 .ul .li .la{ font-size:calc(12px + 0.02rem);line-height:calc(22px + 0.06rem); }
.main1:hover .box{ height: 1.2rem;}
.main1 .left{ margin-bottom: 0.05rem; }
.main1 .ul{ margin-bottom: 0.14rem; }
}
@media screen and (max-width:1024px) {
.main1:hover .box{ height:50px; }
.main1 .left{ display: none;}
.main1 .ul{width:100%; justify-content: center; margin-bottom:8px; }
.main1 .ul .li{ justify-content: center;}
.main1 .ul .li .la{ width:auto; font-size:12px; line-height:calc(22px + 0.08rem); padding:4px 0; background:none;}
}


.pf-right{ display:none; z-index:13; position:fixed; right:0.18rem; bottom:12vh; width:0.5rem;}
.pf-right .li{ position: relative; display: block; width:100%; margin-top:10px;}
.pf-right .li .a{ border-radius:50%; background: #fff; display:block; line-height: 0; width:100%; padding:0.05rem;}
.pf-right .li:hover .a{ box-shadow:0 0 6px rgba(0,0,0,0.2);}
.pf-right .tel{ display:none; position: absolute; right:100%; top:0; background: #fff; border-radius:0.5rem; color: #000; font-size:16px; line-height:0.5rem; padding:0 0.3rem;}
.pf-right .er{ display: none; position: absolute; right:100%; top:0; width:120px; background: #fff; border-radius:6px; line-height:0; overflow: hidden;}
.pf-right .li:hover .tel{ display:block; margin-right: 10px;white-space: nowrap;}
.pf-right .li:hover .er{ display:block; margin-right: 10px;}
.pf-right .li-0{ display:none;}

@media screen and (max-width:1600px) {
.pf-right{ right:0.1rem;}	
}	
@media screen and (max-width:1024px) {
.pf-right{ bottom:20px; right:5px; width:30px;}
.pf-right .li{ margin-top: 5px;}
.pf-right .li .a{ padding:2px;}
.pf-right .tel{ border-radius:30px; line-height:30px; padding:0 15px;}
.pf-right .er{ width:100px;}
.pf-right .li-0{ display:block;}
.pf-right .li-1{ display:none;}
}



.footer1{ background: #b8010e;}
.footer1 .logo{ display:block; line-height:0; padding:40px 0 50px 0; border-bottom:3px solid #dddddd;}
.footer1 .logo img{ height:0.9rem;}
.footer1 .top{ display:flex; flex-wrap: wrap; width:100%; align-items: flex-end; justify-content: space-between; padding:0.7rem 0 0.65rem 0;}
.footer1 .down{ display:flex; flex-wrap: wrap; width:100%; justify-content: space-between; padding:22px 0;}
.footer1 .Copyright{ display:block; color: #fff; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem);}
.footer1 .Copyright a{color: #fff;}
.footer1 .Copyright a:hover{opacity:0.7;}
.footer1 .sjkf{ display: block;color: #fff; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem);}
.footer1 .sjkf a{color: #fff;}
.footer1 .sjkf a:hover{ opacity:0.7;}
.footer1 .midd{ position: relative; display:flex; flex-wrap: wrap; width:100%; align-items:flex-start; justify-content: space-between; padding:0.41rem 0 1.65rem 0; margin-top: 27px;}
.footer1 .nav{ position:relative; z-index: 6; display: flex; flex-direction: column; margin-right:0.9rem;}
.footer1 .nav:last-child{ margin-right:0 !important;}
.footer1 .nav .u2{ display: flex; flex-direction: column; margin-top:0.19rem;}
.footer1 .nav .a1{ display:inline-flex; text-transform: uppercase; color: #fff; font-size:calc(14px + 0.04rem); line-height:1; padding-bottom:0.31rem; border-bottom: 1px solid #dddddd;}
.footer1 .nav .a2{ display:inline-flex;; color: #fff; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem); margin-top:0.08rem;}
.footer1 .nav .a2:hover{ opacity:0.7;}
.footer1 .adrr{ display:block; width: 100%; color: #fff;font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.16rem); margin-top:0.64rem; text-align: right;}
.footer1 .er{ display:flex; flex-wrap: wrap; width: 100%; justify-content: flex-end;}
.footer1 .er .li{ display:block; width:1.1rem; margin-left:0.2rem;}
.footer1 .er .li i{ display:block; width:100%; line-height: 0;}
.footer1 .er .li span{ display:block; width:100%; text-align:center; margin-top: 6px; color: #fff; font-size:calc(14px + 0.04rem); line-height:1;}
.footer1 .left{ display:inline-flex; flex-wrap: wrap;}
.footer1 .right{ display:inline-flex; flex-wrap: wrap; flex-direction: column;}

@media screen and (max-width:1600px) {
.footer1 .er .li span{ font-size:calc(14px + 0.02rem);}
.footer1 .nav .a1{font-size: calc(14px + 0.04rem);}
.footer1 .nav .a2 {font-size: calc(14px + 0.01rem);}
.foo.footer1 .adrr {font-size: calc(14px + 0.01rem);}
.footer1 .nav {margin-right: 0.7rem;}

}
@media screen and (max-width:1440px) {
.footer1 .nav{ margin-right:0.5rem;}	
.footer1 .nav .a1{ font-size:calc(14px + 0.02rem);}
.footer1 .nav .a2{ font-size:14px }
.footer1 .er .li span{ font-size:14px }
.footer1 .adrr{ font-size:14px; line-height:calc(22px + 0.14rem);}
.footer1 .Copyright{ font-size:14px; line-height:24px;}
.footer1 .sjkf{ font-size:14px; line-height:24px;}
}
@media (max-width: 1024px){
.footer1 .logo{ text-align: center; padding:25px 0 20px 0;border-bottom: 1px solid #dddddd;}
.footer1 .logo img{height:38px;}
.footer1 .midd{ padding:15px 0 0 0;margin-top:15px;}
.footer1 .left{ display:none;}
.footer1 .right{width:100%;}
.footer1 .er{ justify-content: center;}
.footer1 .adrr{ text-align: center;}
.footer1 .Copyright{ width:100%; text-align: center;}
.footer1 .sjkf{ width:100%; text-align: center;}
.footer1 .er .li{ width:100px; margin:0 10px;}
}
@media (max-width: 767px){
.footer1 .Copyright a{ display: block;}
.footer1 .er{ justify-content: space-between;}
.footer1 .er .li{ margin:0; width:30%;}
.footer1 .adrr{ padding:0 20%;}
}


.inbaner{min-height:3rem;  position: relative; line-height:0; overflow: hidden;}
.inbaner .div{ display: flex; flex-wrap: wrap; justify-content:center; width:100%; text-align: center;}
.inbaner .div img{width:100%;}
.banbox{ width:100%; position: absolute; left:0; bottom:0; z-index: 6; background:rgba(0,0,0,0.35);}
.banbox .box{ display: flex; flex-wrap: wrap; width: 100%; align-items:center; justify-content: space-between; padding:0.23rem 0 0.29rem 0;}
.banbox .left{ display: flex; flex-wrap: wrap; flex-direction: column;}
.banbox .right{ display: flex; flex-wrap: wrap; flex-direction: column;}
.banbox .title{ width:100%; color: #e50012; font-weight: bold; font-size:0.4rem; line-height:0.5rem; margin-bottom: 0.1rem ;}
.banbox .p1{ width:100%; color: #fff; font-size:0.3rem; line-height:0.5rem; letter-spacing:0.02rem;}
.banbox .p2{ width:100%; color: #fff; font-weight: bold; font-size:0.38rem; line-height:0.48rem;}
.mbx{ display: block; width: 100%; color: #fff; text-align: center;font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.06rem);text-transform: uppercase;}
.mbx a{ color: #fff;}
.mbx a:hover{ color: #e50012;}

@media screen and (max-width:1440px) {
.banbox .title{font-size:0.36rem; line-height:0.46rem; margin-bottom: 0.1rem ;}	
.banbox .p1{ font-size:0.26rem; line-height:0.46rem; letter-spacing:0.0165rem;}
.banbox .p2{ font-size:0.34rem; line-height:0.44rem;}
.mbx{font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem);}
}
@media screen and (max-width:1024px) {
.inbaner{min-height:54px;}	
.banbox .box{ padding:8px 0; justify-content: center;}
.banbox .title{font-size:18px; line-height:28px; margin-bottom:0;}	
.banbox .p1{font-size:14px; line-height:18px; }
.banbox .p2{ font-size:13px; line-height:17px;}
.banbox .right{ position: absolute; left: 0; bottom:100%; width: 100%; text-align: center;}
.mbx{ display:none;}
}


.mapbox{ display:block; width:100%; position: relative;}
.mapbox .a{ position: relative; display: block; width:100%;}
.mapbox .bg{ display: block; width:100%; height:7rem;}

@media screen and (max-width:767px) {
.mapbox .bg{ height:12rem;}	
}

.contact{ display: flex; flex-wrap: wrap; width:calc(100% + 0.26rem); margin:0 -0.13rem; padding:0.9rem 0;}
.contact .li{ display: flex; flex-wrap: wrap; width:25%; color:#fff; padding:0.1rem 0.13rem;}
.contact .li .la{ display: flex; flex-wrap: wrap; align-content:flex-start; width: 100%; position: relative; height: 100%; border-radius:10px; background:#fff; padding:0.37rem 0.42rem 0.25rem 0.42rem;}
.contact .li .tit{ display:block; width:100%; color: #000; font-size:calc(14px + 0.1rem); line-height:calc(22px + 0.1rem);}
.contact .li .p{ word-wrap: break-word; display:block; color: #555; width:100%;font-size:calc(14px + 0.04rem); line-height:calc(20px + 0.02rem); min-height:calc(60px + 0.06rem); margin-top:0.2rem; }
.contact .li .la:hover{background: #e60012;}
.contact .li .la:hover .tit{color: #fff;}
.contact .li .la:hover .p{color: #fff;}

@media screen and (max-width:1600px) {
.contact .li .la{ padding:0.3rem 0.3rem 0.25rem 0.3rem;}	
.contact .li .tit{font-size:calc(14px + 0.06rem); line-height:calc(22px + 0.06rem);}
.contact .li .p{font-size:calc(14px + 0.02rem); line-height:calc(18px + 0.02rem); }
}
@media screen and (max-width:1024px) {
.contact{ width:calc(100% + 16px); margin:0 -8px; padding:35px 0;}
.contact .li{ width:50%; padding:8px;}	
.contact .li .la{ padding:20px 20px;}
.contact .li .tit{ font-size:16px; line-height:24px;}
.contact .li .p{ font-size:14px; line-height:18px;min-height:inherit; margin-top:10px;}
}
@media screen and (max-width:767px) {
.contact .li{ width:100%; }
}



.newsDet{ position: relative; overflow: hidden;}
.newsDet .box{ display: block; width: 100%; text-align: center; position: relative; padding:0.95rem 0 0.38rem 0;}
.newsDet .box::after{ display: block; content:''; position: absolute; left:50%; top:0; width: 4000px; height: 100%; background: #f4f4f4; margin-left:-2000px;}
.newsDet .box1{ display:flex; flex-wrap: wrap; align-items:flex-start; justify-content: space-between; width: 100%; position: relative; padding:1rem 0;}
.newsDet .box1::after{ display: block; content:''; position: absolute; left:50%; top:0; width: 4000px; height: 100%; background: #f4f4f4; margin-left:-2000px;}
.newsDet .title{ display: block; width: 100%; color: #000;font-size:0.4rem; line-height:0.5rem;}
.newsDet .title1{ display: block; width: 100%; color: #e50012;font-size:0.4rem; line-height:0.5rem;}
.newsDet .time{ display: block; width: 100%; color: #333;font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem); margin-top: 0.52rem;}
.newsDet .cont1{ display: block; width: 100%; color: #555;font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.1rem); margin-top: 0.36rem; overflow:hidden; padding-right: 0.94rem;
 overflow-y:auto;
 scrollbar-width:thin;
 max-height:calc(198px + 0.9rem);scrollbar-color: #bbbbbb #dddddd;
}
.newsDet .cont2{ display: block; width: 100%; color: #555;font-size:0.3rem; line-height:0.4rem; margin-top: 0.75rem;}
.newsDet .cont{ display: block; width: 100%; color: #525252;font-size:calc(14px + 0.06rem); line-height:calc(22px + 0.14rem); padding:0.63rem 0 1.12rem 0;}
.newsDet .page{ display: block; width: 100%; position: relative; padding:36px 0 46px 0;}
.newsDet .page::after{ display: block; content:''; position: absolute; left:50%; top:0; width: 4000px; height: 100%; background: #f4f4f4; margin-left:-2000px;}
.newsDet .page span{ display: block; white-space: nowrap; color: #545454; margin-right: 0.4rem;}
.newsDet .page a{ display:flex; width: 100%; color: #e50012;font-size:calc(14px + 0.16rem); line-height:calc(22px + 0.18rem); padding:0.1rem 0; }
.newsDet .page a font{ width: 100%; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
.newsDet .page a:hover font{ color:#104cb2; }
.newsDet .pic{ display: block; width: 100%; line-height: 0; margin:60px 0 60px 0; overflow: hidden; border-radius: 18px;}
.newsDet .pic img:first-child{margin-top:0;}
.newsDet .pic img{margin-top:20px;}
.newsDet .left{ display: block; width: 43.82%;}
.newsDet .right{ display: block; width: 49.38%;}
.newsDet .shop{display:flex; flex-wrap: wrap; width: 100%; line-height: 0; margin:16px 0 0 0; }
.newsDet .shop a{display: block; width:1rem; margin-right:20px; }
.newsDet .u1{ display: block; width: 100%; line-height: 0;}
.newsDet .u1 .div{ display: block; width: 100%; }
.newsDet .u1 .img{ display: block; width: 100%; line-height: 0; background: #fff; position: relative; overflow: hidden; border-radius: 10px; padding-bottom: 78.75%;}
.newsDet .u1 .img img{ display: block; max-width: 100%; max-height:100%; position: absolute; left:50%; top:50%; object-fit: contain; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); }
.newsDet .u1 .slick-arrow{ top: auto; bottom: 0.5rem; margin:0 !important;}

.newsDet.pagecon .cont{padding-bottom:0.63rem;}

@media screen and (max-width:1600px) {
.newsDet .cont1{ margin-top: 0.28rem; padding-right: 0.74rem;}	
.newsDet .cont2{margin-top: 0.44rem;}	
}	
@media screen and (max-width:1440px) {
.newsDet .title{font-size:0.36rem; line-height:0.46rem;}	
.newsDet .title1{font-size:0.36rem; line-height:0.46rem;}	
.newsDet .cont{font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.12rem); }
.newsDet .cont1{font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.08rem); max-height:calc(176px + 0.64rem); margin-top: 0.28rem; padding-right: 0.64rem;}
.newsDet .cont2{font-size:0.26rem; line-height:0.36rem; margin-top: 0.44rem;}
.newsDet .page a{font-size:calc(14px + 0.12rem); line-height:calc(22px + 0.14rem); }

.newsDet.pagecon .cont{padding-bottom:0.64rem;}

}
@media screen and (max-width:1024px) {
.newsDet .box{ padding:26px 0 25px 0;}	
.newsDet .box1{ flex-wrap: wrap-reverse; padding:30px 0;}	
.newsDet .title{ font-size:18px; line-height:28px;}	
.newsDet .title1{ font-size:18px; line-height:28px;}	
.newsDet .time{ margin-top:10px;}
.newsDet .cont{ font-size:14px; line-height: 24px; padding:30px 0 40px 0;}
.newsDet .cont1{font-size:14px; line-height:24px; max-height:216px; margin-top:10px; padding-right:0;}
.newsDet .cont2{font-size:16px; line-height:16px; margin-top:20px;}
.newsDet .page{ padding:20px 0 20px 0;}
.newsDet .page a{font-size:16px; line-height:26px; }
.newsDet .pic{ margin:30px 0 30px 0;  border-radius: 8px;}
.newsDet .pic img{margin-top:15px;}
.newsDet .left{ width: 100%; margin-top: 30px;}
.newsDet .right{ width: 100%;}
.newsDet .u1 .slick-arrow{ top: auto; bottom:25px; margin:0 !important;}
.newsDet .shop a{ width:50px; margin-right:15px; }

.newsDet.pagecon .cont{padding-bottom:30px;}

}

.slideL{ display: flex; flex-wrap: wrap;width:100%;}
.slideL .ul{ display: flex; flex-wrap: wrap;width:100%;}
.slideL .li{ display: flex; flex-wrap: wrap;}
.slideL .li .la{ display: flex; flex-wrap: wrap; align-items:center; justify-content: center;color: #fff;font-size:calc(14px + 0.03rem); line-height:1.4; height:1rem; padding:0.2rem 0.2rem;width:100%;}
.slideL .li.on .la,
.slideL .li:hover .la{ background:#f4f4f4; color: #e50012;}

@media screen and (max-width:1740px) {
.slideL .li .la{font-size:calc(14px + 0.01rem); height:1rem; padding:0.2rem 0.15rem;}
}
@media screen and (max-width:1480px) {
.slideL .li .la{font-size:14px ; height:1rem; padding:0.2rem 0.11rem;}
}
@media screen and (max-width:1024px) {
.slideL .li .la{ padding:8px 14px; font-size:14px; height:auto;}

}
@media screen and (max-width:767px) {
.slideL{ overflow-x: auto; white-space: nowrap;}
.slideL .ul{ flex-wrap: nowrap;width:auto;}
.slideL .li{width:auto;}
}



/* 分页 */
.wack1 .pz_fy{ display:flex; flex-wrap: wrap; justify-content: center; width:100%;}
.wack1 .pz_fy a { position: relative; float:left; border-radius:8px; width:0.5rem; height:0.5rem; background:#fff; line-height:0.48rem; color:#888888; text-align: center; font-size:18px; margin:0 10px 0 0;}
.wack1 .pz_fy a:hover,
.wack1 .pz_fy a.on{ background:#bf010e; color: #fff;}
.wack1 .pz_fy .prev,
.wack1 .pz_fy .next{ width:0.72rem;}
.wack1 .pz_fy .prev::after,
.wack1 .pz_fy .next::after{ display: block; content:''; position: absolute; left:50%; top:50%; width:0.17rem; height:0.17rem; border-top:2px solid #010101; border-right:2px solid #010101; transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); margin-left: -0.04rem;}
.wack1 .pz_fy .prev{ transform:rotate(180deg); -ms-transform:rotate(180deg);}
.wack1 .pz_fy .prev:hover::after,
.wack1 .pz_fy .next:hover::after,
.wack1 .pz_fy .prev.on::after,
.wack1 .pz_fy .next.on::after{ border-top:2px solid #fff; border-right:2px solid #fff;}
.wack1 .fy_pc{ display:none; flex-wrap: wrap; width:100%; justify-content: center; align-items: center; text-align:center; font-size:14px; color:#010101;}
.wack1 .fy_pc .prev,
.wack1 .fy_pc .next{ display: flex; position: relative; height:32px; width:32px; border-radius:4px; background:#fff;}
.wack1 .fy_pc .prev::after,
.wack1 .fy_pc .next::after{ display: block; content:''; position: absolute; left:50%; top:50%; width:8px; height:8px; border-top:1px solid #010101; border-right:1px solid #010101; transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); margin-left: -0.04rem;}
.wack1 .fy_pc .prev{ transform:rotate(180deg); -ms-transform:rotate(180deg);}
.wack1 .fy_pc span{ padding:0 22px;}


@media  screen and (max-width:1024px){
.wack1 .pz_fy{ display: none;}
.wack1 .fy_pc{ display: flex;}
}



.saishi{ display: block; width: 100%; padding-top:0.5rem;}
.saishi .ul{ display: flex; flex-wrap: wrap; margin:0 -0.3rem; width:calc(100% + 0.6rem);}
.saishi .li{ display: block; width: 33.33%; padding:0 0.3rem; margin-top:1.0rem;}
.saishi .la{ display:flex; flex-wrap: wrap; height: 100%; width: 100%; position: relative;}
.saishi .la ._img{ padding-bottom: 56%; border-radius: 10px; margin-top:0.28rem;}
.saishi .la .tit{ width:100%; color: #333; font-size:0.3rem; line-height:0.42rem;}
.saishi .la .time{ width:100%; color: #333; font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.02rem); margin-top:0.2rem;}
.saishi .la:hover .tit{ color: #e50012;}

@media screen and (max-width:1440px) {
.saishi .la .tit{ font-size:0.26rem; line-height:0.4rem;}
.saishi .la .time{ font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.02rem); margin-top:0.14rem;}
}
@media screen and (max-width:1024px) {
.saishi{ padding-top:10px;}	
.saishi .ul{ margin:0 -8px; width:calc(100% + 16px);}	
.saishi .li{ padding:0 8px; margin-top:40px;}	
.saishi .la ._img{ margin-top:14px;}
.saishi .li .tit{ font-size:16px; line-height:24px;}
.saishi .li .time{ font-size:14px; line-height:22px; margin-top: 5px}
}
@media screen and (max-width:767px) {
.saishi .li{ width: 100%;}
}



.zhaopin{ position: relative; overflow: hidden;}
.zhaopin .box{ display: block; width: 100%; position: relative; padding:0.45rem 0 0.5rem 0;}
.zhaopin .box::after{ display: block; content:''; position: absolute; left:50%; top:0; width: 4000px; height: 100%; background: #f4f4f4; margin-left:-2000px;}
.zhaopin .title{ display: block; width: 100%; color: #333;font-size:0.4rem; line-height:0.5rem;}
.zhaopin .info{ display: block; width: 100%; color: #525252;font-size:calc(14px + 0.06rem); line-height:calc(22px + 0.18rem); margin-top: 0.35rem;}
.zhaopin .cont{ display: block; width: 100%; color: #525252;font-size:calc(14px + 0.06rem); line-height:calc(22px + 0.18rem); padding:0.35rem 0 1.2rem 0;}
.zhaopin .tit1{  font-weight: bold;}
.zhaopin .mt37{ margin-top: 0.37rem;}
.zhaopin .mt40{ margin-top: 0.4rem;}

@media screen and (max-width:1440px) {
.zhaopin .title{font-size:0.36rem; line-height:0.46rem;}	
.zhaopin .info{font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.16rem); }
.zhaopin .cont{font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.16rem); }
}
@media screen and (max-width:1024px) {
.zhaopin .box{ padding:26px 0 25px 0;}	
.zhaopin .title{ font-size:18px; line-height:28px;}	
.zhaopin .info{ font-size:14px; line-height:24px; margin-top:10px;}
.zhaopin .cont{ font-size:14px; line-height:24px; padding:30px 0 40px 0;}
.zhaopin .mt37{ margin-top:17px;}
.zhaopin .mt40{ margin-top:20px;}
}

.saishi1{ display: block; width: 100%; padding-top:0.5rem;}
.saishi1 .ul{ display: flex; flex-wrap: wrap; margin:0 -0.68rem; width:calc(100% + 1.36rem);}
.saishi1 .li{ display: block; width: 33.33%; padding:0 0.68rem; margin:0.5rem 0 0.45rem 0;}
.saishi1 .la{ display:flex; flex-wrap: wrap; width: 100%; }
.saishi1 .la ._img{ padding-bottom: 75.55%; }
.saishi1 .la .tit{ text-align: center; width:100%; color: #e60012; font-size:0.3rem; line-height:0.4rem; margin-top:6px;}
.saishi1 .la:hover .tit{ color:#104cb2;}
.saishi1 .la:hover ._img img{ transform: scale(0.95); -ms-transform: scale(0.95);}

@media screen and (max-width:1440px) {
.saishi1 .la .tit{ font-size:0.26rem; line-height:0.36rem;}
}
@media screen and (max-width:1024px) {
.saishi1{ padding-top:10px;}	
.saishi1 .ul{ margin:0 -10px; width:calc(100% + 20px);}	
.saishi1 .li{ padding:0 10px; margin:25px 0 0  0;}	
.saishi1 .li .tit{ font-size:16px; line-height:24px; margin-top:6px;}
}
@media screen and (max-width:767px) {	
.saishi1 .li{ width: 50%;}
}



.jtyw2{ display: flex; flex-wrap: wrap; width: 100%; align-items: flex-start; justify-content: space-between; padding:0.94rem 0 0.89rem 0;}
.jtyw2 .div{ flex-wrap: wrap; display: flex; align-items: flex-start; justify-content: space-between;}
.jtyw2 .title1{ display: block; width: 48%; color: #e50012;font-size:0.4rem; line-height:0.5rem;}
.jtyw2 .cont{ display: block; width: 50%; color: #525252;font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.1rem); padding:0 0.4rem 0 0; }

@media screen and (max-width:1440px) {
.jtyw2 .title1{font-size:0.36rem; line-height:0.46rem;}	
.jtyw2 .cont{font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.08rem);padding:0; }
}
@media screen and (max-width:1024px) {
.jtyw2{ padding:30px 0;}	
.jtyw2 .title1{ width: 100%; font-size:18px; line-height:28px;}	
.jtyw2 .cont{ width: 100%; font-size:14px; line-height:24px; margin-top:12px;}
}


.jtyw1{ width: 100%; padding-top:1rem;padding-bottom:1rem;}
.jtyw1 .box1{ display: block; width:calc(100% + 0.24rem); margin:0 -0.12rem;}
.jtyw1 .box1 .ul{ display: block; width: 100%;}
.jtyw1 .box1 .li{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 16.66%; padding:0 0.12rem; text-align: center;}
.jtyw1 .box1 .li .a1{ display: flex; flex-wrap: wrap; justify-content: center; width: 100%;}
.jtyw1 .box1 .li .ico{ display: block; width: 100%; line-height:0; height: 0.52rem; }
.jtyw1 .box1 .li .ico img{height: 0.52rem; margin:0 auto;}
.jtyw1 .box1 .li .ico .img1{ display: block;}
.jtyw1 .box1 .li .ico .img2{ display: none;}
.jtyw1 .box1 .li .tit{ display:inline-flex; color: #aaa;font-size:0.3rem; line-height:0.4rem; margin-top:0.15rem; min-height:0.8rem; }
.jtyw1 .box1 .li ._img{ padding-bottom:140%; border-radius: 10px; margin-top:26px;}
.jtyw1 .box1 .slick-current .tit{ color: #e50012;}
.jtyw1 .box1 .slick-current .ico .img1{ display: none;}
.jtyw1 .box1 .slick-current .ico .img2{ display: block;}
.jtyw1 .box2{ display: block; width:calc(100% + 0.24rem); margin:0 -0.12rem;}
.jtyw1 .box2 .list{ display: block;width: 100%;}
.jtyw1 .box2 .ul{ display: flex; flex-wrap: wrap; width: 100%;}
.jtyw1 .box2 .li{ display: flex; flex-wrap: wrap; width: 16.66%; padding:0 0.12rem; margin-top:26px;}
.jtyw1 .box2 .li ._img{ padding-bottom:140%; border-radius: 10px;}


@media screen and (max-width:1440px) {
.jtyw1 .box1 .li .tit{font-size:0.26rem; line-height:0.36rem; min-height:0.72rem;}	

}
@media screen and (max-width:1024px) {
.jtyw1{ padding-top:30px;padding-bottom:35px;}	
.jtyw1 .box1{width:calc(100% + 10px); margin:0 -5px;}
.jtyw1 .box1 .li{ width: 16.66%; padding:0 5px;}
.jtyw1 .box1 .li .ico{ height:38px; }
.jtyw1 .box1 .li .ico img{height:38px;}
.jtyw1 .box1 .li .tit{ width: 100%; font-size:18px; line-height:28px; min-height:56px; margin:5px 0;}	
.jtyw1 .box2{width:calc(100% + 10px); margin:0 -5px;}
.jtyw1 .box2 .li{ width: 16.66%; padding:0 5px; margin-top:10px;}
.jtyw1 .box2 .li ._img{ border-radius: 6px;}
}
@media screen and (max-width:767px) {
.jtyw1 .box1 .li{ width: 33.33%;}
.jtyw1 .box2 .li{ width: 33.33%;}
.jtyw1 .slick-arrow{ top:4px; margin-top: 0;}	
.jtyw1 .slick-prev{left:-10px; }
.jtyw1 .slick-next{ right:-10px;}
}


.tit40{ width:100%; color: #104cb2; font-size:0.25rem; line-height:0.3rem;}
.tit70{ width:100%; font-weight: bold; color: #231815; font-size:0.36rem; line-height:0.4rem;}

@media screen and (max-width:1440px) {
.tit40{ font-size:0.2rem; line-height:0.24rem;}
.tit70{ font-size:0.26rem; line-height:0.3rem;}
}
@media screen and (max-width:1024px) {
.tit40{ font-size:18px; line-height:28px;}
.tit70{ font-size:24px; line-height:34px;}
}



.about3{ overflow: hidden;}
.about3 .box{ display: flex; align-items:flex-start; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-top: 0.76rem;}
.about3 .left{ display: flex; flex-wrap: wrap; flex-direction:column;}
.about3 .cont{display: block; width: 100%; color: #ce000f; font-size:calc(14px + 0.06rem); line-height: calc(22px + 0.18rem);}
.about3 .cont1{display: block; width: 100%; color: #525252; font-size:calc(14px + 0.06rem); line-height: calc(22px + 0.18rem); margin-top: 0.28rem;}
.about3 .cont{display: block; width: 100%; color: #ce000f; font-size:calc(14px + 0.04rem); line-height: calc(22px + 0.1rem);}
.about3 .right{ display: flex; flex-wrap: wrap; flex-direction:column; margin: 0.38rem 0 0 0;}
.about3 .right .a{display: flex; flex-wrap: wrap; align-items: center; padding: 0 0.38rem 0 0.3rem; border-radius: 8px; background: #d7000f; color: #fff; font-size:calc(14px + 0.06rem); line-height: 1; height:0.8rem;}
.about3 .right .a img{display:block; width:30px; height:30px; margin-right: 12px;}
.about3 .right .a span{ padding-bottom: 1px;}
.about3 .right .a:hover{ background:#104cb2;}


@media screen and (max-width:1440px) {
.about3 .cont{ font-size:calc(14px + 0.04rem); line-height: calc(22px + 0.16rem);}
.about3 .cont1{ font-size:calc(14px + 0.04rem); line-height: calc(22px + 0.16rem);}
.about3 .right .a{ font-size:calc(14px + 0.04rem);}
}
@media screen and (max-width:1024px) {
.about3 .box{ margin-top:20px; padding:0 15% 0 0;}	
.about3 .cont{ font-size:14px; line-height: 26px;}
.about3 .cont1{ font-size:14px; line-height: 26px; margin-top: 14px;}
.about3 .right{ margin-top: 25px;}
.about3 .right .a{ font-size:14px; height:42px; padding:0 14px;}
.about3 .right .a img{ width:22px; height:22px; margin-right:6px;}
}



.rongyu1{ display:block; width:100%; margin-top: 0.85rem;}
.rongyu1 .ul{ display: block; width:calc(100% + 0.54rem);margin:0 -0.27rem;}
.rongyu1 .ul .li{ width:20%; padding:0 0.27rem;}
.rongyu1 .ul .li .cover{ display: block; width:100%; cursor: pointer; line-height: 0;}
.rongyu1 .ul .li .cover img{ width:100%;}
.rongyu1 .slick-arrow{ top:0; margin-top: -1.3rem;}
.rongyu1 .slick-prev{ left: auto; right:0.97rem;}
.rongyu1 .slick-next{ right:0.27rem;}

@media screen and (max-width:1024px) {
.rongyu1{ margin-top:20px;}	
.rongyu1 .ul{ width:calc(100% + 14px); margin:20px -7px 0 -7px;}
.rongyu1 .ul .li{ padding:0 7px;}
.rongyu1 .slick-arrow{ top:0; margin-top: -50px;}
.rongyu1 .slick-prev{ left: auto; right:45px;}
.rongyu1 .slick-next{ right:7px;}
}
@media screen and (max-width:767px) {
.rongyu1 .ul .li{width:50%;}
}

.yrbox{ display: flex; flex-wrap: wrap; align-items:center; justify-content: space-between; margin-top:0.95rem;}
.rongyu2{ display:block; width:50.6%;}
.rongyu2 .ul{ display: block; width:100%;padding:0 0.65rem;}
.rongyu2 .ul .li{ width:50%; padding:0 0.27rem;}
.rongyu2 .ul .li .cover{ display: block; width:100%; cursor: pointer; line-height: 0;}
.rongyu2 .ul .li .cover img{ width:100%;}
.rongyu2 .slick-prev{ left: 0;}
.rongyu2 .slick-next{ right:0;}

@media screen and (max-width:1024px) {
.rongyu2{ width:100%;}	
.rongyu2 .ul{padding:0 25px;}
.rongyu2 .ul .li{ padding:0 7px;}
.rongyu2 .slick-prev{ left:-10px;}
.rongyu2 .slick-next{ right:-10px;}
}

.rongyu3{ display:block; width:47.5%;}
.rongyu3 .ul{ display: block; width:100%; padding:0 1.18rem;}
.rongyu3 .ul .li{ width:100%;}
.rongyu3 .ul .li .cover{ display: block; width:100%; cursor: pointer; line-height: 0;}
.rongyu3 .ul .li .cover img{ width:100%;}
.rongyu3 .slick-prev{ left: 0;}
.rongyu3 .slick-next{ right:0;}

@media screen and (max-width:1024px) {
.rongyu3{ width:100%; margin-top:30px;}	
.rongyu3 .ul{padding:0 32px;}
.rongyu3 .slick-prev{ left:-10px;}
.rongyu3 .slick-next{ right:-10px;}
}



.about1{ background: #fafafa; display: flex; flex-wrap: wrap; align-items: center; width: 100%; position: relative; overflow: hidden;}
.about1 .right{ display:block; width:50%; line-height: 0;}
.about1 .right ._img{ padding-bottom: 66.66%;}
.about1 .left{ display:flex; flex-wrap: wrap; justify-content: flex-end; width:50%;padding-left: 0.75rem;}
.about1 .box{ width:810px; padding:0.22rem 1rem 0 0;}
.about1 .cont{ width:100%; overflow:hidden; padding-right:1.05rem; color: #525252;font-size:calc(14px + 0.04rem); line-height: calc(22px + 0.1rem);margin-top:0.27rem;
 overflow-y:auto;
 scrollbar-width:thin;scrollbar-color: #bbbbbb #dddddd;
 max-height:calc(264px + 1.2rem);}
.about1 .cont::-webkit-scrollbar {
  width:0.2rem
 }
.about1 .cont::-webkit-scrollbar-track
 {
 background-color:#e5e5e5;
  border-radius:0.2rem
 }
.about1 .cont::-webkit-scrollbar-thumb {
  width:0.2rem;
  height:0.2rem;
  background-color:#1878f3;
  border-radius:0.2rem
 }
.about1 .slick-arrow{ top: auto; bottom: 0.5rem;}
.about1 .slick-prev{ left:0.5rem;}
.about1 .slick-next{ right:0.5rem;}

@media screen and (max-width:1770px) {
.about1 .box{ width:100%; padding:0.22rem 0.75rem 0 0;}
.about1 .cont{ max-height:calc(220px + 1rem); padding-right:0.75rem;}
}
@media screen and (max-width:1440px) {
.about1 .box{ padding:0 0.75rem 0 0;}	
.about1 .cont{ max-height:calc(198px + 0.72rem);font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.08rem);}
}
@media screen and (max-width:1024px) {
.about1{ padding:30px 25px 30px 25px;}
.about1 .box{ padding-right:0;}
.about1 .cont{ max-height:240px;font-size:14px; line-height:24px; margin-top:10px; padding: 0;}
.about1 .left{ width:100%; padding:0 0 25px 0;}
.about1 .right{ width:100%;}
.about1 .slick-arrow{ top: auto; bottom:20px;}
.about1 .slick-prev{ left:20px;}
.about1 .slick-next{ right:20px;}

}



.about0 .box{ width:100%; display: flex; flex-wrap: wrap; align-items:center; justify-content: space-between;}
.about0 .list{ display: flex; flex-wrap: wrap; width: 79%;}
.about0 .list .li{ line-height: 0; display:block; line-height: 0; width:12.5%; margin-top:0.2rem; margin-bottom: 0.2rem; margin-right: 9.375%;}
.about0 .list .li:nth-child(5n){ margin-right: 0;}
.about0 .list .li img{ width: 100%;}

@media screen and (max-width:1024px) {
.about0 .left{ width:100%;}	
.about0 .list{ width:100%; margin-top:10px; }

}
@media screen and (max-width:767px) {
.about0 .list .li{ width:26%; margin-top:10px; margin-bottom:10px; margin-right:11%;}
.about0 .list .li:nth-child(5n){ margin-right:11%;}
.about0 .list .li:nth-child(3n){ margin-right: 0;}
}


.about5{ background: #f2f2f2;}
.about5 .list{ display: block; width:100%; padding-top: 0.82rem;}
.about5 .list .ul{ display:flex; flex-wrap: wrap; width:calc(100% + 0.14rem); margin:0 -0.07rem;}
.about5 .list .li{ display: block; width:12.5%; padding:0.06rem 0.07rem;}
.about5 .list .la{ display: block; width:100%; background: #fff; overflow: hidden; border-radius: 10px;}
.about5 .list .la ._img{ padding-bottom:74.21%;}
.about5 .list .la ._img img{object-fit: contain;}
.about5 .list .la:hover{box-shadow:0 0 6px rgba(0,0,0,0.1);}

@media screen and (max-width:1024px) {
.about5 .list{ padding-top:24px;}	
.about5 .list .ul{ width:calc(100% + 10px); margin:0 -5px;}
.about5 .list .li{ width:25%;  padding:5px 5px;}	

}
@media screen and (max-width:767px) {
.about5 .list .li{ width:33.33%; }	
.about5 .list .la{ border-radius: 5px;}
}



.main0{ background: #fafafa; display: flex; flex-wrap: wrap; align-items: center; width: 100%; position: relative; overflow: hidden;}
.main0 .right{ display:block; width:50%; line-height: 0; position: relative;}
.main0 .right .ul{ display:block; width:100%;}
.main0 .right ._img{ padding-bottom: 66.88%;}
.main0 .left{ display:flex; flex-wrap: wrap; justify-content: flex-end; width:50%;padding-left: 0.75rem;}
.main0 .box{ width:810px;padding-right: 0.75rem; }
.main0 .tit70{margin-top: 0.3rem;}
.main0 .cont{padding:0 1.4rem 0 0;}
.main0 .cont{ width:100%; color: #525252;font-size:calc(14px + 0.04rem); line-height: calc(18px + 0.04rem);margin-top:0.2rem;}
.main0 .slick-arrow{ top: auto; bottom: 0.5rem;}
.main0 .slick-prev{ left:0.5rem;}
.main0 .slick-next{ right:0.5rem;}
.main0 .box1{ display: flex; width:calc(100% + 0.32rem);margin-right:-0.32rem; padding:0.2rem 0 0 0;}
.main0 .box1 .li{ display: flex; flex-wrap: wrap; flex-direction: column; margin-top:0.24rem; margin-right:0.32rem; white-space: nowrap;}
.main0 .box1 .num{ font-size:0.4rem; line-height:1; color: #d7000e; font-weight: bold; margin-right:5px;}
.main0 .box1 .dw{font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.04rem); color: #d7000e; font-weight: bold;}
.main0 .box1 .txt1{ display: flex; align-items: flex-start;}
.main0 .box1 .txt2{color: #555;font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.04rem);margin-top:0.09rem;}


@media screen and (max-width:1770px) {
.main0 .box{ width:100%;}
.main0 .box1{ width:calc(100% + 0.22rem);margin-right:-0.22rem; padding:0.2rem 0 0 0;}
.main0 .box1 .li{ margin-right:0.22rem;}
.main0 .box1 .num{ font-size:0.36rem;}
.main0 .box1 .dw{font-size:calc(14px + 0.01rem); line-height: calc(22px + 0.03rem); }
.main0 .box1 .txt2{font-size:calc(14px + 0.01rem); line-height: calc(22px + 0.03rem);margin-top:0.09rem;}
.main0 .cont{ padding-right:0;}
}
@media screen and (max-width:1440px) {
.main0 .tit70{ margin-top:0.2rem;}	
.main0 .cont{ font-size:14px ; line-height: calc(22px + 0.02rem); padding-right:0;margin-top: 0.2rem;}
.main0 .box1{ width:calc(100% + 0.18rem);margin-right:-0.18rem; padding:0.1rem 0 0 0;}
.main0 .box1 .li{ margin-right:0.18rem;}
.main0 .box1 .num{ font-size:0.28rem;}
.main0 .box1 .dw{font-size:14px; line-height: calc(22px + 0.02rem);}
.main0 .box1 .txt2{font-size:13px; line-height: calc(22px + 0.02rem);margin-top:0.05rem;}
}
@media screen and (max-width:1024px) {
.main0{ padding:30px 25px 30px 25px;}
.main0 .box{ padding-right:0;}
.main0 .cont{font-size:14px; line-height:24px; margin-top:10px; padding: 0;}
.main0 .left{ width:100%; padding:0 0 25px 0;}
.main0 .right{ width:100%;}
.main0 .slick-arrow{ top: auto; bottom:20px;}
.main0 .slick-prev{ left:20px;}
.main0 .slick-next{ right:20px;}
.main0 .tit70{ margin-top:6px;}	
.main0 .box1 .num{ font-size:20px;}
.main0 .box1{ flex-wrap: wrap; width:calc(100% + 18px);margin-right:-18px; padding:10px 0 0 0;}
.main0 .box1 .li{ margin-right:18px; margin-top:10px;}
}
@media screen and (max-width:767px) {
.main0 .box1{width:100%; justify-content: space-between;}
.main0 .box1 .li{ width:52%; margin-right: 0; white-space: normal;}
.main0 .box1 .li:nth-child(2n+1){ width:43%;}
}


.main2 .shipin{ display: block; width: 100%; position: relative; overflow: hidden; border-radius: 0.2rem; padding-bottom: 49.38%;}
.main2 .paly{ cursor: pointer; position: absolute; display: block; width:1rem; line-height:0; left:50%; top:50%; z-index:10; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);}
.main2 .paly.Active{ display:none;}
.main2 .pause{ cursor: pointer; position: absolute; display:none; width:1rem; line-height:0; left:50%; top:50%; z-index:10; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);}
.main2 .pause.Active{ display:block;}
.main2 .video{ position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);width:100%;height:100%; z-index:-1; object-fit: cover;}
.main2 .shipin.Active .video{ z-index: 2;}

.h-tit{ display: flex; width: 100%; justify-content: space-between;}
.h-tit .left{ display: flex; flex-wrap: wrap; flex-direction: column;}
.h-tit .right{ display: flex; flex-wrap: wrap; flex-direction: column; margin-left: 16px;}
.h-tit .right .tit40{ text-align: right; color: #dddddd; font-weight: bold; font-family: Arial; line-height: 1;}
.h-tit .cont{ color: #999;font-size:0.24rem; line-height:0.34rem;margin-top:0.1rem;}
@media screen and (max-width:1440px) {
.h-tit .cont{ font-size:0.22rem; line-height:0.32rem;margin-top:0.1rem;}
}
@media screen and (max-width:1024px) {
.h-tit .cont{ font-size:14px; line-height:20px;margin-top:2px;}
.h-tit .right .tit40{ margin-top: 0.05rem;}
}

.main3 .box{ display: flex; flex-wrap: wrap; width: 100%; align-items: flex-start; justify-content: space-between; margin-top: 0.7rem;}
.main3 .u1{ display:block; width: 55.55%;}
.main3 .u1 .li{ display:block; width: 100%;}
.main3 .u1 .a{ display:block; width: 100%; overflow: hidden; border-radius: 13px; position: relative;}
.main3 .u1 .a ._img{ padding-bottom: 55.55%;}
.main3 .u1 .a .cont{ display:block; width: 100%; position: absolute; left: 0; bottom:0; z-index: 6; background:rgba(0,0,0,0.5); padding:0.33rem 0.22rem;}
.main3 .u1 .a .tit{ width: 100%; color: #fff;font-size:calc(14px + 0.1rem); line-height: calc(22px + 0.12rem);}
.main3 .u1 .a:hover .tit{ color: #d7000e;}
.main3 .u2{ display:block; width: 41.97%; border-top: 1px solid #eeeeee;}
.main3 .u2 .li{ display:block; width: 100%; border-bottom: 1px solid #eeeeee;}
.main3 .u2 .a{ display:flex; align-items: center; width: 100%; padding:0.18rem 0 0.14rem 0;}
.main3 .u2 .a .date{ display: flex; align-content: center;justify-content: center; flex-direction: column; color: #ccc;font-size:calc(14px + 0.04rem); line-height:1; min-width:1.34rem;min-height: calc(44px + 0.14rem);}
.main3 .u2 .a .date font{ font-size:0.3rem; margin-bottom: 0.1rem;}
.main3 .u2 .a .tit{ width: 100%; color: #525252;font-size:calc(14px + 0.06rem); line-height: calc(22px + 0.07rem);}
.main3 .u2 .a:hover .tit{ color: #d7000e;}
.main3 .u2 .slick-current .a .tit{ color: #d7000e;}


@media screen and (max-width:1600px) {
.main3 .u1 .a .tit{font-size:calc(14px + 0.08rem); line-height: calc(22px + 0.1rem);}	
.main3 .u2 .a .date{ min-width:1.2rem;min-height: calc(44px + 0.08rem);}
.main3 .u2 .a .date font{ font-size:0.28rem; margin-bottom: 0.08rem;}	
.main3 .u2 .a .tit{font-size:calc(14px + 0.04rem); line-height: calc(22px + 0.04rem);}
}
@media screen and (max-width:1440px) {
.main3 .u2 .a{ padding:0.13rem 0 0.12rem 0;}
}
@media screen and (max-width:1024px) {
.main3 .box{ margin-top: 22px;}
.main3 .u1{ width:100%;}
.main3 .u1 .a{ border-radius: 6px;}
.main3 .u1 .a .cont{ padding:10px 14px;}
.main3 .u2{ width:100%; margin-top: 22px;}
.main3 .u2 .a .date{ min-width:62px;}
.main3 .u2 .a{ padding:12px 0;}
.main3 .u2 .a .date font{ font-size:18px; margin-bottom:6px;}	
}

.main4{ display: flex; flex-wrap: wrap; width: 100%; background: #8a000b; overflow: hidden;}
.main4 .left{ width:50%; line-height: 0; position: relative;}
.main4 .left ._img{ padding-bottom: 78.125%;}
.main4 .left .lh0{ display: block; position:absolute; left: 0; top:0; z-index: 1; opacity: 0;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.main4 .left .lh0.on{ position: relative; z-index: 6; opacity:1;}
.main4 .right{ width:50%; padding-right: 0.75rem;position: relative;z-index: 6;}
.main4 .box{display: flex; flex-wrap: wrap; width:810px; position: relative; height: 100%;}
.main4 .box1{ width:calc(100% - 2.6rem); background: #d7000f; padding:0.45rem 0.54rem; position: relative;}
.main4 .box1::after{ content:''; display:none; background:#fff; position: absolute; z-index: 2; left:-0.25rem; top:1.6rem; height:5px; width:0.5rem; }
.main4 .box2{ width:2.6rem; padding:0.45rem 0 0.45rem 0.54rem;}
.main4 .title{ display: block; width: 100%; color:#999; font-size:0.3rem; line-height: 0.4rem;}
.main4 .tit40{ color:#fff; font-weight: bold; position: relative;}
.main4 .img{ display: block; width: 100%; line-height: 0; text-align: center; margin-top: 0.7rem; padding:0 9.35%;}
.main4 ._img{ padding-bottom:100%;}
.main4 .img img{ object-fit: contain;}
.main4 .u1{ display: block; width: 100%; position: relative; margin-top: 0.6rem; }
.main4 .u1 .li{display: block; width:100%; position:absolute; left: 0; top:0; z-index:3; opacity: 0;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s; }
.main4 .u1 .li.on{ position: relative; z-index: 7; opacity:1; }
.main4 .u1 .a{ display: block; width: 100%;}
.main4 .u2{ display: block; width: 100%; margin-top: 0.45rem; }
.main4 .u2 .li{ display: block; width: 100%; padding:0.1rem 0;}
.main4 .u2 .a{ display: block; width: 100%; color: #fff; font-size:calc(14px + 0.04rem); line-height: calc(22px + 0.08rem);}
.main4 .u2 .a:hover{ opacity:0.6;}

@media screen and (max-width:1770px) {
.main4 .box{ width:100%;}
.main4 .img{ margin-top: 0.5rem;}
.main4 .u1{ margin-top: 0.5rem;}
.main4 .u2{ margin-top: 0.35rem; }
.main4 .u2 .li {padding: 0.08rem 0;}

.main4 .title {font-size: 0.26rem;
    line-height: 0.36rem;}
.main4 .u2 .a{font-size: calc(14px + 0.03rem);}
.main4 .box2{padding: 0.45rem 0 0.45rem 0.4rem;}

}
@media screen and (max-width:1440px) {
.main4 .title{ font-size:0.26rem; line-height: 0.36rem;}
.main4 .u2{ margin-top: 0.4rem; }
.main4 .u2{ margin-top: 0.3rem; }
.main4 .u2 .li{padding:0.06rem 0;}	
.main4 .u2 .a{ font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.06rem);}
}
@media screen and (max-width:1024px) {
.main4{ flex-wrap: wrap-reverse;}	
.main4 .left{ width:100%;}
.main4 .right{ width:100%; padding: 0;}
.main4 .box{ flex-wrap: wrap-reverse;}
.main4 .title{ font-size:18px; line-height:28px;}
.main4 .box1{ width:50%; padding: 30px 25px;}
.main4 .box1::after{ left:0; top:80px; height:2px; width:16px; }
.main4 .box2{ display: flex; flex-wrap: wrap; width:50%; padding: 30px 25px;}
.main4 .img{ margin-top: 20px;}
.main4 .u1{ width:100%; margin-top: 12px;}
.main4 .u2{ width:100%; margin-top: 7px;}
.main4 .u2 .li{ padding:1px 0;}
.main4 .u2 .a{ font-size:14px; line-height:24px;}
}


.history{ background: #d7000f; position: relative; overflow:hidden;}
.history .box{ display: flex; flex-wrap: wrap; justify-content: flex-end; width: 100%; position: relative;}
.history .box::before{ content:''; display:block; background: url(img/img4.png) center no-repeat; background-size:cover; position: absolute; z-index: 1; left:21%; top:0; height: 100%; width:3rem; opacity: 0.2; }
.history .box::after{ content:''; display:block; background:rgba(0,0,0,0.5); position: absolute; z-index: 2; left:21%; top:0; height: 100%; width:3rem; }
.history .left{ display:block; position: absolute; left: 0; top:0; padding:1.1rem 0;}
.history .left .info{ display:block; width:100%; color: #fff; font-size:calc(14px + 0.1rem); line-height: calc(22px + 0.12rem); margin-top: 12px;}
.history .year{ display: block; width: 79%; position: relative; z-index: 6; margin:0.7rem 0 0.65rem 0;min-height:5.05rem; overflow: hidden;}
.history .year .li{ display: flex; width: 100%; padding:0.35rem 0; opacity: 0;}
.history .year .cont{ cursor: pointer; display:block; min-width:3rem;}
.history .year .p{ display: block; text-align: center; color: #c58085; font-size:0.5rem; line-height:0.66rem;font-family: 'Alibaba-PuHuiTi-Bold';}
.history .right{display:flex; align-items: flex-start; flex-wrap: wrap; justify-content: flex-end; width:calc(100% - 3rem); }
.history .right .div{ display:flex; align-items: flex-start; width: 82.7%;}
.history .right .tit40{ color: #eb8087; min-width: 1.4rem;width:1.4rem; position: relative; margin-right: 0.68rem;}
.history .right .tit40::after{ display: block; content:''; position: absolute; right: 0; top:11%; width:3px; height:80%; background: #eb8087;}
.history .right .p1{ display:block; width:100%; position: relative; color: #eb8087; font-size:calc(14px + 0.04rem); line-height:0.32rem; }
.history .year .swiper-slide-active{ opacity: 1;}
.history .year .swiper-slide-next{ opacity: 1;}
.history .year .swiper-slide-visible{ opacity: 1;}
.history .year .swiper-slide-prev{ opacity: 0;}
.history .swiper-slide-active .p{ color: #fff !important;}
.history .swiper-slide-active .right .tit40{ color: #fff;}
.history .swiper-slide-active .right .p1{ color: #fff;}
.history .swiper-slide-active .right .tit40::after{ background: #fff;}
.history .swiper-prev,
.history .swiper-next{bottom:1rem; width:0.6rem; height: 0.6rem; position: absolute; z-index: 10;background: url(img/ico3.1.png) center no-repeat; background-size:auto 100% !important; cursor: pointer; border-radius:50%; left: 0;}
.history .swiper-prev:hover,
.history .swiper-next:hover{ opacity: 0.6;}
.history .swiper-prev{ transform:rotate(270deg); -ms-transform:rotate(270deg); margin-bottom:0.7rem;}
.history .swiper-next{ transform:rotate(90deg); -ms-transform:rotate(90deg);}



@media screen and (max-width:1600px) {
.history .right .div{ width:88%;}	
.history .right .tit40{ min-width: 1.2rem;width:1.2rem; margin-right: 0.48rem;}
}	
@media screen and (max-width:1440px) {
.history .box::before{ width:2.8rem;}	
.history .box::after{ width:2.8rem;}
.history .year .p{ font-size:0.46rem; line-height:0.62rem;}	
.history .year .cont{ min-width:2.8rem;}	
.history .right .div{ width:90%;}		
.history .right .p1{ font-size:calc(14px + 0.02rem); line-height:0.3rem;}	
}	
@media screen and (max-width:1024px) {
.history{ padding-top:30px; padding-bottom:30px;}	
.history .box::before{ width:0;}	
.history .box::after{ width:0;}
.history .left{ position:static; width:100%; padding: 0;}	
.history .year{ width:100%; margin:15px 0 0 0; min-height:260px;}
.history .year .li{ padding:10px 0;}
.history .year .cont{ min-width:150px;}
.history .year .p{text-align: left; color: #eb8087; font-size:24px; line-height:28px;}	
.history .right{ width:100%;}
.history .right .div{ width:100%;}	
.history .right .tit40{min-width:74px; width:74px; margin-right: 14px; font-size:14px;}
.history .right .tit40::after{ top:21%; width:2px; height:60%;}
.history .right .p1{ font-size:14px; line-height:22px;}
.history .swiper-prev,
.history .swiper-next{bottom:auto; top: 0; left: auto; right: 0; width:30px; height:30px;}
.history .swiper-prev{ transform:rotate(180deg); -ms-transform:rotate(180deg); margin:0 40px 0 0;}
.history .swiper-next{ transform:rotate(0deg); -ms-transform:rotate(0deg);}
}
@media screen and (max-width:767px) {
.history .year{ width:100%; margin:15px 0 0 0; height:440px;}
.history .year .li{ flex-wrap: wrap;}
.history .year .cont{ min-width:100%; margin-bottom:6px;}
}


.jtyw1 .box1 .slick-current .tit,
.clip{background: -webkit-linear-gradient(-90deg, #6d131d 0%, #d60211 100%);
  background: linear-gradient(-90deg, #6d131d 0%, #d60211 100%);
    background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}





/*
 e60012
calc(20px + 0.16rem); 

*/


/*250109start*/
.zhaopin .cont .dd{ width:100%; border-bottom: 1px solid #ddd; padding-bottom: 37px;}
.zhaopin .cont .dd:last-child{ border-bottom:0; padding-bottom:0 !important;}
@media screen and (max-width:1024px) {
.zhaopin .cont .dd{padding-bottom:20px;}
.zhaopin .mt37{ margin-top: 20px;}
}
.slideTow{ border-bottom:1px solid #e70012;}
.slide02{ display: flex; flex-wrap: wrap;width:100%; padding:22px 0 18px 0;}
.slide02 .ul{ display: flex; flex-wrap: wrap;}
.slide02 .li{ display: flex; flex-wrap: wrap; margin-right: 0.16rem; }
.slide02 .li .la{ display: flex; flex-wrap: wrap; align-items:center; justify-content: center;color: #e70012;font-size:calc(14px + 0.04rem); line-height:1.4; height:0.5rem; border-radius:0.5rem; padding:0 0.25rem;margin:5px 0;}
.slide02 .li.on .la,
.slide02 .li:hover .la{ background:#e70012; color: #fff;}

@media screen and (max-width:1600px) {
.slide02 .li .la{font-size:calc(14px + 0.02rem);}
}
@media screen and (max-width:1024px) {
.slide02{ padding:10px 0 10px 0;}	
.slide02 .li{ margin-right:5px; }	
.slide02 .li .la{ padding:8px 14px; font-size:14px; height:auto;height:30px; border-radius:30px; padding:0 15px;margin:4px 0;}

}
@media screen and (max-width:767px) {
.slide02{ overflow-x: auto; white-space: nowrap;}
.slide02 .ul{ flex-wrap: nowrap;}
}

/*250109end*/



.dcon{font-size:calc(14px + 0.06rem); line-height:calc(22px + 0.14rem); width:100%; padding-bottom:60px; color: #555;}
@media screen and (max-width:1024px) {
.dcon{font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.12rem); padding-bottom:30px;}
}