*{ 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 {
	overflow-x: hidden;
          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 p {
	margin: 0;
	cursor: pointer;
	
}
.pagination {
	height: 28px;
	text-align: center;
	width:100%;
margin-top: 60px;
	margin-bottom:50px;
}
.pagination a {
	display: inline-block;
	margin-right: 10px;
	width: 28px;
	height: 28px;
	line-height: 28px;
	
	text-decoration: none;
	
	font-size: 14px;
	
	text-align: center;
	border:#dddddd 1px solid;
	background: #f5f5f5;
	color: #565656;
	transition:all 0.3s ease-in-out;

}
.pagination a:hover {
	border:#11aa81 1px solid;
	background: #11aa81;
	color: #fff;

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

	font-size: 14px;
	text-align: center;
	
	transition:all 0.3s ease-in-out;
	border:#11aa81 1px solid;
	background: #11aa81;
	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;

	
}
.pagination .page_xyy:hover{ 
	
		border:#11aa81 1px solid;
	background: #11aa81;
	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;
	

}
.pagination .page_syy:hover{ 
		border:#11aa81 1px solid;
	background: #11aa81;
	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:'din';src: local('din'), url(../font/din.woff) format('woff');}
@font-face {font-family:'dinp';src: local('dinp'), url(../font/dinp.woff) format('woff');}
@font-face {
  font-family: 'iconfont';  /* project id 134195 */
  src: url('../font/font_ghcata474rbb7qfr.eot');
  src: url('../font/font_ghcata474rbb7qfr.eot') format('embedded-opentype'),
  url('../font/font_ghcata474rbb7qfr.woff') format('woff'),
  url('https://wuhan.china213.net/template/default/index/img/font_ghcata474rbb7qfr.ttf') format('truetype'),
  url('../font/font_ghcata474rbb7qfr.svg') format('svg');
}

div.publicheadtop{ width: 100%; height: 40px; background: #4a4a4a; padding: 0 1.2vw;}

div.publicheadtopleft{ float: left; height: 40px; line-height: 40px; padding-left: 22px; background: url("../image/head1ico1.png") left center no-repeat; color: #999999; font-size: 12px;}

div.publicheadtoprt{ float: right; height: 40px; line-height: 40px; }

div.publicheadtoprt1{  float: left; line-height: 40px; padding-left: 22px; background: url("../image/head1ico2.png") left center no-repeat; padding-right: 9px; position: relative; color: #999999;}

div.publicheadtoprt1::before{ content: ''; display: block; width: 1px; height: 16px; background: #626262; position: absolute; right: 0; top: 12px;}

div.publicheadtoprt2{  float: left; line-height: 40px; padding-left: 22px; background: url("../image/head1ico3.png") left center no-repeat; color: #999999;  margin-left:10px; }

div.publicheadback{ width: 100%; height: 0.9rem; background: #fff; position: sticky; top: 0; z-index: 999999; transition: all 0.36s ease-in-out; }

div.publicheadlogo{ width: 2.25rem; height: auto; float: left; margin-top: 0.27rem; margin-left: 1.2vw;}

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

div.publicheadrt{ width:0.9rem; height: 0.9rem; float: right; background:url("../image/ss.png") #f0f0f0 center no-repeat; cursor: pointer; background-size:0.23rem;  }

div.publicheadnavbk{ width: calc(100% - 1.2vw - 2.25rem - 0.9rem); height: 0.9rem;  display: flex; flex-flow: nowrap; justify-content: center; top: 0; position: absolute; left: calc(1.2vw + 2.25rem);}

div.publicheadnav{ height: 0.9rem; line-height: 0.9rem; font-size:16px; color: #333333; margin: 0 0.17rem; position: relative; }

div.publicheadnav a{color: #333333; display: block; width: 100%; height: 100%;}

div.publicheadnav::before{ content: ''; display: block; width:0%; height: 2px; background: #00b082; position: absolute; left: 50%; bottom: 0; transition: all 0.36s ease-in-out;}

div.publicheadnav:hover:before{ width: 100%; left: 0;}

div.publicheadnavspc{ height: 0.9rem; line-height: 0.9rem; font-size:16px; color: #333333; margin: 0 0.17rem; position: relative;z-index: 999999;}

div.publicheadnavspc a{color: #333333; display: block; width: 100%; height: 100%;}

div.publicheadnavspc::before{ content: ''; display: block; width:0%; height: 2px; background: #00b082; position: absolute; left: 50%; bottom: 0; transition: all 0.36s ease-in-out;}

div.publicheadnavspc:hover:before{ width: 100%; left: 0;}

div.publicheadnavxl{ width: 100%; height: auto; position: fixed; top: calc(0.9rem + 40px); left: 0; z-index: 999999; padding: 0.39rem 0 0.3rem; display: flex; flex-flow: nowrap; justify-content: center; background: #fffdfd; opacity: 0; visibility: hidden; transition: all 0.36s ease-in-out;}

div.publicheadbackh{ box-shadow: 0 0 20px rgba(0,0,0,0.1);}

div.publicheadbackh div.publicheadnavxl{ top: 0.9rem;}

div.publicheadnavxlli{  height: auto;margin: 0 0.55rem; }

div.publicheadnavxlliico{ width: 0.8rem; height: 0.8rem; position: relative; float: left;}

div.publicheadnavxlliico1{ width: 0.8rem; height: 0.8rem; position: absolute; left: 0; top: 0; background-size:100% !important; }

div.publicheadnavxlliico2{ width: 0.8rem; height: 0.8rem; position: absolute; left: 0; top: 0; opacity: 0; background-size:100% !important; }

div.publicheadnavxlli_t{height: auto; line-height: 0.8rem; text-align: center; white-space: nowrap;  color: #7a7a7a; font-size: 0.16rem;  float: left; margin-left: 0.15rem;}

div.publicheadnavxlli:hover div.publicheadnavxlliico1{opacity: 0;}

div.publicheadnavxlli:hover div.publicheadnavxlliico2{opacity: 1;}

div.publicheadnavxlli:hover div.publicheadnavxlli_t{ color: #00b082;}

div.publicheadnavspc:hover div.publicheadnavxl{ opacity: 1; visibility: visible;}

div.indexbannerback{ width: 100%; height: calc(100vh - 40px); position: relative;}

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

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

div.indexbannertable{ width: 90%; max-width: 1600px; margin: auto; height: 100%; display: table;}

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

div.indexbannercont{ width: 5.3rem; height: 3.28rem; background: rgba(0,0,0,0.3); padding: 0.57rem 0 0 0.5rem;}

div.indexbannercont_t{ width: 100%; height: auto; line-height: 0.47rem; color: #ffffff; font-size: 0.36rem; margin-bottom: 0.22rem; font-family: 'din'; opacity:0; transform: translate(0px,50px);transition: all 0.5s ease-in-out;}

div.indexbannercont_ft{ width: 100%; height: 0.35rem; line-height: 0.35rem; margin-bottom: 0.4rem; font-family: 'din'; color: #ffffff; font-size: 0.3rem; text-transform: uppercase;font-family: 'din'; opacity: 0;transform: translate(0px,50px); transition: all 0.5s ease-in-out;}

.swiper-slide-active div.indexbannercont_t{opacity:1; transform: translate(0px,0px);transition-delay: 0.4s;}

.swiper-slide-active div.indexbannercont_ft{opacity:1; transform: translate(0px,0px); transition-delay: 0.8s;}

div.indexbannercont_more{  height: 0.25rem; line-height: 0.25rem; padding-right: 0.4rem; display: inline-block; color: #ffffff; font-size: 0.14rem; background: url("../image/indexbannermorejt.png") right center no-repeat; font-family: 'din'; transition: all 0.5s ease-in-out;}



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

div.indexbannercont:hover div.indexbannercont_more{ padding-right: 0.3rem;}

div.indexoneback{ width: 100%; height: auto; padding: 1.2rem 0 0.86rem;}

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

div.indexone_t{ width: 100%; height: auto; line-height: 66px; text-align: center; color: #4d4d4d; font-size: 48px;}

div.indexone_ent{ width: 100%; height: auto; line-height: 32px; text-align: center; color: #3f3a39; font-size: 20px; font-family: 'din'; text-transform: uppercase; margin-top: 10px;}

div.indexone_cont1{ width: 100%; height: auto; line-height: 61px; text-align: center; margin-top: 38px; color: #666666; font-size: 30px; font-family: 'din';}

div.indexone_cont2{  width: 100%; height: auto; line-height: 32px; text-align: center; margin-top: 9px; color: #999999; font-size: 18px;}

div.indexone_bottom{ width:100%; text-align: center; margin-top: 50px; }

div.indexone_bottom1{width:auto; height: 50px; line-height: 50px; display: inline-block; color: #666666; font-size: 16px;}

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

div.indexone_bottom_1 img{ margin-left: 15px; position: relative; top: -2px; cursor: pointer; transition: all 0.36s ease-in-out;}

.indexone_video:hover img{-webkit-transform: rotate(360deg) scale(0.9); }

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

.videos{ display:none; border: 1px solid #080808; position:fixed; left:50%; top:50%; margin-left:-600px; margin-top:-337.5px; z-index:100; width:1200px; height:675px; }
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }

div.indextwoback{ max-width: 90%; height: 6.3rem; max-height: 1735px; margin: auto; position: relative;}

div.indextwobgbk{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden;}

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

div.indextwobgh{ opacity: 1; transform: scale(1);}

div.indextwonavbk{ width: 5.7rem; height: 100%; position: absolute; left: 0; top: 0; background:rgba(30,30,30,0.9); padding: 1.23rem 0 0 0.8rem;}

div.indextwonav_t{ width: 100%; height: 0.59rem; line-height: 0.59rem; color: #ffffff; font-size: 0.36rem;}

div.indextwonav_desc{ width: 100%; height: auto; line-height: 0.24rem; margin-top: 5px; color: #ffffff; font-size: 0.14rem; margin-bottom: 0.34rem;}

div.indextwonav_li{ display: inline-block; height: 0.42rem; line-height: 0.42rem; margin-bottom: 6px; padding-left: 0.43rem; background-size:0.33rem !important; }

div.indextwonav_li a{ color: #ffffff; font-size: 0.22rem;}

div.indextwonav_li img{ margin-left: 0.2rem; position: relative; top: -2px; opacity: 0; transition: all 0.36s ease-in-out;}

div.indextwonav_lih img{ opacity: 1;}

div.indexthreeback{ width: 100%; height: auto; padding: 0.96rem 0 1.09rem;}

div.indexthreeqhbk{ width: 90%; max-width: 1300px; height: auto; margin: auto; margin-top: 0.75rem;} 

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

div.indexthreelistpic{ width: 100%; height: auto; overflow: hidden;}

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

div.indexthreelist_t{ width: 100%; height:68px; line-height: 34px; overflow: hidden; margin-top: 20px; color: #585858; font-size: 18px;}

div.indexthreelist:hover div.indexthreelistpic img{ transform: scale(1.1)}

div.indexthreelist:hover div.indexthreelist_t{ color: #0cb488;}

div.indexthreelist_time{ width: 100%; height: 20px; line-height: 20px; margin-top: 14px; color: #666; font-size: 14px; font-weight: 700;}

div.indexthreelist_time span{ font-family: 'dinp'; color: #666666; font-weight: 500; font-size: 14px; margin-left: 17px;}

div.indexthreebutton{ width: 126px; height: auto; margin: auto; margin-top: 65px;}

div.indexthreebuttonleft{ width: 50px; height: 50px; border: 1px solid #00b082; border-radius: 50%; background: url("../image/indexthreeleft.png") center no-repeat; float: left; cursor: pointer; outline: none;}

div.indexthreebuttonleft:hover{ background: url("../image/indexthreelefth.png") #00b082 center no-repeat; }

div.indexthreebuttonright{ width: 50px; height: 50px; border: 1px solid #00b082; border-radius: 50%;  background: url("../image/indexthreeright.png") center no-repeat; float: right; cursor: pointer; outline: none;}

div.indexthreebuttonright:hover{ background: url("../image/indexthreerighth.png") #00b082 center no-repeat; }

div.publicfooterback{ width: 100%; height: auto; padding: 0.76rem 0 1.05rem; background: #1e1e1e;}

div.publicfooter{ max-width: 1530px; width: 90%; height: auto; margin: auto;}

div.publicfooter_l{ float: left; margin-top: 29px;}

div.publicfooter_list{  float: left; margin-right: 0.45rem;}

div.publicfooter_list_t{ height: 37px; line-height: 37px; color: #cccccc; font-size: 16px; margin-bottom: 0.22rem;}

div.publicfooter_list_t a{color: #cccccc;}

div.publicfooter_list_t a:hover{color: #0fb589; transition: all 0.36s ease-in-out;}

div.publicfooter_list_li{  height: 34px; line-height: 34px; color: #848484; font-size: 14px;}

div.publicfooter_list_li a{ color: #848484; transition: all 0.36s ease-in-out; left: 0; position: relative;}

div.publicfooter_list_li a:hover{ color: #0fb589; left: 7px;}

div.publicfooter_r{  float: right;}

div.publicfooter_rlogo{ width:228px; height: auto; float: right; }

div.publicfooter_rxx{ float: right; height: auto; text-align: right; line-height: 32px; color: #cccccc; font-size: 16px; font-family: 'din'; margin-top: 0.5rem;}

div.publicfooter_rbt{  height: 43px;  margin-top: 26px; float: right;}

div.publicfooter_rbtico{ float: left; height: 43px;  cursor: pointer; position: relative;}

div.publicfooter_rbtico1{ float: left; height: 43px;  cursor: pointer; position: relative; margin-left: 12px;}

div.publicfooter_rbtico1ewm{ width:172px; height:184px; position:absolute; left:-67px; top:-184px; opacity:0; visibility:hidden; transition:all 0.36s ease-in-out;}
div.publicfooter_rbtico1:hover div.publicfooter_rbtico1ewm{ opacity:1; visibility:visible;}

div.publicfooter_rbtico1ewm img{ width:100%;}

div.publicfooter_rbtico2{ float: left; line-height: 43px; color: #00b082; font-size: 16px; margin-left: 14px;}

div.publicfooterbottom{ width: 100%; height: auto; background: #1e1e1e; border-top: 1px solid #4e4e4e; padding: 0.29rem 0;}

div.publicfooterbtl{ float: left; height: 39px; line-height: 39px; color: #666666; font-size: 16px; font-family: 'din';}

div.publicfooterbtl a{ color: #666;}

div.publicfooterbtr{ float: right; height: 39px; cursor: pointer;}

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

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

div.nybanner_top{ width: 100%; height: auto; position: absolute; top: 1.58rem;}

div.nybanner_top_1{ width: 100%; height: 0.74rem; line-height: 0.74rem; text-align: center; color: #ffffff;font-size: 0.36rem; }

div.nybanner_top_2{ width: 100%; height: 0.76rem; line-height: 0.76rem; text-align: center; color: #fff; color: #ffffff; font-size: 0.48rem; font-family: 'din';text-transform: uppercase;  }

div.nybanner_bottom{ width: 100%; height: auto; bottom: 0; padding: 0.56rem 0; background: rgba(255,255,255,0.6);  display: flex; flex-flow: nowrap; justify-content: center; position: absolute; bottom: 0;}

div.nybannernav{ line-height: 48px; border-bottom: 1px solid rgba(102,102,102,0); color: #555555; font-size: 20px; font-weight: 100; margin: 0 22px; transition: all 0.36s ease-in-out;}

div.nybannernav a{ color: #555555;}

div.nybannernav img{  margin-right: 3px;}

div.nybannernav:hover{border-bottom: 1px solid rgba(102,102,102,1);}

div.nybannernavhover{border-bottom: 1px solid rgba(102,102,102,1);}

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

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

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

div.nybreadn a:hover{ color: #0cb488;} 

div.gywmoneback{ width: 100%; height: auto; padding: 40px 0 165px}

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

div.gywmoneleft{ width: 506px; height: 731px; position: relative; float: left;}

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

div.gywmoneleftbutton{ width: 133px; height: 137px; position: absolute; left: 60px; bottom: -70px; border-radius: 7px; background: #00b082; padding-top: 27px; box-shadow: 0 0 20px rgba(0,0,0,0.15);cursor: pointer;}

div.gywmoneleftbuttonico{ width: 50px; height: 50px; margin: auto; background: url("../image/gywmoneico.png") center no-repeat; transition: all 0.5s ease-in-out; }

div.gywmoneleftbutton_t{ width: 100%; height: 30px; line-height: 30px; text-align: center; margin-top: 15px; color: #ffffff; font-size: 16px;}

div.gywmoneleftbutton:hover div.gywmoneleftbuttonico{ transform:rotate(360deg) scale(0.9);}

div.gywmonert{ width: 580px; height: auto; float: right;}

div.gywmonert_1{ width: 100%; height: 45px; line-height: 45px; color: #4d4d4d; font-size: 36px;  }

div.gywmonert_2{ width: 100%; height: 23px; line-height: 23px; margin-top: 15px; color: #3f3a39; font-family: 'din'; text-transform: uppercase;}

div.gywmonert_desc{ width: 100%; height: auto; margin-top: 48px; line-height: 48px; color: #666666; font-family: 'din'; font-size: 24px;}

div.gywmonert_cont{ width: 100%; height: auto; line-height: 31px; margin-top: 71px; color: #666666; font-size: 16px; text-align: justify;}

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

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

div.gywmthreeback{ width: 100%; height: auto; padding: 79px 0 84px;}

div.gywmthree_et{ width: 100%; height: 45px; line-height: 45px; text-align: center; color: #333333; font-size: 18px; font-family: 'din'; text-transform: uppercase;}

div.gywmthree_cnt{ width: 100%; height: 71px; line-height: 71px; text-align: center; color: #333333; font-size: 42px;}

div.gywmthree_desc{ width: 100%; height: auto; margin: auto;  margin-top: 46px; line-height: 34px; text-align: center; color: #666666; font-size: 16px;}

div.gywmfourback{ width: 100%; height: auto; padding: 170px 0 108px; background: #e8e8e8;}

div.gywmthreepic{ width: 90%; height: auto; max-width: 1400px; margin: auto; padding-bottom: 60px;}

div.gywmthreepic .swiper-pagination .swiper-pagination-bullet{ width: 12px; height: 12px; background: #c5c5c5; opacity: 1;}

div.gywmthreepic .swiper-pagination .swiper-pagination-bullet-active{ width: 12px; height: 12px; background: #5c5c5c; opacity: 1;}

div.lichengback{ width: 100%; height: auto; padding: 0.47rem 0 97px; position: relative;}

div.licheng_t{ width: 1200px; height: auto; line-height: 54px; color: #333333; font-size: 36px;margin: auto;}

div.gywmzcbg{ width: 1200px; height: auto; margin: auto;}

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

div.lichengonert{ width: 900px; height: 288px; overflow-y: auto; float: right; line-height: 36px; color: #666666; font-size: 16px;}

div.lichengonert_t{ position: absolute; left: 0; bottom: 0; color: #32b795; line-height: 130px; font-size: 115px; font-family: 'din';}

div.lichengline{ width: 400vw; height: 72px; background: url("../image/lichengline.jpg"); position: absolute; left: 0;  top: 459px;
background-size: 100% 100%;
animation-name: example;
animation-duration: 8s;
-webkit-animation-timing-function:linear;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
animation-direction: alternate;
}

@keyframes example {
  from {transform: translateX(0px) rotateX(45deg);}
  to {transform: translateX(-100vw) rotateX(-45deg);}
}
div.swipergywm{ width: 90%; height: auto; margin: auto; max-width: 1400px; overflow: hidden; cursor: grab; margin-top: 70px;}

div.gywmthreelist_t {
    width: 100%;
    height: auto;
    line-height: 1.3;
    margin-top: 25px;
    font-size: 18px;
    text-align: center;
    color: #333;
}

div.jiejueonebk{ width: 100%; height: auto; padding: 40px 0 84px;}

div.jiejueone{ width: 1200px; height:auto; margin: auto;}

div.jiejueone_t{ width: 100%; height: auto; line-height: 51px; color: #393939; font-size: 30px; font-weight: 100;  margin-bottom: 33px;}

div.jiejueone_l{ width: 493px; height: auto; float: left;}

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

div.jiejueone_r{ width: 630px; height: auto; float: right;}

div.jiejueone_r_t{ width: 100%; height: 187px; overflow: hidden; line-height: 38px; color: #3e3e3e; font-size: 18px; overflow: hidden; }

div.jiejueone_rmore{ margin-top: 32px; width: 196px; height: 49px; background: #00b082; position: relative; text-align: center; line-height: 49px; color: #fff; font-size: 16px;}

div.jiejueone_rmore::before{ display: block; content: ''; width: 0; height: 100%; background: #039972;  position: absolute; left: 0; top:0; transition: all 1s cubic-bezier(.165,.84,.44,1) 0s;}

div.jiejueone_rmore a{ color: #fff; display: block; width: 100%; height: 100%; position: relative;}

div.jiejueone_rmore:hover:before{ width: 100%;}

div.jiejuetwobk{ width:100%; height: auto; background: #f5f5f5; padding: 20px 0 110px; }

div.jiejueoneline{ width: 1200px; margin: auto; height: 1px; background: #e7e7e7;}

div.jiejueoneli_list{ width: 1200px; height: auto; margin: auto; margin-bottom: 25px;}
 
div.jiejueoneli_list_t{ padding: 24px 0 40px; line-height: 55px; color: #333333; font-size: 30px; font-weight: 100;}

div.jiejueoneli_list_desc{ width: 100%; height: auto; padding: 50px 45px 46px; background: #fff;}

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

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

div.jiejueoneli_list_cont{ width: 100%; height: auto; padding: 20px 40px; background: #f5f5f5; line-height: 36px; color: #393939; font-size: 16px; text-align:justify;}

div.jiejueny{ width: 1210px; height: auto; margin: auto; padding: 50px 0 100px;}

div.jiejuenycont{ width: 100%; height: auto; line-height: 1.8; color: #333; font-size:18px;}

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

div.yanjiuone{ width: 1280px; height: auto; margin: auto; padding-top: 75px; padding-bottom: 130px;}

div.yanjiuone_t{ width: 100%; height: auto; line-height: 45px; color: #333333; font-size: 36px; margin-bottom: 60px;}

div.yanjiuone_left{ width: 473px; height: auto; float: left;}

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

div.yanjiuone_rt{ width: 760px; height: auto; line-height: 36px; color: #393939; font-size: 16px; float: right; position: relative; top: -5px;}

div.yanjiutwo{ width: 100%; height: auto;  padding: 90px 0 ; text-align: center; background: #e9e9e9;}

div.yanjiuthree{ width: 1220px; margin: auto; height: auto; padding:152px 0 ; display: flex; flex-flow:nowrap; justify-content:space-between;}

div.yanjiuthreeli{ width: 33.3333%; height: 56px; border-left: 2px solid #c9c9c9;  display: flex; flex-flow: nowrap; justify-content: center;}

div.yanjiuthreeli_1{  height: 56px; line-height: 56px; color: #00b082; font-family: 'din'; font-size: 60px;}

div.yanjiuthreeli_1 span{ font-family: 'din';}

div.yanjiuthreeli_2{  height: 56px; overflow:hidden; line-height: 28px; color: #666666; font-size: 16px; margin-left: 18px;}

div.yanjiuthreeli:nth-child(1){border: none;}
@keyframes spin {
     from { 
      bottom:1rem;
    }
    to { 
      bottom:0.87rem;
    }
}
div.bannerjt{ width: 24px; height: 24px; position: absolute; left: 50%; margin-left: -12px; bottom: 1rem; background: url("../image/bannerjt.png") center no-repeat;    animation: spin 0.7s linear infinite alternate;}

div.joboneback{ width: 100%; height: auto; padding: 96px 0 86px; background: url("../image/jobonebg.jpg") 50%/cover no-repeat;}

div.jobone{ width: 1280px; height: auto; margin: auto; display: flex;}

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

div.jobonelist_t{ width: 100%; height: 52px; line-height: 52px; color: #333333; font-size: 30px; margin-bottom: 22px;}

div.jobonelist_desc{ width: 100%; height: auto;line-height: 25px; color: #666666; font-size: 16px; }

div.jobtwoback{ width: 100%; height: auto; padding: 1.4rem 0 0.7rem; background: #f3f3f3;}

div.jobtwo{  max-width: 1600px; height: auto; margin: auto; }

div.jobtwoleft{ width: 45%; height: auto; float: left; padding-bottom: 4.1rem; position: relative;}

div.jobtwoleft::before{content: ''; left: -11%; display: block; width: 100%; height: 4.1rem; position: absolute; bottom: 0;background: url("../image/jobbottompic.png") bottom center no-repeat; background-size:105%;}

div.jobtwoleft_1{ width: 100%; height: auto; line-height: 0.49rem; color: #00b082; font-size: 0.18rem; padding-left: 0.2rem; background: url("../image/star.png") center left no-repeat; background-size:0.15rem; }

div.jobtwoleft_2{ width: 100%; height: auto; line-height: 25px; color: #898989; font-size: 16px; margin-top: 0.27rem; padding-left: 0.2rem; font-family: 'din'; }

div.jobtwort{ width: 48%; height: auto; float: right;}

div.jobtwort_top{ width: 100%; height: auto; padding-bottom: 20px; border-bottom: 1px solid #b0b0b0;}

div.jobtwort_topli{ float: left; height: 0.4rem; line-height: 0.4rem; padding-left: 0.33rem; color: #b0b0b0; font-size: 0.24rem; font-weight: 100; margin-right: 0.3rem; cursor: pointer;background: url("../image/star.png") center left no-repeat; background-size:0; }

div.jobtwort_toplih{ background-size:0.25rem; color: #00b082; }

div.jobtwoblock{ width: 100%; height: auto; padding: 35px 0; line-height: 0.5rem; color: #898989; font-size: 16px; display: none;}

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

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

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

div.xwlist_t{ width: 100%; height: auto; line-height:54px; color: #4d4d4d; font-size:  }

div.xwlist{ width: 100%; height: auto; padding: 42px 25px 35px 0; border-bottom: 1px solid #eeeeee;}

div.xwlistleft{ float: left;}

div.xwlistleft1{  height: 50px; line-height: 48px; font-size: 36px; font-family: 'din'; margin-bottom: 22px; color: #b6b6b6;}

div.xwlistmid{ width: 720px; height: auto; float: left;margin-left: 106px;}

div.xwlistmid_1{ width:100%; height: 42px; overflow: hidden; line-height: 42px; font-size: 16px; color: #373737;  }

div.xwlistmid_2{ width: 100%; height: 50px; line-height: 25px; overflow: hidden; font-size: 14px; color: #aaaaaa;}

div.xwlistrt{ width: 200px; height: 126px;  float: right; overflow: hidden;}

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

div.xwlist:hover div.xwlistleft2{ margin-left: 10px;}

div.xwlist:hover div.xwlistmid_1{  color: #11aa81;}

div.xwlist:hover div.xwlistrtbg{ transform: scale(1.1);}

div.xwlist:hover{border-bottom: 1px solid #11aa81;}


div.xwlist_bkk{ margin-top: 20px;}

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

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

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

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

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

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

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

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

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

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

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

div.newxxone_cont table{ width:100% !important;}


div.cplistbk{ width: 1200px; height: auto; margin: auto; padding: 45px 0 52px;}

div.cplist{ width: 560px; height: 505px; float: left; position: relative; padding-top: 72px; background: #e9e8e8; margin-bottom: 35px;}

div.cplistpic{ width: 268px; height: 268px; margin: auto; padding: 32px; border-radius: 50%; position: relative;}

div.cplistpic::before{ content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; background: #1aa376; transform:scale(0.6); position: absolute; left: 0; top: 0; opacity: 0;}

div.cplistpicn{ width: 100%; height: 100%;border-radius: 50%; position: relative;}

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

div.cplistpic_t{ width: 100%; height: auto; line-height: 49px; text-align:center; padding: 0 15px; color: #333333; font-size: 30px; font-weight: 100; position: relative; top: -50px;}

div.cplistpic_jt{ width: 20px; height: 12px; margin: auto; margin-top:38px;opacity: 1;position: relative; background: url("../image/cpjt.png") center no-repeat;top: -50px;}

div.cplistpic_more{ width: 100%; height: 32px; line-height: 32px; text-align: center; color: #ffffff; font-size: 16px; opacity: 0;position: relative; top: 0;}

div.cplist:hover{ background: #009966;}

div.cplist:hover div.cplistpic::before{animation: suofang 0.7s linear infinite alternate; }

div.cplist:hover div.cplistpicn{ background: #48b591;}

div.cplist:hover div.cplistpic_t{ top: 0; color: #fff;}

div.cplist:hover div.cplistpic_jt{ top: 0; opacity: 0;}

div.cplist:hover div.cplistpic_more{ opacity: 1;    top: -45px;}

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


@keyframes suofang {
    from {
      transform: scale(0.7);
		opacity: 1;
    }
    to {
      transform: scale(1);
		opacity: 1;
    }
}


div.nybannerback1{ width: 100%; height: 4.05rem; position: relative;}

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

div.nybanner_top1{ width: 100%; height: auto; position: absolute; top: 1.2rem;}

div.proxxonebk{ width: 1200px; height: auto; margin: auto; padding: 86px 0 80px;}

div.proxxleft{ width: 520px; height: auto;  float: left; margin-top: 77px;}

div.proxxleft_t{ width: 100%; height: auto; line-height: 53px;  color: #333333; font-size: 30px; margin-bottom: 39px;}

div.proxxleft_desc{ width: 100%; height: auto; line-height: 37px; color: #666666; font-size: 16px; text-align:justify;}

div.proxxrt{ width: 568px; height: 488px; float: right; }

div.cpswiper{ width: 100%; height: 100%; position: relative;padding-right: 80px;}

div.cpswiper .swiper-pagination .swiper-pagination-bullet{ width: 12px; height: 12px; background: #cccccc; opacity: 1; margin: 18px 0;}

div.cpswiper .swiper-pagination .swiper-pagination-bullet-active{ width: 12px; height: 12px; background: #00b082; opacity: 1;}

div.cptwotitle{ width: 1200px; height: 80px; margin: auto; border-top: #333333 1px solid; border-bottom: #333333 1px solid; line-height: 80px;}

div.cptwotitle_l{ padding-left: 8px; display: inline-block; padding-right:30px; color: #666666; font-size: 16px; background: url("../image/cpcontentjt.jpg") center right no-repeat;}

div.cptwobk{ width: 1200px; height: auto; margin: auto; padding: 0 0 140px;}

div.indextwoiconew1{ width: 117px; height: 117px; position: absolute; right: 36px; bottom: 42px;}

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








.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(255,255,255,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:#666;
    -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;}
}
.publicheadss {
	cursor: pointer;
}
section.clickshow{ height:0px; transition:all 0.5s ease-in-out; background:url(https://wuhan.china213.net/template/default/index/img/ssbg.jpg) 50%/cover no-repeat; overflow:hidden; z-index:9999999; position:fixed; width:100%; top:0; left:0;background: #4a4a4a}


div.ny_rightlist{ width: 100%; height: 50px; border-bottom: 1px solid #E0E0E0;}

div.ny_rightlist_lt{ width: 100%;  height: 50px; padding-left: 15px; color: #333333; font-size: 16px; line-height: 50px; overflow: hidden; text-overflow: ellipsis; color: #333; }

div.ny_rightlist:hover div.ny_rightlist_lt{ color: #33615e;}


.area{width:100%; height:auto; overflow:hidden; margin-bottom:10px;}
.area h3{width:102px; height:30px; background:#0260ae; color:#FFF; text-align:center;display:block;line-height:26px;font-size:16px;margin-bottom:0px;}
.area dl{padding:10px;border-top:1px solid #ccc; height:auto; overflow:hidden;margin-bottom:0px;}
.area dl dt{float:left;margin-left:13px}
.area dl dt a{font-size:14px;line-height:28px;color:#5a5a5a}
.area dl dt a:hover{color:#47cdff}
.xgxw{width:100%; height:auto; overflow:hidden; margin-bottom:10px;}
.xgxw h3{width:102px; height:30px; background:#0260ae; color:#FFF; text-align:center;display:block;line-height:30px;font-size:16px; margin-bottom:0px;}
.xgxw ul{padding:10px; border-top:1px solid #ccc; height:auto; overflow:hidden; margin-bottom:0px;}
.xgxw dl{padding:15px 0px; border-top:1px solid #ccc; height:auto; overflow:hidden; margin-bottom:0px;}
.xgxw ul li{float:left; display:inline; width:48%; margin-right:2%; line-height:30px; font-size:14px;}
.xgxw ul li a{color:#333;}
.xgxw ul li span{float:right; color:#5a5a5a}
.xgxw dl dt{display:inline-block; width:22%;margin:0px 1%; text-align:center; font-size:14px;}
.xgxw dl dt a{color:#333;}
.xgxw dl dt img{border:1px solid #ccc; width:180px;}



.jituanjianjie-history-item::before {
	display: none;
}
.jituanjianjie-history-swiper1 .active::after {
	content: "";
	width: 50px;
	height: 3px;
	background: #32b795;
	position: absolute;
	left: 50%;
	margin-left: -25px;
	bottom: 30px;
}

div.indexbannerback .swiper-pagination{ bottom:55px;}

div.indexbannerback .swiper-pagination .swiper-pagination-bullet{ width:30px !important; height:5px !important; background:#efefef !important; opacity:1;  border-radius:0 !important;}

div.indexbannerback .swiper-pagination .swiper-pagination-bullet-active{width:30px !important; height:5px !important; background:#00b082 !important; opacity:1;border-radius:0 !important;}

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

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

div.indexthreebuttonleft1{ width: 50px; height: 50px; border: 1px solid #00b082; border-radius: 50%; background: url("../image/indexthreeleft.png") center no-repeat; float: left; cursor: pointer; outline: none;}

div.indexthreebuttonleft1:hover{ background: url("../image/indexthreelefth.png") #00b082 center no-repeat; }

div.indexthreebuttonright1{ width: 50px; height: 50px; border: 1px solid #00b082; border-radius: 50%;  background: url("../image/indexthreeright.png") center no-repeat; float: right; cursor: pointer; outline: none;}

div.indexthreebuttonright1:hover{ background: url("../image/indexthreerighth.png") #00b082 center no-repeat; }


div.indexthreebuttonleft2{ width: 50px; height: 50px; border: 1px solid #00b082; border-radius: 50%; background: url("../image/indexthreeleft.png") center no-repeat; float: left; cursor: pointer; outline: none;}

div.indexthreebuttonleft2:hover{ background: url("../image/indexthreelefth.png") #00b082 center no-repeat; }

div.indexthreebuttonright2{ width: 50px; height: 50px; border: 1px solid #00b082; border-radius: 50%;  background: url("../image/indexthreeright.png") center no-repeat; float: right; cursor: pointer; outline: none;}

div.indexthreebuttonright2:hover{ background: url("../image/indexthreerighth.png") #00b082 center no-repeat; }