@charset "utf-8";
@font-face {
  font-family:"impact";
  src:url("../font/impact.woff2") format("woff2"),
      url("../font/impact.woff") format("woff"),
      url("../font/impact.ttf") format("truetype"),
      url("../font/impact.eot") format("embedded-opentype"),
      url("../font/impact.svg") format("svg");
  font-weight:normal;
  font-style:normal;
}
html{font-size:62.5%;}
body{margin:0px; font-size:14px; color:#333; font-family:"微软雅黑", Arial, Helvetica, sans-serif; background-color:#fcfcfc; cursor:default;}
*{padding:0px; margin:0px;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td {margin:0; padding:0; font-family:"微软雅黑", Arial, Helvetica, sans-serif; font-style:normal;}
h1,h2,h3,h4,h5,h6 {list-style:none; font-weight:normal;}
input,select,button{font-size:12px; font-family:"微软雅黑", Arial, Helvetica, sans-serif; border:0; background:none; outline:none; vertical-align:middle;}
button {overflow:visible}
img{border:none;}
li{list-style:none;}
iframe{border:none;}
a{color:#333; text-decoration:none;}
a:hover{color:#e62129;}
.clear{overflow:hidden; clear:both; height:0px;}
.fl{float:left;}
.fr{float:right;}
.con {width: 1200px; margin: 0 auto;}
::-webkit-scrollbar{width:8px;}
::-webkit-scrollbar-track{background-color:#000;}
::-webkit-scrollbar-thumb{background-color:#ddd;}
::-webkit-scrollbar-thumb:hover{background-color:#ff9500;}
::-webkit-scrollbar-thumb:active{background-color:#ff9500;}
@media only screen and (max-width:995px) {
input{-webkit-appearance:none;}
}

.con{width:80%; margin:0 auto;}
.container { width:1200px; margin:0 auto}
@media only screen and (max-width:995px) {
.con{width:94%;}
}

.header{width:100%; position:fixed; top:0; left:0; z-index:9;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;border-bottom: rgba(0,0,0,0.15) 1px solid;}
.header:hover{background: rgba(255,255,255,0.9);}
.header.on{background: rgba(255,255,255,0.9);box-shadow: 0 0 15px rgba(0,0,0,0.05)}
.header .container{position:relative;width: 90%;padding: 0 50px;box-sizing: border-box; display: flex;justify-content: space-between;}
.header .logo{ float:left; margin:20px 0 20px;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header.on .logo{}
.header .logo img{width:auto; height:46px;display:block}
.header .an {
  position: absolute;
  top: 50%;
  right: 15px;
  height: 18px;
  width: 30px;
  display: none;
  transform: translate(0,-50%);
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
}
.header .an span{width:30px; height:2px; background-color:#555; display:block; position:absolute;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .an span.a1{top:0; left:0;}
.header .an span.a2{top:8px; left:0;}
.header .an span.a3{top:16px; left:0;}
.header .an.n span.a2{display:none;}
.header .an.n span.a1{top:8px; width:30px;
transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:8px; width:30px;
transform:rotate(135deg);
-o-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-webkit-transform:rotate(135deg);}
.header .right {float: right;text-align: left;margin-left:30px;}
.header .right .ss {line-height:90px;display: inline-block;padding: 0 10px;position: relative;color: #111;height: 90px;}

.header .right i {font-size: 22px;}
.header .right .wx {line-height:90px;display: inline-block;padding: 0 10px;position: relative;color: #111;height: 90px;}

.header.on .right .wx{color: #111;}
.header .right .wx .e_j {position: absolute;width: 120px;left: 50%;margin-left: -60px;top: 83px;background: #333;display: none}
.header .right .wx .e_j img {width: 100%;display: block;}
.header .right .wx .e_j p {line-height: 1.8;color: #333;text-align: center;}
.header .right .wx:hover .e_j{display: block;}
.header .right .yy {display: inline-block;padding: 0 10px;position: relative;color: #111;line-height:90px;height: 90px;}

.header.on .right .yy{color: #333;}
.header .right .yy i { }
.header .right .yy .x_l {width:100px;top: 90px;position: absolute;left: 50%;margin-left: -50px; background:#fff;line-height: 40px;display: none}

.header .right .yy .x_l a {color: #333;display: block;font-size: 14px;text-align: center;}
.search{width:100%; padding:30px 5%; background-color:#f7f7f7; position:fixed; top:0; left:0; z-index:99; display:none;box-sizing: border-box;}
.search .an_sj {width: 5%;line-height: 52px;color: #555;float: right;text-align: right;}
.search input.w_z{width:90%; height:52px; border-radius:0; font-size:18px; line-height:52px; color:#555; float:left; -webkit-appearance:none;}
.search button.s_c{width:5%; height:52px;font-size:18px; line-height:52px; text-align:center; float:left; -webkit-appearance:none;font-weight: bold;}
.search i {font-size: 18px;}
.header .nav{ float:right;}
.header .nav i{font-size:12px; color:#aaa; line-height:54px; text-align:right; position:absolute; width:50%; height:54px; right:0px; top:50%; display:none;
transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);}

.header .nav ul li{margin:0 ; line-height:90px; float:left; padding:0 25px;position: relative;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}

.header .nav ul li a{display:block; font-size:16px; color:#111; text-transform:capitalize}

.header .nav ul li span{width:0; height:3px;border-radius: 2px; background-color:#811c1f; position:absolute; right: 0; bottom:0;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;
}

.header .nav ul li:hover span{width:100%;left: 0;}
.header .nav ul li:hover a{color: #811c1f;}
.header .nav ul li.on span{width:100%;}
.header .nav ul li.on a{color: #811c1f;}
.header .nav ul li.po{position: relative;}
.nav .y_j{position:relative;}
.nav .e_j{width:140px; position:absolute; top:90px; left:25px; z-index:9999;border-top: rgba(255,255,255,1) 1px solid;background-color:rgba(255,255,255,1);opacity:0; visibility:hidden;
transform:translateY(10px);
-webkit-transform:translateY(10px);
-moz-transform:translateY(10px);
-ms-transform:translateY(10px);
-o-transform:translateY(10px);
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}

.nav .e_j.xdh {width: 150px; left: 50%;margin-left: -70px;padding: 15px 0;height: 0;overflow: hidden;padding: 0;}

.header .nav ul li .e_j a{display:block; font-size:14px; color:#222; line-height:36px;font-weight: normal;text-align: left;padding-left: 10px;-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;
transition:all .3s;}
.header .nav ul li .e_j a:hover{color: #811c1f;padding-left: 7px;-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;
transition:all .3s;}



/*sidenav*/
#sidenav{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  background-image: url(../images/side_bg.jpg);
  background-size: 100% 100%;
  opacity: 0;
}
#sidenav.active{
  z-index: 10;
  opacity: 1;
}
#sidenav .head{
  position: absolute;
  left: 50px;
  top: 30px;
  right: 50px;
  z-index: 1;
}

#sidenav .head .close{
  float: right;
  width: 60px;
  height: 32px;
  background-repeat: no-repeat;
  background-size: 100% auto;box-sizing: border-box;border: #777 1px solid;border-radius: 20px;

  cursor: pointer;
  position: relative;
}
#sidenav .head .close p{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #777;line-height: 32px;
  font-weight: lighter;
}
#sidenav ul{
  font-size: 0;
  height: 100%;
}
#sidenav ul li{
  display: inline-block;
  vertical-align: top;
  width: 14.285%;
  text-align: center;
  height: 100%;
  border-right: 1px solid #ebebeb;
  padding-top: 12%;
  transition-property: opacity,top,background;
  transition-duration: 0.5s,0.5s,0.5s;
  -webkit-transition-property: opacity,top,background;
  -webkit-transition-duration: 0.5s,0.5s,0.5s;
  position: relative;
  opacity: 0;
  top: -40px;
  background: #fff;box-sizing: border-box;
}
#sidenav.active ul li{
  top: 0;
  opacity: 1;
}
#sidenav.active ul li:nth-child(1){
  transition-delay: 0.4s,0.4s,0s;
  -webkit-transition-delay: 0.4s,0.4s,0s;
}
#sidenav.active ul li:nth-child(2){
  transition-delay: 0.6s,0.6s,0s;
  -webkit-transition-delay: 0.6s,0.6s,0s;
}
#sidenav.active ul li:nth-child(3){
  transition-delay: 0.8s,0.8s,0s;
  -webkit-transition-delay: 0.8s,0.8s,0s;
}
#sidenav.active ul li:nth-child(4){
  transition-delay: 1s,1s,0s;
  -webkit-transition-delay: 1s,1s,0s;
}
#sidenav.active ul li:nth-child(5){
  transition-delay: 1.2s,1.2s,0s;
  -webkit-transition-delay: 1.2s,1.2s,0s;
}
#sidenav.active ul li:nth-child(6){
  transition-delay: 1.4s,1.4s,0s;
  -webkit-transition-delay: 1.4s,1.4s,0s;
}
#sidenav.active ul li:nth-child(7){
  transition-delay: 1.6s,1.6s,0s;
  -webkit-transition-delay: 1.6s,1.6s,0s;
}
#sidenav.active ul li:nth-child(8){
  transition-delay: 1.8s,1.8s,0s;
  -webkit-transition-delay: 1.8s,1.8s,0s;
}
#sidenav ul li:hover{
  background: rgba(0,0,0,0.3);
}
#sidenav ul li:last-child{
  border-right: 0 none;
}
#sidenav ul li .line{
  width: 1px;
  height: 50px;
  background-color: #333333;
  opacity: 0;
  display: block;
  margin: 0 auto 90px;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
#sidenav ul li:hover .line{
  margin: 0 auto 65px;
  opacity: 1;
  background-color: #fff;
}
#sidenav ul li h3{
  font-size: 82px;
  color: #f2f2f2;
  font-weight: lighter;
  font-family: "knockout";
  margin-bottom: 60px;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
#sidenav ul li:hover h3{
  margin-bottom: 48px;
  color: #fff;
}
#sidenav ul li h4{
  font-size: 12px;
  color: #666666;
  font-weight: normal;
  font-family: 'roboto';
  margin-bottom: 30px;
  display: none; text-transform:uppercase;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
#sidenav ul li:hover h4{
  display: block;
  color: #fff;
}
#sidenav ul li a.big{
  font-size: 24px;
  color: #333;
  display: block;
  margin-bottom: 46px;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
#sidenav ul li:hover a.big{
  color: #fff;
}
#sidenav ul li .small a{
  font-size: 14px;
  color: #666;
  font-weight: lighter;
  margin-bottom: 18px;
  display: block;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
#sidenav ul li:hover a{
  color: #fff;
}
#sidenav ul li a.big.active,#sidenav ul li a.big:hover,#sidenav ul li .small a.active,#sidenav ul li .small a:hover{
  color: #811c1f;
}
.header .menu{
	float: right;
	width: 22px;
	height:22px;
	cursor: pointer;background: url(../images/nyej2.png) center / 100% no-repeat;
	position: relative;margin-top: 32px;margin-left: 12px;
}

.header .menu p{
	position: absolute;
	left: 0;
	top: 0px;
	width: 100%;
	text-align: center;
	font-size: 14px;line-height: 32px;
	color: #fff;
	font-weight: lighter;
}
.header .menu p i{font-size: 22px;}
.header.active .logo,.header.active .menu{
	background-position: center bottom;
}
.header.active .menu p{
	color: #333;
}




@media (min-width:1024px){

.header .nav ul li:hover .e_j{opacity:1; visibility:inherit;
transform:translateY(0);
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);}
.head_h { height: 68px; display: none}
	
}



@media (max-width:1368px){

.header .container{width: 94%;padding: 0 ;}
	.header .right {margin-left: 0;
}
	.header .nav ul li {
  padding: 0 15px;
}
	.nav .e_j {
  left: 15px;
}
	.header .right .yy {
  padding: 0 5px;
}
	.header .right .ss {
  padding: 0 5px;
}
	.header .menu {
  margin-left:10px;
}
	.header .logo img {
  height: 40px;
}
	#sidenav ul li a.big {
  font-size: 20px;
  margin-bottom:30px;
}



}

@media only screen and (max-width:1281px) {
	.container {
  width:1240px;max-width: 94%
}
	.con {
  width:1240px;max-width: 94%
}
	
	
	
	
}



@media (max-width:1200px){

}
@media only screen and (max-width:1024px){
.head_h { height: 60px; display:block}
.header{border:0; height:60px; background:#fff; width:100%}
	.weixin a.wb {
    height: 30px;
    line-height: 30px;
    background: url(../images/top9.png) center no-repeat;
}
.header .container{ padding:0;display: block;height: 60px; width:94%}
.header .logo{ margin:10px auto;}
.header .logo .img1 {
    display: none;
}
.header .logo .img2 {
    display: block;
}
.header.on .logo{ margin:10px auto;}
.header .right { margin-right:60px;
}
.header.on .right {
  
}
	.header .right .ss {
  line-height:60px;
  height:60px;
}
	.header .right .yy {
  line-height: 60px;
  height: 60px;
}
	.header .right .yy .x_l {text-align: center;
  top: 60px;
}



}
@media only screen and (max-width:600px){
.header .container{ padding:0;height: 60px; width:94%}
.header .logo{margin:15px auto;}
.header .right {
    margin-right: 35px;
}
.header.on .logo{ margin:10px auto;}
	.header .logo img {height: 30px;}


}
@media only screen and (max-width:375px){
.header .container{ padding:0}

}


.head_h{width:100%; height:95px; background-color:#fff;display: none}
@media only screen and (max-width:995px){
.head_h{height:4.6rem; background-color:#000;}
}

.swiper-container-ban .swiper-slide{width:100%; height:100vh;}
.swiper-container-ban .swiper-slide a{display:block; width:100%; height:100%;}
.swiper-container-ban .swiper-slide .mb {width: 100%;top: 0;height: 100%;left: 0;opacity: 0}
.swiper-slide-active .mb{animation:fadeInUp 1s .6s forwards;}

.banw {width:100%; position:relative;height: 100vh;overflow: hidden;}
.banner {
  position: relative;
  overflow: hidden;
  height: 100vh;
}
.banner-slide {
  overflow: hidden;
}
.banner-slide figure {
  display: block;
  line-height: 1;
  overflow: hidden;
  transform: scale(1.15, 1.15);
  transition: 1s linear 2s;height: 100vh;
}
.banner-slide figure img {
  display: block;
  position: relative;min-height: 100%;min-width: 100%;width: 100%;
}
.banner-slide.swiper-slide-active figure {
  transition: 6s linear;
  transform: scale(1);
}
.banner-slide.swiper-slide-active .bhide {
  visibility: visible;
  animation: letterL 2s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}
@keyframes letterL {
  0% {
    opacity: 0;
    color: #ffffff 0px 0px 40px;
  }
  60% {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
    color: #3380c3 0px 0px 0px;
  }
  100% {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
    color: #ffffff 0px 0px 0px;
  }
}
.bhide {
  visibility: hidden;
  transform: translateY(-100px);
}
.btext {
  position: absolute;
  left: 12.5%;
  right: 12.5%;
  top: 50%;
  margin-top: -88px;
  z-index: 5;
}
.btext p {
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 3px;
}
.btitle {
  display: inline-block;
  position: relative;
  padding-bottom: 35px;
  margin-bottom: 30px;
}
.btitle i {
  display: block;
  position: absolute;
  left: 0;
  right: 16px;
  bottom: 0;
  height: 1px;
}
.btitle i:before {
  position: absolute;
  left: 0;
  bottom: 0px;
  content: "";
  width: 113px;
  height: 2px;
  background: #851b20;
}
.btitle strong {
  display: block;
  line-height: 1.2;
  color: #222;
  font-size: 40px;
  letter-spacing: 5px;
}
.btitle small {
  display: block;
  letter-spacing:1px;
  margin-top: 14px;
  line-height: 1.1;
  color: #222;
  font-size: 15px;
  text-transform: uppercase;
  font-family: "Helvetica";
}
.btext .jd {width: 180px;height: 40px;line-height: 40px;text-align: center;background: #851b20;font-size: 16px;position: relative;visibility: hidden;transform: translateY(200px);}
.btext .jd em {font-style: normal;font-size: 20px;margin-left: 10px;}
.banner-slide.swiper-slide-active .btext .jd {
  visibility: visible;animation: letterL 2s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}
.btext .jd a {position: relative;color: #fff;z-index: 3;}
.btext .jd span {position: absolute;width: 0;height: 100%;left: 0;top: 0;background: #6f0f14;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;z-index: 1;}
.btext .jd:hover span {width: 100%;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.btext .tb {padding-top: 30px;}
.btext .tb ul li {float: left;margin-right: 50px;}
.btext .tb ul li img {width: 60px;}
.btext .tb ul li h3 {margin-top: 15px;color: #000;font-size: 16px;}

.banner-prev {
  position: absolute;
  left: 12.5%;
  bottom: 60px;
  z-index: 10;height: 55px;padding-bottom: 2px;
  overflow: hidden;background: none;display: flex;justify-content:flex-start;
}
.banner-prev span {
  display: block;
  float: left;
  position: relative;
  z-index: 3;
  margin-right: 10px;
  width: 48px;
  height: 48px;
  border: 1px solid #fff;
  text-align: center;
  line-height: 48px;
  color: #fff;
  font-size: 26px;
  cursor: pointer;
  transition: 0.4s;
  overflow: hidden;background: none;margin-bottom: 1px;
}
.banner-prev span i {font-size: 25px;}
.banner-prev span:hover {
  color: #000;
}
.banner-prev span:hover:before {
  transform: scale(1);
}
.banner-prev span:before {
  content: "";
  position: absolute;
  left: -150%;
  top: -150%;
  background: #fff;
  width: 300%;
  height: 300%;
  border-radius: 50%;
  z-index: -1;
  transition: 0.5s;
  transform: scale(0);
}
.banner .swiper-pagination{bottom:20px !important;display: flex;justify-content: space-between;padding: 0 10%;box-sizing: border-box;}

.banner .swiper-pagination-bullet {
  width: 25%;
  height:50px;
  display: inline-block;position: relative;
  border-radius: 100%;border-radius: 0;opacity: 0.5;background: none;
  border-bottom:rgba(255,255,255,1) 1px solid;margin: 0 !important;color: #fff;line-height: 50px;font-size: 17px;
}
.banner .swiper-pagination-bullet::before{content: ""; position: absolute;left: 0;bottom:-1px;width: 0;height: 2px;background: #fff; }
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active::before{width:100%;-webkit-transition:all 5s; -moz-transition:all 5s; -o-transition:all 5s; transition:all 5s; }
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;background: none;border-bottom:rgba(255,255,255,0.5) 1px solid;}




@media only screen and (max-width:995px){
.swiper-container-ban{display:none;}
}

.swiper-container-sban{display:none;}
.swiper-container-sban .swiper-slide{width:100%; height:100vh;}
.swiper-container-sban .swiper-slide a{display:block; width:100%; height:100%;}
.swiper-container-sban .swiper-slide .mb {width: 100%;top: 0;height: 100%;left: 0;opacity: 0;position: absolute;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.swiper-container-sban .swiper-slide .mb .box {width: 100%;}
.swiper-container-sban .swiper-slide h1{font-size: 30px;color: #111;line-height: 36px;margin: 15px 0 15px 0;text-align: center;position: relative;padding-bottom: 30px;}
.swiper-container-sban .swiper-slide h1::after{width: 60px;left: 50%;margin-left: -30px;bottom: 0;height: 3px;background: #008ed7;position: absolute;content: ""}
.swiper-container-sban .swiper-slide h4 {font-size: 16px;color: #111;text-align: center;}
.swiper-container-sban .swiper-slide .tb {padding-top: 30px;text-align: center;}
.swiper-container-sban .swiper-slide .tb ul li {display: inline-block;margin: 0 15px;}
.swiper-container-sban .swiper-slide .tb ul li img {width: 50px;}
.swiper-container-sban .swiper-slide .tb ul li h3 {margin-top: 15px;color: #000;font-size: 16px;}
.swiper-slide-active .mb{animation:fadeInUp 1s .6s forwards;}
@media only screen and (max-width:995px){
.swiper-container-sban{display:block;}
	.banw{display: none}
}
.sectionbg2, .sectionbg3, .sectionbg4 {
    -webkit-animation: pagebgfd 4s ease 0s infinite alternate;
    animation: pagebgfd 4s ease 0s infinite alternate;
}
.sectionbg2 {
    background: url('../images/sec1.jpg') center;
        background-size: auto;
    background-size: 100% 100%;
}
.sectionbg2, .sectionbg3, .sectionbg4 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}
@-webkit-keyframes pagebgfd {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@keyframes pagebgfd {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
._PageTitle {opacity: 0;margin-bottom: 50px;text-align: center;}
._PageTitle span {
    display: block
}
.active ._PageTitle {
    animation: bounceInLeft 1.5s .5s forwards;
}
._PageTitle span.cn {
    font-size: 35px;
    margin-bottom: 5px;color: #fff;
}

._PageTitle span.en {
    font-size: 40px;
    color: #fff;
    text-transform: uppercase;font-weight: bold;
    font-family: Exotic
}
._more {
    position: relative;
    z-index: 5;
    width: 138px;
    height: 38px;
    display:block;
    border: 1px solid #0076cb;
    text-align: center;
    line-height: 38px;
    transition: .35s
}

._more:hover {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #0076cb;
    z-index: 6;
    opacity: 0;
    transform: scale(1.2);
    transition: .35s
}


._more i {
    color: #0076cb;
    font-size: 16px;
    margin-left: 15px;
    transition: .35s
}
.page2{overflow: hidden;}
.faboutcon ._PageTitle {text-align: left;}
.faboutcon ._PageTitle span.en {
    color: #333;
}
.faboutcon ._PageTitle span.cn {
    color: #333;
}
.fabout {
  width: 100%;
  z-index: 1;
}
.faboutr {position: absolute;right: 0;height: 100%;top: 0;
  width: 36%;opacity: 0;display: flex;align-items: center;
}

.product-number-info {
  
    position: relative;
}

.product-number-info .product-number-inner {
    width: 100%;
}

.product-number-info ul {
    padding: 65px 0 50px 0;width: 100%;
}

.q {
    zoom: 1; }

.product-number-info li {
    float: left;
    width: 50%;padding-left: 40px;
    height: 90px;
    color: #fff;
    padding-top: 1px;box-sizing: border-box;text-align: left;margin-bottom: 65px;
}


.product-number-info li b {
    font-size: 55px;
    line-height: 1;
    display: inline-block;
    position: relative;
    margin: 15px 0 10px;
}

.product-number-info li p {
    font-size: 14px;
}

.product-number-info li b i {
    font-style: normal;
}

.product-number-info li b sup {
    position: absolute;
    font-size: 30px;
    right: -15px;
    top: -3px;
}


.product-number-info li b em {
    font-style: normal;
    font-size: 28px;
    font-weight: 100;
    padding-left: 2px;
    position: relative;
    top: -4px;
}

.active .faboutr{animation:fadeInRight 1s .6s forwards;}
.faboutl {
  float: left;
  width: 64%;
  height: 100%;
  position: relative;
  overflow: hidden;opacity: 0;
}
.active .faboutl {animation:fadeInLeft 1s .6s forwards;}
.faboutr .pic {
  width: 100%;
  height: 100%;
}
.faboutr img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
/*.faboutl:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
  width: 100%;
  height: 340px;background: -webkit-linear-gradient(left, #4fb2c2 , #005fa3);background: -o-linear-gradient(left, #4fb2c2 , #005fa3);background: -moz-linear-gradient(left, #4fb2c2 , #005fa3);background: linear-gradient(to left, #4fb2c2 , #005fa3);

}*/
.faboutcon {
  float: right;
  padding: 80px 13%;
  position: relative;
  z-index: 2;width: 100%;box-sizing: border-box;
}

.faboutcon .fabtitle {
  font-size: 52px;
  color: #144699;
  line-height: 80px;
  text-transform: uppercase;
  position: absolute;
  left: 32px;
  top: 26px;
  z-index: 1;
  height: 80px;
  overflow: hidden;
  padding-bottom: 15px;
  background: url('../images/line2.png') 0 bottom no-repeat;
  font-family: 'Source Han Sans CN';
}
.faboutcon .fabtxt {
  overflow: hidden;
  font-size: 16px;
  line-height: 30px;
  color: #333;
  text-align: justify;
}
.faboutcon .fabtxt p {margin-bottom: 15px;}
.faboutcon .fabtxt .more {margin-top: 30px;}
.faboutcon .fabtxt .more a {width: 160px;height: 42px;border: #851b20 1px solid;text-align: center;font-size: 16px;color: #851b20;display: block;line-height:42px;float: left;position: relative;border-radius: 22px;overflow: hidden}
.faboutcon .fabtxt .more a::after{background: #851b20;color: #fff;content: "";position: absolute;width: 0;left: 0;height: 100%;top: 0;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;z-index: -1}
.faboutcon .fabtxt .more a:hover::after{width: 100%;}
.faboutcon .fabtxt .more a:hover{color: #fff;}
.faboutcon .fabtxt .more a i {margin-left: 10px;font-size: 14px;}
.faboutcon .estab {
  font-size: 14px;
  color: #144699;
  line-height: 28px;
  position: absolute;
  right: 30px;
  top: 40px;
  z-index: 1;
  overflow: hidden;
  text-align: center;
}
.faboutcon .estab p {
  font-size: 48px;
  line-height: 50px;
}

.section3 .left {
  overflow: hidden;
  background-color: #fff;
  height: 100%;
  padding: 0 120px 0 12.5%;
  opacity: 0;
}


.page3{position: relative;background: url(../images/sy_1.jpg) center / cover no-repeat;}
.active .informate__title {
  animation: bounceInLeft 1.5s .5s forwards;
}

.lybox{width: 100%;height: 100%;}
.active .hd {
  animation: fadeInLeft 1s .5s forwards;
}
.page3 .hd {width: 36%;height: 100%;display: flex;align-items: center;flex-direction: column;padding-left: 5%;box-sizing: border-box;background: url(../images/ly_l.jpg) center / cover no-repeat;float: left;justify-content: center;position: absolute;left: 0;top: 0;opacity: 0;}
.page3 .hd ul li{width: 270px;line-height: 65px;background:rgba(255,255,255,0.85);text-align: center;font-size: 20px;color: #222;position: relative;border-radius: 8px;margin-bottom: 20px;overflow: hidden;}
.page3 .hd ul li a{position: relative;z-index: 5;}
.page3 .hd ul li i{font-size: 28px;vertical-align: middle;margin-right: 8px;}
.page3 .hd ul li::after{background:#811c1f;color: #fff;width: 0;height: 100%;position: absolute;left: 0;top: 0;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;content: "";}
.page3 .hd ul li:hover::after{width: 100%;}
.page3 .hd ul li.on::after{width: 100%;}
.page3 .hd ul li:hover a{color: #fff;}
.page3 .hd ul li.on a{color: #fff;}
.page3 .bd{width: 64%;height: 100%;display: flex;align-items: center;flex-direction: column;box-sizing: border-box;padding: 0 12% 0 6%;position: absolute;right: 0;top: 0;justify-content: center;}
.page3 .w_z{font-size: 16px;line-height: 30px;color: #222;margin-bottom: 50px;opacity: 0;}
.active .w_z {
  animation: fadeInRight 1s .6s forwards;
}
.ly{display: flex;justify-content:center;align-items: stretch;flex-wrap: wrap;opacity: 0;}
.active .ly {
  animation: fadeInRight 1s .6s forwards;
}
.ly li{width: 23%;padding: 20px;box-sizing: border-box;box-shadow: 0 0 20px rgba(0,0,0,0.05);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;background: #fff;margin: 0 1% 20px;}
.ly li:hover{box-shadow: 0 0 20px rgba(0,0,0,0.15);background: #811c1f;}
.ly li .t_b{width: 60px;margin: 0 auto 20px;text-align: center;line-height: 60px;}
.ly li .t_b i{font-size: 60px;color: #222;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.ly li h3{font-size: 16px;color: #222;line-height: 30px;text-align: center;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.ly li:hover h3{color: #fff;}
.ly li:hover i {color: #fff;}



.search-box {width: 1200px;margin: 0 auto;opacity: 0;padding-bottom: 12vh;
}
.active .search-box {
  animation: fadeInUp 1s .6s forwards;
}

.search-box p {
    font-size: 18px;
    margin-bottom: 2.0833vw;
    text-align: center;color: #fff;
}

.search-box .flex>div {
    width: 32%;position: relative;
}
.search-box .tp{position: absolute;left: 15px;top: 12px;}
.flex {
  display: flex;
  align-items: flex-start;justify-content: space-between;
}
.flex-center-center {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.search-box input{background: url(../images/name.png) 15px center no-repeat;padding-left: 50px !important;}
.search-box input,
.search-box select {
    height: 50px;
    background-color: #ffffff;
    border-radius: 6px;
    width: 100%;
    border: none;
    color: #333333;
    font-size: 16px;
    padding: 0 15px 0 50px;box-sizing: border-box;
}

.search-box input::-webkit-input-placeholder {
    color: #333;
    opacity: 1;
}

.search-box input:-moz-placeholder {
    color: #333;
    opacity: 1;
}

.search-box input::-moz-placeholder {
    color: #333;
    opacity: 1;
}

.search-box input:-ms-input-placeholder {
    color: #333;
    opacity: 1;
}

.search-box input::-ms-input-placeholder {
    color: #333;
    opacity: 1;
}

.search-box input::placeholder {
    color: #333;
    opacity: 1;
}

.search-box input:focus {
    border: solid 2px #851b20;
}

.search-box select {
    background-image: url(../images/xl.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;box-sizing: border-box;
}



.gjss_zm a.gjss_zma {
    color: #fff;
}

.search-box button {
    width: 250px;
    height: 50px;
    background-color: #ffffff;
    border-radius: 25px;
    color: #851b20;
    margin-top: 5vh;font-size: 16px;
    text-align: center;
    cursor: pointer;
}

.g_botton {
    width: 260px;
    border: solid 2px #851b20;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 3.1481vh;
}

.g_botton .flex-center {
    height: 50px;
}

.g_botton a {
    display: block;
    padding: 0 20px;
}
.g_botton img {
  vertical-align: bottom;
}

.g_bottonfl {
    color: #851b20;
    position: relative;
    z-index: 10;
    -webkit-transition: all .36s ease;
    -o-transition: all .36s ease;
    -moz-transition: all .36s ease;
    transition: all .36s ease;
    margin-left: 42px;
    margin-right: 70px;
}

.g_botton:hover .g_mc {
    right: 0;
}

.g_botton:hover .g_bottonfl {
    color: #fff;
}

.g_bottonfr {
    width: 16px;
    position: relative;
    z-index: 10;
}

.search-box button img {
    margin-right: 20px;
}

.page5{background: linear-gradient(117.5deg,#e5f0fa 12.34%,#dee7fe 87.64%);}
.active .sy_al {
  animation: fadeInUp 1s .6s forwards;
}

.sy_al {padding: 60px 0;position: relative;overflow: hidden;opacity: 0;}
.sy_al .con {position: relative;padding-bottom: 20px;}
.sy_al .swiper-container {
	        margin: 20px auto;
	    }
.sy_al .swiper-slide {border-radius: 16px;overflow: hidden;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;background: #fff;
	    }
.sy_al .swiper-slide .tp {overflow: hidden;position: relative; padding-top:70%}
.sy_al .swiper-slide .tp img {width: 100%;display: block;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; position:absolute; left:0px; top:0px;z-index:2; object-fit:cover; height:100%}
.sy_al .swiper-slide:hover .tp img{-webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
.sy_al .swiper-slide .tp .mb {width: 100%;height: 100%;position: absolute;left: 0;top: 0;padding:40px 35px;box-sizing: border-box;background: rgba(0,0,0,0);opacity: 0;z-index: 3; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.sy_al .swiper-slide:hover .tp .mb {opacity: 1; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;background: rgba(0,0,0,0.5); }
.sy_al .swiper-slide .w_z {padding:30px 20px;}
.sy_al .swiper-slide .w_z .time {margin-bottom: 14px;display: flex;
  flex-wrap: wrap;}
.sy_al .swiper-slide .w_z .time span{font-size: 14px;
  line-height: 1.6;padding: 0 12px;display: inline-block;position: relative;}
.sy_al .swiper-slide .w_z .time span::before {
  content: '';
  height: 12px;
  width: 1px;
  background:#999;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.sy_al .swiper-slide .w_z .time span.r{color: #811c1f}
.sy_al .swiper-slide .w_z .time span.r::before{display: none;}
.sy_al .swiper-slide h2 {font-size: 24px; line-height: 32px;margin-bottom: 28px;color: #323233;font-weight: 600;}
.sy_al .swiper-slide h2 img{margin-right: 8px;width: 40px;height: 40px;border-radius: 20px;display: inline-block;vertical-align: middle;}
.sy_al .swiper-slide h3 {font-size: 20px;margin-bottom: 15px;color: #1d1d1f;font-weight: 600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.sy_al .swiper-slide p {font-size: 16px;color: #1d1d1f;line-height: 28px; height:56px; overflow:hidden}
.sy_al .swiper-slide:hover{transform: translateY(-10px);-wbkit-transform: translateY(-10px);-o-transform: translateY(-10px);-moz-transform: translateY(-10px);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.sy_al .swiper-slide:hover h3{color: #811c1f}
.sy_al .swiper-button-prev{font-size: 20px;color: #333;width: 40px;line-height: 40px;border-radius: 50%;text-align: center;background: rgba(255,255,255,0.8);height: 40px;left:-50px;}
.sy_al .swiper-button-prev i {font-size: 24px;line-height: 40px;}
.sy_al .swiper-button-next{font-size: 20px;color: #333;width: 40px;line-height: 40px;border-radius: 50%;text-align: center;background: rgba(255,255,255,0.8);height: 40px;right:-50px;}
.sy_al .swiper-button-next i {font-size: 24px;line-height: 40px;}
.sy_al .swiper-pagination{bottom: 0px;width: 100%;text-align: center;}
.sy_al .swiper-pagination-bullet {background: #ccc; display:inline-block; border-radius:0; opacity:1;margin: 0 5px;}
.sy_al .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#811c1f}
.sy_al .more {display: block;opacity: 0;
width: 200px;
height: 50px;
font-size: 16px;
background: #811c1f;
color: #fff;
box-sizing: border-box;
padding: 0 30px;
line-height: 50px;border-radius: 30px;position: relative;overflow: hidden;margin:20px auto 0;}
.sy_al .more a {color: #fff;position: relative;z-index: 8}
.sy_al .more i {font-size: 20px;margin-left: 10px;}
.sy_al .more span {position: absolute;left: 0;bottom: 0;width: 0;height: 100%;background: #680c0f;-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.sy_al .more:hover span {width: 100%;transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.sy_al .more::after {
    content: '';
    display: block;
    width: 15px;
    height: 14px;
    position: absolute;
    right: 30px;
    top: 50%;
	margin-top: -7px;}

.active .sy_al .more{animation:fadeInUp .5s 1.2s forwards;}




.page6{background: url(../images/cs.png) center bottom / cover no-repeat;}
.cjbox .con {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100vh;
}
.cjbox .left.dt{width: 28%;float: left;text-align: left !important;opacity: 0;}
.active .cjbox .left {
  animation: fadeInLeft 1s .5s forwards;
}
.cjbox .left p {font-size: 18px;line-height: 36px;color: #333;}
.cjbox .left p span {font-size:28px;font-weight: bold;color: #f8c300;padding: 0 3px;}
.cjbox .left .more {width: 160px;line-height: 45px;position: relative;background: #851b20;border-radius: 25px;text-align: center;overflow: hidden;margin: 40px 0;}
	.cjbox .left .more a{color: #fff;position: relative;z-index: 2;font-size: 18px;text-transform: capitalize;}
	.cjbox .left .more span{background: #6b1519;width: 0;height: 100%;position: absolute;left: 0;top: 0;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
	.cjbox .left .more:hover span{width:100%;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.cjbox .right {width: 70%;opacity: 0;}
.active .cjbox .right {
  animation: fadeInRight 1s .5s forwards;
}
.cjbox .right img{width: 100%;display: block;}
.cjbox .tp {width: 75%;position: relative;}
.cjbox .tp img {width: 100%;}

        @keyframes twinkling {
            0% {
                opacity: 0.2;
                transform: scale(1);
            }
 
            50% {
                opacity: 0.5;
                transform: scale(1.12);
            }
 
            100% {
                opacity: 0.2;
                transform: scale(1);
            }
        }
 
        .circle-wrap {
            position: absolute;
            left: 100px;
            top: 100px;
        }
 
        .circle {
            position: relative;
            width: 24px;
            height: 24px;
        }
 
        .small-circle {
            border-radius: 50%;
            width: 12px;
            height: 12px;
            background: #FF0033;
            position: absolute;
        }
 
        .big-circle {
            position: absolute;
            top: -6px;
            left: -6px;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            background: #FF0033;
            animation: twinkling 1s infinite ease-in-out;
            animation-fill-mode: both;
        }
 
        @keyframes scale {
            0% {
                transform: scale(1)
            }
 
            50%,
            75% {
                transform: scale(3)
            }
 
            78%,
            100% {
                opacity: 0
            }
        }
 
        @keyframes scales {
            0% {
                transform: scale(1)
            }
 
            50%,
            75% {
                transform: scale(2)
            }
 
            78%,
            100% {
                opacity: 0
            }
        }

.mz {}

 .smallcircle1 {
            position: absolute;
            width: 80px;
            height: 80px;
            background:none;
            border-radius: 50%;
            top: 15vw;
            left: 26vw;
        }
 
        .smallcircle1:before {
            content: '';
            display: block;
            width: 80px;
            height:80px;
            border-radius: 50%;
            opacity: .1;
            background-color: #851b20;
            animation: scale 1.5s infinite cubic-bezier(0, 0, .49, 1.02);
        }
 
        .bigcircle1 {
            position: absolute;
            width: 80px;
            height: 80px;
            border-radius: 50%;
            opacity: .4;
            background-color: #851b20;
            top: 15vw;
            left: 26vw;
            animation: scales 1.5s infinite cubic-bezier(0, 0, .49, 1.02);
        }
 
 
        .smallcircle2 {
            position: absolute;
            width: 60px;
            height: 60px;
            background:none;
            border-radius: 50%;
            top: 18vw;
            left: 12vw;
        }
 
        .smallcircle2:before {
            content: '';
            display: block;
            width: 60px;
            height:60px;
            border-radius: 50%;
            opacity: .1;
            background-color: #851b20;
            animation: scale 1.5s infinite cubic-bezier(0, 0, .49, 1.02);
        }
 
        .bigcircle2 {
            position: absolute;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            opacity: .4;
            background-color: #851b20;
            top: 18vw;
            left: 12vw;
            animation: scales 1.5s infinite cubic-bezier(0, 0, .49, 1.02);
        }
 
        @keyframes scaless {
            0% {
                transform: scale(1)
            }
 
            50%,
            75% {
                transform: scale(3)
            }
 
            78%,
            100% {
                opacity: 0
            }
        }
 
       .smallcircle3 {
            position: absolute;
            width: 40px;
            height: 40px;
            background:none;
            border-radius: 50%;
            top:11vw;
            left:31vw;
        }
 
        .smallcircle3:before {

            content: '';
            display: block;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            opacity: .1;
            background-color: #851b20;
            animation: scale 1.5s infinite cubic-bezier(0, 0, .49, 1.02);
        }
 
        .bigcircle3 {
            position: absolute;
            width:40px;
            height: 40px;
            border-radius: 50%;
            opacity: .4;
            background-color: #851b20;
            top:11vw;
            left:31vw;
            animation: scales 1.5s infinite cubic-bezier(0, 0, .49, 1.02);
        }

.smallcircle4 {
            position: absolute;
            width: 60px;
            height: 60px;
            background:none;
            border-radius: 50%;
            top: 14vw;
            right:12vw;
        }
 
        .smallcircle4:before {
            content: '';
            display: block;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            opacity: .1;
            background-color: #851b20;
            animation: scale 1.5s infinite cubic-bezier(0, 0, .49, 1.02);
        }
 
        .bigcircle4 {
            position: absolute;
            width: 60px;
            height:60px;
            border-radius: 50%;
            opacity: .5;
            background-color: #851b20;
            top: 14vw;
            right: 12vw;
            animation: scales 1.5s infinite cubic-bezier(0, 0, .49, 1.02);
        }
.smallcircle5 {
            position: absolute;
            width: 60px;
            height: 60px;
            background:none;
            border-radius: 50%;
           top: 20vw;
            right: 6.5vw;
        }
 
        .smallcircle5:before {
            content: '';
            display: block;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            opacity: .1;
            background-color: #851b20;
            animation: scale 1.5s infinite cubic-bezier(0, 0, .49, 1.02);
        }
 
        .bigcircle5 {
            position: absolute;
            width: 60px;
            height:60px;
            border-radius: 50%;
            opacity: .5;
            background-color: #851b20;
            top: 20vw;
            right: 6.5vw;
            animation: scales 1.5s infinite cubic-bezier(0, 0, .49, 1.02);
        }



.secmore {
  display: block;
  width: 160px;
  height: 40px;
  border: 1px solid #008dd5;
  margin: 0 auto;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  background-color: #008dd5;
}
.secmore span {
  display: inline-block;
  padding-left: 0;
  padding-right: 52px;
  color: #fff;
  background: url('../images/jtr-fab.png') right no-repeat;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.secmore:hover {
  background-color: #fff;
}
.secmore:hover span {
  color: #008dd5;
  padding-left: 26px;
  padding-right: 26px;
}
.fttop {
  background:url(../images/bot-bg.png) center / cover no-repeat;overflow: hidden;
}
.fttop .view {
  padding: 50px 0;overflow: hidden;
  margin: 0 auto;
}
.fttop .ftlink dl {
  margin-right: 60px;
}
.fttop .ftlink dl dt {
  font-size: 16px;
  color: #fff;
  margin-bottom: 6px;
}
.fttop .ftlink dl dd a {
  color: #fff;
  font-size: 14px;
  line-height: 28px;opacity: 0.8;
}
.fttop .ftlink dl dd a:hover {
  color: #fff;
  transition: all 0.3s;opacity: 1
}
.fttop .ftlink dl dd img {
  margin-top: 16px;
}
.fttop .partner {
  text-align: right;
}
.fttop .partner h2 {
  font-size: 16px;
  color: #aaa;
  margin: 10px 0 26px;
  line-height: 1;
}
.fttop .partner h3 {
  font-size: 24px;
  color: #fff;
  font-weight: bolder;
  line-height: 1;
  margin-bottom: 34px;
}
.fttop .partner p {
  font-size: 14px;
  line-height: 26px;
  color: #fff;
}
.fttop .partner .t_b {padding-top: 25px;}
.fttop .partner .t_b a {width: 40px;line-height: 38px;background: #fff;border-radius: 20px;text-align: center;display: inline-block;margin: 0 5px;position: relative;}
.fttop .partner .t_b a .e_wm {width: 120px;height: 150px;background: #fff;position: absolute;display: none;left: 50%;margin-left: -60px;top: -160px;line-height: 30px;color: #333;}
.fttop .partner .t_b a .e_wm p{color: #333;margin-top:-10px}
.fttop .partner .t_b a:hover .e_wm{display: block;}
.fttop .partner .t_b a:hover {background: #851b20;}
.fttop .partner .t_b a i {font-size: 20px;color: #851b20;}
.fttop .partner .t_b a:hover i {font-size: 20px;color: #fff;}


.ftbot {
  text-align: center;
  color: #fff;
  height: 60px;
  line-height: 59px;
  font-size: 14px;
  background:#363a3d;
  min-width: 1200px;
}
.ftbot span a {
  color: #fff;
}
.ftbot span a:hover {
  color: #fff;
  transition: all 0.5s;
}

.nban { width:100%; height:580px; position:relative; margin:0 auto}
.nban .bt {width:500px;padding: 20px;position: absolute;left: 50%;margin-left: -250px;top: 35%;z-index: 5;text-align: center;}
.nban .bt h2 {font-size: 30px;color: #000;text-transform: uppercase;margin-bottom: 10px;}
.nban .bt h3 {font-size:44px;color: #000;}
.banner-menu {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;background-color: rgba(245, 245, 245, .5);
}
.banner-menu li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  height: 60px;
  line-height: 60px;
  font-size: 18px;
}
.banner-menu li.active {
  background-color: #811c1f;
}
.banner-menu li.active a {color: #fff;}
.banner-menu li:hover a {color: #fff;}

.banner-menu li:hover{ background-color: #811c1f;}

.ny_jj {padding: 70px 0 80px;position: relative;margin-bottom: 80px;}
.ny_jj .word{position:absolute;right:3vw;bottom:-1vw;opacity:.3;z-index:9;font-weight: 700;z-index: -1;
  font-size: 9.8125vw;
  line-height: 1;
  pointer-events: none;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-text-stroke: #811c1f 1px;
  will-change: transform;}
.ny_jj .word{color:transparent}
.ny_jj .tit{text-align: left;margin-bottom: 30px}
.ny_jj .tit h1{text-align: left;margin-bottom: 0;font-weight: bold;color: #811c1f;
  position: relative;
  padding-bottom: 0px;}
/*.ny_jj .tit h1::after{width: 60px;height: 2px;background: #811c1f;bottom: 10px;position: absolute;content: "";}*/
.ny_jj .tit h1::after {
  left: 0%;
  margin-left: 0px;
}
.ny_jj .w_z {width: 50%;font-size: 16px;color:#666;line-height: 32px;}
.ny_jj .w_z h3 {position: relative;font-size: 28px;color: #811c1f;margin-bottom: 40px;font-weight: bold;}
.ny_jj .w_z h3::after{content: "";width: 60px;bottom: -10px;height: 4px;background: #811c1f;position: absolute;left: 0;}
.ny_jj .w_z .more {width: 150px;height: 40px;background: #811c1f;margin-top: 30px;border-radius: 10px;text-align: center;font-size: 16px;line-height: 40px;}
.ny_jj .w_z .more a {color: #fff;}
.ny_jj .w_z .more i{font-size: 20px;}

.ny_jj .tp {width: 46%;position: relative;box-shadow: 0 0 20px rgba(0,0,0,0.5);}

.ny_jj .tp .box {position: absolute;left: -25px;width: 100%;height: 100%;border: #ccc 10px solid;bottom: -25px;box-sizing: border-box;z-index: 1;}
.ny_jj .tp img {width: 100%;display: block;position: relative;z-index: 3;}

.ny_ry{padding: 60px 0;}
.all-title {
    font-size: 35px;
    margin-bottom: 40px;
}

.ry-button {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 1.0417vw 30px;
}

.ry-button li {
    /* width: 10.5208vw; */
    height: 54px;
    background-color: #f5f5f5;
    border-radius: 27px;
    text-align: center;
    line-height: 54px;
}

.ry-button li a {
    color: #666565;
    font-size: 16px;
    width: 100%;
    height: 100%;
    display: inline-block;
}

.ry-button li.active {
    background-color: #fce6e7;
    border: solid 1px #811c1f;
}

.ry-button li.active a {
    color: #811c1f;
    font-size: 18px;
    font-weight: bold;
}
.flex-ba {
  display: flex;
  align-items: baseline;
}
.ry-title {
    border-bottom: 1px solid #ccc;
    margin-top: 3.125vw;
    padding-bottom: 1.0417vw;
    position: relative;
    margin-bottom: 30px;
}

.ry-title span {
    color: #811c1f;
    font-size: 23px;
}

.ry-title span.num {
    margin-right: 30px;
}

.ry-title::after {
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 200px;
    height: 3px;
    background-color: #811c1f;
    content: '';
}

.ry-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1.9792vw 0;
}
.ry-content .dbt{font-size: 18px;font-weight: bold;}
.ry-content .ry-text {
    margin-top: 1.1458vw;
}

.ry-content img {
    margin-right: 10px;
}

.ry-content .ry-text,
.ry-content .ry-text p {
    color: #666666;
    font-size: 14px;
    line-height: 30px;
}

.ry-button li:hover a {
    color: #811c1f;
}

.gjss_zm a {
    color: #ccc;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: 30px;
    line-height: 30px;
    width: 3.7%;
    text-align: center;
}

.gjss_zm a.gjss_zma {
    color: #333;
}

.gjss_zm a.active,
.gjss_zm a:hover {
    background-color: #811c1f;
    color: #fff;
    /* padding: 0 8px; */
}

.rs-search {
    margin-top: 30px;
    height: 54px;
    margin-bottom: 3.125vw;
}

.rs-search div select,
.rs-search div input {
    width: 250px;
    height: 54px;
    background-color: #ffffff;
    border: solid 2px #811c1f;
    padding: 0 30px;
    color: #666565;
}

.rs-search input::-webkit-input-placeholder {
    color: #666565;
    opacity: 1;
}

.rs-search input:-moz-placeholder {
    color: #666565;
    opacity: 1;
}

.rs-search input::-moz-placeholder {
    color: #666565;
    opacity: 1;
}

.rs-search input:-ms-input-placeholder {
    color: #666565;
    opacity: 1;
}

.rs-search input::-ms-input-placeholder {
    color: #666565;
    opacity: 1;
}

.rs-search input::placeholder {
    color: #666565;
    opacity: 1;
}

.rs-search input:focus {
    border: solid 2px #811c1f;
}

.rs-search select {
    background-image: url(../imgs/xl.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.rs-search button {
    width: 6.25vw;
    height: 54px;
    background-color: #811c1f;
    cursor: pointer;
}

.rs-search button img,
.ys-box a:hover .ys-jt img,
.zyly-box a:hover img,
.yw-box a:hover img {
    -webkit-filter: grayscale(100%) brightness(500%);
    filter: grayscale(100%) brightness(500%);
}
.sh_zr{padding: 60px 0 ;background: #f5f5f5;}
.xw_top{ position:relative;}
.xw_top .swiper-slide{width:100%;display: flex;justify-content: space-between;align-items: stretch;}
.xw_top .swiper-slide .w_z{width: calc(100% - 866px);position: relative;padding: 40px 30px 0 30px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;}
.ry-time {
    color: #811c1f;
    font-size: 40px;
    margin-bottom: 6px;
}

.ry-time2 {
    color: #666666;
    font-size: 14px;
    margin-bottom: 0.9375vw;
}

.yw-box .yw-text {
    height: 165px;
}

.yw-box .ys-jt,
.xw_top .swiper-slide .w_z .ys-jt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.yw-box .yw-title,
.xw_top .swiper-slide .w_z .yw-title {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 1.4063vw;
}
.xw_top .new-con, .xw_top .new-con p {
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #666666;
  font-size: 16px;
  line-height: 28px;
}
.xw_top .ys-jt {
    padding-top: 30px;
    border-bottom: 1px solid #e7cea9;
    padding-bottom: 1.6667vw;
}

.yw-box .yw-l {
    margin-bottom: 0.7813vw;
}

.yw-box .yw-l span {
    font-size: 14px;
}

.yw-box .zt {
    width: 135px;
    height: 40px;
    background-color: #b5b6b6;
    color: #fff;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    margin-top: 1.0417vw;
}

.yw-box .zt.active {
    background-color: #c8a063;
}

.xw_top .swiper-slide .t_p{ width: 816px;height: 396px;;}
.xw_top .swiper-slide .t_p img{width: 100%;display: block;}
.xw_top .swiper-pagination{bottom:0 !important;text-align: right;}
.xw_top .swiper-pagination-bullet {width:12px; height:12px; display:inline-block;opacity:1;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;background: #D9D9D9;}
.xw_top .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#E51C24}
.yw-box {
  display: grid;
  grid-gap: 40px;
  grid-template-columns: 1fr 1fr;padding: 60px 0 0;
}

.yw-box a {
    /* height: 294px; */
    background-color: #f5f5f5;
    padding: 40px;
    display: inline-block;
    /*新增*/
}
/*新增*/
.tj-box a{
    width: 100%;
}
.yw-box .swiper {
    padding-bottom: 60px;
}
.yw-box .yw-title {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 1.4063vw;
}
.ovh2 {
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.yw-box .ys-jt,
.new-rc .ys-jt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.yw-box a:hover .ry-time2,
.yw-box a:hover .ry-time,
.yw-box a:hover .yw-title,
.yw-box a:hover .yw-l span {
    color: #fff;
}
.yw-box a:hover{background: #811c1f;}

.pages {
    margin-top: 3.125vw;margin-bottom: 50px;
}

.pages>a,
.pages>span {
    width: 40px;
    height: 40px;
    background-color: #fff;
    border: solid 1px #cccccc;
    color: #999999;
    font-size: 14px;
    text-align: center;
    line-height: 38px;
    margin: 0 5px;
}

.pages>a.Ahover,
.pages>span:hover,
.pages>a:hover {
    background-color: #811c1f;
    color: #fff;
}

.pages>span:hover a {
    color: #fff;
}

.ny_td {padding: 60px 0;}
.flex2 {
  display: flex;
}
.ys-box .img {
  width: 220px;
  background-color: #333333;
  overflow: hidden;
  height: 260px;
}
 .all-img {
            width: 100%;
            height: 100%;
            object-fit: cover;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;
        }
.ys-box a:hover .all-img{ -webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.ys-box .ys-con {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #f5f5f5;
  padding: 20px 30px;
}
.ys-box .ys-con .ys-text {
  height: 84%;
}
.ys-box .ys-con .ys-zw {
  color: #666666;
  line-height: 26px;
  font-size: 14px;
}
.ys-box .ys-con .ys-title {
  font-size: 22px;
  margin-top: 0.5208vw;
  margin-bottom: 30px;
}
.ys-box .ys-con .ys-zw {
  color: #666666;
  line-height: 30px;
  font-size: 16px;
}
.ys-box .ys-con .ys-jt {
  border-top: 1px solid #cccccc;
  padding-top: 1.3021vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.ny_tdss p {
    font-size: 18px;
    margin-bottom: 2.0833vw;
    text-align: center;color: #fff;
}

.ny_tdss .flex>div {
    width: 29%;position: relative;
}
.ny_tdss .flex .ssfh{width:9%;line-height: 50px; font-size: 16px;text-align: center;background: #811c1f;color: #fff;}
.ny_tdss .flex .ssfh img{margin-right: 8px;vertical-align: middle;}
.ny_tdss .tp{position: absolute;left: 15px;top: 12px;}

.ny_tdss input{background: url(../images/name.png) 15px center no-repeat;padding-left: 50px !important;}
.ny_tdss input,
.ny_tdss select {
    height: 50px;
    background-color: #ffffff;border: #811c1f 2px solid;
    border-radius: 6px;
    width: 100%;
    color: #333333;
    font-size: 16px;
    padding: 0 15px 0 50px;box-sizing: border-box;
}

.ny_tdss input::-webkit-input-placeholder {
    color: #333;
    opacity: 1;
}

.ny_tdss input:-moz-placeholder {
    color: #333;
    opacity: 1;
}

.ny_tdss input::-moz-placeholder {
    color: #333;
    opacity: 1;
}

.ny_tdss input:-ms-input-placeholder {
    color: #333;
    opacity: 1;
}

.ny_tdss input::-ms-input-placeholder {
    color: #333;
    opacity: 1;
}

.ny_tdss input::placeholder {
    color: #333;
    opacity: 1;
}

.ny_tdss input:focus {
    border: solid 2px #851b20;
}

.ny_tdss select {
    background-image: url(../images/xl.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;box-sizing: border-box;
}
.ys-box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 40px;padding-top: 50px;
}


.ys-box a:hover .ys-con,
.yw-box a:hover {
    background-image: -webkit-gradient(linear, left top, right top, from(#811c1f), to(#ac282c));
    background-image: -webkit-linear-gradient(left, #811c1f 0%, #ac282c 100%);
    background-image: -moz-linear-gradient(left, #811c1f 0%, #ac282c 100%);
    background-image: -o-linear-gradient(left, #811c1f 0%, #ac282c 100%);
    background-image: linear-gradient(90deg, #811c1f 0%, #ac282c 100%);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.ys-box a:hover .ys-con .ys-jt {
    border-top: 1px solid #fff;
}

.ys-box a:hover .ys-con .ys-zw,
.ys-box a:hover .ys-con {
    color: #fff;
}
.show-ny {
  background-color: #fffbf6;
  padding-top: 120px;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  min-height:20vh;
  background-position: bottom;
}
.position {
  margin-bottom: 3.125vw;
}
.position, .position a {
  color: #811c1f;
  font-size: 14px;
}
.relative {
  position: relative;
}
.ls-top .img {
    width: 268px;
    height: 320px;
    background-color: #811c1f;
}

.ls-top .ls-title {
    color: #811c1f;
    font-size: 35px;
    margin-right: 2.6042vw;
}

.ls-top .ls-dz,
.ls-top .ls-mes>div {
    color: #666;
    margin-right: 2.6042vw;
}

.ls-top .ls-dz img {
    margin-right: 10px;
}

.ls-top .ls-zhiwei {
    border-top: 1px solid #e7cea9;
    padding-top: 1.0417vw;
    margin-top: 30px;
    flex-wrap: wrap;justify-content: flex-start
}
/*修改*/
.ls-top .ls-zhiwei a {
    display: none;
    margin-bottom: 10px;
}

.ls-top .ls-zhiwei p {
    color: #811c1f;
    padding: 0 20px;
    border: 1px solid #811c1f;
    height: 36px;
    line-height: 34px;
    margin-right: 10px;
}
/*修改*/
.ls-top .ls-mes {
    margin-top: 16px;justify-content: flex-start
}

.ls-top .ls-mes>div a {
    color: #666;
    display: block;
}

.ls-top .ls-mes>div img {
    margin-right: 0.625vw;
    display: block;
}

.ls-down a{
    color: #fff;
}

.ls-down {
    width: 150px;
    height: 46px;
    background-color: #811c1f;
    color: #fff;
    margin-top: 30px;
    cursor: pointer;
}

.ls-down img {
    margin-right: 8px;
}

.ls-button {
    margin-top: 3.125vw;
    margin-bottom: 40px;
    grid-gap: 10px;
}

.ls-button>a {
    /*width: 190px;*/
    height: 54px;
    background-color: #f5f5f5;
    border-radius: 27px;
    text-align: center;
    line-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
}

.con-menu li.active,
.con-menu li:hover,
.ls-button>a.active,
.ls-button>a:hover {
    background-color: #fcf6ed;
    border: solid 1px #811c1f;
    color: #811c1f;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.ls-left {
    flex: 0.9;
}
.ls-left,
.ls-right,
.ls-left p,
.ls-right p{
    white-space: normal;
}

.ls-right {
    width: 400px;
}

.ls-alltitle {
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 12px;
    position: relative;
    margin-bottom: 30px;
}

.ls-alltitle::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100px;
    height: 3px;
    background-color: #811c1f;
}

.ls-con,
.ls-con p {
    color: #666;
    line-height: 30px;
    font-size: 15px;
}

.ls-box {
    padding-bottom: 3.125vw;padding-top: 50px;
}

.ls-left>div,
.cq-right>div {
    margin-bottom: 2.6042vw;
}

.ls-right>div {
    margin-bottom: 30px;
    background-color: #f5f5f5;
    padding: 30px;
}

.ls-left>div:last-child,
.ls-right>div:last-child,
.cq-right>div:last-child {
    margin-bottom: 0;
}
.flex-center {
  display: flex;
  align-items: center;
}
.flex-end {
  display: flex;
  align-items: flex-end;
}
.ls-top > div:last-child {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 3.125vw;
}
.new-ly p:hover, .ls-top .ls-zhiwei p {
  background-color: #811c1f;
  color: #fff;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
}
.ls-top .ls-zhiwei p {
  color: #811c1f;
  padding: 0 20px;
  border: 1px solid #811c1f;
  height: 36px;font-size: 16px;
  line-height: 34px;
  margin-right: 10px;
}
.ls-top .ls-zhiwei p {
  background-color: #811c1f;
  color: #fff;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
}
.flex-between {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
.ny_ly{padding: 60px 0;}
.ny_ly ul{display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;}
.ny_ly li{width: 14.6666%;padding: 50px 15px;box-sizing: border-box;box-shadow: 0 0 20px rgba(0,0,0,0.05);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;background: #fff;margin: 0 1% 20px;}
.ny_ly li:hover{box-shadow: 0 0 20px rgba(0,0,0,0.15);background: #811c1f;}
.ny_ly li .t_b{width: 60px;margin: 0 auto 20px;text-align: center;line-height: 60px;}
.ny_ly li .t_b i{font-size: 60px;color: #222;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.ny_ly li h3{font-size: 16px;color: #222;line-height: 30px;text-align: center;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.ny_ly li:hover h3{color: #fff;}
.ny_ly li:hover i {color: #fff;}
.show-new-t {
  color: #811c1f;
  font-size: 32px;
  line-height: 60px;
}

.ny_ywxq {padding: 50px 0;}
.ny_ywxq .con{display: flex;justify-content: space-between;align-items: stretch;}
.ny_ywxq .left {width: 260px;float: left;border-right: #ccc 1px solid;}
.ny_ywxq .left ul li{line-height: 60px;font-size: 16px;}
.ny_ywxq .left ul li a{color: #222;}
.ny_ywxq .left ul li:hover a{color: #811c1f;}
.ny_ywxq .left ul li.on a{color: #811c1f;}
.ny_ywxq .left ul li.on{font-size: 20px;font-weight: bold;}
.ny_ywxq .right{width: calc(100% - 310px)}

.ny_lx {padding: 50px 0;}
.ny_lx .con {max-width: 1280px;
}
.ny_lx .d_t{margin-bottom: 50px;}
.ny_lx .nr{display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;}
.ny_lx .nr h3 {font-size: 18px;font-weight: bold;margin-bottom: 20px;color: #222;}
.ny_lx .nr p {font-size: 16px;color: #666;line-height: 1.5;}
.ny_lx .nr li{padding-bottom: 30px;}


.join-a {
    line-height: 32px;
    margin-bottom: 2.3438vw;
}

.join-a a {
    color: #c8a063;
    border-bottom: 1px solid #c8a063;
}

.join-top {
    height: 90px;
    background-color: #f5f5f5;
    cursor: pointer;
}

.join-con {
    margin-bottom: 20px;
    border: solid 2px #f5f5f5;font-size: 16px;
}

.join-con .join-text {
    padding: 30px;
    display: none;
}

.join-text>div {
    color: #666666;
    line-height: 30px;
    margin-top: 20px;
    margin-bottom: 30px;
}
.font-weight {
  font-weight: bold;
}
.all-box{padding: 50px 0;}
.join-content {
    margin-top: 3.125vw;
}

.join-title {
    font-size: 18px;
    padding-left: 30px;
    width: 30vw;
    line-height: 30px;
}

.join-jia {
    font-size: 60px;
    width: 60px;
    background-color: #811c1f;
    height: 100%;
    position: relative;
}

.join-jia::after,
.join-jia::before {
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #ffffff;
}

.join-jia::before {
    width: 20px;
    height: 2px;
}

.join-jia::after {
    width: 2px;
    height: 20px;
}

.join-top.active .join-jia::after {
    display: none;
}
.flex-between-center {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}



































.f_bt{text-align:center; margin-bottom:30px;height: 148px;background: url(../images/bt_4.png) center no-repeat;}
.f_bt h3{font-size:32px; font-weight:bold; text-transform:uppercase; color:#fff;}
.f_bt h4{font-size:40px; font-weight:bold; color:#e62129; margin-bottom:15px;padding-top: 30px;}
.f_bt p{font-size:15px; color:#666;text-transform: uppercase;}

.f_bt2{text-align:center; margin-bottom:60px;height: 148px;background: url(../images/bt_al.png) center no-repeat;}
.f_bt2 h4{font-size:40px; font-weight:bold; color:#e62129; margin-bottom:15px;padding-top: 40px;}
.f_bt2 p{font-size:15px; color:#666;text-transform: uppercase;}

.ny_lxwm .text-box {float: left;opacity: 0}
.ny_lxwm .text-box h3{
	font-size: 45px;
	color: #333;
	font-family: 'roboto';
	font-weight: bold;
	margin-bottom: 18px;
}
.ny_lxwm .text-box h4{
	font-size: 24px;
	color: #333;
	font-weight: normal;
	margin-bottom: 26px;
}
.ny_lxwm .text-box .line{
	width: 60px;
	height: 2px;
	background-color: #e62129;
	margin-bottom: 40px;
}
.ny_lxwm .text-box li{
	display: flex;
	align-items: flex-start;
	-webkit-display: flex;
	-webkit-align-items: flex-start;
	margin-bottom:30px;
}
.ny_lxwm .text-box li:last-child{
	margin-bottom: 0;
}
.ny_lxwm .text-box li img{
	margin-right: 25px;
}
.ny_lxwm .text-box li h5{
	font-size: 18px;
	color: #333;
	font-weight: normal;
	margin-bottom: 10px;
}
.ny_lxwm .text-box li p{
	font-size: 14px;
	color: #666;
	margin-bottom: 14px;
}
.ny_lxwm .text-box li p:last-child{
	margin-bottom: 0;
}
.active .text-box{animation:bounceInLeft 1.5s .8s forwards;}
.active .map {animation:bounceInRight 1.5s .8s forwards;}
.ny_lxwm .map{
	width: 850px;
	margin-left: 5%;
	position: relative;float: right;opacity: 0;
}
.ny_lxwm .map .bg{
	width: 100%;
}
.ny_lxwm .map .icon{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	animation: mapicon 1s 1s infinite;
	-webkit-animation: mapicon 1s 1s infinite;
}
@keyframes mapicon{
	0% {
		transform: translateY(0px);
		opacity: 0;
	}
	100% {
		transform: translateY(20px);
		opacity: 1;
	}
}
@-webkit-keyframes mapicon{
	0% {
		-webkit-transform: translateY(0px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(20px);
		opacity: 1;
	}
}
.db_xx{width:100%; position:absolute; bottom:0; left:0; background-color:#4b4b4b; font-size:14px; line-height:36px; color:#999; text-align:center;}
.db_xx a{color:#999;}
.db_xx a:hover{color:#ff9500;}
.db_xx span{padding-left:15px;}
@media only screen and (max-width:995px){
.db_xx{font-size:14px; padding:10px 0; line-height:1.6;}
.db_xx span{display:block; padding-left:0;}
}


.ft{ width:100%; height:312px; overflow:hidden; background:url(../images/ft-bg.jpg) no-repeat center top; background-size:100% 100%; }
.ft-top{ width:60px; height:21px; line-height:21px; overflow:hidden; padding-top:15px; color:#7accf3; background:url(../images/ft-top.png) no-repeat center top; position:absolute; z-index:10; top:150px; right:100px; font-size:12px; text-align:center;cursor: pointer;}
.ft-tp{ width:80%; height:250px; overflow:hidden; box-sizing:border-box; padding:0 ;margin: 0 auto;}
.ftt-logo img{ display:block;float: left; padding:38px 0 26px;height: 40px;}
.ftt-bt{ width:100%;  position:relative; z-index:10;height: auto;overflow: hidden}
.ft-wap-wh {
    width: 115px;
    overflow: hidden;
    float: right;
    padding: 20px 20px 20px 0;text-align: center;
}
.most {
    width: 80%;
    height: auto;
    overflow: hidden;
    display: block;float: left;
}
.ft-wap-wh img {width: 100%;}
.fttb-link{ line-height:34px; }
.fttb-link .lj{ padding-right:50px;float: left;}
.fttb-link .lj .bt a{ color:#333333 !important;font-size: 16px;margin-bottom: 10px;}
.fttb-link .ej {font-size: 14px;color: #666;margin-bottom: 10px;opacity: 1}
.fttb-link .ej a {color: #666;line-height: 2;display: block;opacity: 1}
.fttb-fx{ width:204px; height:100%;}
.fttbf-tx{ line-height:34px; display:block; overflow:hidden; color:#000000; font-size:12px; padding-right:18px;}
.fttbf-xl{ width:34px; height:34px; display:block; padding-right:18px;}
.fttbf-qq{ width:34px; height:34px; display:block;}
.fttbf-wh{ width:34px; height:34px; display:block; position:relative; cursor:pointer;}
.fttbf-wh p{ width:117px; height:124px; display:block; position:absolute; overflow:hidden; left:-42px; bottom:37px; background:url(../images/we-bg.png) no-repeat;}
.fttbf-wh p img{ width:115px; height:115px; display:block; margin:1px auto 0;}
.ft-bt{ width:100%; height:62px; line-height:62px; color:#fff; overflow:hidden; background:#e62129;  box-sizing:border-box; padding:0 100px 0 105px;}
.ft-bt p i{ padding-left:30px;}
.ft-bt p em{ padding-left:30px;}
.ft-bt p em a{ color:#fff;}
.fttbf-wh p{ z-index:5;
  opacity: 0;
  -webkit-transform:translateY(20px);
  -moz-transform:translateY(20px);
  -webkit-transition: all .2s 0s ease-in-out;
  transition: all .2s 0s ease-in-out;
}
.fttbf-wh:hover p{ z-index:10;
  opacity: 1;
  -webkit-transform:translateY(0px);
  -moz-transform:translateY(0px);
  -webkit-transition: all 0.6s 0.2s ease-in-out;
          transition: all 0.6s 0.2s ease-in-out;
}


.n_ban{width:100%; height:530px; position:relative;}
.n_ban .z_w{width:800px; position:absolute; text-align:center; left:50%; margin-left:-400px; top:230px;}
.n_ban .z_w h3{font-size:70px; text-transform:uppercase; font-family:"impact"; color:#fff;}
.n_ban .z_w h4{font-size:50px; font-weight:bold; color:#e62129;}
.n_ban .y_w{width:800px; position:absolute; font-size:18px; color:#fff; line-height:30px; text-transform:uppercase; text-align:center; left:50%; margin-left:-400px; bottom:70px;}



@media only screen and (max-width:1665px){
	.con {
  width: 90%;
  margin: 0 auto;
}
	
}

@media only screen and (max-width:1441px){
	
		.page3 .hd {
  padding-left:3%;
}
	.faboutcon {
  padding: 50px 3%;
}
	.page3 .bd {
  padding: 90px 5% 0 3%;
}
	.ly li .t_b i {
  font-size: 50px;
}
	.ly li .t_b {
  margin: 0 auto 5px;
}
	.ly li {
  padding: 10px;
  margin: 0 1% 15px;
}
	.con {
  width: 94%;
}
	.btext {
  left: 6%;
  right:6%;
}
	.banner-prev {
  left:6%;
  bottom: 50px;
}
	
	
}






@media only screen and (max-width:1024px){
	.header .an{display:block; right:0px;}
.header .an span { background-color:#333}
.header .nav ul { width: 100%;}
.header.on .nav {top: 60px;}
.header .nav{width:100%; padding:15px 5%; background: rgba(255,255,255,0.95); height:100%; position:fixed; top:60px; right:-100%; z-index:9999; overflow:auto;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s; margin-top:0;box-sizing: border-box;}
.header .menu {display: none
  }
.header .nav.on{right:0;}
.header.on .nav ul li a { font-size: 16px;color: #333;}
.header .nav i{display:block;font-size: 16px;color: #333;}
.header .nav ul li{line-height:60px; text-align:left; border-bottom:1px solid rgba(0,0,0,0.15); float:none; margin:0; padding:0}
.header .nav ul li::after { background: rgba(0,0,0,0);}
.header.on .nav ul li{line-height:60px;}

.header .nav .e_j { width: 100%; border-top: 1px solid rgba(0,0,0,0.15); background: none; position: relative;display: none;top: auto; left: auto; margin: 0;padding-bottom: 10px;transform: translateY(0px);
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);transition: all 0s;
-o-transition: all 0s;
-ms-transition: all 0s;
-moz-transition: all 0s;
-webkit-transition: all 0s;opacity: 1;visibility: inherit;}
.header .nav ul li .e_j a { color:#333;font-size: 16px;}
.header .nav ul li .e_j a:hover { color:#333}
.header .nav .e_j a{border-top:0; font-size:16px; color:#333; line-height:32px;}
.header .nav .e_j a:hover{background:none;}
.header .nav ul li:hover .e_j{display:none;}
.header .nav ul li a{font-size:16px; color:#333;}
	
	.header.on .nav ul li .e_j {
  top: 0;border-top:0;
}


.header .nav ul li:hover span{width:0;}
.header .nav ul li.on span{width:0;}


	.btext {
    position: absolute;
    left: 5%;
    right: 5%;
    z-index: 5;top: 30%;
    margin-top:0px;
}
	.btitle strong {
  font-size:36px;
  letter-spacing:1px;
}
	.bhide {
  visibility: hidden;
  transform: translateY(-100px);
}
	.btitle small {
  line-height: 1.4;
  font-size: 18px;
}
	.swiper-container-sban .swiper-slide-active .bhide {
  visibility: visible;
  animation: letterL 2s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}
	.swiper-container-sban .swiper-slide-active .btext .jd {
  visibility: visible;animation: letterL 2s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}
	.faboutl {
  width: 100%;
  height:auto;padding-bottom: 15rem;
}
	.faboutr {
  top:auto;bottom: 0;
  height: auto;
  width: 100%;padding: 30px 0 5rem;
}
	.product-number-info {width: 100%;
}
	.product-number-info ul {
  padding: 30px 0 20px 0;overflow: hidden;
}
	.product-number-info li {
  width: 33.3333%;
  padding-left:0px;
  height: 60px;
  margin-bottom:15px;text-align: center;
}
	.product-number-info li b {
  font-size: 30px;margin: 5px 0 10px
}
	.product-number-info li b sup {
  font-size: 25px;
  right: -20px;
}
	.page3 .hd {
    padding-left: 0;width: 100%;height: auto;position: static;background:none;
  }
	.page3 ._PageTitle span.en {
  color: #333;
}
	.page3 ._PageTitle span.cn {
  color: #333;
}
	
	.page3 .bd {
    padding: 40px 0;width: 90%;height: auto;position: static;margin: 0 auto;
  }
	.page3 .hd ul{width: 100%;display: flex;justify-content: center;}
	.page3 .hd ul li {
  width: 200px;
  line-height:60px;
  font-size:16px;margin: 0 10px;
  margin-bottom: 20px;
}
	.search-box {
  width: 90%;
  padding-bottom: 12vh;
}
	.cjbox .con {flex-wrap: wrap;height: auto;
}
	.cjbox .left.dt {
  width: 100%;
}
	.cjbox .tp {
  width: 100%;
}
	.ftlink {display: none;}
.ftbot {
  min-width: 90%;
}
	.fttop .partner {
  text-align: center;width: 100%;
}
	.fttop .partner h3 {
  margin-bottom: 14px;
}

	.nban {
  height: 18rem;
}
	.nban .bt h2 {
  font-size: 20px;
}
	.nban .bt h3 {
  font-size: 30px;
}
	.banner-menu li {
  height: 40px;
  line-height:40px;
  font-size: 16px;
}
	.ny_ly {
  padding: 30px 0;
}
	.ny_ly li {
  width:48%;
  padding:30px 15px;
}
	
	
	
	
	
	
	
	
	
	
}
@media only screen and (max-width:600px){
	 .header .right .ss {display: none
  }
	
	._PageTitle {
  margin-bottom:25px;
}
	._PageTitle span.en {
  font-size: 2.4rem;
}
	._PageTitle span.cn {
  font-size: 2rem;
}
	  .btitle strong {
    font-size: 2.4rem;
    letter-spacing: 1px;
  }
	 .btitle small {
    font-size: 1.4rem;
  }
	.btitle {
  padding-bottom:15px;
  margin-bottom: 20px;
}
	.btext .jd {
  width: 150px;
}
	  .faboutr {
    padding: 10px 0 1rem;
  }
	  .faboutcon {
    padding: 30px 20px;
  }
	.faboutcon .fabtxt {
  line-height: 27px;
}
	.faboutcon .fabtxt p {
  margin-bottom: 10px;
}
	.faboutcon .fabtxt p:nth-child(2), .faboutcon .fabtxt p:nth-child(3){display: none}
	.faboutcon .fabtxt .more a {
  height: 36px;
  line-height:34px;
}
	.page3 .hd ul li {
  width:180px;
  line-height:38px;margin: 0 6px;
  margin-bottom: 15px;
}
	 .page3 .bd {
    padding: 0px 0;
  }
	.page3 .w_z {
  line-height:26px;
  margin-bottom:30px;display: none;
}
	.ly li h3 {
  line-height:24px;font-size: 14px;
}
	  .ly li {width: 31.3333%
  }
	.search-box .flex > div {
  width: 100%;margin-bottom: 10px;
}
	.sy_al .swiper-slide .w_z {
  padding: 20px 15px;
}
	.sy_al .swiper-slide .w_z .time {
  margin-bottom:10px;
}
	.sy_al .swiper-pagination-bullet {width: 12px;
}
	.sy_al .swiper-slide .tp {height: 16rem;
}
	.sy_al .swiper-slide .tp img {height: 100%;object-fit: cover;
}
	.sy_al .more {
  width: 160px;
  height: 40px;text-align: center;
  padding: 0 20px;
  line-height: 40px;
}
	.cjbox .left .more {
  line-height: 40px;
  margin: 20px 0 10px;
}
	.cjbox .left p {
  font-size:16px;
  line-height:26px;
}

.n_ban .z_w h3{font-size:2.6rem;}
.n_ban .z_w h4{font-size:2rem;}
.n_ban .y_w{width:94%; font-size:1rem; line-height:1.6rem; left:3%; margin-left:0; bottom:5%;}
}
.ntit { width:100%; padding:20px 0;  overflow:hidden; border-bottom:#eee 1px solid;}
.ntit ul li { display:inline-block; margin:0 20px 0 0; min-width:110px; float:left; position:relative}
.ntit ul li .e_j { width:600px; background:#fff; position:absolute; left:0; top:32px; display:none; z-index:99;text-align:center}
.ntit ul li:hover .e_j { display:block;}
.ntit ul li .e_j a { display: inline-block; color:#333; text-align:center; font-size:14px; line-height:35px; float:left; background:#fff; padding:0 10px;}
.ntit ul li .e_j a:hover {border-radius:0;-moz-border-radius:0;-webkit-border-radius:0; color:#abcd05; background:#fff; line-height:35px }
.ntit ul li a { line-height:34px; background:#eee; padding:0 20px; font-size:14px; color:#333;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; display:block; text-align:center }
.ntit ul li a:hover { background:#e62129; color:#fff;}
.ntit ul li a.on { background:#e62129; color:#fff;}







@media only screen and (max-width:1024px){
	
	.ny_jj {
  padding: 40px 0 40px;
  margin-bottom: 40px;
}
	.ny_jj .w_z {
  width: 100%;
}
	.ny_jj .tit {
  margin-bottom:25px;
}
	.ny_jj .tp {
  width: 100%;margin-top: 20px;
}
	.all-title {
  font-size:28px;
  margin-bottom: 20px;
}
	.fttop {
  overflow: auto;
}
	.ys-box {
  grid-template-columns: 1fr;
  padding-top:30px;
}
	.ny_td {
  padding: 40px 0;
}
	.show-ny {;
  padding-top: 100px;
}
	.ls-top .ls-title {
  font-size: 25px;
  margin-right: 1.5vw;
}
	.ls-top .ls-zhiwei {
  margin-top:20px;
}
	.ls-top .ls-zhiwei p {
  padding: 0 15px;
  height: 34px;
  line-height: 32px;margin-bottom: 10px;
}
	.ls-left {
  flex:1;width: 100%;
}
	.ls-right {
  width: 100%;margin-bottom: 20px;
}
	.ls-right > div {
  padding:20px;
}
	.sh_zr {
  padding:30px 0;
}
	.xw_top .swiper-slide .t_p {
  width: 100%;
  height: 396px;
}
	.xw_top .swiper-slide {flex-wrap: wrap;
}
	.xw_top {padding-bottom: 30px;}
	.yw-box {
  grid-gap:20px;
  padding: 30px 0 0;
}
	.yw-box a {
  height: 200px;
  padding:15px;
}
	.yw-box .yw-title {
  font-size: 16px;
  line-height:26px;
}
	
	
	
	
	
	
	
}
@media only screen and (max-width:600px){
	#sidenav {display: none
}
	.ftt-bt {display: none;
}
	.ftt-logo img {float: none;margin: 0px auto;
}
	.ft-wap-wh {
    width: 115px;margin: 0 auto;
    float: none;
    padding: 20px 0px 20px 0;
}
	.ft-bt {
    line-height: 2rem;font-size: 1rem;height: 5rem;padding: 0.5rem 0;
}
	.ft-bt p i {
    padding-left: 1rem;
}
.ft {

    width: 100%;
    height: auto;

}
	.ftbot {padding: 15px 0;
  height: auto;
  line-height:24px;
  min-width: 90%;
}

.footer .b_q {
    padding: .5rem 0;
    font-size: 1rem;
    line-height: 1.6rem;
}
	.nban .bt {
  width: 90%;
  padding:20px 0px 0;
  left: 5%;
  margin-left:0px;
  top: 35%;
}
	.ntit ul li a {
    line-height: 2.5rem;padding: 0;font-size: 1.2rem
}
	.ntit ul li {
    display: inline-block;
    margin: 0 1% 0;
    min-width: 30.3333%;
}
	
	.Activsbf1_lb dd .newNrtit a {font-size: 1.4rem
}
	.Activsbf1_lb dd .Acdltj_time {
    margin: 0px 0 0;font-size: 1rem
}
	.Activsbf1_lb dd .newNrjs {
    margin-top: 0px;
    line-height: 1.8;
    font-size:1.2rem
}
	.Activsbf1_lb dd .more a {display: none;}

	.ny_ly li {
  padding:30px 10px;
}
	.all-title {
  font-size: 25px;
  margin-bottom: 20px;
}
	.banner-menu {
}
	.nban {
    height: 21rem;padding-bottom: 40px;
  }
	 .banner-menu li {
    font-size:14px;
  }
	.join-content {overflow-x: auto;
}
	.join-con {width: 600px;
}
	.join-title {
  font-size:14px;
  padding-left:10px;width: auto;
}
	.join-con {
  font-size: 14px;
}
	.join-top {
  height: 50px;
}
	.join-jia {
  font-size: 40px;
}
	.fttop .view {
  padding: 30px 0;overflow: auto
}
	.ny_lx .nr li {width: 100%;
}
	.ny_lx .d_t {
  margin-bottom: 30px;
}
	.ry-button {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 1.0417vw 10px;
}
	.ry-button li {
  height: 40px;
  line-height: 40px;
}
	.ry-title {
  margin-top:30px;
  margin-bottom:20px;
}
	.ry-title span.num {
  margin-right:10px;font-size: 20px;
}
	.ry-title span {
  font-size: 20px;
}
	.ry-content {
  grid-template-columns: 1fr;
  grid-gap: 2vw 0;
}
	.ny_tdss .flex > div {
  width: 100%;margin-bottom: 5px;
}
	.ny_tdss input, .ny_tdss select {
  height:40px;
}
	.ny_tdss .flex .ssfh {
  width: 100%;
  line-height:40px;
}
	.ys-box .img {
  width:150px;
  height:220px;
}
	.ys-box .ys-con {
  padding: 20px 15px;
}
	.pages {
  margin-bottom:20px;
}
	.pages > a, .pages > span {
  width: 30px;
  height:30px;
  line-height: 28px;
}
	.ls-alltitle {
  padding-bottom: 10px;
  margin-bottom:20px;
}
	 .xw_top .swiper-slide .t_p {
    height: 18rem;
  }
	.xw_top .swiper-slide .w_z {
  width:100%;
  padding:20px 0px 0 0px;
}
	.ry-time {
  font-size: 30px;
}
	.yw-box {
  grid-template-columns: 1fr;
}
	  .yw-box a {
    height: 160px;
  }
	.yw-box .yw-text {
  height: 140px;
}
	.ny_ywxq {
  padding:30px 0;
}
	.ny_ywxq .con {flex-wrap: wrap
}
	.ny_ywxq .left {
  width: 100%;
  border-right: #ccc 0px solid;
}
	.ny_ywxq .left ul li {
  line-height: 40px;
}
	.ny_ywxq .right {
  width:100%;margin-top: 30px;
}
	.ls-top .img {
  width: 100%;height: 35rem
}
	.flex-center {flex-wrap: wrap;
}
	.ls-top > div:last-child {margin-top: 20px;
  margin-left: 0;
}
	
	
	
	
	
	
	
	
	
}