@charset "utf-8";html{overflow-x:hidden}
body{color:#333;font:14px "Microsoft Yahei"}
body,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,span,ul{margin:0;padding:0;list-style:none}
a{color:#333;text-decoration:none}
a:focus{outline:0}
img{border:none}
.vam{vertical-align:middle}
.clear{clear:both;height:0;line-height:0;font-size:0}
p{word-spacing:0}
em,i{font-style:normal}
.tr{text-align:right}
.tl{text-align:left}
.center{text-align:center}
.fl{float:left;}
.fr{float:right;}
.pa{position:absolute}
.pr{position:relative}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden}
.clearfix{zoom:1}
.layui-layer-content{overflow:hidden!important;}
body{min-width: 1200px;max-width: 1920px;margin: 0 auto;overflow-x: hidden; width: 100%;}
.content01{width: 75rem;margin: 0 auto;}


.pic{width:100%;overflow: hidden;display:block;}
.pic img{-o-transition:all 0.8s linear 0s;transition:all 0.8s linear 0s}
.pic:hover img{-webkit-transform:scale(1.08) rotate(0) translateY(0);-ms-transform:scale(1.08) rotate(0) translateY(0);transform:scale(1.08) rotate(0) translateY(0)}

.white,.whites{position:relative;overflow:hidden}
.white:after,.whites:after{content:'';cursor:pointer;position:absolute;left:-100%;top:0;width:100%;height:100%;background-image:-moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));background-image:-webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));transform:skewx(-25deg)}
.white:hover:after{left:100%;-moz-transition:1s;-o-transition:1s;-webkit-transition:1s;transition:1s}
.whites:hover:after{left:100%;-moz-transition:.5s;-o-transition:.5s;-webkit-transition:.5s;transition:.5s}
body{min-width:1200px;width:100%;max-width:1920px;margin:0 auto;overflow-x:hidden}
em,i{font-style:normal}

input::-webkit-input-placeholder{color:#999;font-size:14px;text-transform:capitalize}
input::-moz-placeholder{color:#999;font-size:14px;text-transform:capitalize}
input:-moz-placeholder{color:#999;font-size:14px;text-transform:capitalize}
input:-ms-input-placeholder{color:#999;font-size:14px;text-transform:capitalize}
@keyframes myfirst{0%{background-position:0 bottom}
100%{background-position:100% bottom}
}
.line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.clear{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}




.banner{height:auto;max-width:1920px;margin:0 auto!important;position:relative;margin-top:-34px}
.banner .bd li{float:left;width:100%;line-height:0}
.banner .bd li img{width:100%}
.banner .bd li a{display:block}
.banner .hd{position:absolute;bottom:50px;width:100%;height:16px;cursor:pointer;text-align:center;z-index:9;font-size:0}
.banner .hd li{display:inline-block;width:16px;height:16px;background:#fff;margin:0 10px;opacity:1;-o-transition:all .5s ease;transition:all .5s ease;border-radius: 8px;}
.banner .hd li.on{background:#cc0000;}
.banner p{position: absolute;font-size: 0;top: 50%;z-index: 9; width: 38px; height: 62px; margin-top: -31px;border: 0; outline: none;cursor: pointer;transition:.5s;}
.banner .prev {left: 3%; opacity: 0;  background:url(../images/prev1.png) no-repeat center center;}
.banner .next {right: 3%; opacity: 0; background:url(../images/next1.png) no-repeat center center;}  
.banner .prev:hover{ background:url(../images/prev2.png) no-repeat center center;}
.banner .next:hover{background:url(../images/next2.png) no-repeat center center;}

.banner:hover .prev { left: 3.9%; opacity: 1; }
.banner:hover .next { right: 3.9%; opacity: 1; }

.tit{font-size: 0;line-height: 0;text-align: center;}
.tit span{ display: block;font-size: 2.4rem;line-height: 2.4rem;  color: #333333;font-weight: normal;font-family: "mon1";text-transform: uppercase;}
.tit i{ display: block;font-size: 0.9rem;line-height: 1.5rem;  color: #666666;font-weight: normal;font-family: "mon3";margin-top: 1.5rem;}


.yz{padding: 5.5rem 0;background:url(../images/yz_bg.jpg) no-repeat center top;box-sizing: border-box;}
.yz_t{height: 11.2rem;}
.yz_t dd{float: left;width: 49.3%;}
.yz_t dd h4 span{ display: block;font-size: 2.4rem;line-height: 2.9rem;  color: #333333;font-weight: normal;font-family: "mon1";}
.yz_t dd h4 span img{display: inline-block;width: 0.95rem;height: 1.65rem;margin-left: 0.3rem;vertical-align: 0.8rem;}
.yz_t dd h4 i{ display: block;font-size: 2.4rem;line-height: 2.9rem;  color: #333333;font-weight: normal;font-family: "mon1";}
.yz_t dd p{ display: block;font-size: 0.9rem;line-height: 1.5rem;  color: #666666;font-weight: normal;margin-top: 1.3rem;font-family: "mon3";}
.yz_t dt{float: right;width:40%;}
.yz_sz{display: flex;justify-content: space-between;}
.yz_sz li {color: #333;display: block;box-sizing: border-box;width: 32%;height: 11.2rem;background: #fff;padding-top: 2.5rem;padding-left: 1.4rem;box-sizing: border-box;}
.yz_sz li em{display: block;}
.yz_sz li b {font-size: 2.7rem;color: #bb0512;line-height: 2.7rem;font-family: "mon1";font-weight: 400;}
.yz_sz li sup {display: inline-block;line-height: 0.9rem;font-size: 0.9rem;clear: both;font-weight: normal;color: #bb0512;vertical-align: 1.2rem;margin-left: 0.2rem;font-family: "mon3";}
.yz_sz li span {display: block;line-height: 1.5rem;font-size: 0.9rem;clear: both;font-weight: normal;color: #666666;margin-top: 1.3rem;font-family: "mon3";}
.yz_bd{margin-top: 4.2rem;}
.yz_bd ul{display: flex;flex-wrap: nowrap;justify-content: space-between;}
.yz_bd li{width: calc((100%)/3);position: relative;padding-bottom: 2.5rem;background: url(../images/yz_t.png) no-repeat left bottom;background-size: 100% 1.6rem;}

.yz_bd li .video-pic{position:relative; overflow: hidden;
            cursor: pointer;}
.yz_bd li:hover{background: url(../images/yz_th.png) no-repeat left bottom;background-size: 100% 1.6rem;}



.yz_bd li video{display: block;width: 100%;}
.yz_bd li i{display: block;width: 100%;}
.yz_bd li i img{display: block;width: 100%;transition: all 0.5s;}
.yz_bd li span{  position: absolute;
        width: 2.9rem;
        height: 2.9rem;
       
        border-radius: 100%;
        left: 50%;
        /*margin-left: -25px;*/
        top: 42%;
        /*margin-top: -25px;*/
        z-index: 1;
        transition: all 0.85s;
    z-index: 3;
          transform: translate(-50%, -50%) scale(0);}
 

.yz_bd li span img{display: block;width: 2.9rem;height: 2.9rem;}
.yz_bd li em{display: block; font-size: 1.2rem;line-height: 1.2rem;color: #ffffff;text-align: center;position: absolute;left: 0;bottom: 3.7rem;width: 100%;font-family: "mon2";transition:all 0.5s;height:1.3rem;}
.yz_bd li em b{display: block; font-size: 0.8rem;line-height: 0.8rem;color: #ffffff;text-align: center;font-family: "mon3";opacity: 0.8;margin-top: 0.8rem;font-weight: normal;display:none;}
.yz_bd li:hover  span {
    transform: translate(-50%, -50%) scale(1);
}

.yz_bd li .video-wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #333;
  /*z-index: 500;*/
  overflow: hidden
}
.yz_bd li:hover span{display:block;}
.yz_bd li:hover  em{height:3rem;}
.yz_bd li:hover  em b{display:block;}


.pro{padding: 5.5rem 0 0;}
.pro_t{text-align: center;}
.pro_t li{display: inline-block;width: 14rem;height: 2.8rem;text-align: center;font-size: 1.1rem;color: #333333;line-height: 2.7rem;font-weight: normal;text-align: center;transition: all 0.5s;border: 1px solid #e5e5e5;box-sizing: border-box;border-radius: 1.5rem;margin: 2rem 0.6rem 0;}
.pro_t2 li{width:11rem;}
.pro_t li a{display: block;width: 100%;color: #333333;}
.pro_t li.cur{background: #cc0000;border-color: #cc0000;}
.pro_t li.cur a{color: #fff;}
.pro_con{margin-top: 2.5rem!important;}
.pro_con dl{position: relative;}
.pro_con dt{display: block;width: 100%;position: relative;background: #fff;}
.pro_con dt img{display: block;width: 100%;opacity: 0.2;}
.pro_con dd{width: 100%;height: 17.35rem;padding: 11.85rem 2rem 0;box-sizing: border-box;position: relative;transition: all 0.5s;overflow: hidden;background: url(../images/pro_dd.png) no-repeat center;background-size: 100% 100%;display: flex;justify-content: space-between;position: absolute;left: 0;bottom: 0;opacity: 0;}
.pro_con dd h4{ display: block;font-size: 1.2rem;color: #ffffff;line-height: 1.2rem;font-weight: normal;text-transform: uppercase;transition: all 0.5s;font-family: "mon1";}
.pro_con dd p{ display: block;font-size: 0.8rem;color: #ffffff;line-height: 1.5rem;opacity: 0.8;margin-top: 0.8rem;font-family: "mon3";}
.pro_con dd .desc{overflow: hidden;}
.pro_con dd .more{width: 8rem;height:2.7rem;line-height: 2.7rem;display:block;font-size: 0.8rem;color: #fff;position:relative;text-align: center;transition:all 0.5s;box-sizing: border-box;border-radius: 1.6rem;background: #cc0000;}
.pro_con dd .more:hover{transform: translateY(-5px);}
.pro_con dd .more>img{ display: inline-block;width:1.05rem;height:0.65rem;margin-left: 0.5rem;vertical-align: -0rem;}
.pro_con dl.swiper-slide-active dt{background: 0;}
.pro_con dl.swiper-slide-active dt img{opacity: 1;}
.pro_con dl.swiper-slide-active dd{opacity: 1;}
.pro_con .sprev{display: block;width:2.45rem;height: 2.45rem;cursor: pointer;position: absolute;left:18.2%;top: 13.6rem;z-index: 20;overflow: hidden;border-radius:1.3rem;transition:all 0.5s;}
.pro_con .snext{display: block;width:2.45rem;height: 2.45rem;cursor: pointer;position: absolute;right:18.2%;top: 13.6rem;z-index: 20;overflow: hidden;border-radius:1.3rem;transition:all 0.5s;}
.anim {
  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
}
.anim:before {
  position: relative;
  content: '';
  display: block;
  margin-top: 100%;
}
.anim:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 50%;
}
@-webkit-keyframes anim-out {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-moz-keyframes anim-out {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-ms-keyframes anim-out {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes anim-out {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes anim-out-pseudo {
  0% {
    background: rgba(0, 0, 0, 0.25);
  }
  100% {
    background: transparent;
  }
}
@-moz-keyframes anim-out-pseudo {
  0% {
    background: rgba(0, 0, 0, 0.25);
  }
  100% {
    background: transparent;
  }
}
@-ms-keyframes anim-out-pseudo {
  0% {
    background: rgba(0, 0, 0, 0.25);
  }
  100% {
    background: transparent;
  }
}
@keyframes anim-out-pseudo {
  0% {
    background: rgba(0, 0, 0, 0.25);
  }
  100% {
    background: transparent;
  }
}


.pro_con .sprev:hover > .anim,.pro_con .snext:hover > .anim{
  -moz-animation: anim-out 0.75s;
  -webkit-animation: anim-out 0.75s;
  animation: anim-out 0.75s;
}
.pro_con .sprev:hover > .anim:after ,.pro_con .snext:hover > .anim:after{
  -moz-animation: anim-out-pseudo 0.75s;
  -webkit-animation: anim-out-pseudo 0.75s;
  animation: anim-out-pseudo 0.75s;
}


.pro_con .snext img,.pro_con .sprev img{display: block;width:2.45rem;height: 2.45rem;border-radius:1.3rem;transition:all 0.5s;}
.pro_con .snext:hover,.pro_con .sprev:hover{  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);margin-top:-5px;}
   

.pro2{padding-top: 5.5rem;}
.pro_bd{margin-top: 2.5rem!important;position: relative;height: 38rem;}
.pro_z{position: absolute;right: 0;top: 0;width: 100%;}
.pro_z ul{width: 29rem;height: 38rem;background: url(../images/pro_dd2.png) no-repeat center;background-size: 100% 100%;float: right;padding-top: 3rem;box-sizing: border-box;z-index: 40;position:relative;}
.pro_z li{position: relative;height: 9.3rem;margin-bottom: 2.5rem;}
.pro_z li .default{height: 9.3rem;width: 100%;padding-left: 10.3rem;padding-top: 1.6rem;box-sizing: border-box;}
.pro_z li .default img{display: inline-block;width:5.05rem;height: 5.05rem;vertical-align: top;}
.pro_z li .default span{display: inline-block;margin-left: 1.1rem;font-size: 1.4rem;line-height: 1.4rem;color: #ffffff;font-family: "mon1";margin-top: 1.2rem;}
.pro_z li .default span i{display: block;margin-top: 0.8rem;font-size: 0.7rem;line-height: 0.7rem;color: #ffffff;font-family: "mon2";opacity: 0.4;}

.pro_z li:nth-child(2){margin-bottom: 3rem;}
.pro_z li:nth-child(2) .default{padding-left: 7.2rem;}
.pro_z li .hover{	
  border-radius: 0;
	display: block;
  transform: scale(0);
	left: 50%;
	position: absolute;
	top: 50%;
  width: 100%;height: 9.3rem;padding: 1.5rem 2.4rem 0;box-sizing: border-box;margin-left:-14.5rem;margin-top:-4.65rem;
  transition: .3s;
	background: #cc0000;overflow:hidden;
}
.pro_z li.cur .hover{
  transform: scale(1);
}
.pro_z li.cur .hover b{display: block;font-size: 1.4rem;line-height: 1.4rem;color: #ffffff;font-family: "mon1";font-weight: normal;}
.pro_z li.cur .hover b em{display: block;font-size: 0.8rem;line-height: 1.25rem;color: #ffffff;float: right;font-family: "mon2";}
.pro_z li.cur .hover b em>img{ display: inline-block;width:1.25rem;height:1.25rem;margin-left: 0.5rem;vertical-align: -0.4rem;}
.pro_z li.cur .hover p{display: block;font-size: 0.8rem;line-height: 1.5rem;color: #ffffff;font-family: "mon3";opacity: 0.8;margin-top: 0.5rem;}
.pro_qie li{display: block;width: 100%;height: 38rem;object-fit: cover;object-position: center;}
.pro_qie li img{display: block;width: 100%;height: 38rem;object-fit: cover;object-position: center;-o-transition:all 1s linear 0s;transition:all 1s linear 0s}
.pro_qie li:hover img{}
.pro_qie li:hover img{-webkit-transform:scale(1.08) rotate(0) translateY(0);-ms-transform:scale(1.08) rotate(0) translateY(0);transform:scale(1.08) rotate(0) translateY(0)}


@keyframes scaleDown1 {
  0% { transform: scale(1) translateX(0rem); } /* 初始100% */
  100% { transform: scale(0.7) translateX(-2rem); } /* 结束90% */
}
@keyframes scaleDown11 {
  0% { transform: scale(0.7) translateX(-2rem); } /* 初始100% */
  100% { transform: scale(1) translateX(0rem); } /* 结束90% */
}
@keyframes scaleDown2 {
  0% { transform: scale(1) translateX(0rem); } /* 初始100% */
  100% { transform: scale(0.7) translateX(-1rem); } /* 结束90% */
}
@keyframes scaleDown22 {
  0% { transform: scale(0.7) translateX(-1rem); } /* 初始100% */
  100% { transform: scale(1) translateX(0rem); } /* 结束90% */
}
.pro_z .scaling-animation .default{
  animation: scaleDown2 0.8s forwards;
}
.pro_z .reduction-animation .default{
  animation: none;
  animation: scaleDown22 0.2s forwards;
}
.pro_z li.scaling-animation:nth-child(2) .default{
  animation: scaleDown1 0.8s forwards;
}
.pro_z li.reduction-animation:nth-child(2) .default{
  animation: none;
  animation: scaleDown11 0.2s forwards;
}


.pro3{padding-top: 5.5rem;background:url(../images/pro3_bg.jpg) no-repeat center top;box-sizing: border-box;}
.pro3_bd{margin-top: 2.5rem!important;position: relative;}
.pro3_z{position: absolute;left: 0;bottom: 2.1rem;width: 100%;z-index: 40;}
.pro3_z ul{display: flex;justify-content: space-between;}
.pro3_z ul li{width: 10.4%;height: 8rem;position: relative;background: rgba(255,255,255,.8);transition: .5s;overflow:hidden;}
.pro3_z ul li.cur{width: 54.66%;background: #cc0000;}
/*.pro3_z li .default{height:8rem;width: 100%;padding: 1.5rem 1.1rem 0;box-sizing: border-box;background: rgba(255,255,255,.8);}*/
/*.pro3_z li .default img{display: block;width:0.8rem;height: 0.8rem;margin: 0.9rem auto 0;}*/
/*.pro3_z li .default span{display:block;font-size: 1.1rem;line-height: 1.5rem;color: #333;text-align: center;font-family: "mon2";}*/
/*.pro3_z li .hover{	border-radius: 0;*/
/*	display: block;*/
/*	height: 0;*/
/*	left: 50%;*/
/*	margin: 0;*/
/*	position: absolute;*/
/*	top: 50%;*/
/*	-webkit-transition: all 0.3s;*/
/*	   -moz-transition: all 0.3s;*/
/*	     -o-transition: all 0.3s;*/
/*	        transition: all 0.3s;*/
/*	width: 0;background: #cc0000;overflow:hidden;}*/
/*.pro3_z li.cur .default{display: none;}*/


.pro3_z li .default{padding: 1.5rem 1.1rem 0;box-sizing: border-box;height:8rem;overflow:hidden;}
.pro3_z li .default img{display: block;width:0.8rem;height: 0.8rem;margin: 0.9rem auto 0;}
.pro3_z li .default span{display:block;font-size: 1.1rem;line-height: 1.5rem;color: #333;text-align: center;font-family: "mon2";}
.pro3_z li .hover{height: 8rem;position: relative;top: 20px;opacity: 0;padding: 1.8rem 1.8rem 0;box-sizing: border-box;    transition-property: opacity, top;
    transition-duration: .1s;
    transition-delay: .1s;
    font-size: 0;}
.pro3_z li.cur .hover{display: block;opacity: 1;top: 0;}
.pro3_z li.cur .default{display:none;}





.pro3_z li.cur .hover b{display: block;font-size: 1.1rem;line-height: 1.1rem;color: #ffffff;font-family: "mon2";font-weight: normal;}
.pro3_z li.cur .hover b em{display: block;font-size: 0.8rem;line-height: 1.25rem;color: #ffffff;float: right;font-family: "mon2";}
.pro3_z li.cur .hover b em>img{ display: inline-block;width:1.25rem;height:1.25rem;margin-left: 0.5rem;vertical-align: -0.4rem;}
.pro3_z li.cur .hover p{display: block;font-size: 0.8rem;line-height: 1.5rem;color: #ffffff;font-family: "mon3";opacity: 0.8;margin-top: 0.9rem;}

	
	
.pro3_qie li{display: block;width: 100%;height: 38rem;object-fit: cover;object-position: center;}
.pro3_qie li img{display: block;width: 100%;height: 38rem;object-fit: cover;object-position: center;}
.pro4{padding-top: 5.5rem;}
.pro4_bd{margin-top: 2.5rem!important;position: relative;}
.pro4_bd dl{position: relative;}
.pro4_bd dt img{display: block;width: 100%;}
.pro4_bd dd{position: absolute;left: 0;top: 12.4rem;width: 100%;z-index: 40;}
.pro4_bd dd h4{ display: block;font-size: 1.5rem;color: #ffffff;line-height: 1.5rem;font-weight: normal;text-transform: uppercase;transition: all 0.5s;font-family: "mon1";}
.pro4_bd dd p{ display: block;font-size: 0.8rem;color: #ffffff;line-height: 1.5rem;margin-top: 0.8rem;width: 24rem;}
.pro4_bd dd .more{width: 8rem;height:2.7rem;line-height: 2.7rem;display:block;font-size: 0.8rem;color: #fff;position:relative;text-align: center;transition:all 0.5s;box-sizing: border-box;border-radius: 1.6rem;background: #cc0000;margin-top: 2.5rem;}
.pro4_bd dd .more:hover{transform: translateY(-5px);}
.pro4_bd dd .more>img{ display: inline-block;width:1.05rem;height:0.65rem;margin-left: 0.5rem;vertical-align: -0rem;}




.hz{padding: 5.5rem 0 4.8rem;background:url(../images/hz_bg.jpg) no-repeat center top;box-sizing: border-box;}
.hz_bd{margin-top: 2.5rem!important;position: relative;}
.hz_bd li{display: block;width: 100%;margin-bottom: 0.7rem;}
.hz_bd li img{display: block;width: 100%;}
.hz_bd .zprev{display: block;width: 1.9rem;height: 3.1rem;cursor: pointer;position: absolute;left: -4.5rem;top: 50%;z-index: 20;overflow: hidden;margin-top: -1.6rem;}
.hz_bd .znext{display: block;width: 1.9rem;height: 3.1rem;cursor: pointer;position: absolute;right:-4.5rem;top: 50%;z-index: 20;overflow: hidden;margin-top: -1.6rem;}
.hz_bd .znext img,.hz_bd .zprev img{display: block;width: 1.9rem;height: 3.1rem;}
.hz_bd .znext:hover img:nth-child(1){ margin-top:-3.1rem;}
.hz_bd .zprev:hover img:nth-child(1){margin-top:-3.1rem;}



.ys{padding: 5.5rem 0 0;}

.ys_con{margin-top: 2.5rem!important;position: relative;}
.ys_t{position: absolute;left: 0;top: 7rem;width: 100%;}
.ys_t ul{z-index: 30;position:relative;}
.ys_t li{height:10.3rem;width: 7.3rem;padding: 1.8rem 0rem 0;box-sizing: border-box;background: url(../images/ys_jt.png) no-repeat center 8.4rem rgba(255,255,255,.1);border: 1px solid rgba(255,255,255,.3);background-size: 0.65rem 0.4rem;display: inline-block;margin-right: 0.8rem;transition:all 1s;}
.ys_t li img{display: block;width:2.7rem;height: 2.7rem;margin:0 auto 0;}
.ys_t li span{display:block;font-size: 1rem;line-height: 1rem;color: #ffffff;text-align: center;font-family: "mon2";margin-top: 1.2rem;}
.ys_t li.cur{background: url(../images/ys_jth.png) no-repeat center 8.4rem #cc0000;background-size: 0.65rem 0.4rem;border-color: #cc0000;}
.ys_t li.cur img{animation-duration:2s;animation-name:flipInY;}

.ys_bd dl{position: relative;}
.ys_bd dt img{display: block;width: 100%;}
.ys_bd dd{position: absolute;left: 0;bottom: 7rem;width: 100%;z-index: 40;height:10rem;}
.ys_bd dd h4 span{ display: block;font-size: 1.2rem;color: #ffffff;line-height: 1.2rem;font-weight: normal;text-transform: uppercase;transition: all 0.5s;font-family: "mon1";}
.ys_bd dd h4 i{ display: block;font-size: 1.8rem;color: #ffffff;line-height: 1.8rem;font-weight: normal;text-transform: uppercase;transition: all 0.5s;font-family: "mon1";margin-top: 0.5rem;}
.ys_bd dd p{ display: block;font-size: 0.8rem;color: #ffffff;line-height: 1.5rem;margin-top: 1.8rem;width: 32rem;}

.news{padding-top: 5.5rem;}
.news_con{margin-top: 2.5rem;}
.news h3{height: 2.8rem;}
.news h3 em img{display:block;width: 1.7rem;height: 1.7rem;float: right;}
.news h3 span a{ display: inline-block;font-size:1.3rem;color: #333333;line-height: 1.3rem;position: relative;margin-right: 1.8rem;font-weight: normal;height: 2.8rem;font-family: "mon1";}
.news_l{float: left;width: 57%;}
.news_l h3{ border-bottom: 1px solid #e5e5e5;}
.news_l h3 span a{border-bottom: 1px solid #cc0000;}
.news_bd{margin-top:2.5rem ;}
.news_bd dl{margin-top:2.5rem ;}
.news_bd dt{float: left;width: 35.4%;overflow: hidden;height: 8.6rem;object-fit: cover;object-position: center;}
.news_bd dt img{display: block;width: 100%;height: 8.6rem;object-fit: cover;object-position: center;  transition: ease .65s;}
.news_bd  dd{ float: right;width: 59.4%;}
.news_bd dd  h4 a{ display: block;font-size:1rem ;color: #333333;line-height: 1rem;font-weight: normal;margin-top: 0.7rem;font-family: "mon2";overflow:hidden;text-overflow:ellipsis;white-space:nowrap;   transition: ease .65s;}
.news_bd dd  p{  display: block;font-size:0.8rem ;color: #666666;line-height: 1.5rem;margin-top: 0.9rem;font-family: "mon3";   transition: ease .65s;}
.news_bd dd .more{ display: block;font-size: 0.8rem;color: #cc0000;line-height:1rem;margin-top: 1.2rem;   transition: ease .65s;}
.news_bd dd .more img{display: inline-block;width: 1.05rem;height: 0.65rem;margin-left: 0.5rem;}
.news_bd dl:hover h4 a{transform: translateX(20px);
	transition-delay: .25s;}
.news_bd dl:hover p{transform: translateX(20px);}
.news_bd dl:hover .more{transform: translateX(20px);}
.news_bd dl:hover dt img{transform: scale(1.05)}
  
.news_r{float: right;width: 37%;padding: 1.8rem 2.5rem 0;height: 36rem;box-sizing: border-box;background: #f5f5f5;}
.news_r h3{height: 3.4rem;}
.news_r h3 span a{line-height: 1.9rem;}
.news_r p img{display: block;width: 100%;margin-bottom: 0.8rem;}
.news_r li h4{height: 4rem;box-sizing: border-box;border-bottom: 1px dashed #dcdcdc;box-sizing: border-box;font-size:1rem ;color: #333333;display: block;font-weight: normal;line-height: 4rem;padding-left: 1.8rem;background: url(../images/news_jt.png) no-repeat 0.8rem 1.9rem;background-size: 0.45rem 0.45rem;font-family: "mon2";overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news_r li:last-child h4{border-bottom:0;}
.news_bd dd  h4 a:hover,.news_r li h4:hover{color:#cc0000;}

.abt{margin-top: 5.5rem;}
.abt_t{padding: 6rem 0;background: url(../images/abt_bg.jpg) no-repeat center top;box-sizing: border-box;}
.abt_t .tit span{color: #fff;}
.abt_t .tit i{ color: #fff;opacity: 0.7;margin: 1.5rem 7.2rem 0;}
.abt_t .more{width: 8rem;height:2.7rem;line-height: 2.7rem;display:block;font-size: 0.8rem;color: #fff;position:relative;text-align: center;transition:all 0.5s;box-sizing: border-box;border-radius: 1.6rem;background: #cc0000;margin: 2.5rem auto 0;}
.abt_t .more:hover{transform: translateY(-5px);}
.abt_t .more>img{ display: inline-block;width:1.05rem;height:0.65rem;margin-left: 0.5rem;vertical-align: -0rem;}
.abt_t ul{margin: 10.3rem auto 0;width: 60%;}
.abt_t ul li{width: calc((100%)/3);height: 2.5rem;border-right: 1px solid rgba(255,255,255,.5);box-sizing: border-box;font-size: 1.2rem;line-height: 1.5rem;text-align: center;text-transform: uppercase;display: block;color: rgba(255,255,255,.7);font-family: "mon2";float: left;}
.abt_t ul li i{display: block;font-size: 0.7rem;line-height: 1.2rem;text-align: center;text-transform: uppercase;color: rgba(255,255,255,.7);}
.abt_t ul li a{width: 100%;color: rgba(255,255,255,.7);font-family: "mon2";}
.abt_t ul li:last-child{border-right: 0;}
.abt_t ul li:hover a{color: rgba(255,255,255,1);}
.abt_t ul li:hover i{color: rgba(255,255,255,1);}


@media screen and (max-width: 1600px) {
    .content24 {
        width: 1400px;
    }
}

.content4{width: 1400px;margin: 0 auto;}

@media screen and (max-width: 1500px) {
    .content24 {
        width: 1300px;
    }
    .content4{width: 1300px;}
}

@media screen and (max-width: 1300px) {
    .content24 {
        width: 1200px;
    }
    .content4{width: 1200px;}
}


/**/

@media screen and (min-width: 1263px) {
    html {
        font-size: calc(1263px * 20 / 1903);
    }
}

@media screen and (min-width: 1349px) {
    html {
        font-size: calc(1349px * 20 / 1903);
    }
}

@media screen and (min-width: 1463px) {
    html {
        font-size: calc(1463px * 20 / 1903);
    }
}

@media screen and (min-width: 1543px) {
    html {
        font-size: calc(1543px * 20 / 1903);
    }
}

@media screen and (min-width: 1583px) {
    html {
        font-size: calc(1583px * 20 / 1903);
    }
}

@media screen and (min-width: 1643px) {
    html {
        font-size: calc(1643px * 20 / 1903);
    }
}

@media screen and (min-width: 1663px) {
    html {
        font-size: calc(1663px * 20 / 1903);
    }
}

@media screen and (min-width: 1903px) {
    html {
        font-size: calc(1903px * 20 / 1903);
    }
}



@-webkit-keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }