*{ 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: 40px;
	text-align: center;
	width:100%;

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

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

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

	font-size: 14px;
	text-align: center;
	
	transition:all 0.3s ease-in-out;
	background: #0e9388;
	color: #fff;
}
.pagination p {
	display: inline-block;
	font-size: 14px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #6c6c6c;
	text-align: center;
	background: #fff;
	color: #0e9388;
	margin-right: 8px;
	font-weight: 700;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}
.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: .7s;
  animation-delay: .7s;
  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:'bah';src: local('bah'), url(../img/bah.woff) format('woff');}

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

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

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

div.indexbannerbk{ width: 100%; height: 100vh;}

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

div.bannerleftbg{ width:29.6%; height: 100%; position: absolute; left: 0; top: 0; z-index: 111; background: url(../img/bannerleft.png) 100%/cover no-repeat;}

div.publicheadback{ width: 100%; height: auto; position:fixed; top: 0; left: 0; z-index:999999;}

div.publichead{ width: 98%;height: auto; max-width: 1800px; margin: auto;}

div.publicheadlogo{  width: 278px; height: auto; float: left; margin-top: 33px;}

div.publicheadrt{ float: right;}

div.publicheadrt_navbk{float: left; height: 74px; margin-top: 0;}

div.publicheadrt_nav{ float: left; height:74px; width: 1.75rem; text-align: center; transition: all 0.36s ease-in-out; line-height: 115px; color: #fff; font-size: 18px; position: relative; font-weight: 700; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; }

div.publicheadrt_nav a{ color: #fff; transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; }

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

div.publicheadrt_nav:hover{ background: #fff;}

div.publicheadrt_nav:hover>a{ color: #0e9388 !important; font-weight: 700;}

div.publicheadrt_tel{float: left;
    height: 30px;
    margin-top: 42px;
    padding-left: 30px;
    line-height: 33px;
    color: #ffffff;
    font-size: 22px;margin-left: 0.5rem; background: url(../img/headtel.png) left center no-repeat; font-family: 'hel';}

div.publicheadrt_lan{ width: 35px; position: relative; margin-top: 42px; height: 30px; float: left; background: url(../img/headdiqiu.png) left center no-repeat; cursor:pointer;margin-left: 0.3rem;}

div.publicheadrt_lan::before{width: 1px; height: 12px; background: #bdd1f5; display: block;content: ''; position: absolute; right: 0; top: 10px;}

div.publicheadrt_ss{ width: 35px;  height: 30px; float: left; margin-top: 41px; background: url(../img/headss.png) left center no-repeat; cursor:pointer;margin-left: 15px;}

div.bannernumbk{ width: 35px; position: absolute;left: 5%; bottom: 0.42rem; z-index: 120;}

div.bannernumline{ width: 1px; height: 0.82rem; background: #fff; margin: auto; margin-bottom: 0.18rem;}

div.bannernum{ width: 100%; height: 0.3rem; line-height: 0.3rem; text-align: center; color: #ffffff; font-family: 'bah'; font-size: 0.36rem;}

div.bannernumzong{ width: 100%; height: 0.2rem; line-height: 0.2rem; text-align: center; color: #ffffff; font-family: 'bah'; opacity: 0.6; font-size: 0.14rem;}

.bannerleftbutton{ width: 15px; height: 11px; z-index: 1120; position: absolute; left: 0.8rem; top: 50%; margin-top: -5.5px; background: url(../img/bannerleftbutton.png) center no-repeat; cursor: pointer; outline: none;}

.bannerrightbutton{ width: 15px; height: 11px; z-index: 1120; position: absolute; right: 0.8rem; top: 50%; margin-top: -5.5px; background: url(../img/bannerrightbutton.png) center no-repeat; cursor: pointer; outline: none;}

div.indextwoback{ width: 100%; height: 100vh; display: flex; flex-wrap: nowrap; background:url(../img/indexyewubg.jpg) 50%/cover no-repeat;}

div.indextwolistbk{ width: 100%; position: relative; height: 100%; overflow: hidden;}

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

div.indextwolistbutton{ width: 3.08rem; height: 3.08rem; padding: 0.44rem; margin: auto; top: 30%; position: relative;  border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

div.indextwolistbutton::before{transition: all 0.36s ease-in-out; opacity: 0; width: 100%; height: 100%; content: ''; display: block; position: absolute; left: 0; top: 0; border-radius: 50%; background: linear-gradient(to right, #7eaab7 ,#8ec7b4); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

div.indextwolistbutton_n{ width: 100%; height: 100%; position: relative; display: table;  border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

div.indextwolistbutton_n::before{transition: all 0.36s ease-in-out; opacity: 0; width: 100%; height: 100%; content: ''; display: block; position: absolute; left: 0; top: 0; border-radius:50% ; background: linear-gradient( to right , #0e9388,#37ee7d); -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; }

div.indextwolistbutton_ncell{ width: 100%; height: auto; display: table-cell; vertical-align: middle; position: relative;}

div.indextwolistbuttonico{ width:0.6rem; height: auto; margin: auto;}

div.indextwolistbutton_t{ width: 100%;line-height: 0.57rem; text-align: center; color: #ffffff; font-size: 0.32rem; font-weight: 700; }

div.indextwolistbutton_more{ transition: all 0.36s ease-in-out; opacity: 0; box-shadow: 0 0 20px rgba(0,0,0,.05); width: 0.44rem; height: 0.44rem; border-radius: 50%; position: absolute; left: 50%; margin-left: -0.22rem; bottom: -0.22rem; background: url(../img/indextwojt.png) rgba(255,255,255,0.3) center no-repeat; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; }

div.indextwolistbk:hover div.indextwolistpic{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

div.indextwolistbk:hover div.indextwolistbutton::before{opacity: 1;}

div.indextwolistbk:hover div.indextwolistbutton_n::before{opacity: 1;}

div.indextwolistbk:hover div.indextwolistbutton_more{opacity: 1;}

div.indexthreeback{ width: 100%; height: 100%; display: table; position:relative;}

div.indexthreebackbg{background: url(../img/indexthreebg.jpg) 50%/cover no-repeat;  width:100%; height:100%; position:absolute; left:0; top:0;} 

div.indexthreecell{ width: 100%; height: auto; display: table-cell; vertical-align: middle;}

div.indexthreemain{ width: 12.8rem; margin: auto;}

div.indexthree_left{ float: left; width: 7.79rem; height: 5.62rem; background: rgba(14,147,136,0.9); margin-left: 0.13rem; padding: 0.38rem 0.6rem 0.53rem; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; } 

div.indexthree_left_t{width: 100%; height: 0.41rem; line-height: 0.41rem; color: #ffffff; font-size: 26px; font-weight: 700;}

div.indexthree_left_en{ width:100%; height: 0.31rem; line-height: 0.31rem; color: #ffffff; font-size: 16px;}

div.indexthree_left_line{ width: 0.37rem; height: 2px; background: #fff; margin-top: 0.22rem;margin-bottom: 0.34rem; }

div.indexthree_left_cont{   line-height: 0.34rem; height: 3.1rem; color:rgba(255,255,255,0.7); font-size: 16px;}

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

div.indexthree_rt{ width: 4.49rem; height: auto; float: right; margin-right: 0.13rem;}

div.indexthree_rt_nav{ width: 4.49rem; position: relative; height: 2.69rem; overflow: hidden; border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ; }

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

div.indexthree_rt_nav_cont{ width: 100%; height: auto; padding: 0.39rem 0.46rem 0;  position: absolute; left: 0; top: 0; }

div.indexthree_rt_nav_cont_1{ width: 100%; height: 0.41rem; line-height: 0.41rem; color: #ffffff; font-size: 26px; font-weight: 700;} 

div.indexthree_rt_nav_cont_2{ width: 100%; height: 0.3rem; line-height: 0.3rem; color: #ffffff; font-size: 16px; }

div.indexthree_rt_nav_cont_more{ width: 0.5rem; height: 0.5rem; margin-top: 0.15rem; background: url(../img/indexthreertjt.png) center no-repeat; border: 1px solid rgba(255,255,255,0.3); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

div.indexthree_rt_nav:hover div.indexthree_rt_navpic{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

div.indexthree_rt_nav:nth-child(2){ margin-top: 0.24rem;}

div.indexfourback{ width: 100%; height: 100%; position: relative; background: url(../img/indexfourbg.jpg) 50%/cover no-repeat; display: table;}

div.indexfourcell{ width: 100%; height: auto; vertical-align: middle; display: table-cell;}

div.indexfour_t{ width: 100%; height: auto; text-align: center; color: #0e9388; font-size: 40px; font-weight: 700; line-height: 47px;}

div.indexfourqh{ width: 100vw; height: auto;  margin-top: 0.39rem;}

div.indexfourlist{ width: 100%; height: 5.26rem; position: relative; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }

div.indexfourlistpic{ width: 100%; height: 100%; overflow: hidden; border-radius: 10px; position: absolute; left: 0; top: 0; transition: all 1s cubic-bezier(.165,.84,.44,1) 0s; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }

div.indexfourlistcont{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; padding: 0.41rem 0.56rem 0;}

div.indexfourlisttime{ width: 100%; height: auto; margin: auto; text-align: right;}

div.indexfourlisttime_1{ height: 0.48rem; line-height: 0.48rem; color: #ffffff; font-family: 'bah'; font-size: 0.52rem;}

div.indexfourlisttime_2{height: 0.3rem; line-height: 0.3rem; color: #fff; opacity: 0.7; font-size: 0.25rem; padding-right: 9px;}

div.indexfourlisttime_3{ height: 0.42rem; line-height: 0.42rem; color: #fff; font-size: 0.34rem;}

div.zhuying_buttonlt{ position: absolute; left: 20%; top: 50%; font-size: 24px; color: #a9a9a9; z-index: 99; cursor: pointer; transition: all 0.36s ease-in-out; outline: none;}

div.zhuying_buttonlt:hover{ color: #0e9388;}

div.zhuying_buttonrt{ position: absolute; right: 20%; top: 50%; font-size: 24px; color: #a9a9a9; z-index: 99; cursor: pointer; transition: all 0.36s ease-in-out; outline: none;}

div.zhuying_buttonrt:hover{ color: #0e9388;}

div.indexfourlistt_bk{opacity: 0;  width: 100%; height: 40%; padding:0 0.56rem; position: absolute; bottom: 0; left: 0; z-index: 100; background: linear-gradient(to bottom , transparent , rgba(0,0,0,0.57));padding-top: 1.1rem; }

div.indexfourlisttleft{ width: 65%; font-size: 0.24rem; font-weight: 700; float: left; height: 40px; line-height: 40px; color: #ffffff; overflow: hidden;}

div.indexfourlisttrt{ width: 0.5rem; height: 0.5rem; float: right; background:url(../img/indexthreertjt.png) #0e9388 center no-repeat; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

div.indexfiveback{ width: 100%; height: 100%; display: table; position: relative;background:url(../img/indexfivebg.jpg) 50%/cover no-repeat;}

div.indexfivecell{ width: 100%; height: auto; vertical-align: middle; display: table-cell;}

div.indexfivemain{ width: 13.85rem; height: auto; margin: auto; margin-top: 0.5rem;}

div.indexfivemain_left{ width: 6.8rem; height: auto; float: left;}

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

div.indexfivemain_left_1nav{ width: 2.15rem; height: 1.57rem; float: left; position: relative; box-shadow: 0 0 20px rgba(0,0,0,0.05);}

div.indexfivemain_left_1navbg{ width: 100%; height: 100%; background: url(../img/indexfivepic1.png) 50%/cover no-repeat; position: absolute; left: 0; top: 0; overflow: hidden; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; -webkit-transition: all 1s cubic-bezier(.165,.84,.44,1) 0s; -moz-transition: all 1s cubic-bezier(.165,.84,.44,1) 0s; -ms-transition: all 1s cubic-bezier(.165,.84,.44,1) 0s; -o-transition: all 1s cubic-bezier(.165,.84,.44,1) 0s; }

div.indexfivemain_left_1navcont{ width: 100%; height: auto; padding: 0.22rem 0.3rem 0; position: absolute; top: 0; left: 0;}

div.indexfivemain_left_1navcont_t{ width: 100%; height: auto; line-height: 0.35rem; color: #ffffff; font-size: 0.21rem; font-weight: 700;}

div.indexfivemain_left_1navcont_more{ width: 0.26rem;  height: auto; margin-top: 0.49rem;  transition:all 0.36s ease-in-out;}

div.indexfivemain_left_1nav:hover div.indexfivemain_left_1navcont_more{ margin-left:0.1rem;}

div.indexfivemain_right_2r:hover div.indexfivemain_left_1navcont_more2{ margin-left:0.1rem;}

div.indexfivemain_left_1nav2{ width: 4.45rem; height: 1.57rem; float: right; background: #e3f7f5; padding: 0.22rem 0.3rem 0; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }

div.indexfivemain_left_1navcont_desc{ width: 100%; height: auto; line-height: 0.26rem; overflow: hidden; height: 0.52rem; margin-top: 0.08rem; color: #a0a0a0; font-size: 0.14rem;}

div.indexfivemain_leftqh{ box-shadow: 0 0 20px rgba(0,0,0,0.05); margin-top: 0.2rem; width: 100%; height: 3.6rem; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }

div.indexfiveqhpic{ width: 100%; height: 3.6rem;border-radius: 10px; }

div.indexfiveqhpic img{ width: 100%; height: 3.6rem;}

div.fiveqh .swiper-pagination {
    bottom: 20px;
    left: 0;
    width: 20%;
}

div.fiveqh .swiper-pagination .swiper-pagination-bullet{ background: #fff; opacity: 1;}

div.fiveqh .swiper-pagination .swiper-pagination-bullet-active{ background: #e20a00;}

div.indexfivemain_rt{ width: 6.8rem; height: auto; float:right;}

div.indexfivemain_rt1{ cursor: pointer; width: 100%; height: 3.61rem; border-radius: 10px; box-shadow: 0 0 20px rgba(0,0,0,0.05); }

div.indexfivemain_rt1hidden{ position: relative; width: 100%; height:100%; overflow: hidden; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }

div.indexfivemain_rt1pic{ width: 100%; height: 100%; transition: all 1s cubic-bezier(.165,.84,.44,1) 0s; -webkit-transition: all 1s cubic-bezier(.165,.84,.44,1) 0s; -moz-transition: all 1s cubic-bezier(.165,.84,.44,1) 0s; -ms-transition: all 1s cubic-bezier(.165,.84,.44,1) 0s; -o-transition: all 1s cubic-bezier(.165,.84,.44,1) 0s; }

div.indexfivemain_rt1:hover div.indexfivemain_rt1pic{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

div.indexfivemain_rt1button{ width: 0.65rem; height: 0.65rem; position: absolute; left: 50%; margin-left: -0.325rem; top: 50%; margin-top: -0.325rem;}

div.indexfivemain_rt2{ width: 100%; height: auto; margin-top: 0.2rem;}

div.indexfivemain_right_2r{ width: 4.45rem; height: 1.56rem; position: relative; float: right; box-shadow: 0 0 20px rgba(0,0,0,0.05); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }

div.indexfivemain_right_1r{ width: 100%; height: 100%; background: url(../img/indexfivepic2.png) 50%/cover no-repeat; position: absolute; left: 0; top: 0; overflow: hidden; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; -webkit-transition: all 1s cubic-bezier(.165,.84,.44,1) 0s; -moz-transition: all 1s cubic-bezier(.165,.84,.44,1) 0s; -ms-transition: all 1s cubic-bezier(.165,.84,.44,1) 0s; -o-transition: all 1s cubic-bezier(.165,.84,.44,1) 0s; }

div.indexfivemain_right_2rbg{ width: 100%; height: 100%; background: url(../img/indexfivepic3.png) 50%/cover no-repeat; position: absolute; left: 0; top: 0; overflow: hidden; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; -webkit-transition: all 1s cubic-bezier(.165,.84,.44,1) 0s; -moz-transition: all 1s cubic-bezier(.165,.84,.44,1) 0s; -ms-transition: all 1s cubic-bezier(.165,.84,.44,1) 0s; -o-transition: all 1s cubic-bezier(.165,.84,.44,1) 0s; }

div.indexfivemain_left_1navcont_more2{ width: 0.26rem;  height: auto; margin-top: 0.24rem; transition:all 0.36s ease-in-out;}

div.indexfivemain_left_1navcont_ent{ height: 0.25rem; line-height: 0.25rem; color: #ffffff; font-size: 0.16rem;} 


div.indexfooter{ width: 100%; height: auto; background: #393939; padding-top: 0.7rem; padding-bottom: 0.75rem;}
div.indexfooter_main{width:96%; margin: auto; max-width: 1280px; display: flex; flex-flow: nowrap; justify-content: space-between; position: relative;}

div.indexfooter_l{ height: auto; float: left;}

div.indexfooter_ln{ float: left; margin-right: 0.6rem; margin-top: 2px;}

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

div.indexfooter_ln_1{ height:43px; line-height: 43px; color: #ffffff; font-size: 16px; margin-bottom: 4px; }

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

div.indexfooter_ln_2{ height: 46px; line-height: 46px; color: #6f6f6f; font-size: 14px;}

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

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

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

div.indexfooter_ewm{ width: 132px; height: auto; }

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

div.indexfooter_ewmpic img{ width: 100%;}

div.indexfooter_ewmt{ width: 100%; height: 45px; line-height: 45px; text-align: center; white-space: nowrap; color: #ffffff; font-size: 16px;}

div.indexfooter_rt{ width: auto; height: auto; position: relative; top: 0;}


div.indexfooter_rt_li{ width: 100%; height: auto; line-height: 40px; padding-left: 40px; background: url(../img/dibuico1.png) 0px 3px no-repeat; color: #b6b6b6; font-size: 15px; margin-bottom: 12px;}

div.indexfooterbottom{ width: 100%; height: auto; background: #333333; padding: 19px 0; text-align: center; line-height: 34px; color: #6a6969; font-size: 14px;}

div.indexfooterbottom a{ color: #6a6969; transition: all 0.36s ease-in-out;}

div.indexfooterbottom a:hover{ color: #fff;}
.headlogoshowy{ display: none;}
div.publicheadbacky .headlogoshowy{ display: block;}

div.publicheadbacky .headlogoshow{ display: none;}

div.publicheadbacky div.publicheadrt_nav a{ color: #4d4d4d;}

div.publicheadbacky div.publicheadrt_tel{ color: #636363;   background: url(../img/yheadtel.png) left center no-repeat;}

div.publicheadbacky div.publicheadrt_lan{ color: #636363;   background: url(../img/yheaddiqiu.png) left center no-repeat;}

div.publicheadbacky div.publicheadrt_ss{ color: #636363;   background: url(../img/yheadss.png) left center no-repeat;}

div.indexbannerbk .swiper-pagination {
    bottom: 30px;
    left: 0;
    width: 100%;
}

div.indexbannerbk .swiper-pagination .swiper-pagination-bullet{ background: #fff; opacity: 1; border-radius: 8px; width: 29px; height: 6px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; outline:none; }

div.indexbannerbk .swiper-pagination .swiper-pagination-bullet-active{ background: #0e9388;border-radius: 8px; }

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

div.publicheadnavtyxl{ opacity: 0; visibility: hidden; width: auto; left: 0;width: 1.75rem; text-align: center; position: absolute; height: auto; top: 74px; padding: 13px 0 20px ; background: #fff; border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}

div.publicheadnavtyxl_n{ width: 100%; height: 45px; line-height: 45px; white-space: nowrap; color: #282828; font-size: 16px;}

div.publicheadnavtyxl_n:hover{ background: #0e9388;}

div.publicheadnavtyxl_n a{ display: block; width: 100%; height:100%; color: #282828; font-weight: 500; transition:all 0.36s ease-in-out ; -webkit-transition:all 0.36s ease-in-out ; -moz-transition:all 0.36s ease-in-out ; -ms-transition:all 0.36s ease-in-out ; -o-transition:all 0.36s ease-in-out ; }

div.publicheadnavtyxl_n:hover a{color: #fff !important; font-weight: 500; }


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

div.nybannertbk{ width: 176px; height: 230px; padding:30px 65px; background: #0e9388; position: absolute; left: 0; top: 50%; margin-top:-115px;}

div.nybannertbk a{ width:100%; height:100%; display:block;}

div.nybannert_t{ width:20px; margin: auto; text-align: center; margin-top: 12px; line-height: 23px; font-size: 18px; color: #fff;}

div.gywmoneback{ width: 100%; height: 998px; background: url(../img/gywmonebg.jpg) 50%/cover no-repeat; padding-top: 72px;}

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

div.gywmone_cnt{ width: 100%; height: 56px; line-height: 56px; color:#fff; font-size: 30px; font-weight: 700;}

div.gywmone_ent{ width:494px; height: 74px; line-height: 74px; font-size: 60px; font-weight: 700; text-transform: uppercase;    background: linear-gradient(to right, #e7f4f9, #0d9288);
    -webkit-background-clip: text;
    color: transparent; }

div.gywmone_qh{ width: 100%; height: auto; margin: auto; margin-top: 63px;}

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

div.gywmonelist_t{ width: 100%; height: auto; line-height: 27px; text-align: center; color: #4d4d4d; font-size: 16px;}

div.gywmonelistpic{ width: 65.7%;
    height: auto;
    position: absolute;
    left: 13.2%;
    top: 17.7%;}

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

div.gywmoneqhswiper .swiper-pagination {
    bottom: 20px;
    left: 0;
    width: 100%;
}

div.gywmoneqhswiper .swiper-pagination .swiper-pagination-bullet{ background: #56ccf2; transition: all 0.36s ease-in-out; opacity: 1; width: 6px; height: 8px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; }

div.gywmoneqhswiper .swiper-pagination .swiper-pagination-bullet-active{ width: 32px; height: 8px; background: #56ccf2; border-radius: 8px; -webkit-border-radius:; -moz-border-radius:; -ms-border-radius:; -o-border-radius:; }

div.gywmtwoback{ width:100%; height: 1355px; background: url(../img/gywmtwobg.jpg) center no-repeat;}

div.gywmtwo{ width: 1280px; height: auto; margin: auto; padding-top: 92px; }

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

div.gywmtwotopleft{ width: 322px; height: auto; float: left; margin-left: -76px;}

div.gywmtwotoprt{  float: right; height: auto; text-align: right;}

div.gywmtwotoprt_1{ height: 57px; line-height: 57px; color: #0e9388; font-size: 30px; font-weight: 700;}

div.gywmtwotoprt_2{ height: 73px; line-height: 73px; color: #0e9388; font-size: 60px; font-weight: 700; text-transform: uppercase;}

div.gywmtwo_1{ width: 100%; height: auto; margin-top: 35px;}

div.gywmtwo_1_left{ width: 640px; height: auto; float: left; line-height: 30px; color: #757575; font-size: 15px; padding-top: 15px;}

div.gywmtwo_1_rt{ width: 602px; height: auto; float: right; position:relative;}

div.gywmtwo_2{width: 100%; height: auto; float: left; line-height: 30px; color: #757575; font-size: 15px; padding-top: 15px; margin-top: 20px;}

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

div.gywmthreeback{ width: 100%; height: 1201px; background: url(../img/gywmthreeback.jpg) center no-repeat;}
 
div.gywmthree{ width: 1280px; height: auto; margin: auto; padding-top: 113px;}

div.gywmthree_cnt{ width: 100%; height: auto; line-height: 57px; color: #045f58; font-size: 30px; font-weight: 700;}

div.gywmthree_ent{ width: 100%; height: auto; line-height: 69px; color: #045f58; font-size: 60px; font-weight: 700; text-transform: uppercase; } 

div.gywmthreeleft{ width: 404px; height: 402px; float: left; margin-top: 165px; position: relative; margin-left: -51px; }

div.gywmthreeleft::before{ content: ''; display: block; width: 100%; height: 100%; background: #20b887; position: absolute; top: 23px; left: 22px;}

div.gywmthreeleft::after{    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    filter: blur(3px);
    opacity: 0.15;
    position: absolute;
    top: 10px;
    left: 10px;}

div.gywmthreeleftpic{ width: 100%; height: 235px; position: relative; z-index:10;}

div.gywmthreeleftpic img{ width: 100%; height: 235px;}

div.gywmthreeleftbottom{position: relative; z-index:10; overflow: hidden; width: 100%; height: 166px;  background: #fff; padding: 28px 50px 0; color: #757575; font-size: 15px;}

div.gywmthreert{ float: right; width: 885px; height: 743px; overflow-y: auto; float: right; margin-top: 45px; margin-right: -35px; padding-right:25px !important; }

div.gywmthreertlist{ width: 423px; height: 176px; float: left; background: #20b887; box-shadow: 0 0 20px rgba(0,0,0,0.05); position:relative;}
div.gywmthreertlistwz{ padding: 20px 45px 28px; width:100%;}
div.gywmthreertlist:hover div.gywmthreertlistwz{ background:#045f58; position:absolute; left:0; top:0; box-shadow: 0 0 20px rgba(0,0,0,0.1); z-index:99; }

div.gywmthreertlist:hover div.gywmthreertlist_desc{ height:auto; }

div.gywmthreertlist_t{ width: 100%; height: auto; line-height: 43px; color: #ffffff; font-size: 24px; font-weight: 700; }

div.gywmthreertlist_desc{ width: 100%; height: 72px; line-height: 24px; margin-top: 13px; color: #c9f7f3; font-size: 15px; overflow:hidden;} 

div.yewuoneback{ width: 100%; height: 750px; background: url(../img/yewuonebg.jpg) center no-repeat; padding-top: 93px;}

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

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

div.yewuoneleft{ height: 198px; float: left;  padding-top: 8px; width: 780px;}

div.yewuoneleft_1{ height: 57px; line-height: 57px; color: #f1f2f6; font-size: 30px; font-weight: 700;position: relative;}

div.yewuoneleft_2{ width: 100%; height: 71px; line-height: 71px; font-weight: 700; font-size: 60px;text-transform: uppercase;    background: linear-gradient(to right, #def2f1, #0e9388);
    -webkit-background-clip: text;
    color: transparent; position: relative; }

div.yewuonelefttop{ width: 100%; height:198px; position: relative;}

div.yewuonelefttop::before{ content: ''; display: block; width: 229px; height: 198px; position: absolute; left: -62px; top: 0; background: url(../img/yewuonejt.png) center no-repeat;}

div.yewuoneleftdesc{ width: 100%; height: auto; margin-top: 31px; line-height: 30px; color: #757575; font-size: 15px;}

div.yewuonert{ width: 395px; height: 554px; float: right;}

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

div.yewutwoback{ width: 100%; height: 750px; background: url(../img/yuwutwobg.jpg) center no-repeat;}

div.yewutwo{ width: 1280px; height: auto; margin: auto; padding-top: 88px; position: relative;}
 
div.yewutwo_top{ width: 100%; height: auto;}

div.yewutwo_top_1{ width: 100%; height: auto; line-height: 56px;  color: #f1f2f6; font-size: 30px; font-weight: 700;}

div.yewutwo_top_2{ width: 100%; height: auto; line-height: 73px; width: 400px; font-size: 60px; font-weight: 700; text-transform: uppercase;    background: linear-gradient(to right, #def2f1, #0e9388);  -webkit-background-clip: text;   color: transparent;}

div.yewutwo_tab{ width: 184px; height: auto; margin-top: 127px;}

div.yewutwo_tabnav{ width: 100%; height: 72px; line-height: 72px; cursor: pointer; position: relative; }

div.yewutwo_tabnav::before{ width: 26.3vw; height: 100%; content: ''; transition:all 0.36s ease-in-out ; display: block; background:#17aca0; position: absolute; right: 0; top: 0; opacity: 0; -webkit-transition:all 0.36s ease-in-out ; -moz-transition:all 0.36s ease-in-out ; -ms-transition:all 0.36s ease-in-out ; -o-transition:all 0.36s ease-in-out ; }

div.yewutwo_tabnav_con{ width: 100%; height: 72px; line-height: 72px; color: #ffffff; font-size: 18px;padding-left: 56px; font-weight: 700; position: relative;}

div.yewutwo_tabnav:hover:before{ opacity: 1;}

div.yewutwo_tabnavhover::before{ opacity: 1;}

div.yewutwo_mapback{ width: 720px; height: 600px; position: absolute; right: 105px; top: 64px; z-index:99;}

div.yewutwo_map_1{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: none;}

div.yewutwo_map_1show{ display: block;}

@-webkit-keyframes mapico {
    from { 
      padding:4px ;
    }
    to { 
      padding:0 ;
    }
  }
@keyframes mapico {
    from { 
      padding:4px ;
    }
    to { 
      padding:0 ;
    }
}

div.yewutwo_map_1ico{  position: absolute; width:25px; height: 25px; border: 1px solid rgba(14,147,136,1); padding: 4px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; transition:all 0.36s ease-in-out; }

div.yewutwo_map_1ico::before{ width: 100%; height: 100%; display: block; content: ''; background: #0e9388; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;  transition:all 0.36s ease-in-out;}

div.yewutwo_map_1ico:hover{ border: 1px solid rgba(14,147,136,0); animation: mapico 0.5s linear infinite alternate;}

div.yewutwo_map_1ico:hover:before{ background: #20ba84;}


div.hezuonew_1ico{  position: absolute; width:0.25rem; height: 0.25rem; border: 1px solid rgba(14,147,136,1); padding: 4px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; transition:all 0.36s ease-in-out; }

div.hezuonew_1ico::before{ width: 100%; height: 100%; display: block; content: ''; background: #0e9388; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;  transition:all 0.36s ease-in-out;}

div.hezuonew_1ico:hover{ border: 1px solid rgba(14,147,136,0); animation: mapico 0.5s linear infinite alternate;}

div.hezuonew_1ico:hover:before{ background: #20ba84;}

div.hezuonew_1icoh{ border: 1px solid rgba(14,147,136,0); animation: mapico 0.5s linear infinite alternate;}

div.hezuonew_1icoh::before{ background: #20ba84;}

div.hezuonew_1ico1 {
    right: 1.75rem;
    top: 1.79rem;
}

div.hezuonew_1ico2 {
    right: 2.9rem;
    top: 1.9rem;
}
div.hezuonew_1ico3 {
        right: 2.65rem;
    top: 2rem;
}
div.hezuonew_1ico4 {
     right: 2.4rem;
    top: 2.1rem;
}
div.hezuonew_1ico5 {
         right: 2.9rem;
    top: 2.5rem;
}

div.hezuonew_1ico6{right: 2.2rem;
    top: 2.75rem;}
    
div.hezuonew_1ico7{right: 3.65rem;
    top: 3rem;}

div.hezuonew_1ico8{right: 3.35rem;
    top: 3rem;} 
div.hezuonew_1ico9{right: 2.8rem;
    top: 3.1rem;}
    
div.hezuonew_1ico10{right: 2.25rem;
    top: 3.5rem;}
div.hezuonew_1ico11{    right: 1.9rem;
    top: 3.35rem;}    
div.hezuonew_1ico12{    right: 1.9rem;
    top: 3.35rem;}    
div.hezuonew_1ico13 {
    right: 1.75rem;
    top: 3.6rem;
}     
div.hezuonew_1ico14 {
    right: 1.65rem;
    top: 3.85rem;
}
div.hezuonew_1ico15 {
    right: 1.65rem;
    top: 4.1rem;
}
div.hezuonew_1ico16 {
    right: 1.92rem;
    top: 3.82rem;
}
div.hezuonew_1ico17{
    right: 2.8rem;
    top: 3.7rem;
}
div.hezuonew_1ico18{
    right: 3.5rem;
    top: 3.8rem;}
    
div.hezuonew_1ico19 {
    right: 3rem;
    top: 4.2rem;
}
    
div.yewutwo_map_1ico_t{ width: 70px; height: 32px; line-height: 32px; text-align: center; color: #696969; position: absolute; left: 50%; margin-left: -35px; top: 0.2rem;}

div.yewutwo_map_1ico_tsp{ width: 70px; height: 32px; line-height: 32px; text-align: center; color: #696969; position: absolute; left: 50%; top: -2px;}

div.yewutwo_map_1ico1{  right: 93px;  top: 183px;}

div.yewutwo_map_1ico2{ right: 200px;  top: 318px;}

div.yewutwo_map_1ico3{ right: 348px;  top: 381px;}

div.yewutwo_map_1ico4{ right:94px;  top: 354px;}

div.yewutwo_map_1ico4 div.yewutwo_map_1ico_t{  top: -6px;  left: 45px;}

div.yewutwo_map_1ico5{ right:84px;  top: 378px;}

div.yewutwo_map_1ico5 div.yewutwo_map_1ico_t{top: -4px;
    left: -20px;}

div.yewutwo_map_1ico6{ right:87px;  top: 405px;}

div.yewutwo_map_1ico6 div.yewutwo_map_1ico_t{top: -6px;  left: 45px;}

div.yewutwo_map_1ico a{ display: block; width: 100%; height:100%;position: absolute;
    left: 0;
    top: 0;}

div.yewuthreeback{ width: 100%; height: 994px;position:relative;}

div.yewuthreebackbg{ background: url(../img/yewu3bg.jpg) center no-repeat; width:100%; height:100%; position:absolute; left:350px; top:0; opacity:0; transition:all 0.5s ease-in-out;}

div.yewuthreebackbgshow{ left:0; opacity:1;}

div.yewuthree{ width: 1280px; height: auto;height:100%; margin: auto; position: relative;}

div.yewuthree_left{ width: 26.3vw; height:100%; background:url(../img/yewuleft_t.png) #c3e9e6 center no-repeat; background-size:1.43rem ; left:calc( -26.3vw + 184px); position: absolute; opacity:0; margin-left:-150px; transition:all 0.36s ease-in-out;}

div.yewuthree_leftshow{ margin-left:0; opacity:1;}

div.yewuthree_rt{ width: 1004px; height: auto; float: right;margin-top: 132px;}

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

div.yewuthreeqh_t{ width: 785px; height: 38px; line-height: 38px; color: #037f72; font-size: 36px; font-weight: 700;}

div.yewuthreeqh_desc{ width: 785px; height: auto; line-height: 28px; margin-top: 27px; color: #868686; font-size: 15px; margin-bottom: 72px;}

div.yewuthreeqh_cont{ width: 100%; height: auto; line-height: 28px;color: #868686; font-size: 15px;}

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

div.yewuthreebuttonbk{ width: 98px; height: auto; position: absolute; right: 0; top: 72px; z-index: 99;}

div.yewuthreebutton_left{ width: 40px; height: 40px; background: url(../img/bannerleftbutton.png) #037f72 center no-repeat; float: left; cursor: pointer; outline: none; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

div.yewuthreebutton_right{ width: 40px; height: 40px; background: url(../img/bannerrightbutton.png) #037f72 center no-repeat; float: right; cursor: pointer; outline: none; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

div.yewuthreebutton_left:hover{background: url(../img/bannerleftbutton.png) #37ec7e center no-repeat;}

div.yewuthreebutton_right:hover{background: url(../img/bannerrightbutton.png) #37ec7e center no-repeat;}

div.yewufourback{ width: 100%; height: 805px;  position:relative; overflow:hidden;}

div.yewufourbackbg{background: url(../img/yewufourbg.jpg) center no-repeat; transform:scale(1.25); opacity:0; width:100%; height:100%; position:absolute; left:0; top:0; transition:all 1s ease-in-out;}

div.yewufourbackbgshow{transform:scale(1); opacity:1;}
div.yewufourbackbg2{background: url(../img/yewufourbg2.png) center no-repeat; width:100%; height:100%; position:absolute; opacity:0; left:-200px; top:0;transition:all 1s ease-in-out; transition-delay:0.8s; }
div.yewufourbackbg2show{ left:0; opacity:1;}

div.yewufour{ width: 1280px; height: auto; margin: auto; padding-top: 235px; position:relative;}

div.yewufourlist{ width: 320px; height: 258px; float: left; background: #037f72; padding-top: 56px; float: left; position: relative; opacity:0; position:relative; top:30px;}

div.yewufourlist:nth-child(1){transition:all 0.36s ease-in-out; transition-delay:1.3s; }
div.yewufourlist:nth-child(2){transition:all 0.36s ease-in-out; transition-delay:1.6s; }
div.yewufourlist:nth-child(4){transition:all 0.36s ease-in-out; transition-delay:1.8s; }
div.yewufourlist:nth-child(5){transition:all 0.36s ease-in-out; transition-delay:2s; } 
div.yewufourlistshow{ top:0; opacity:1;}

div.yewufourlistico{ width: 73px; height: 73px; margin: auto;}

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

div.yewufourlist_t{ width: 100%; height: 38px; line-height: 38px; text-align: center; font-size: 24px; font-weight: 700; color: #fff;}

div.yewufourlist_ent{ width: 100%; height:auto; line-height: 25px; text-align: center; color: #ffffff; font-size: 12px;}

div.yewufourlistout{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: table; opacity: 0; background: rgba(3,127,114,0.85);}

div.yewufourlistoutcell{ width: 100%; height: auto; vertical-align: middle; display: table-cell;}

div.yewufourlistdesc{ width: 100%; height: 180px; overflow-y:auto; padding: 0 48px; line-height: 30px; color: #ffffff; font-size: 14px;}

div.yewufourlistdesc::-webkit-scrollbar { width: 3px; }
div.yewufourlistdesc::-webkit-scrollbar-track { background-color: #f1f1f1;  }
div.yewufourlistdesc::-webkit-scrollbar-thumb { background-color:#339933;  width:3px}		

div.yewufourlist:hover div.yewufourlistout{ opacity: 1;}

div.yewufourlist:nth-child(2){ background: #19c888;}

div.yewufourlist:nth-child(4){ background: #19c888;}

div.yewu2three{ width: 100%; height: 10.77rem; background: url(../img/yewu2bg.jpg) 50%/cover no-repeat;}

div.yewu2threemain{ width:1280px; height: 10.5rem; margin: auto; padding-top: 258px; position: relative;}

div.yewu2threeqh{ width: 83.3vw; height: auto; position: absolute; left: 0; top: 0;}

div.yewu2threeqhleft{ width: 25vw;  height: auto;  float: left; margin-top: 2.58rem; position: relative;}

div.yewu2threeqhleft img{position: relative;}

div.yewu2threeqhleftblock{ width:25vw; background: #0e9388; height: 3.7rem; position: absolute; left:1.61rem;; top: 6.05rem;}

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

div.yewu2threeqhright{ position: absolute; right: 0; width: 22.8vw; top: 2.53rem;}

div.yewu2threeqhright_t{ width: 100%; height: auto; line-height: 35px; color: #0e9388; font-size: 22px; font-weight: 700;}

div.yewu2threeqhright_line{ width: 40px; height: 1px; float: right; background: #026ec0; margin-top: 0.2rem; margin-bottom: 0.28rem;}

div.yewu2threeqhright_desc{ width: 100%; height: auto; line-height: 28px; color: #868686; font-size: 15px;}

div.yewu2threeqhrightcontent{ width: 47.3vw;  top: 5.29rem; right: 2.6vw; height: auto; position:absolute;}

div.yewu2threeqhrightcontent img{  max-width: 815px;}

div.yewuthree2buttonbk{ width: 0.98rem; height: auto; position: absolute;  left:26.5vw;  top: 8rem; z-index: 99;} 

div.yewuthree2button_left{ width: 0.4rem; height: 0.4rem; background: url(../img/bannerleftbutton.png) #037f72 center no-repeat; float: left; cursor: pointer; outline: none; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

div.yewuthree2button_right{ width: 0.4rem; height: 0.4rem; background: url(../img/bannerrightbutton.png) #037f72 center no-repeat; float: right; cursor: pointer; outline: none; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

div.yewuthree2button_left:hover{background: url(../img/bannerleftbutton.png) #37ec7e center no-repeat;}

div.yewuthree2button_right:hover{background: url(../img/bannerrightbutton.png) #37ec7e center no-repeat;}

div.yewu2threeqhbk{ height: 8rem;}

div.yewu2threemainop{ opacity: 0 !important;}

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

div.hezuooneleft{ width: 83.3%; height: 8.98rem; background: url(../img/hezuoonebg.jpg) 50%/cover no-repeat; float: left;}

div.hezuoonert{ float: right; width: 16.7%; overflow: hidden; height: 8.98rem; background: linear-gradient( to bottom , #0e9388 , #35e77e); }

div.hezuoonerttable{ display: table; width: 100%; height: 100%;}

div.hezuoonertcell{ width: 100%; height: auto; display: table-cell; vertical-align: middle; } 

div.hezuoonert_t{ width: 100%; height: auto; line-height:1; font-weight: 700; font-size: 0.72rem;    transform: rotate(
	90deg); color: #fff; text-transform: uppercase;     margin-left: -0.2rem;}

div.hezuooneleftmain{ width: 66.7vw; height: auto; float: right; padding-top: 1.35rem;}

div.hezuooneleftmain_l{ width: 50%; height: auto; float: left;}

div.hezuooneleftmain_l_1{ width: 100%; height:auto; line-height: 0.61rem; color: #333232; font-size: 0.28rem; font-weight: 700;}

div.hezuooneleftmain_l_2{ width: 100%; height: auto; line-height: 0.3rem; color: #757575; font-size: 0.15rem; margin-top: 0.5rem;}

div.hezuooneleftmain_r{ width: 44%; height: auto; float: right; margin-top: 1.2rem;}

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

div.hezuotwoback{ width: 100%; height: 8.8rem; background: #f5f5f5; }

div.hezuotwoleft{ width:14.6%; height: 100%; float: left; background:url(../img/hezuotwoleft_t.jpg) #e1e1e1 center 1.5rem no-repeat;}

div.hezuotwomain{ width: 68.8%; float: left; height: 8.8rem; position: relative;}

div.hezuotwomap{ width: 8.06rem; height: auto; float: right; margin-top: 1.47rem; position: relative;}

div.hezuotwoico{ width: 0.3rem; height: auto; position: absolute; cursor: pointer;}

div.hezuotwoico::before{ content: ''; opacity: 0; display: block; width: 1.24rem; height: 0.45rem; position: absolute; transition: all 0.36s ease-in-out; border-radius: 50%; top: 0.26rem; margin-left: -0.62rem; left: 50%; background: rgba(14,147,136,0.2); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; }

div.hezuotwoico_t{ width: 75px; position: relative; line-height: 27px; text-align: center; position: absolute; left: 50%; margin-left: -37.5px; color: #0e9388; font-size: 16px; font-weight: 700;}

div.hezuotwoico1{right: 1.61rem; top: 1.62rem; }

div.hezuotwoico2 {
    right: 3.61rem;
    top: 2.8rem;
}
div.hezuotwoico3 {
        right: 2.31rem;
    top: 3rem;
}
div.hezuotwoico4 {
        right: 1.9rem;
    top: 3.1rem;
}
div.hezuotwoico5 {
           right: 1.8rem;
    top: 3.5rem;
}
div.hezuotwoico4t{width: 75px;
    position: relative;
    line-height: 27px;
    text-align: center;
    position: absolute;
    left: 155%;
    margin-left: -37.5px;
    color: #0e9388;
    font-size: 16px;
    font-weight: 700;
    bottom: 0;}
div.hezuotwoico6 {
              right: 3rem;
    top: 4rem;
}    
div.hezuotwoicoshow::before{ opacity: 1;}

div.hezuotwomapleft{ width: 4.25rem; height: auto; position: absolute; z-index: 100; left: 0.2rem; top:1.45rem;}

div.hezuotwomapleft_block{ width: 100%; height: auto;display: none;}

div.hezuotwomapleft_blockshow{display: block;}

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

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

div.hezuotwomapleft_bottom{ width: 100%; height: auto; padding: 0.26rem 0.6rem 0.67rem; background: #0e9388;}

div.hezuotwomapleft_bottom_t{ width: 100%; height: auto; line-height: 0.79rem;color: #ffffff; font-size: 0.3rem; font-weight: 700;}

div.hezuotwomapleft_bottom_desc{ width: 100%; height: auto; line-height: 0.28rem; color: #ffffff; font-size: 0.14rem;}

div.hezuotworight{ width: 16.6%; float: left; height: 100%;    }
div.hezuotworightjt{width:100%;
    border-left: 16.6vw solid transparent;
	border-top: 8.8rem solid #ececec;
    top: -137px;}

div.hezuothreeback{ width: 100%; height: 12.47rem;}

div.hezuothreeleft{ width:14.6%; height: 100%; float: left; background: #e1e1e1;}

div.hezuothreeright{ width: 85.4%; height: auto; float: left;}

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

div.hezuothreeright_mapbk{ width: 7.16rem; height: auto; float: left; position: relative; margin-left: 0.9rem; margin-top:0.85rem ;}

div.hezuothreeright_mapico{ width: 0.24rem; height: 0.24rem; position: absolute; padding: 0.07rem; border-radius: 50%;  background: rgba(0,62,164,0); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

div.hezuothreeright_mapicos{background: rgba(0,62,164,0.15);}

div.hezuothreeright_mapicon{ width: 100%; height: 100%; background: #003ea4; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

div.hezuothreeright_mapicoent{ width: 120px; height: 20px; color: #5f5e5e; font-size: 18px;font-family:'bah'; text-transform: uppercase; text-align: center; line-height: 20px; position: absolute; left: 50%; margin-left: -60px; top: calc( 0.24rem + 7px);}

div.hezuothreeright_mapicocnt{ width: 120px; height: 20px; color: #5f5e5e; font-size: 14px; text-align: center; line-height: 20px; position: absolute; left: 50%; margin-left: -60px; top: calc( 0.24rem + 32px);}

div.hezuothreeright_mapicocnt1 {
    width: 120px;
    height: 20px;
    color: #5f5e5e;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    position: absolute;
    left: 50%;
    margin-left: -60px;
    top: calc( -0.24rem - 10px);
}

div.hezuothreeright_mapicoent1{ width: 120px; height: 20px; color: #5f5e5e; font-size: 18px; text-align: center; line-height: 20px; position: absolute; left: 50%; margin-left: -60px; top: calc( -0.24rem - 32px);font-family: 'bah';}


div.hezuothreeright_mapico1{left: 0.76rem; top: 1.73rem;}

div.hezuothreeright_mapico2{left: 0.46rem;
    top: 1.6rem;}
    
div.hezuothreeright_mapico3 {
    left: 2.3rem;
    top: 1.2rem;
    display: none;
}
div.hezuothreeright_mapico4 {
    left: 5rem;
    top: 2.4rem;
}
div.hezuothreeright_qh{ width: 4.2rem;
    height: 3rem;
    float: left;
    margin-left: 0.9rem;
    margin-top: 2rem;
    position: relative;}



div.mySwiper111{ width:100%; height:auto; position: absolute; top:0; opacity:0;}

div.hezuothreeright_qhs{ opacity:1; z-index:999;}

div.hezuothreertpic{ width: 100%; height: auto; overflow: hidden; border: 1px solid #dfdfdf; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }

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

div.hezuothreertdesc{ width: 100%; height: auto; margin-top: 0.25rem; line-height: 28px; color: #767676; font-size: 14px;}

div.hezuothreeright_qhleft{ width: 0.44rem;  height:auto; position: absolute; left: -0.7rem; top: 37%; cursor: pointer; outline: none; }

div.hezuothreeright_qhright{ width: 0.44rem;  height:auto; position: absolute; right: -0.7rem; top: 37%; cursor: pointer; outline: none; }
div.hezuothreeright_qhleft1{ width: 0.44rem;  height:auto; position: absolute;left: 0.25rem; z-index:10; top: 23%; cursor: pointer; outline: none; }

div.hezuothreeright_qhright1{ width: 0.44rem;  height:auto; position: absolute;right: 0.25rem; z-index:10; top: 23%; cursor: pointer; outline: none; }


div.xwlistback{ width: 100%; height: auto; background: url(../img/xwbg.jpg) top center no-repeat;}

div.xwlistmain{ width: 1280px; height: auto; margin: auto; padding-top: 86px;}

div.xwlistmaincnt{ width: 100%; height: auto; line-height: 57px; text-align: right; color: #0e9388; font-size: 30px; font-weight: 700;}

div.xwlistmainent{ width: 100%; height: auto; line-height: 71px; text-align: right;color: #0e9388; font-size: 60px; font-weight: 700; text-transform: uppercase;}

div.xwlistoutmian{ margin-top:35px;}

div.xwlist{ width: 400px; height: 390px; float: left; box-shadow: 0 0 20px rgba(0,0,0,0.1); position:relative; margin-right:40px; padding:15px; margin-top:40px; padding-top:28px; background:#fff; position:relative; top:50px; opacity:0; transition:all 0.5s ease-in-out;}

div.xwlist:nth-child(2){ transition-delay:0.3s;}
div.xwlist:nth-child(3){ transition-delay:0.6s;}
div.xwlist:nth-child(5){ transition-delay:0.3s;}
div.xwlist:nth-child(6){ transition-delay:0.6s;}

div.xwlistshow{ top:0; opacity:1; }

div.xwlisthoverbg{ opacity:0; width:100%; height:100%; background:rgba(14,147,136,0.9); position:absolute; left:0; top:0; display:table;} 

div.xwlisthoverbgcell{ width:100%; height:100%; vertical-align:middle; display:table-cell;}

div.xwlisthover_jia{ width:100%; height:37px; line-height:37px; text-align:center;  color:#fff; font-weight:700; font-size:36px;}

div.xwlisthover_more {
    width: 100%;
    height: auto;
    line-height: 60px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    font-family: 'cop';
    text-transform: uppercase;
}


div.xwlist:hover div.xwlisthoverbg{ opacity:1;}

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



div.xwlistpicbg{ width: 340px; height: 200px; overflow: hidden; margin:auto;}

div.xwlistpic{ width: 100%; height: 100%; transition: all 1s cubic-bezier(.165,.84,.44,1) 0s; -webkit-transition: all 1s cubic-bezier(.165,.84,.44,1) 0s; -moz-transition: all 1s cubic-bezier(.165,.84,.44,1) 0s; -ms-transition: all 1s cubic-bezier(.165,.84,.44,1) 0s; -o-transition: all 1s cubic-bezier(.165,.84,.44,1) 0s; }

div.xwlistbottom{ width: 100%; height:auto; background: #fff; width:340px; margin:auto; padding-top:13px; }

div.xwlistbottom_time{ width: 100%; height: 27px; position: relative; line-height: 27px; color: #0e9388; font-size: 14px; font-weight: 700;}

div.xwlistbottom_t{ width: 100%; height: 38px; overflow: hidden; line-height: 38px; color: #292929; font-size: 18px; }

div.xwlistbottom_desc{ width:100%;height:46px; line-height:23px; color:#979797; font-size:12px; overflow:hidden; margin-top:10px;}

div.xwlist:hover div.xwlistpic{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

div.xwlist:hover div.xwlistbottom_t{ color: #0e9388;}

div.pagegao{ height: 70px;}

div.lxwmbk{ width: 100%; height: 956px; background: url(../img/lxwmbg.jpg) center no-repeat; position:relative;}

div.lxwmbklink{ width:40%; height:100%; position:absolute;}

div.lxwmbklink a{ display:block; width:100%; height:100%;}

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

div.lxwmmainrt{width: 592px; height: auto; float: right; margin-top: 87px;}

div.lxwmmainrt_t{ width: 100%; height: auto; line-height: 68px; color: #505050; font-size: 32px; font-weight: 700; margin-bottom: 18px;}

div.lxwmmainrt_nav{ width: 100%; height: 42px; margin-bottom: 32px; line-height: 42px; padding-left: 57px; color: #515151; font-size: 15px; white-space: nowrap;}

div.lxwmmainrt_nav strong{ color: #0d9388; font-size: 0.36rem;}

div.lxwmmainrt_nav:nth-child(2){ line-height: 23px;}

div.lxxxmian{ margin-bottom: 45px;}

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

div.lxwmliuyan_nav{ width: 287px; height: 60px; margin-bottom: 20px; float: left; line-height: 60px; padding: 0 23px ; background: #f5f5f5; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }

div.lxwmliuyan_nav input{ width: 100%; height: 100%; display: block; outline: none; border: none; background: none; color: #676767; font-size: 15px;}

div.lxwmliuyan_navtext{ width: 100%; height: 130px; margin-bottom: 20px; float: left; line-height: 35px; padding: 15px 23px ; background: #f5f5f5; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }

div.lxwmliuyan_navtext textarea{ width: 100%; height: 100%; display: block; outline: none; border: none; background: none; color: #676767; font-size: 15px;}

div.lxwmliuyan_navsubmit{ width: 172px; height: 46px; float: left; background: url(../img/lxwmsubmit.png) center no-repeat; float: left;}

div.lxwmliuyan_navsubmit input{ width: 100%; height: 100%; display: block; outline: none; border: none; background: none; color: #676767; font-size: 0;}

div.lxwmliuyan_navrt{float: right; height: 46px;}

img.yanzhengma{ float: left; height: 46px;width: auto; margin-right: 10px;}

div.lxwmliuyan_navshuru{ width: 194px; height: 46px; margin-bottom: 20px; float: left; line-height: 46px; padding: 0 23px ; text-align: center; background: #f5f5f5; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }

div.lxwmliuyan_navshuru input{ width: 100%; height: 100%; display: block; outline: none; border: none; background: none; color: #676767; font-size: 15px;}

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

div.rencaileft{ width: 83.3%; height: auto; float:left ; background: #f3f3f3;}

div.rencairt{ float: right; width: 16.7%; height: auto; padding-top: 0.73rem;}

div.rencairt_num{ width: 100%; height: auto; text-align: center; color: #3b3b3b; font-size: 0.6rem;font-family:'bebas';}

div.rencairt_ent{ width: 100%; letter-spacing: 4px; height: auto; line-height: 32px; color: #c5c4c6; font-size: 14px; text-align: center; text-transform: uppercase;}

div.rencaileft_top{ width: 43.6vw; height:2.6rem; background: linear-gradient( to right , #0e9388 , #34e67e); position: relative;  padding-top: 0.69rem;}

div.rencaileft_top::before{content: ''; display: block; width: 18px; height: 100%; background: #bff4d5; position: absolute; right: -18px; top: 0;}

div.rencaileft_top_cnt{ width: 100%; height:0.57rem; line-height: 0.57rem; padding-left: 16.7vw; color: #ffffff; font-size: 0.3rem; font-weight: 700;}

div.rencaileft_top_ent{ width: 100%; height:0.7rem; line-height: 0.7rem; padding-left: 16.7vw; color: #ffffff; text-transform: uppercase; font-size: 0.6rem; font-weight: 700;}

div.rencaileft_main{ width: 67.7vw; height: auto; float: right; margin-top: 1.06rem; padding: 0.84rem 0.2rem 0.35rem; background: linear-gradient( to right , #0e9388 ,#35e87e);}

div.rencaileft_list{ width: 23.45%; height: 3.8rem; background: #fff; padding-top: 0.72rem; float: left; margin-right: 2%; margin-bottom: 0.52rem;}

div.rencaileft_list_t{ width: 100%; height: 0.46rem; line-height: 0.46rem; text-align: center; overflow: hidden; color: #0e9388; font-size: 0.24rem; font-weight: 700;}

div.rencaileft_list_ft{ width: 100%; height: 0.37rem; line-height: 0.37rem; margin-bottom: 0.42rem; text-align: center; color: #0e9388; opacity: 0.25; overflow: hidden; font-size: 0.18rem; font-weight: 700;}

div.rencaileft_list_num{ width: 100%; height: 0.55rem; line-height: 0.55rem; text-align: center; color: #0e9388; font-size: 14px; margin-bottom: 0.41rem;}

div.rencaileft_list_num span{ font-size: 0.48rem; font-family: 'bebas';}

div.rencaileft_list_more{ width: 100%; height: 0.26rem; line-height: 0.26rem; text-align: center; color: #0e9388; font-size: 14px;}

div.rencaileft_list:hover{ background: #045f58;}

div.rencaileft_list:hover div.rencaileft_list_t{ color: #fff;}

div.rencaileft_list:hover div.rencaileft_list_ft{color: #fff; opacity: .1;}

div.rencaileft_list:hover div.rencaileft_list_num{ color: #35e77e;}

div.rencaileft_list:hover div.rencaileft_list_more{ color: #35e77e;}

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

div.rencaizp{ width: 100%; height: 628px; padding-top: 168px;  background: url(../img/rencaibottomliuyan.jpg) center no-repeat;}

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

div.rencaizpmainvr{ width: 275px; height: 162px; position: absolute; right: -8px; top: 23px;}

div.rencaizpmainvr a{ display: block; width: 100%; height: 100%;}

div.rencaizpmaininput{ width: 250px; height: 61px; line-height: 61px; position: absolute; left: 0; top: 242px; color: #454545; font-size: 16px;}

div.rencaizpmaininput input{ width: 100%; height: 100%; display: block; background: none; border:none; outline: none;}

div.rencaizpmaininput1{ left: 365px;}

div.rencaizpmaininput2{ left: 731px;}

div.rencaizpmainsubmit{ width: 149px; height: 48px; position: absolute; right: 0; top: 269px;}

div.rencaizpmainsubmit input{ width: 100%; font-size: 0; height: 100%; display: block; background: none; border:none; outline: none;}

div.zhaopinmain{ width:100%; height: auto; padding: 0.66rem 1rem 0.75rem; background: #fff;}

div.zhaopinleft_main{ width: 67.7vw; height: auto; float: right; margin-top: 1.06rem; padding: 0.36rem 0.36rem 1.14rem; background: linear-gradient( to right , #0e9388 ,#35e87e);}

div.zhaopinmain_t{ width: 100%; height: auto; line-height: 0.53rem; color: #3f3f3f; font-size: 0.36rem; font-weight: 700;}

div.zhaopinmain_ent{ width: 100%; height: auto; line-height: 0.31rem; color: #3f3f3f; font-size: 0.18rem; font-weight: 700; opacity: 0.25; text-transform: uppercase;}

div.zhaopinmain_line{ width: 100%; height: 1px; background: #dadada; margin-top: 0.23rem; margin-bottom: 0.55rem;}

div.zhaopinlist{ width:100%; height: auto; margin-bottom: 0.45rem; display: flex; flex-flow: nowrap;}

div.zhaopinlist_l{ line-height: 0.3rem; color: #3f3f3f; font-weight: 700; font-size: 0.18rem; margin-right:10px; white-space: nowrap;}

div.zhaopinlist_r{ line-height: 0.3rem; color: #3f3f3f; font-size: 0.18rem;}

div.zhaopinlistbutton{ width: 1.5rem; height: 0.48rem; line-height: 0.48rem; float: right; text-align: center; background: #34e77e; cursor: pointer; font-weight: 700; font-size: 0.16rem; color: #fff; border-radius: 35px; -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px; }




/*忙聬艙莽麓垄*/

.bgcolor-1 { background: #f0efee; }
.bgcolor-2 { background: #f9f9f9; }
.bgcolor-3 { background: #e8e8e8; }/*light grey*/
.bgcolor-4 { background: #2f3238; color: #fff; }/*Dark grey*/
.bgcolor-5 { background: #df6659; color: #521e18; }/*pink1*/
.bgcolor-6 { background: #2fa8ec; }/*sky blue*/
.bgcolor-7 { background: #d0d6d6; }/*White tea*/
.bgcolor-8 { background: #3d4444; color: #fff; }/*Dark grey2*/
.bgcolor-9 { background: #ef3f52; color: #fff;}/*pink2*/
.bgcolor-10{ background: #64448f; color: #fff;}/*Violet*/
.bgcolor-11{ background: #3755ad; color: #fff;}/*dark blue*/
.bgcolor-12{ background: #3498DB; color: #fff;}/*light blue*/
.bgcolor-20{ background: #494A5F;color: #D5D6E2;}
/* Header */
.htmleaf-header{
	padding: 1em 190px 1em;
	letter-spacing: -1px;
	text-align: center;
}
.htmleaf-header h1 {
	color: #fff;
	font-weight: 600;
	font-size: 2em;
	line-height: 1;
	margin-bottom: 0;
	font-family: "Microsoft YaHei","氓庐鈥姑ぢ解€�","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif, FreeSans, Arimo;
}
.htmleaf-header h1 span {
	font-family: "Microsoft YaHei","氓庐鈥姑ぢ解€�","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif, FreeSans, Arimo;
	display: block;
	font-size: 60%;
	font-weight: 400;
	padding: 0.8em 0 0.5em 0;
	color: #fff;
}
/*nav*/
.htmleaf-demo a{color: #1d7db1;text-decoration: none;}
.htmleaf-demo{width: 100%;padding-bottom: 1.2em;}
.htmleaf-demo a{display: inline-block;margin: 0.5em;padding: 0.6em 1em;border: 3px solid #1d7db1;font-weight: 700;}
.htmleaf-demo a:hover{opacity: 0.6;}
.htmleaf-demo a.current{background:#1d7db1;color: #fff; }
/* Top Navigation Style */
.htmleaf-links {
	position: relative;
	display: inline-block;
	white-space: nowrap;
	font-size: 1.5em;
	text-align: center;
}

.htmleaf-links::after {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -1px;
	width: 2px;
	height: 100%;
	background: #dbdbdb;
	content: '';
	-webkit-transform: rotate3d(0,0,1,22.5deg);
	transform: rotate3d(0,0,1,22.5deg);
}

.htmleaf-icon {
	display: inline-block;
	margin: 0.5em;
	padding: 0em 0;
	width: 1.5em;
	text-decoration: none;
}

.htmleaf-icon span {
	display: none;
}

.htmleaf-icon:before {
	margin: 0 5px;
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-family: 'icomoon';
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
}
/* footer */
.htmleaf-footer{width: 100%;padding-top: 10px;}
.htmleaf-small{font-size: 0.8em;}
.center{text-align: center;}
/****/
.related {
	color: #fff;
	background: #494A5F;
	text-align: center;
	font-size: 1.25em;
	padding: 0.5em 0;
	overflow: hidden;
}

.related > a {
	vertical-align: top;
	width: calc(100% - 20px);
	max-width: 340px;
	display: inline-block;
	text-align: center;
	margin: 20px 10px;
	padding: 25px;
	font-family: "Microsoft YaHei","氓庐鈥姑ぢ解€�","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif, FreeSans, Arimo;
}
.related a {
	display: inline-block;
	text-align: left;
	margin: 20px auto;
	padding: 10px 20px;
	opacity: 0.8;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	-webkit-backface-visibility: hidden;
}

.related a:hover,
.related a:active {
	opacity: 1;
}

.related a img {
	max-width: 100%;
	opacity: 0.8;
	border-radius: 4px;
}
.related a:hover img,
.related a:active img {
	opacity: 1;
}
.related h3{font-family: "Microsoft YaHei", sans-serif;}
.related a h3 {
	font-weight: 300;
	margin-top: 0.15em;
	color: #fff;
}
/* icomoon */
.icon-htmleaf-home-outline:before {
	content: "\e5000";
}

.icon-htmleaf-arrow-forward-outline:before {
	content: "\e5001";
}

@media screen and (max-width: 50em) {
	.htmleaf-header {
		padding: 3em 10% 4em;
	}
	.htmleaf-header h1 {
        font-size:2em;
    }
}


@media screen and (max-width: 40em) {
	.htmleaf-header h1 {
		font-size: 1.5em;
	}
}

@media screen and (max-width: 30em) {
    .htmleaf-header h1 {
        font-size:1.2em;
    }
}

.search-wrapper {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top:50%;
    left:50%;
}
.search-wrapper.active {}

.search-wrapper .input-holder {
    overflow: hidden;
    height: 70px;
    background: rgba(255,255,255,0);
    border-radius:6px;
    position: relative;
    width:70px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.search-wrapper.active .input-holder {
    border-radius: 50px;
    width:450px;
    background: rgba(0,0,0,0.5);
    -webkit-transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -moz-transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
}

.search-wrapper .input-holder .search-input {
    width:100%;
    height: 50px;
    padding:0px 70px 0 20px;
    opacity: 0;
    position: absolute;
    top:0px;
    left:0px;
    background: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border:none;
    outline:none;
    font-family:"Open Sans", Arial, Verdana;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color:#FFF;
    -webkit-transform: translate(0, 60px);
    -moz-transform: translate(0, 60px);
    transform: translate(0, 60px);
    -webkit-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -moz-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);

    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.search-wrapper.active .input-holder .search-input {
    opacity: 1;
    -webkit-transform: translate(0, 10px);
    -moz-transform: translate(0, 10px);
    transform: translate(0, 10px);
}

.search-wrapper .input-holder .search-icon {
    width:70px;
    height:70px;
    border:none;
    border-radius:6px;
    background: #FFF;
    padding:0px;
    outline:none;
    position: relative;
    z-index: 2;
    float:right;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.search-wrapper.active .input-holder .search-icon {
    width: 50px;
    height:50px;
    margin: 10px;
    border-radius: 30px;
}
.search-wrapper .input-holder .search-icon span {
    width:22px;
    height:22px;
    display: inline-block;
    vertical-align: middle;
    position:relative;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
    -moz-transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
    transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);

}
.search-wrapper.active .input-holder .search-icon span {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.search-wrapper .input-holder .search-icon span::before, .search-wrapper .input-holder .search-icon span::after {
    position: absolute;
    content:'';
}
.search-wrapper .input-holder .search-icon span::before {
    width: 4px;
    height: 11px;
    left: 9px;
    top: 18px;
    border-radius: 2px;
    background: #8e8e8e;
}
.search-wrapper .input-holder .search-icon span::after {
    width: 20px;
    height: 20px;
    left: 0px;
    top: 0px;
    border-radius: 16px;
    border: 4px solid #8e8e8e;
}

.search-wrapper .close {
    position: absolute;
    z-index: 1;
    top:24px;
    right:20px;
    width:25px;
    height:25px;
    cursor: pointer;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    -moz-transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.search-wrapper.active .close {
    right:-50px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -moz-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.search-wrapper .close::before, .search-wrapper .close::after {
    position:absolute;
    content:'';
    background: #FFF;
    border-radius: 2px;
}
.search-wrapper .close::before {
    width: 5px;
    height: 25px;
    left: 10px;
    top: 0px;
}
.search-wrapper .close::after {
    width: 25px;
    height: 5px;
    left: 0px;
    top: 10px;
}
.search-wrapper .result-container {
    width: 100%;
    position: absolute;
    top:80px;
    left:0px;
    text-align: center;
    font-family: "Open Sans", Arial, Verdana;
    font-size: 14px;
    display:none;
    color:#B7B7B7;
}


@media screen and (max-width: 560px) {
    .search-wrapper.active .input-holder {width:200px;}
}

section.clickshow{ height:0px; transition:all 0.5s ease-in-out; background:#333; overflow:hidden; z-index:9999999; position:fixed; width:100%; top:0; left:0;}


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

div.nyxxback33{ width:100%; max-width: 960px;  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.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: 960px;}

@-webkit-keyframes datusuofang {
  0% {
  opacity:0;
  transform: scale(1.5);
  filter: blur(10px);
  
  }
 
  100% {
  opacity:1;
  transform: scale(1);
   filter: blur(0);
  }
  }
  .datusuofang {
    -webkit-animation-name: datusuofang;
    animation-name: datusuofang;
  }

div.gywmtwo_1_rtpic{ width:600px; height:360px; position:absolute; top:20px; left:20px;}

div.indexnewsfourleft{ width:1.8rem; height:3.9rem; position:relative; margin-left:0.98rem;}

div.indexnewsfourleft_1{ width:100%; height:0.64rem; line-height:0.64rem; color:#0e9388; font-size:0.4rem; font-weight:700;}

div.indexnewsfourleft_2{ width:100%; height:0.35rem; line-height:0.35rem; color:#c5c5c5; font-size:0.14rem; font-weight:700;}

div.indexnewsfourbutton{ width:100%; height:0.4rem; position:absolute; left:0; bottom:0;}

div.indexnewsfour_bleft{ width:0.39rem; height:0.39rem; float:left; border-radius:50%; background:url(../img/indexnewsleft.png) #cecece center no-repeat; cursor:pointer; outline:none;}
div.indexnewsfour_bleft:hover{ background:url(../img/indexnewsleft.png) #0e9388 center no-repeat;}

div.indexnewsfour_bright{ width:0.39rem; height:0.39rem; float:left; border-radius:50%; background:url(../img/indexnewsright.png) #cecece center no-repeat; margin-left:0.17rem; cursor:pointer; outline:none;}

div.indexnewsfour_bright:hover{ background:url(../img/indexnewsright.png) #0e9388 center no-repeat;}

div.indexnewsfourrt{ width:74.2vw; height:100%; position:absolute; top:0; right:2.1vw;}

div.indexnewslist{ width:100%; height:100%; padding:0 0.4rem;}

div.indexnewslist::before{ content:''; display:block; width:100%; height:100%; background:url(../img/indexnewsbefore.jpg) 50%/cover no-repeat; position:absolute; left:0; top:0; opacity:0; transition:all 0.36s ease-in-out;}

div.indexnewslist_table{ width:100%; height:100%; display:table;}

div.indexnewslist_cell{ width:100%; height:auto; vertical-align:middle; display:table-cell;}

div.indexnewslist_numbk{ width:100%; height:0.84rem; line-height:0.84rem; color:#e1e1e1; font-family:'bah'; font-size:0.6rem; position:relative;}

div.indexnewslist_numrt{ float:right; opacity:0;    margin-top: 0.4rem;}

div.indexnewslist_numrt_line{ width:2rem; height:1px; background:rgba(255,255,255,0.3); float:left; margin-right:0.13rem; margin-top:0.1rem;}

div.indexnewslist_numrt_more{ height:0.2rem; line-height:0.2rem; color:#fdfeff; font-size:0.14rem; float:left;}

div.indexnewslist_pic{ width:100%; height:2.7rem; margin-bottom:0.21rem;position:relative; margin-top:0.2rem; overflow:hidden;}

div.indexnewslist_picbg{ width:100%; height:100%; transition:all 0.36s ease-in-out;}

div.indexnewslist_time{ width:100%;  height:0.57rem; line-height:0.57rem; color:#636363; font-size:0.16rem; font-family:'av';position:relative;}

div.indexnewslist_t{ width:100%; height:0.43rem; line-height:0.43rem; overflow:hidden; color:#323232; font-size:0.18rem; margin-bottom:0.24rem;position:relative;}

div.indexnewslist_desc{ width:100%; height:0.56rem; overflow:hidden; line-height:0.28rem; margin-top:0.05rem; color:#919292; position:relative;}

div.indexnewslist_more{ width:100%; height:0.25rem; line-height:0.25rem; color:#636363; font-size:0.14rem;position:relative; margin-top:0.2rem;}

div.indexnewslist:hover:before{ opacity:1;}

div.indexnewslist:hover div.indexnewslist_numbk{ color:#fff;}

div.indexnewslist:hover div.indexnewslist_numrt{opacity:1;}

div.indexnewslist:hover div.indexnewslist_picbg{ transform:scale(1.1);} 

div.indexnewslist:hover div.indexnewslist_time{ color:#fff;}

div.indexnewslist:hover div.indexnewslist_t{ color:#fff;}

div.indexnewslist:hover div.indexnewslist_desc{ color:#fff;}

div.indexnewslist:hover div.indexnewslist_more{ opacity:0;}

div.yewutwobackruchang{  background:url(https://pic01.sq.seqill.cn/uploads/image/20230131/65ef3aec59eabff09a8cded67d90f881.gif) center no-repeat;}

div.yewutwobackruchang1{  background:url(https://pic01.sq.seqill.cn/uploads/image/20230109/df58fed2d783c824985a9aec8620f230.jpg) center no-repeat;}

div.yewutwobackruchang2{  background:url(https://pic01.sq.seqill.cn/uploads/image/20230109/dd99318232e2f5e009806e33b4c78a20.jpg) center no-repeat;}

.videos{ display:none; border:none; position:fixed; left:50%; top:50%; margin-left:-40vw; margin-top:-30vh; z-index:999999;  width: 80vw; height: 60vh; } 
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }

div.videosblackbg{ width: 100vw; height: 100vh; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.8); left: 0; top: 0; z-index: 999997; display: none;}
 
div.yewunewhover{ width:265px; height:260px; position:absolute;  top:-270px; left:-132.5px; background:#e9f3f2; border-radius:15px; overflow:hidden; transition:all 0.36s ease-in-out; opacity:0; visibility:hidden;} 

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

div.yewunewhoverbottom{ width:100%; height:130px; padding:15px; line-height:26px; color:#868686; font-size:14px; overflow:hidden;}

div.yewunewhoverbottomn{ height:185px; overflow:hidden;}

div.yewutwo_map_1ico:hover div.yewunewhover{ opacity:1;  visibility:visible;}


.publicheadrt_lan a {
    display: block;
    width: 100%;
    height: 100%;
}