*{ margin:0; padding:0;}
html{overflow-x:hidden;  width: 100%;}
ul{ margin:0; padding:0;}
li{list-style:none;font-family:"Microsoft YaHei","arial","微软雅黑","verdana","宋体";}
.clear {height:0px;clear:both;}
textarea{font-family:"Microsoft YaHei","arial","微软雅黑","黑体","verdana","宋体";}
div{font-family:"Microsoft YaHei","arial","微软雅黑","黑体","verdana","宋体";}
p{font-family:"Microsoft YaHei","arial","微软雅黑","黑体","verdana","宋体"; margin:0; padding:0;}
a{text-decoration:none;font-family:"Microsoft YaHei","arial","微软雅黑","黑体","verdana","宋体";cursor:pointer;}
a:hover{text-decoration:none;}
img{ border:none;image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -o-crisp-edges; /* Opera */
    image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
    image-rendering: crisp-edges;    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */}
.px-0{ padding:0 0;}

.mx-0{ margin:0 0;}
.mbpx-0{padding:0 0;}
html {
          font-size: 100px; /*根元素默认的大小是16px*/
        }
.max-1920{ max-width:1920px !important; margin:auto;}		
	
@media screen and (max-width: 1680px){
	html{
		font-size:86px;
	}
}		
@media screen and (max-width: 1440px){
	html{
		font-size:78px;
	}
}

@media screen and (max-width: 1200px){
.hidden-1280{ display:none !important;}
}
@media screen and (max-width: 1024px){
	html{
		font-size:60px;
	}
}
@media screen and (max-width: 768px){
	html{
		font-size:60px;
	}
	
}

.pagination p {
	margin: 0;
	cursor: pointer;
	
}
.pagination {
	height: 35px;
	text-align: right;
	width:100%;

	margin-bottom:1rem;
}
.pagination a {
	display: inline-block;
	margin-right: 10px;
	width: 35px;
	height: 35px;
	line-height: 35px;
	
	text-decoration: none;
	
	font-size: 14px;
	
	text-align: center;
	border-radius: 50%;
	background: #fff;
	color: #000000;
	transition:all 0.3s ease-in-out;

}
.pagination a:hover {
	background: #cf0402;
	color: #fff;

}
.pagination a.cur {
	display: inline-block;
	margin-right: 10px;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-decoration: none;
	font-size: 14px;
	text-align: center;
	transition:all 0.3s ease-in-out;
	background: #cf0402;
	color: #fff;
}
.pagination p {
	display: inline-block;
	font-size: 14px;
	width: 28px;
	height: 28px;
	line-height: 28px;
	color: #6c6c6c;
	text-align: center;
	border:#dddddd 1px solid;
	background: #f5f5f5;
	color: #565656;
	margin-right: 8px;
	
}
.pagination p.pageRemark {
	border-style: none;
	background: none;
	margin-right: 0px;
	padding: 4px 0px;
	color: #fe6600;
	
}
.pagination p.pageRemark b {
	color: red;
}
.pagination p.pageEllipsis {
	border-style: none;
	background: none;
	padding: 4px 0px;
	color: #fe6600;
	border-radius:50%;
}
.dates li {
	font-size: 14px;
	margin: 20px 0
}
.dates li span {
	float: right
}
.pagination .page_xyy {
	width: 50px;
	height: 28px;
	
	border:none;
	line-height: 28px;
	
	text-decoration: none;
	color: #6c6c6c;
	font-size: 14px;
	text-align: center;
border:#dddddd 1px solid;
	background: #f5f5f5;
	color: #565656;
	display: none;

	
}
.pagination .page_xyy:hover{ 
	
		border:#4186e4 1px solid;
	background: #4186e4;
	color: #fff;
}
.pagination .page_syy {
	 width: 50px;
	height: 28px;
	line-height:28px;
	border:none;
	text-decoration: none;
	color: #6c6c6c;
	font-size: 14px;
	text-align: center;
border:#dddddd 1px solid;
	background: #f5f5f5;
	color: #565656;

	transition:all 0.5s ease-in-out;
	display: none;

}
.pagination .page_syy:hover{ 
		border:#4186e4 1px solid;
	background: #4186e4;
	color: #fff;
	}
.pagination .page_shouye {
	width: 39px; 
	height: 39px;
	border-radius:50%;
	padding: 0;
	margin-top: 4px;
	background:none;
	display:none;
}

.pagination .page_weiye {
	width: 39px;
	height: 39px;
	border-radius:50%;
	padding: 0;
	margin-top: 4px;
	background:none;
	display:none; 

}
/*mask*/
.mask {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.mask:before {
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.readmask {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.readmask:before {
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}


.isPlay:before {
  width: 100%;
  height: 100%;
  display: block;
  content: "";

  animation-name: maskOut;
  animation-duration: .5s;
  animation-delay: .5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(.8,0,.5,1);
}


@keyframes maskOut {
  from {
    transform: translateX(0);
  }
  
  to {
    transform: translateX(100%);
  }
}

@font-face {font-family:'bask';src: local('bask'), url(../img/bask.woff) format('woff');}

@font-face {font-family:'av';src: local('av'), url(../img/av.woff) format('woff');}

div.indexbannerback{ width: 100%; height: 100vh; position: relative;}

div.indexbanner{ width: 100%; height: 100%;}

div.indexbannern{ width: 100%; height: 100%; position: relative;}

div.indexbannernbg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;}

div.indexbannernword{ width: 100%; height: 100%; text-align: center; position: absolute; left: 0; top: 0; line-height: 100vh;}


div.indexbanner .swiper-pagination{bottom: 7vh;}

div.indexbanner .swiper-pagination .swiper-pagination-bullet{ width: 11px; height: 11px; border: none; opacity: 1; background: none; margin: 0 8px;}

div.indexbanner .swiper-pagination .swiper-pagination-bullet::before{ content: ''; display: block; width:7px; height: 7px; margin: 2px; opacity: 1; background: #fff; opacity: 1; border-radius: 50%;}

div.indexbanner .swiper-pagination .swiper-pagination-bullet-active{ width: 11px; height: 11px; border: #b60705 2px solid; opacity: 1; background: none;}

div.indexbanner .swiper-pagination .swiper-pagination-bullet-active::before{ content: ''; display: block; width: 11px; height: 11px; padding: 2px; opacity: 1; background: #fff; opacity: 0;}

div.publicheadback{ width: 100%; height: auto; padding: 0.46rem 8.3% 0; position: absolute; left: 0; top: 0; z-index: 999999;}

div.publicheadlogo{ width: 2.64rem; height: auto; float: left;}

div.publicheadlogo img{ width: 100%; height: auto;}

div.publicheadrt{ float: right; height: 0.7rem;}

div.publicheadrtnavbk{ float: left; height: 0.7rem;}

div.publicheadrtnav{ float: left; height: 0.7rem; line-height: 0.7rem; margin-left: 0.7rem; font-size: 0.16rem;}

div.publicheadrtnav span{ margin-right: 0.07rem; opacity: 0; transition: all 0.36s ease-in-out;}

div.publicheadrtnav a{ color: #fff}

div.publicheadrtnav:hover span{opacity: 1; font-weight: 500;}

div.publicheadrtnav:hover{font-weight: 700;}

div.publicheadrtnav:nth-child(1){margin-left: 0;}

div.publicheadrt_line{ width: 1rem; height:0.7rem;  float: right; position: relative; margin-left: 0.86rem; cursor: pointer;}

div.publicheadrt_line::before{content: ''; display: block; width: 100%; height: 1px;  background: #fff; position: absolute; left:0; top: 0.28rem; }

div.publicheadrt_line::after{content: ''; display: block; width: 100%; height: 1px;  background: #fff; position: absolute; left:0; top: 0.41rem; }

div.indexoneback{ width: 100%; height: auto; background: #fff; padding: 90px 0 0; position: relative;}

div.indexoneback::before{ width:100%; height: 600px; background: #f8f8f8; position: absolute;left: 0; top: 0; content:''; display: block;}

div.indexone{ width:1280px; height: auto; margin: auto; position: relative;}

div.indexoneleft{ width: 800px; height: auto; float: left;}

div.indexone_desc{ width: 95%; height:auto; line-height: 29px; padding-top: 33px; color: #898989; font-size:16px; margin-bottom: 80px; }

video.indexone_video{ width: 100%; height: 450px;}

div.indexonert{ float: right; width: 398px; height: 100%; }

div.indexonert_t{ width: 100%; height: 143px; line-height: 143px; text-align: right; font-family: 'bask'; font-size: 150px;}

div.indexonert_t1{ width: 100%; height: 69px; line-height: 69px; font-family: 'bask'; color: #000000; font-size: 72px; text-align: right; }

div.indexonert_t2{ width: 100%; height:52px; line-height: 52px; text-align: right; color: #676666; font-size: 16px; }

div.indexonert_ico1{ width: 42px; height: 44px; margin-top: 19px; float: right;}

div.indexonertbottom{ width: 160px; height: auto; position: absolute; right: 0; bottom: 15px; line-height: 36px; color: #898989; font-size: 14px;}

div.indexonertbottomico1{ width: 107px; height: 5px; margin-top: 35px; float: right;}

div.indexonertbottomico1 img{ width: 100%; height: auto; display: block;}

div.indextwoback{ width: 100%; height: auto; margin: auto; margin-top: 98px; overflow: hidden;}

div.indextwonavbk{ width: 1280px; height: auto; margin: auto;}

div.indextwonav_1t{ width: 100%; height: auto; line-height:80px; padding-bottom: 25px; color: #000000; font-size: 72px;font-family: 'bask'; }

div.indextwonav_bottom{ width: 100%; height: auto;position: relative; display: flex; flex-wrap: nowrap; justify-content: space-between;}

div.indextwonav{ width: 100%; height: auto; line-height: 123px; font-size: 16px; position: relative; text-align: center;}

div.indextwonav a{ color: #606060; transition: all 0.5s ease-in-out;}

div.indextwonavhover a{ color: #c90402; font-size: 16px; font-weight: 700;}

div.indextwonav_bottom::before{ content: ''; display: block; width: 100%; height: 2px; position: absolute; left: 0; top: 0; background: #000000;}

div.indextwonav::before{ content: ''; display: block; width: 0; height: 2px; position: absolute; left: 0; top: 0; background: #c90402; transition: all 0.5s ease-in-out;}

div.indextwonavhover::before{content: ''; display: block; width:100%; height: 2px; position: absolute; left: 0; top: 0; background: #c90402;}

div.indextwoqhbk{ width: 130%; height: 6.95rem; position: relative; left: -15%;}

div.indextwoqh{ width: 100%; height: auto; position: absolute; left: 0; top: 0; transform: translate(0,50px); opacity: 0; visibility: hidden; transition: all 0.7s ease-in-out;}

div.indextwoqhs{ visibility: visible; transform: translate(0,0); opacity: 1;} 

div.indextwolist{ width: 100%; height: auto;}

div.indextwolistpic{ width: 100%; height: auto; overflow: hidden; margin-bottom: 0.28rem; position: relative;}

div.indextwolistpic img{ width: 100%; height: auto; transition: all 1s cubic-bezier(.165,.84,.44,1) 0s;}

div.indextwolist_ent{ width: 100%; height: auto; color: #000000; font-size: 0.3rem; font-family: 'bask';}

div.indextwolist_cnt{ width: 100%; height: auto; line-height: 0.36rem; color: #606060; font-size: 0.16rem;}

div.indextwolist:hover div.indextwolistpic img{ transform: scale(1.1);}

div.indextwoqhswiper{width: 100%;}

div.indextwoqhswiper{padding-bottom: 50px;}

div.indextwoqh .swiper-pagination{bottom: 0px;}

div.indextwoqh .swiper-pagination .swiper-pagination-bullet{ width: 11px; height: 11px; border: none; opacity: 1; background: none; margin: 0 8px;}

div.indextwoqh .swiper-pagination .swiper-pagination-bullet::before{ content: ''; display: block; width:7px; height: 7px; margin: 2px; opacity: 1; background: #606060; opacity: 1; border-radius: 50%;}

div.indextwoqh .swiper-pagination .swiper-pagination-bullet-active{ width: 11px; height: 11px; border: #b60705 2px solid; opacity: 1; background: none;}

div.indextwoqh .swiper-pagination .swiper-pagination-bullet-active::before{ content: ''; display: block; width: 11px; height: 11px; padding: 2px; opacity: 1; background: #606060; opacity: 0;}

div.indexthreeback{ width: 100%; height: 6.8rem; position: relative; z-index: 10;}

div.indexthreeqh{ width: 100%; height: 6.8rem;  position: relative;}

div.indexthreebg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: all 1s cubic-bezier(.165,.84,.44,1) 0s;}

div.indexthreeqh:hover div.indexthreebg{ transform: scale(1.1);}

div.indexthree_t{ width: 100%; height: auto; line-height: 0.75rem; text-align: center; top: 2.88rem; left: 0; color: #ffffff; font-family: 'bask'; font-size: 0.72rem; position: absolute;}

div.indexthree_bottom{ width: 12.8rem; height: 2.5rem; position: absolute; left: 50%; margin-left: -6.4rem; bottom: 0; background: #fff; padding-top: 0.55rem;}

div.indexthree_bottom_t{ width: 100%; height: auto; line-height: 0.4rem; text-align: center; color: #000000; font-size: 0.24rem;}

div.indexthree_bottom_desc{ width:9.6rem; height: auto; margin: auto; line-height: 0.28rem; text-align: center; color: #969696; font-size: 0.16rem; margin-top: 0.3rem;}

div.indexthreeback .swiper-slide{opacity: 0 !important;}

div.indexthreeback .swiper-slide-active{opacity: 1 !important;}

div.indexthreebutton{ width: 1.25rem; height: auto; position: absolute; bottom: -0.3rem; left: 50%; margin-left: -0.625rem; z-index: 999;}

div.indexthreebuttonl{ width: 0.55rem; height: 0.55rem; float: left; border-radius: 50%; position: relative; background: url("../img/indexthreebuttonl.png") #efefef center no-repeat; background-size: 100%; cursor: pointer; outline: none;  transition: all 0.5s ease-in-out;}

div.indexthreebuttonr{ width: 0.55rem; height: 0.55rem; float: right; border-radius: 50%; position: relative; background: url("../img/indexthreebuttonr.png") #efefef center no-repeat; background-size: 100%; cursor: pointer; outline: none; transition: all 0.5s ease-in-out;}

div.indexthreebuttonl:hover{background: url("../img/indexthreebuttonlh.png") #4b4b4b center no-repeat; background-size: 100%; }

div.indexthreebuttonr:hover{background: url("../img/indexthreebuttonrh.png") #4b4b4b center no-repeat; background-size: 100%; }

div.indexfourback{ width: 100%; height: auto; padding-top:250px; padding-bottom: 0.8rem; position: relative;}

div.indexfour_t{ width: 1280px; height: auto; line-height: 65px; color: #000000; margin: auto; margin-bottom: 169px; font-size: 72px; font-family: 'bask';}

div.indexfourqhbk{ width: 1280px; height: 690px;  position: relative; padding-top: 387px; }

div.indexfourqhbkout{width: 1280px; height: 690px;position: relative; margin: auto;  overflow: hidden;margin-top: -387px; z-index: 8;}

div.swiperfourqh{ overflow: inherit;}
div.indexfourli{ width: 100%; height: auto;}

div.indexfourlileft{ width:640px; float: left; }

div.indexfourlileft_t{ width: 100%; height: auto; line-height: 50px;  color: #000000; font-size: 24px; }

div.indexfourlileft_time{ width: 100%; height: auto; line-height: 40px; color: #bebebe; font-size: 16px; margin-bottom: 18px;}

div.indexfourlileft_desc{ width:100%; height: 81px; overflow: hidden; line-height:27px; color: #969696; font-size: 16px; }

div.indexfourlirt{ width: 512px; height: 303px; float: right; position: relative;}

div.indexfourlirt img{ width: 512px;  position: absolute; bottom:0; right: 0; transition: all 0.5s ease-in-out;}

div.indexfourback::after{content: ''; display: block; width: 100%; height: 460px; background: #f5f5f5; position: absolute; left: 0; bottom: 0;}

div.indexfourbutton{ width:125px; height: auto; position: absolute; left: 0; bottom: 0; z-index: 10;}

div.indexfourbuttonl{ width: 55px; height: 55px; float: left; border-radius: 50%; position: relative; background: url("../img/indexthreebuttonl.png") #efefef center no-repeat; background-size: 100%; cursor: pointer; outline: none;  transition: all 0.5s ease-in-out;}

div.indexfourbuttonr{ width: 55px; height: 55px; float: right; border-radius: 50%; position: relative; background: url("../img/indexthreebuttonr.png") #efefef center no-repeat; background-size: 100%; cursor: pointer; outline: none; transition: all 0.5s ease-in-out;}

div.indexfourbuttonl:hover{background: url("../img/indexthreebuttonlh.png") #4b4b4b center no-repeat; background-size: 100%; }

div.indexfourbuttonr:hover{background: url("../img/indexthreebuttonrh.png") #4b4b4b center no-repeat; background-size: 100%; }

div.indexfourli:hover div.indexfourlirt img{transform: scale(1.03);}

div.publicfooterbk{ width: 100%; height: 640px; background: url("../img/footerbg.jpg") center no-repeat; position:relative;}

div.publicfooter{ width: 1280px; height: auto; margin: auto; padding-top: 131px;}

div.publicfooter_left{ width: 420px; float: left;}

div.publicfooter_leftlogo{ width: 402px; height: auto; }

div.publicfooter_lefttel{ width: 100%; height: 55px; line-height: 55px; margin-top: 40px; font-family: 'bask'; color: #ffffff; font-size: 48px; margin-bottom: 109px;}

div.publicfooter_lefticobk{ height: 65px;}

div.publicfooter_leftico{ width: 65px; height: 65px; float: left; margin-right: 7px; border-radius: 50%; border: 1px solid rgba(94,94,94,0); transition: all 0.36s ease-in-out; cursor: pointer;}

div.publicfooter_leftico:hover{ border: 1px solid rgba(94,94,94,1);}

div.publicfooter_leftico:hover img{  filter: brightness(10);}

div.publicfooter_rt{ float: right;}

div.publicfooter_rtnavbk{ float: left; margin-left: 80px;}

div.publicfooter_rtnav_t{ height: auto; line-height: 33px; color: #ffffff; font-size: 16px; margin-bottom: 30px;}

div.publicfooter_rtnav_t a{ color: #fff;}

div.publicfooter_rtnav_line{ width: 16px; height: 1px; background: #8f8e8e; margin-bottom: 14px;}

div.publicfooter_rtnav_li{  height: auto; line-height: 31px; color: #8f8e8e; font-size: 14px;}

div.publicfooter_rtnav_li a{ color: #8f8e8e; transition: all 0.36s ease-in-out;}

div.publicfooter_rtnav_li a:hover{color: #fff;}

div.publicfooter_rtnavbk:nth-child(1){ margin-left: 0;}

div.publicfooter_rtadd{    width: 244px;
    height: 45px;
    line-height: 45px;
    float: right;
    margin-right: 0;
    text-align: center;
    color: #8f8e8e;
    font-size: 14px;
    margin-top: 32px;
    margin-left: 98px;}

div.publicfooterbottom{ width: 100%; height: auto; background: #717171;}

div.publicfooterbottommid{ width: 1280px; height: auto; margin: auto; padding: 17px 0; line-height: 28px;}

div.publicfooterbottoml{ float: left; height: auto; color: #b7b7b7;}

div.publicfooterbottoml a{ color: #b7b7b7; transition: all 0.36s ease-in-out;}

div.publicfooterbottoml a:hover{ color: #fff;}

div.publicfooterbottomr{ float: right; height: auto;color: #b7b7b7;}

div.publicfooterbottomr a{ color: #b7b7b7; transition: all 0.36s ease-in-out;}

div.publicfooterbottomr a:hover{ color: #fff;}

div.nybannerback{ width:100%; height:6rem; position: relative;}

div.nybannerbg{ width: 100%; height: 100%;}

div.nybanner_tbk{ width: 100%; height: 100%; position:absolute; left: 0; top: 0; display: flex;flex-wrap: wrap;  align-content: center;}

div.nybanner_ent{ width: 100%; height: auto; line-height:0.66rem;  text-align: center; color: #ffffff; font-size: 48px; font-family: 'bask'; text-transform: uppercase;}

div.nybanner_cnt{ width: 100%; height: auto; line-height: 0.47rem; text-align: center;  color: #ffffff; font-size: 18px; letter-spacing: 2px;}

div.gywmoneback{ width: 1280px; height: auto; margin: auto; padding-top: 99px; padding-bottom: 140px; position: relative;}

div.gywmoneleft{ width: 384px; height: auto; float: left; }

div.gywmoneleft img{ width: 100%; height: auto;}

div.gywmonert{ width: 772px; height: auto; float: right; margin-top: 36px; line-height: 28px; color: #898989; font-size: 16px;}

div.gywmoneico{ width: 380px; position: absolute; right: 0; bottom: 0;}

div.gywmtwoback{ width: 100%; height: auto; padding: 85px 0 80px;}

div.gywmtwo{ width: 1280px; height: auto; margin:auto; position: relative;}

div.gywmtwo_t{ width: 555px; height: auto;}

div.gywmtwoqh{ width: 100%; height: auto; margin: auto; margin-top: 60px; position: relative;}

div.gywmtwolist{ width: 100%; height: auto;}

div.gywmtwolistpic{ width: 100%; height: auto;  margin-bottom: 23px;}

div.gywmtwolistpic img{ width: 100%; height: auto;}

div.gywmtwolist_t{ width: 100%; height: auto; line-height:47px; color: #ffffff; font-size: 24px; font-weight: 700; margin-bottom: 5px;}

div.gywmtwolist_desc{ width: 100%; height: auto; line-height: 25px; color: #ffffff; opacity: 0.5; font-size: 14px;  }

div.gywmtwobuttonl{ width: 0.55rem; height: 0.55rem; position: absolute; left: -1rem; top: 37%; background: url("../img/indexthreebuttonlh.png") #4b4b4b center no-repeat; background-size: 100%; transition: all 0.36s ease-in-out; cursor: pointer; outline: none;  z-index: 10; border-radius: 50%;}

div.gywmtwobuttonr{ width: 0.55rem; height: 0.55rem; position: absolute; right: -1rem; top: 37%; background: url("../img/indexthreebuttonrh.png") #4b4b4b center no-repeat; background-size: 100%; transition: all 0.36s ease-in-out; cursor: pointer; outline: none; z-index: 10;  border-radius: 50%;}

div.gywmtwobuttonl:hover{ background: url("../img/indexthreebuttonl.png") #fff center no-repeat; background-size: 100%; }

div.gywmtwobuttonr:hover{ background: url("../img/indexthreebuttonr.png") #fff center no-repeat; background-size: 100%; }

div.gywmthreeback{ width: 100%; height: auto; padding: 80px 0 65px; background: url("../img/gywmthreebg.jpg") 50%/cover no-repeat;}

div.gywmthree{ width: 1280px; height: auto; margin: auto; position: relative;}

div.gywmthree_t{ width: 100%; height: auto; line-height: 68px; color: #000000; font-size: 16px;}

div.gywmthree_t span{ color: #000000; font-family: 'bask'; margin-right: 13px; font-size: 72px;} 

div.gywmthree_main{ width: 100%; height: auto; margin-top:0.6rem;}

div.gywmthreelist{ width: 300px;height: auto; }

div.gywmthreelistpic{ width: 100%; height: 398px; background: url("../img/gywmthreebg.png") center no-repeat; padding: 17px 18px;}

div.gywmthreelistpicn{ width: 100%; height: 100%; display: flex; align-content:center;}

div.gywmthreelistpicn img{  max-width: 100%; max-height:100%;}

div.gywmthreelist_t{ width: 100%; height: auto; line-height: 27px; text-align: center; margin-top: 40px;}

div.gywmthreejtl{ width: 22px; height: 15px; position: absolute; left: -100px; top: 50%; margin-top: -7px; background: url("../img/gywmthreeleft.png") center no-repeat; cursor: pointer; outline: none;}

div.gywmthreejtr{ width: 22px; height: 15px; position: absolute; right: -100px; top: 50%; margin-top: -7px; background: url("../img/gywmthreeright.png") center no-repeat; cursor: pointer; outline: none;}

div.gywmthreejtl:hover{ background: url("../img/gywmthreelefth.png") center no-repeat;}

div.gywmthreejtr:hover{ background: url("../img/gywmthreerighth.png") center no-repeat;}

div.indextwohovermore{ width: 100%; height:100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.5); display: flex;     align-content: center; flex-wrap: wrap; opacity: 0; transition: all 0.36s ease-in-out;}

div.indextwohovermore_t{ width: 1rem; height: 1rem; line-height: 1rem; border-radius: 50%; background: #c90402; color: #ffffff; font-size: 15px; font-family: 'bask'; text-align: center; margin: auto;}

div.indextwolist:hover div.indextwohovermore{ opacity: 1;}


div.pronavbk{ width: 100%; height: auto; margin: auto;  padding-top: 80px; position: relative;}

div.pronav_1t{ width: 1280px; margin: auto; height: auto; line-height:80px; padding-bottom: 25px; color: #000000; font-size: 72px;font-family: 'bask'; }

div.pronav_bottom{ width: 1280px; height: auto; margin: auto;  position: relative; display: flex; flex-wrap: nowrap; justify-content: space-between;}

div.pronav{ width: 100%; height: auto; line-height: 123px; font-size: 16px; position: relative; text-align: center;}

div.pronav a{ color: #606060; transition: all 0.5s ease-in-out;}

div.pronavhover a{ color: #c90402; font-size: 16px; font-weight: 700;}

div.pronavbk::before{ content: ''; display: block; width: 100%; height: 2px; position: absolute; left: 0; top: 0; background: #000000; top: 185px;}

div.pronav::before{ content: ''; display: block; width: 0; height: 2px; position: absolute; left: 0; top: 0; background: #c90402; transition: all 0.5s ease-in-out;}

div.pronavhover::before{content: ''; display: block; width:100%; height: 2px; position: absolute; left: 0; top: 0; background: #c90402;}

div.pronav:hover:before{content: ''; display: block; width:100%; height: 2px; position: absolute; left: 0; top: 0; background: #c90402;}

div.promain{ width: 1280px; height: auto; margin: auto; margin-top: 40px;}

div.prolist{ width: 30%; height: auto; float: left; margin-bottom: 57px;margin-left:5%;}

/*div.prolist:nth-child(2n){ float: right;}*/

div.case_main{ width: 1280px; height: auto; margin: auto; padding-top: 80px;}



div.case_main_t{ width:100%; height: auto; line-height: 80px;  color: #000000; font-size: 16px;}

div.case_main_t span{ font-family: 'bask'; color: #000000; font-size: 72px; margin-right: 20px;}

div.case_n{ width: 1280px; height: auto; margin: auto; margin-top: 75px;}

div.case_list{ width: 410px; height: auto; float: left; margin-right: 25px; margin-bottom: 80px;}

div.case_listpic{ width: 100%; height: 310px; overflow: hidden;}

div.case_listpic img{ width: 100%; height: 100%; transition: all 1s cubic-bezier(.165,.84,.44,1) 0s;}

div.case_listbottom{ width: 100%; height: 180px; background: #f3f2f2; padding: 32px 40px 0;}

div.case_listbottom_t{ width: 100%; height: 35px; line-height: 35px; overflow: hidden; color: #373737; font-size: 18px; font-weight: 700; margin-bottom: 11px; }

div.case_listbottom_desc{ width: 100%; line-height: 24px; height: 48px; color: #8e8d8d; font-size: 14px; overflow: hidden;}

div.case_list:hover div.case_listpic img{ transform: scale(1.1);}

div.case_list:hover div.case_listbottom{ background: #000000;}

div.case_list:hover div.case_listbottom_t{ color: #fff;}

div.case_list:nth-child(3n){margin-right: 0;}

div.xinwenmain{ width: 1280px; height: auto; margin: auto; padding: 80px 0;}

div.xwmainlist{ width: 100%; height: auto; padding: 101px 0; border-top: 1px solid #e7e7e7;}

div.xwmainlistn{ width: 1280px; height: auto; margin: auto;}

div.xwmainlistn_left{ width: 640px; height: auto; float: left;}

div.xwmainlistn_left_t{ width: 100%; height: 25px; line-height: 25px; overflow: hidden; color: #000000; font-size: 24px; margin-top: 24px;}

div.xwmainlistn_left_time{ width: 100%; height: auto; line-height: 18px;  margin-top: 24px; color: #bebebe; font-size: 16px; font-family: 'bask';}

div.xwmainlistn_left_desc{ width: 100%; height: 81px; overflow: hidden; line-height: 27px; color: #969696; font-size: 16px; margin-bottom: 32px;}

div.xwmainlistn_left_more{ width: 55px; height: 55px; border-radius: 50%; background:url("../img/indexthreebuttonrh.png") #4b4b4b center no-repeat;}

div.xwmainlistn_rt{ width: 512px; height: 270px; float: right; overflow: hidden;}

div.xwmainlistn_rt img{ width: 100%; height: 100%; transition: all 1s cubic-bezier(.165,.84,.44,1) 0s;}

div.xwmainlist:hover{ background: #e7e7e7;}

div.xwmainlist:hover div.xwmainlistn_left_t{ font-weight: 700;}

div.xwmainlist:hover div.xwmainlistn_left_more{background:url("../img/indexthreebuttonrh.png") #cf0402 center no-repeat;}

div.xwmainlist:hover div.xwmainlistn_rt img{ transform: scale(1.1);}

div.lxoneback{ width:1280px; height:600px; margin: auto; }

div.lxoneleft{ width: 640px; float: left; height: 600px; background: #000000; padding-top: 125px; padding-left: 95px;}

div.lxoneleftico1{ width: 100%; height: 70px; line-height: 70px; padding-left: 70px; color: #ffffff; font-size: 40px; font-family: 'av'; background: url("../img/lxwmico1.png") center left no-repeat; margin-bottom: 53px;}

div.lxoneleftico2{ width: 100%; height: 45px; line-height: 45px; padding-left: 70px; margin-bottom: 28px; background: url("../img/lxwmico2.png") center left no-repeat; color: #cbcbcb; font-size: 18px; }

div.lxoneleftico3{ width: 100%; height: 45px; line-height: 45px; padding-left: 70px; margin-bottom: 28px; background: url("../img/lxwmico3.png") center left no-repeat; color: #cbcbcb; font-size: 18px; }

div.lxoneleftico4{ width: 100%; height: 45px; line-height: 45px; padding-left: 70px; margin-bottom: 28px; background: url("../img/lxwmico4.png") center left no-repeat; color: #cbcbcb; font-size: 18px; }

div.lxoneright{ width: 640px; height: 600px; float: left;}

div.lxtwoback{ width: 1280px; height: auto; margin: auto; margin-top: 89px;}

div.lxtwo_t{ width:100%; height: 39px; line-height: 39px; color: #575757; font-size: 16px; }

div.lxtwo_form{ width: 100%; height: auto; margin-top: 14px; padding-bottom: 100px;}

div.lxtwo_formnavl{width: 400px; float: left; margin-left: 40px;}

div.lxtwo_formnavl:nth-child(1){margin-left: 0;}

div.lxtwo_formnav{ width: 400px; height: 52px; line-height: 52px; border: 1px solid #dcdcdc; margin-bottom: 10px;}

div.lxtwo_formnav input{ width:100%; height: 100%; display: block; background: none; border: none; outline: none; padding: 0 17px;}

div.lxtwo_formnavcont{ width: 100%; height:176px; border: 1px solid #dcdcdc; line-height: 1.8; padding: 15px 10px;}

div.lxtwo_formnavcont textarea{ width:100%; height: 100%; display: block; background: none; border: none; outline: none; padding: 0 17px;}

div.lxtwo_formnavsubmit{ width: 200px; height: 58px; float: right; border-radius: 35px; background: #c90402; font-size: 16px; font-weight: 700; letter-spacing: 3px; margin-top: 18px;}

div.lxtwo_formnavsubmit input{ width: 200px; height: 58px; border-radius: 35px; background: none; font-size: 16px; outline: none; border: none; font-weight: 700; letter-spacing: 6px; color: #fff;}

div.lxtwo_formyz{ float: left; height: 58px; margin-top: 7px;}

div.lxtwo_formyz img{height: 58px; float: left; margin-right: 15px; display: block;}

div.lxtwo_formyzinput{width:200px; height:58px; float: left; border-bottom:1px solid #dcdcdc; }

div.lxtwo_formyzinput input{width:200px; height:58px; display: block; background: none; border: none; outline: none; padding: 0 17px;}

div.nybread{ width: 100%; height: 86px; border-bottom: 1px solid #e0e0e0;}

div.nybreadn{ width: 1200px; height: auto; line-height: 86px; margin: auto; color: #999999; font-size: 14px;}

div.nybreadn a{ color: #999; transition: all 0.36s ease-in-out;}

div.nybreadn a:hover{ color: #003787;} 



div.nybreadnleft{ width: 290px; float: left;}

div.nybreadnleft a:hover{ color: #00b082;}

div.nybreadnmid{ width: 165px; height: 86px; margin-left: 114px; text-align: center; color: #666666; font-family: 'dinp'; font-size: 14px;float: left;}

div.nybreadr{ float: right; height: 86px; position: relative;}

div.nybreadr::before{ content: ''; display: block; width: 1px; height: 16px; background: #a7a7a7; position: absolute;     left: 94px;
    top: 35px;}

div.nybreadrleft{ float: left; height: 86px; padding-left: 40px; background: url("../img/newxxleft.png") center left no-repeat; color: #999999; font-size: 14px; margin-right: 12px;}

div.nybreadrright{ float: left;height: 86px; padding-right: 40px; background: url("../img/newxxright.png") center right no-repeat; color: #999999; font-size: 14px; margin-left: 12px;}

div.newxxonebk{ width: 960px; height: auto; margin: auto; padding: 56px 0 122px;}

div.newxxone_t{ width: 100%; height: auto; line-height: 49px; text-align: center; color: #585858; font-size: 30px;}

div.newxxone_cont{ width: 100%; height: auto; margin-top: 36px; line-height: 36px; color: #585858; font-size: 16px;}

div.newxxone_cont img{ max-width: 100%;}

div.newheadxlback{ width: 100%; height: 0; position: fixed; left: 0; top: 0; z-index: 999999; background: #181818;   overflow: hidden; transition: all 0.7s ease-in-out;}

div.newheadxlbackh{ height: 100vh;padding: 0.4rem 10% 0; }

div.newheadxltopicobk{ width: 100%; height: 0.43rem;}

div.newheadxltopico{ float: right;}

div.newheadxltopico1{ float: left; height: 0.43rem; width: 0.43rem; margin-right: 0.1rem; display:none;}

div.newheadxltopico2{ float: left; height: 0.43rem; width: 0.43rem; cursor: pointer;}

div.newheadxlbottombk{ width: 100%; height: auto; display: flex; flex-flow: nowrap; justify-content: space-around; margin-top: 0.5rem; position: relative;}

div.newheadxlbottombk::before{content: ''; display: block; width: 100%; height: 1px; background: #363636; position: absolute; top: 0.5rem;}

div.newheadxlbottomli_t{ height: 0.5rem;
    line-height: 0.3rem;
    margin-bottom: 0.3rem;
    color: #e3e3e3;
    font-size: 0.22rem;
    position: relative;}

div.newheadxlbottomli_t a{ display: block; width: 100%; height: 100%; color: #e3e3e3; transition: all 0.36s ease-in-out;}

div.newheadxlbottomli_t::before{content: ''; display: block; width:0; height: 3px; background: #d70c19; bottom: 0; left: 0; transition: all 0.5s ease-in-out; position: absolute;}

div.newheadxlbottomli:hover div.newheadxlbottomli_t:before{width: 100%;}

div.newheadxlbottomli_t a:hover{ color: #d70c19;}

div.newheadxlbottomli_list {
    height: auto;
    line-height: 2.5;
    color: #939393;
    font-size: 0.15rem;
}
div.newheadxlbottomli_list a{ color: #939393;}

div.newheadxlbottomli_list a:hover{ color: #d70c19; font-weight: 700;}


div.footerbacktop{ width:110px; height:110px; position:absolute; right:90px; top:-55px; background:url(../img/backtop.png) center no-repeat; cursor:pointer;}