@charset "utf-8";
@font-face{font-family: 'mini';src : url('../font/迷你简雪君.TTF');} 
/*public start*/
*{-webkit-tap-highlight-color: transparent;  -webkit-box-sizing: border-box;  box-sizing: border-box;}  
html{ font-size:62.5%;}
html, body, span, div, p, a, h1, h2, h3, h4, h5, h6, img, form, font, strong, b, i, dl, dt, dd, ol, ul, li {padding:0; margin:0;list-style: none;}
body{max-width:640px; margin:0 auto; background:#FFF;color:#333;font-size:1.2rem; font-family:"微软雅黑"} 
ul,ol{list-style: none;}
img { max-width:100%; vertical-align:middle; border:none; font-size:0}
input{ outline:none;}
a {color:#333; text-decoration:none;}
i,em{font-style:normal;}
.clear{clear: both;}
.clearfix:after {visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;}
.clearfix {zoom:1;}
.fl{float:left;}
.fr{float:right;}
.tr{ text-align:right;}
.hide{display:none;}
.last{margin-right:0px !important;}
/*public end*/
.big_div{ max-width:640px; min-width:320px; margin:0 auto; position:relative; overflow: hidden;}
.wrap{width: 94%; margin: 0 auto;}
.div368{width: 58%;}
/*菜单*/
.bgBox{ display: none; background: #fff; width: 100%; height: 100%; position:absolute; z-index:888; overflow-y:hidden}
.menusT{ margin-bottom: 10%;}
.menus_b a{display:block;width: 36px;height: 36px;line-height: 36px;background: #0b8973;font-size: 1.6rem;color: #fff;text-align: center;}
.menus_a .text{border: none;line-height: 36px;font-size: 1.6rem;color: #666;background: none;outline: none;}
.menus_span{ padding: 0 5%;}
.menus_span span{ display: inline-block;line-height: 31px;color: #000;font-size: 1.6rem;}
.menus{ display: none; position: absolute; width: 100%; z-index: 999; top:25%;}
.menus ul li{ line-height: 58px; text-align: center;}
.menus ul li a{ display: block; font-size: 2.4rem; color: #333;}
.menus ul li:hover{ background: #12897b;}
.menus ul li:hover a{ color: #fff;}
.baojia{ margin-top: 6%; border-top: 1px solid #12897b; text-align: center;}
.baojia a{ display: block; font-size: 2.4rem; color: #333; line-height: 58px;}
/*index*/
.header{ position: relative;}
.banner img{ width: 100%;}
.top{ position: absolute; top: 0; left: 0; width: 100%; z-index: 999; background: rgba(255,255,255,0.79); padding: 1% 0;}
.logo{ width: 68%;}
.logo img{ width: 100%;}
.menu{ width: 8%; margin-top: 4%;}
.menu img{ width: 100%;}
.menu .img2{ display: none;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{ top: 50%; left: 96%; width: 0%}
.banner .swiper-pagination-bullet{ display: block; width: 9px; height: 9px; background: rgba(18,137,123,0.73);opacity: 1;}
.banner .swiper-pagination-bullet-active{ height: 21px; border-radius: 4px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 7px 0;}
.cons_a{ padding: 1% 0;}
.cons_a p{ font-size: 3.2rem; color: #333; line-height: 46px;}
.cons_a p i{ font-weight: bold; color: #0b8973;}
.cons_b p{ font-size: 2.4rem; color: #333; line-height: 36px;}
.list {position: relative; margin-top: 15%;}
.listbg{ background: url(../images/index_03.png) center center no-repeat;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-size: cover;background-attachment: fixed;}
.tabs{position: relative; padding: 16% 0; text-align: center;}
.tabs ul{ display: inline-block;}
.tabs ul li{ float: left; position: relative; width: 41.6%;}
.tabs ul li:nth-child(1){ margin-right: 9%;}
.tabs ul li img{ width: 100%;}
.tabs ul li .img2{ display: none;}
.tabs ul .cur .img1{ display: none;}
.tabs ul .cur .img2{ display: block;}
.tabs ul .cur p{ color: #000}
.tabs ul li p{ text-align: center; position: absolute; top: 6%; width: 100%; font-size: 2.6rem; color: #fff;}
.tabs ul li strong {position: relative;display: block;z-index: 4;}
.tabs ul li strong i {display: none;position: absolute;top: -4px;width: 0px;height: 0px;border: 55px solid transparent;display: block;left: 50%;margin-left: -56px;border-bottom-color: rgba(255,255,255,0.72);}
.tabs_list{ padding-top: 6%; position: relative; background: #fff;}
.one_b ul li .img2{ display: none;}
.one_b ul li{ width: 21.6%; position: relative; float:left;margin-right: 4.53%; margin-bottom: 4.53%;}
.one_b ul li img{ width: 100%;}
.one_b ul li p{ position: absolute; bottom: 6%; text-align: center; width: 100%; font-size: 1.6rem; color: #fff;}
.one_b ul li:hover .img1{ display: none;}
.one_b ul li:hover .img2{ display: block;}
.one_b ul li:hover p{ color: #000;}
.one_b ul li:nth-child(4n){ margin-right: 0 !important;}
.sub {border-bottom: 1px solid #0b8973;line-height: 38px;font-size: 2.2rem;color: #333;background: url(../images/j_06.png) right center no-repeat;cursor: pointer; padding: 1% 0;}
.subCon {display: none;}
.subCon > li{ line-height: 50px; text-align: left;padding-left: 25px}
.subCon > li > a{ font-size: 2.4rem; color: #999;}
.subCon > li > a:hover{ color: #0b8973}
.subCon2 {display: none;}
.subCon2 > li{ line-height: 50px; text-align: left;padding-left: 50px}
.subCon2 > li > a{ font-size: 2.4rem; color: #999;}
.subCon2 > li > a:hover{ color: #0b8973}
.sousuo{ text-align: right; padding-top: 4%;}
.sousuo a{ font-size: 2.2rem; color: #0b8973; font-weight: bold;}
.sousuo a i{ margin-left: 14px;}
.news{ position: relative; margin-top: 3%;}
.newsbg{background: url(../images/index_38.png) center center no-repeat;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-size: cover; background-attachment: fixed;}
.news_list{ padding: 8% 0 10%; position: relative;}
.news_box{ background: #0b8973; pa}
.news_tit p {display: inline-block;width: 190px;text-align: right;font-size: 2.4rem;color: #fff;border-bottom: 1px solid #fff;line-height: 56px;}
.xw{ padding: 0 14%;}
.xw ul li{ widows: 100%; margin-bottom: 3%;}
.xw ul li span {font-size: 1.6rem;color: #151515;line-height: 38px;display: inline-block;}
.xw ul li .p1 {font-size: 2.4rem;color: #fff;line-height: 42px;}
.xw ul li img {margin-top: 2%; width: 100%;}
.xw ul li .p2 {font-size: 2rem;color: #1b1b1b;line-height: 38px;}
.xw ul li a {font-size: 2.2rem;color: #fff;text-decoration: underline;line-height: 38px;display: inline-block;}
.foot{ margin-top: 10%; background: #333; padding: 2% 0; position: relative;}
.foot_a{ border-bottom: 1px dashed #979797; padding-bottom: 2%;}
.foot_a p{ font-size: 2.4rem; color: #fff; font-weight: bold; margin-top: 2%; font-style: italic;}
.foot_a p:nth-child(3){ font-style: normal;}
.foot_a p:nth-child(4){ font-style: normal;}
.foot_b{ border-bottom: 1px dashed #979797; padding-bottom: 2%;}
.foot_b:nth-child(3){ border-bottom: none;}
.foot_b dl{ float:left; width: 18%; padding-top: 2%; text-align: center; margin-right: 12%;}
.foot_b dl dt{ font-size: 2.4rem; color: #fff; line-height: 46px;}
.foot_b dl dd{ line-height: 36px;}
.foot_b dl dd a{ font-size: 2.4rem; color: #fff; line-height: 36px;}
.copy{ margin-top: 10%;}
.copy p{ font-size: 2rem; color: #fff; font-weight: normal; line-height: 36px;}
.return{ position: absolute; right: 4%; top: -3%;}
/*ny1*/
.box{ background: #f6f6f6; padding-bottom: 15%;}
.ny_a{ border: 1px solid #ccc; padding: 6% 2%; background: #fff; margin-top: -10%;position: relative;}
.ny_a h1{ font-size: 5.8rem; color: #0b8973; font-weight: normal; font-family: "mini";}
.ny_a h6{ font-size: 2.4rem; color: #0b8973; font-weight: normal; font-family: "mini"; margin-top: 4%; margin-bottom: 2%;}
.ny_a p{ font-size: 2.4rem; color: #444; line-height: 36px; font-family: "mini";}
.lxwm{ margin-top: 7%;}
.lxwmBox{ border: 1px solid #0b8973; background:#fff;}
.lxwmBoxs{ padding: 4%;}
.lxwmBoxs h6{ font-size: 2.4rem; color: #0b8973; font-weight: normal; line-height: 36px;}
.lxwmBoxs p{ font-size: 2.2rem; color: #333; line-height: 36px;}
.lxwmBox a{display: block;background: url(../images/ny1_03.png) 21px center no-repeat #0b8973;line-height: 50px;font-size: 2.2rem;color: #fff; padding-left: 22%;}
.ny_b{ border: 1px solid #ccc; margin-top: 7%; background: #fff; padding: 6% 2%;}
.ny_b h1{ font-size: 5.8rem; color: #0b8973; font-weight: normal; font-family: "mini";}
.table{ width: 100%;}
.table{ margin-top: 20px;}
.table table{ width: 100%; text-align: left;}
.table tr th{ padding-left: 16px; line-height: 50px; background: #0b8973; font-weight: normal; font-size: 1.8rem; color: #fff;}
.table tr td{ padding-left: 16px; line-height: 42px; font-size: 1.4rem; color: #333; border-bottom: 1px solid #ccc;}
.table table tr:hover td{ background: #e7efee;}
.foots{ margin-top: 0;}
/*ny2*/
.ny_a span {font-size: 4.4rem;color: #0b8973;font-family: 'mini';}
.tables{ margin-top: 20px;}
.tables table{ width: 100%; text-align: left; border-top: 1px solid #ccc;}
.tables tr td{ padding-left: 16px; line-height: 33px; font-size: 1.4rem; color: #333; border-bottom: 1px solid #ccc;}
.tables table tr:nth-child(odd) td{ background: #e7efee;}
.tables a{ margin-top: 21px; display: block; background: url(../images/ny1_03.png) 166px center no-repeat #0b8973; line-height: 54px; font-size: 2.4rem; color: #fff; text-align: center; border-radius: 10px;}
.tables a:hover{ color: #000;}
.conn{ margin-top: 4%}
.conn ul{ width: 50%; float: left;}
.conn ul p{ font-size: 2.4rem; color: #0b8973;font-family: 'mini'; line-height: 36px;}
.conn ul li{ font-size: 2.4rem; color: #444;font-family: 'mini'; line-height: 36px;}
.conns{ border-top: 1px solid #0b8973; padding-top: 14px; margin-top: 28px; text-align: center;}
.conns ul{ display: inline-block;}
.conns ul li{ display: inline-block; margin-right: 10px;}
.conns ul li:hover{ opacity: 0.8;}



.contact-h2{
	padding: 3% 0 4% !important;
}
.contact-input p{
	display: inline-block;
	font-size: 16px;
	color: #535353;
}
.contact-input input{
	height: 38px;
	text-indent: 1rem;
	
}
.contact-input{
	margin-bottom: 2%;
}
.contcat-form input,.contcat-form textarea{
	border: 1px solid #babfc5;
	border-radius: 5px;
	width: 77%;
}
.contcat-form textarea{
	height: 98px;
	vertical-align: top;
	text-indent: 1rem;
}
.text-p {
	padding-top: 2%;
}
.contcat-form input[type=submit]{
	border: 1px solid #0b8973;
	/*margin-left: 124px;*/
	margin-left: 22%;
	/*margin-top: 15px;*/
	height: 38px;
	font-size: 1rem;
	color: #fff;
	background: #0b8973;
}










