*{ margin:0; padding:0;}
body{overflow-x:hidden; }
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: 50px;
	text-align: left;
	width:100%;
	margin-top: 0.6rem;
	margin-bottom:1rem;
}
.pagination a {
	display: inline-block;
	margin-right: 10px;
	width: 80px;
	height: 40px;
	line-height: 40px;
	
	text-decoration: none;
	
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	background: #fff;
	color: #003855;
    border-radius: 35px;
	transition:all 0.3s ease-in-out;

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

}
.pagination a.cur {
	display: inline-block;
	margin-right: 10px;
	width: 80px;
	height: 40px;
	line-height: 40px;
	
	text-decoration: none;

	font-size: 16px;
	font-weight: 700;
	text-align: center;
	
	transition:all 0.3s ease-in-out;
	background: #003855;
	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:'av';src: local('av'), url(../img/av.woff) format('woff');}
@font-face {font-family:'av100';src: local('av100'), url(../img/av100.woff) format('woff');}
@font-face {font-family:'ak';src: local('ak'), url(../img/av.woff) format('woff');}
@font-face {font-family:'cen';src: local('cen'), url(../img/cen.woff) format('woff');}
@font-face {font-family:'iconfont';src: local('iconfont'), url(../img/iconfont.woff) format('woff');}
.icon-shipin:before {
  content: "\e812";
}

.icon-xinwen1:before {
  content: "\e601";
}

.icon-qiyewenhua1:before {
  content: "\e756";
}

.icon-chuanghu:before {
  content: "\e6bd";
}

.icon-weibo:before {
  content: "\e62f";
}

.icon-weixin:before {
  content: "\e6b3";
}

.icon-douyin:before {
  content: "\e656";
}

.icon-xiaohongshu:before {
  content: "\e61c";
}

.icon-shipinhao:before {
  content: "\e745";
}
div.indexbannerback{ width: 100%; height: 100vh; position: relative; }

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

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

div.indexbanner .swiper-slide{ width: 83.5%; height: 100vh;}

div.indexbannerfj{ width: 290px; height: auto; position: absolute; right: 2.5%; top: 47%;}

div.indexbannernumbk{ width: 245px; height: auto;margin: auto;   position: relative; }

div.indexbannernumbk .swiper-pagination{ width: 100%; position: relative; bottom: auto; left: auto;  color: #ffffff; font-size: 0; display: flex;
    justify-content: space-between;}

div.indexbannernumbk .swiper-pagination span{font-size: 14px; font-family: 'cen';}

div.indexbannernumline{ width: 180px; height: 1px; background: rgba(255,255,255,0.3); position: absolute;  left: 29px;
    top: 9px; z-index: 100;}

div.indexbannernumlinebg{ width:0; height: 1px; background: #fff; transition: all 4s; -webkit-transition: all 4s; -moz-transition: all 4s; -ms-transition: all 4s; -o-transition: all 4s; }

div.swiper-slide-active div.indexbannernumlinebg{ width: 100%; height: 1px; background: #fff;}

div.indexbannerbuttonleft{ width:13px; height: 13px; position: absolute; left: 0; z-index: 10; top: 4px; background: url(../img/bannerleft.png) center no-repeat; cursor: pointer; outline: none;} 

div.indexbannerbuttonright{ width:13px; height: 13px; position: absolute; right: 0; z-index: 10;top: 4px; background: url(../img/bannerright.png) center no-repeat; cursor: pointer; outline: none;} 

div.inbannerrtico{ width: 0.6rem; height: 1.7rem; position: absolute; right: 0; top: 50%; margin-top: -0.85rem; background: url(../img/bannerrico.jpg) center no-repeat; background-size: 100%; z-index: 10; }

div.inbannerrt_t{ width: 1.01rem; height: auto; position: absolute; right: 6%; bottom: 0.9rem; z-index: 10;}

div.inbannerbottom{ width: 100%; height: auto; bottom: 0.6rem; left: 16.5%; position: absolute; z-index: 100;}

div.inbannerbottomadd{ float: left; padding:0 0.25rem; height: 30px; line-height: 30px;  background: #8891a6; border-radius: 35px; -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px; }

div.inbannerbottomadd a{color:#fff; font-family: 'av';}

div.inbannerbottomadd img{ margin-right: 0.05rem;}

div.inbannerbottomtel{ float: left; height: 30px; line-height: 30px; color: #fff; font-size: 16px; font-family: 'av'; margin-left: 1.05rem;}

div.publicheadback{ width: 100%; height: auto; position: fixed; top: 0.45rem; left: 0; z-index: 999999;background: rgb(0 ,58,89,0); transition:all 0.36s ease-in-out;}

div.publicheadbackshow{ width: 100%;
    height: auto;
    position: fixed;
    top: 0.45rem;
    left: 0;
    z-index: 999999;
    background: rgb(0 58 89);
    padding: 15px 0;
    top: 0;}

div.publicheadbackshow div.publicheadrt {
    float: right;
    height: 53px;
    float: right;
    margin-right: 8.3%;
    margin-top: 17px;
}

div.publicheadlogo{ width: 344px; height: auto; float: left;}

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

div.publicheadrt{ float: right; height: 53px;  float: right; margin-right: 8.3%; transition:all 0.36s ease-in-out;}

div.publicheadrt_nav{ height: 53px; line-height: 53px; color: #ffffff; font-size: 16px; margin-left: 0.55rem; float: left; position: relative;}

div.publicheadrt_nav a{ color: #fff; position: relative; z-index: 10;}

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


div.publicheadrt_navh{ width: 100px; height: auto; position: absolute; left: 50%; margin-left: -50px;   top: -0.45rem; padding-top: calc(0.45rem + 60px); background: #003a59; padding-bottom: 8px; opacity: 0; visibility: hidden; transition: all 0.36s ease-in-out;}

div.publicheadrt_nav:hover div.publicheadrt_navh{opacity: 1; visibility: visible;}

div.publicheadrt_navh::before{ content: ''; display: block; width: 100px; height: 100px; position: absolute;  bottom: -50px; left: 0; background: #003a59; border-radius: 50%;}

div.publicheadrt_navhh{ position: relative; top: 15px;}

div.publicheadrt_navhxl{ width: 100%; height: auto; line-height: 28px; text-align: center; color: #ffffff; font-size: 13px; font-weight: 700; position: relative;}

div.publicheadrt_navhxl a{ color: #ffffff;}

div.publicheadrt_navline{ width: 70%; height: 1px; background: #33617a; margin: auto; margin-bottom: 7px;}

div.indexoneback{ width: 100%; position: relative; padding-bottom: 1.5rem;}

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

div.indexoneleft{ width: 8.3%; height: 100%; float: left; display: flex; justify-content: center;  padding-top: 1.48rem;}

div.indexonemid{ width: 33.3%; height:auto; float: left; margin-left: 8.3%; padding-top: 1.5rem;}

div.indexone_t{ width: 100%; max-width: 3.8rem; height:auto;}

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

div.indexone_desc{ width: 100%; height: auto; margin-top: 0.48rem; line-height: 36px; color: #727171; font-size: 16px;}

div.indexone_pic1{ width: 100%; max-width: 3.76rem; height: auto; margin-top: 1rem;}

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

div.indexonert{ width: 41.7%; height: auto; float: right; padding-top: 1.5rem;}

div.indexonertpic2{ width: 100%; height: 6.5rem;  background: url(../img/indexonerightpic.jpg) 50%/cover no-repeat; margin-bottom: 1.16rem;}

div.indexonertbottom{
	width: 33.3vw;
	height: auto;
	float:left;
	position: relative;
	
}

div.indexonertbottom::before{content: ''; display: block; position: absolute; left: 0; top:5px; width: 22px; height:17px; background: url(../img/indexoneico1.png) center no-repeat;}
div.indexonertbottomn{  width: 80%; height: auto; margin: auto;}

div.indexonertbottomnli{ width:50%; height:auto; float: left; line-height:30px; color:#8e8e8e;}

div.indexonertbottomnli a{ color:#8e8e8e; font-size: 0.14rem; white-space: nowrap;}

div.indexonertbottomnli a:hover{ text-decoration: underline; color: #912323;}

div.indexonertbottomrtpic{ width: 7vw; float: left; text-align: center;}

div.indextwoback{ width: 100%; height: auto; padding: 0.89rem 3.2% 0.75rem; background: #003a59; position: relative;}

div.indextwoback::before{content: ''; display: block; width: 100%; position: absolute; bottom: 0; left: 0; height: 9.7rem; background: #0b0b0b;}
div.indextwoback::after{content: ''; display: block; width: 100%; position: absolute; bottom: 9.7rem; left: 0; height:1.6rem ; background:linear-gradient(to bottom ,transparent , #0b0b0b);}
div.indextwotop{ width: 100%; height: auto;  position: relative; z-index: 10;}

div.indextwotop_t{ width: 100%; height:0.67rem; line-height: 0.67rem;  text-align: center; color: #ffffff; font-size: 0.6rem; font-family: 'av';}

div.indextwotop_t2{ width: 100%; line-height: 0.53rem; text-align: center; color:#fff; font-size: 0.3rem; font-weight: 700;}

div.indextwotop_desc{ width:100%; height:auto; line-height: 0.24rem; text-align: center; color: #949494; font-size: 0.14rem; margin-top:0.32rem;}

div.indextwomain{ width:100%; height:auto; position: relative; z-index: 10; margin-top: 0.7rem;}

div.indextwolist{ width: 49.6%; height: 8.5rem; float:left; position: relative; overflow: hidden; margin-bottom: 0.13rem;}

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

div.indextwolistbottom{ width: 100%; padding: 0 0.6rem; position: absolute; left: 0; bottom: 0.57rem;}

div.indextwolistbottom_ent{ width: 100%; height:auto; line-height: 0.47rem; color:#fff; font-size: 0.36rem; font-family: 'av';}

div.indextwolistbottom_cnt{ width: 100%; height: auto; line-height: 0.34rem; color: #ffffff; font-size: 0.18rem;}

div.indextwolistbottomh{ opacity: 0; width: 100%; height:100%; position: absolute; left: 0; top: 0; background: url(../img/indextwohoverbg.png) rgba(11,11,11,0.3) right top no-repeat; background-size: 2.9rem;}

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

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

div.indextwolist:nth-child(2){ float: right;}

div.indextwolist:nth-child(4){ float: right;}
div.indextwolist:nth-child(6){ float: right;}
div.indextwomore{ position: relative; overflow: hidden; border: 2px solid #fff; width: 1.56rem; transition: all 0.36s ease-in-out; height: 0.55rem; margin: auto; margin-top: 0.7rem; font-size: 0.14rem; font-family: 'cen'; border-radius: 35px; border-radius: 35px; line-height: 0.52rem; text-align: center;}

div.indextwomore a{ display: block; width: 100%; height:100%; color:#fff; position: relative; transition: all 0.36s ease-in-out;}
div.indextwomore:hover{background: #fff;}

div.indextwomore:hover a{ color: #0b0b0b;}

div.indexthreeback{ width: 100%; height: auto; padding: 0.89rem 8.3% 0.95rem; position: relative; background: #f5f5f5;}

div.indexthree_ent{ width: 100%; height:auto; line-height: 0.67rem; text-align: center; color:#003855; font-size: 0.6rem; font-family: 'av';}

div.indexthree_cnt{ width:100%; height:auto; line-height: 0.5rem; text-align: center; color: #003855; font-size: 0.3rem; font-weight: 700;}

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

div.indexthreelist{ width: 49%; height: auto; float: left;}

div.indexthreelistpic{ width:100%; height:4rem; position: relative; overflow: hidden; margin-bottom: 0.3rem;}

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

div.indexthreelistpicbgh{ width:100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/indexthreelih.png) rgba(118,30,30,0.8) center no-repeat; opacity: 0;}

div.indexthreelist:hover div.indexthreelistpicbg{ transform: scale(1.1);}

div.indexthreelist:hover div.indexthreelistpicbgh{ opacity: 1;}

div.indexthreelist_t{ width:100%; height: auto; line-height: 0.45rem; color: #000000; font-size: 0.24rem;}

div.indexthreelist_time{ width:100%; height:auto; line-height: 0.35rem; color:#bebebe; font-size: 0.16rem; font-family: 'Cambria Math';}

div.indexthreelist_desc{ width:100%; height:auto; line-height: 0.28rem; margin-top: 0.18rem; color:#969696; font-size: 0.16rem;}

div.indexthreelist:nth-child(2){float: right;}

div.indexthreemore{ position: relative; overflow: hidden; border: 2px solid #649974; width: 1.56rem; transition: all 0.36s ease-in-out; height: 0.55rem; margin: auto; margin-top: 0.65rem; font-size: 0.14rem; font-family: 'cen'; border-radius: 35px; border-radius: 35px; line-height: 0.52rem; text-align: center;}

div.indexthreemore a{ display: block; width: 100%; height:100%; color:#649974; position: relative; transition: all 0.36s ease-in-out;}
div.indexthreemore:hover{background: #649974;}

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

div.indexthreeleft_t{ width: 8.3vw; height: 100%; position: absolute; left: 0; top: 0; padding-top: 1.37rem; text-align: center;}

div.indexthreeleft_t img{ width: 0.3rem;}

div.indexthreeleft_t::before{content: ''; display: block; width: 1px; height: 100%; background: #e3e3e3; position: absolute; right:0; top: 0;} 

div.publicfooterback{ width: 100%; height:auto; padding: 0.86rem 8.3% 1.65rem; background: #0b0b0b; position: relative;}

div.publicfooterlogo{ width: 1.6rem; height:auto; margin: auto;}

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

div.publicfooternavbk{ width:100%; height:2.3rem; margin-top:0.46rem; display:flex; line-height: 2.3rem;  background: url(../img/footernavbg.png) center no-repeat; background-size:13.08rem;     justify-content: center;}

div.publicfooternav{ height: 2.3rem; line-height: 1.8rem; color: #ffffff; font-size: 0.16rem; margin: 0 0.25rem;}

div.publicfooternav a{ color:#fff;}

div.publicfooterbottom{ width:100%; height: auto; margin-top: 0.5rem; display: flex; justify-content: center;}

div.publicfooterbottomnav{ padding-left: 0.7rem; line-height: 0.56rem;  color: #cecece; font-size: 0.16rem; font-family: 'av'; margin:0 0.35rem; }

div.indexfooterleft{ width: 8.3vw; height: 100%; position: absolute; left: 0; top: 0; padding-top: 1.12rem; text-align: center;}

div.indexfooterleft img{ width: 0.19rem;}

div.indexfooterleft::before{content: ''; display: block; width: 1px; height: 100%; background: #4f4f4f; position: absolute; right:0; top: 0;} 

div.publicfooterbacktop{ width: 1.6rem; height: 1.6rem; position: absolute; right: 8.3%; top: -0.8rem;  cursor: pointer;}

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

div.publicfooterbottomxx{ width: 100%; height: auto; padding: 11px 0; text-align: center; line-height: 36px; background: #1d1d1d; color: #5b5b5b; font-size: 0.14rem;}

div.publicfooterbottomxx a{ color: #5b5b5b; transition: all 0.36s ease-in-out;}

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

div.nybannerback{ width: 100%; height:6.5rem;display: flex;
    flex-wrap: wrap;
    align-content: center;}

div.nybannerent{ width: 100%; height: auto; line-height: 0.98rem; text-align: center; color: #ffffff;  font-weight: 700; font-size: 0.8rem; text-transform: uppercase;}

div.nybannercnt{ width: 100%; height: auto; line-height: 0.53rem; text-align: center; color: #fff; font-size: 0.16rem;}

div.gywmoneback{ width: 100%; height: auto; padding: 1.5rem 0 0.86rem; position: relative;}

div.gywmoneleft{ width: 33.3vw; height: auto; float: left; margin-left: 16.7%;}

div.gywmoneleft_t{ width:3.8rem; height: auto;}

div.gywmoneleft_t img{ width: 3.8rem;}

div.gywmoneleft_desc{ width: 100%; height: auto; margin-top: 0.45rem; line-height: 0.36rem; color: #727171; font-size: 0.16rem;}

div.gywmoneleft_descpic2{ width: 2.04rem; height: auto; margin-top: 0.6rem;}

div.gywmoneleft_descpic2 img{ width: 100%;}

div.gywmonert{ width: 41.7vw; float: right; height: 6.48rem;}

div.gywmtwoback{ width: 100%; height:auto; padding: 0.95rem 16.7% 1.4rem; background: #f4f4f4; position: relative;}

div.gywmtwomain{ width: 100%; height: auto; margin-top: 0.8rem;}

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

div.gywmtwolistleft{ width: 62.5%; height: 4.5rem; overflow: hidden; float: left;}

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

div.gywmtwolistrt{ width: 31.25%; height: auto; float: right; padding-top: 0.32rem;}

div.gywmtwolistrt_t{ width: 100%; height: auto; color: #727171; font-size: 16px; margin-bottom: 0.51rem;}

div.gywmtwolistrt_t span{ font-size: 0.6rem; color: #912323; font-family: 'ak';}

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


div.indexbannerfj1 {
    width: 200px;
    height: auto;
    position: absolute;
    left: 69.5%;
    bottom: 0.5rem;
}
div.indexbannernumbk1{ width: 160px; height: auto;margin: auto;   position: relative; }

div.indexbannernumbk1 .swiper-pagination{ width: 100%; position: relative; bottom: auto; left: auto;  color: #003855; font-size: 0; display: flex;
    justify-content: space-between;}

div.indexbannernumbk1 .swiper-pagination span{font-size: 14px; font-family: 'cen';}

div.indexbannernumline1{ width: 100px; height: 1px; background: rgba(0,56,85,0.3); position: absolute;  left: 29px;
    top: 9px; z-index: 100;}

div.indexbannernumlinebg1{ width:0; height: 1px; background: #fff; transition: all 4s; -webkit-transition: all 4s; -moz-transition: all 4s; -ms-transition: all 4s; -o-transition: all 4s; }

div.swiper-slide-active div.indexbannernumlinebg1{ width: 100%; height: 1px; background: #003855;}

div.indexbannerbuttonleft1{ width:13px; height: 13px; position: absolute; left: 0; z-index: 10; top: 4px; background: url(../img/gywmtwoleft.png) center no-repeat; cursor: pointer; outline: none;} 

div.indexbannerbuttonright1{ width:13px; height: 13px; position: absolute; right: 0; z-index: 10;top: 4px; background: url(../img/gywmtworight.png) center no-repeat; cursor: pointer; outline: none;} 

div.gywmthreeback{ width: 100%; height: auto; padding: 0.8rem 8.3% 1.1rem; position: relative;}

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

div.gywmthreeswiper{ width: 80%; height: auto; margin: auto; margin-top:0.7rem;}

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

div.gywmthreelistn{     width: 65%;
    height: auto;
    position: absolute;
    left: 13%;
    top: 17.7%;}

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

div.gywmthreebuttonleft{ width: 0.5rem; height: 0.5rem; position: absolute; left: 0.5rem; top: 65%; margin-top: -0.25rem; background: url("../img/gywmthreeleftbutton.png") #003855 center no-repeat; border-radius: 50%; cursor: pointer; outline: none;}

div.gywmthreebuttonleft:hover{background: url("../img/gywmthreeleftbutton.png") #912323 center no-repeat;}

div.gywmthreebuttonright{ width: 0.5rem; height: 0.5rem; position: absolute; right: 0.5rem; top: 65%; margin-top: -0.25rem; background: url("../img/gywmthreerightbutton.png") #003855 center no-repeat; border-radius: 50%; cursor: pointer; outline: none;}

div.gywmthreebuttonright:hover{background: url("../img/gywmthreerightbutton.png") #912323 center no-repeat;}

div.cpnavback{ width: 100%; height: auto; padding: 0.8rem 0 0.33rem; border-bottom: 1px solid #dddddd; display: flex; flex-flow: nowrap; justify-content: center;}

div.cpnav{ height: auto; text-align: center; margin:0 0.45rem;}

div.cpnav_t{ height: 0.5rem; padding: 0 0.33rem; line-height: 0.5rem; border-radius: 35px; text-align: center; color: #003a59; font-size: 18px;}

div.cpnav_ent{ height: 0.32rem; line-height: 0.32rem; text-align: center; margin-top: 0.08rem; color: #aaaaaa; font-size: 0.18rem; font-family: 'av'; opacity: 0;}

div.cpnav:hover div.cpnav_t{ background: #003a59;color: #fff;font-weight: 700;}

div.cpnav:hover div.cpnav_ent{  opacity: 1; }

div.cpnavhover div.cpnav_t{ background: #003a59;color: #fff;font-weight: 700;}

div.cpnavhover div.cpnav_ent{  opacity: 1; }

div.cpmain{ width: 1280px; height: auto; margin: auto; margin-top: 1rem;}

div.cplist{ width: 620px; height:auto; float: left; margin-bottom: 0.6rem;}

div.cplistpic{ width: 100%; height: 598px; position: relative; background: #f7f6f6;}

div.cplistpic img{ width: 100%; height: 100%;}

div.cplistpich{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url("../img/cphover.png") rgba(0,0,0,0.2) center no-repeat; opacity: 0;}

div.cplist_t{ width: 100%; height: auto; line-height: 41px; margin-top: 30px; color: #1d1d1d; font-size: 36px; font-family: 'av';}

div.cplist_ft{ width: 100%; height: auto; line-height: 36px;  color: #1d1d1d; font-size: 18px}

div.cplist:nth-child(2n){float: right;}

div.cplist:hover div.cplistpich{ opacity: 1;}

div.cplist:hover div.cplist_t{ color: #912323;}

div.cplist:hover div.cplist_ft{ color: #912323;}

div.xwlistbk{ width: 100%; padding: 1rem 8.3% 0.9rem;}

div.xwlistbk div.indexthreelist{ margin-bottom: 0.75rem;}

div.xwlistbk div.indexthreelist:nth-child(2n){float: right;}

div.casemainback{ width: 1280px; height: auto; margin: auto; padding: 1rem 0 0.95rem;}

div.caselist{ width: 404px; height: auto;  float: left; margin-bottom: 70px; margin-right: 34px;}

div.caselistpic{ width: 100%; height: 535px; position: relative; overflow:hidden; margin-bottom: 33px;}

div.caselistpic img{ transition: all 2.1s cubic-bezier(.165,.84,.44,1) 0s;}

div.caselistpich{ width: 100%; height: 100%; position: absolute; left: 0; top:0;  background: url("../img/caselisth.png") 50%/cover no-repeat; opacity: 0;}

div.caselist_t{ width: 100%; height: auto; line-height: 39px; color: #1d1d1d; font-size: 36px; font-family: 'av';}

div.caselist_ft{ width: 100%; height: auto; line-height: 30px; color: #1d1d1d; font-size: 16px;}

div.caselist:hover div.caselistpic img{ transform: scale(1.1);}

div.caselist:hover div.caselistpich{opacity: 1;}

div.caselist:hover div.caselist_t{ color: #912323;}

div.caselist:hover div.caselist_ft{ color: #912323;}

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

div.huobanmain{ width: 100%; height: auto;margin: auto; padding: 0.98rem 0; background: #f3f3f3;}

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

div.huobanlist{ width: 300px;height: auto; float: left; margin-bottom: 35px;  margin-right: 26px;}

div.huobanlistpic{ width: 100%; height: 130px;}

div.huobanlistpic img{ width: 100%; height: 100%; background: #fff; border-radius: 20px; transition: all 0.36s ease-in-out;}

div.huobanlist_t{ width: 100%; height: auto; line-height: 50px; text-align: center; color: #808080; font-size: 16px;}

div.huobanlist:hover div.huobanlistpic img{ box-shadow: 0 0 20px rgba(0,0,0,0.1);}

div.huobanlist:hover div.huobanlist_t{ color: #003a59; font-weight: 700;}

div.huobanlist:nth-child(4n){margin-right: 0;}

div.lxmain{ width: 1280px; margin:auto; height: auto; padding: 0.87rem 0 1.2rem;}

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

div.lxone_t1{ width: 100%; height: auto; text-align: center; color: #595858; font-size: 36px; font-weight: 100;}

div.lxone_t2{ width: 100%; height: auto; line-height: 61px; text-align: center; color: #595858; font-size: 18px; font-weight: 100;}

div.lxonemap{ width: 100%; height: 550px; margin-top: 58px;}

div.lxtwoleft{  margin-top: 70px; width:100%; display:flex; justify-content:center; }

div.lxtwoleftli{  height: 56px; padding-left: 65px; margin:0 55px; line-height: 56px; color: #6a6a6a; font-family: 'av'; font-size: 16px; margin-bottom: 30px;}

div.lxtwort{ float: right;  margin-top: 80px;}

div.lxtwortpicbk{ width: 212px; height: auto}

div.lxtwortpic{ width: 100%; height: auto; text-align: center;}

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

div.lxtwort_t{ width: 100%; height: auto; line-height: 34px; text-align: center; margin-top: 16px; color: #919090; font-size: 14px; font-weight: 100;}

div.jiamengoneback{ width: 100%; height: auto;  position: relative; padding: 0.85rem 16.7% 1.5rem;}

div.jiamengone{ width: 100%; height: auto; margin: auto;}

div.jiamengonemain{ width: 100%; height: auto; margin: auto; margin-top: 0.7rem; display: flex; flex-wrap: wrap;}

div.jiamengonemainlist{ width: 1.1rem; height: auto; background: #f4f4f4; padding: 0.52rem 0 0.57rem; border-radius: 15px; margin-bottom: 0.2rem;}

div.jiamengonemainlistpic{ width: 100%; height: auto;  text-align: center;}

div.jiamengonemainlistpic img{ width:0.49rem;}

div.jiamengonemainlist_t{ width: 100%; height: 0.32rem; line-height: 0.32rem; text-align: center; margin-top: 0.18rem; color: #003855; font-size: 0.18rem ;font-weight: 700;}

div.jiamengonejt{ width: 18px; height: auto; margin:0.95rem 0.08rem 0;}

div.jiamengonejt:nth-child(1){ display: none;}

div.jiamengonemainlist:hover{ background: #003855;}

div.jiamengonemainlist:hover div.jiamengonemainlistpic img{ filter: grayscale(1)brightness(10);}

div.jiamengonemainlist:hover div.jiamengonemainlist_t{ color: #fff;}

div.jiamengtwoback{ width: 100%; height: auto; padding: 0.83rem 13% 1.5rem; background: #f4f4f4; position: relative;}

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

div.jiamengtwomain{ width: 100%; height: auto; margin-top: 0.55rem; display: flex; flex-flow: nowrap; justify-content: space-between;}

div.jiamengtwolist{ width: 2.4rem; height: auto; margin: 0 2%;}

div.jiamengtwolistpic{ width: 100%; height: 3rem;}

div.jiamengtwolistbottom{ width: 100%; height: 1.6rem; padding:0.38rem 0.35rem 0; background: #fff; text-align: center; color: #003855; font-size: 0.18rem;}

div.jiamengtwolist:hover div.jiamengtwolistbottom{ background: #003855; color: #fff;}

div.jiamengthreeback{  width: 100%; height: auto; padding: 0.8rem 16.7% 1.35rem; position: relative;}

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

div.jiamengthreemain{ width: 100%; height: auto;  margin-top: 0.5rem;}

div.jiamengthreeli{ width: 18.75%; height: 3rem; border-radius: 10px;margin-right: 1.5%; float: left; padding: 0.43rem 0 0; margin-bottom: 0.65rem; background: #f4f4f4;}

div.jiamengthreelipic{ width: 1.2rem; height: auto; margin: auto; margin-bottom: 0.25rem;}

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

div.jiamengthreeli_t{ width: 100%; height: auto; line-height: 0.35rem;  text-align: center; color: #003855; font-size: 0.2rem; font-weight: 700;}

div.jiamengthreeli_ft{ width: 100%; height: auto; line-height: 0.27rem; text-align: center; font-family: 'av'; color: #003855; font-size: 14px;}

div.jiamengthreeli:nth-child(5n){margin-right: 0;}


div.jiamengthreeli:hover{ background: #003855;}

div.jiamengthreeli:hover div.jiamengthreeli_t{ color: #fff;}

div.jiamengthreeli:hover div.jiamengthreeli_ft{ color: #fff; opacity: 0.5;}

div.pagecontent{ width: 1280px; margin: auto; height: auto; padding: 0.7rem 0 1rem; line-height: 2; font-size: 16px; color: #313131;}

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


div.nyxxback{ width:100%; max-width: 1280px;  height:auto; margin:auto; margin-bottom:15px; padding-top: 50px; margin-top: 35px;}

div.nyxxback33{ width:100%; max-width: 1280px;  height:auto; margin:auto; margin-bottom:15px;  }



div.xinwenxxback{ width:100%; height:auto; margin:auto;}

div.xinwenxxtopdata{  width:100%; height:auto; padding-top: 5px; border-bottom:#d0d0d0 1px solid; line-height:38px; text-align:left; color:#a2a2a2; font-size:12px;}

div.xinwenxxtoptitleback{ font-weight:700;  width:100%; height:auto; line-height:48px; text-align:left; color:#323232; font-size:36px;}
 
div.xinwenxxtopcontent{   width:100%; height:auto; line-height:30px; color:#666; font-size:16px; }

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

div.xinwenxxtopcontent video{ width:100% !important; height:auto !important;}

div.xinwenxxtopsyy{ width:100%; float:none; transition:all 0.5s ease-in-out;}

div.xinwenxxtopsyytitle{ width:100%; margin:auto; line-height:29px; color:#7e7d7d; font-size:14px; }

div.xinwenxxtopsyytitle a{ color:#7e7d7d; transition:all 0.5s ease-in-out;}

div.xinwenxxtopbottom{ padding-top: 35px; border-top:#f3f3f3 1px solid; padding-bottom: 35px;}

div.xinwenxxtopbottommain{ margin: auto; width: 96%; max-width: 1280px;}


.contact2{ padding:60px 0; padding-top:100px;}
.contact2 .list{ width:20%; float:left; text-align:center; position:relative; cursor:pointer}
.contact2 .list2{ width:160px; margin:0 auto; background-color:#fff; padding:20px; }
.contact2 .list .d1{ color:#c3c3c3; font-size:36px; padding-top:14px;display: block; -ms-transform: translateY(0); transform: translateY(0); -o-transition: all 0.35s linear; transition: all 0.35s linear; -webkit-transform: translateY(0); -webkit-transition: all 0.35s linear;}
.contact2 .list .coin { height: 120px; overflow: hidden; display: block; -o-transition: all 0.35s linear; transition: all 0.35s linear; -webkit-transition: all 0.35s linear; }
.contact2 .list .d2{ font-size:18px; color:#6a6a6a; line-height:40px; padding-top:2px;}
.contact2 .list .d3{-ms-transform: translateY(45px); transform: translateY(45px); -webkit-transform: translateY(45px); -o-transition: all 0.35s linear; transition: all 0.35s linear; -webkit-transition: all 0.35s linear; }
.contact2 .list .d3 img{width:120px; display:inline-block;}
.contact2 .list:hover .d1{height: 120px; -ms-transform: translateY(-118px); transform: translateY(-118px); -webkit-transform: translateY(-118px); }
.contact2 .list:hover .d3{ height:120px; -ms-transform: translateY(-118px); transform: translateY(-118px); -webkit-transform: translateY(-118px);}
.contact2  .list .iconfont {font-family: "iconfont" !important;font-size: 60px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.contact2  .list:hover .d2{color:#cc1a37;}
.contact2 .list .d2{ font-size:16px; color:#6a6a6a; line-height:40px; padding-top:2px;}
/*服务*/



div.zizhinewli{     width: 305px; background:#fff; height:auto; float:left; margin-bottom:30px; margin-right:20px;}

div.zizhinewli:nth-child(4n){ margin-right:0;}

div.zizhinewli_pic{ width:100%; height:300px;  line-height:250px; text-align:center; overflow:hidden;}

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

div.zizhinewli_t{ width:100%; height:80px; padding:15px 20px; background:#fff;}
 
div.zizhinewli:hover div.zizhinewli_pic img{ transform:scale(1.05);}

div.shipinlist{ width:590px; height:400px; float:left; margin-right:0; position:relative; overflow:hidden; margin-bottom:35px;}

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


div.shipinlistbottom {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 15px 25px 20px;
    background: rgba(0,0,0,0.8);
}


div.shipinlistbottomleft{ height:32px; line-height:32px; float:left; font-size:18px; color:#fff; }

div.shipinlistbottomleft:hover{ color:#003a59;}

div.shipinlistbottomright{ width:30px; height:30px; float:right; background:url(../img/bofang.png) center no-repeat;}

div.shipinlist:hover div.shipinlistpic{ transform:scale(1.1);}

div.shipinlist:nth-child(2n){ float:right;}