/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
body {
    font-size: 12px;
 font-family:"微软雅黑","Helvetica Neue", Helvetica, Arial, sans-serif;
}
@font-face{
    font-family: "Tungsten";
    src : url('../font/Tungsten-Semibold.otf');
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 100%;
}
ul, li {
    list-style: none;
}

a {
    color: #000;
    text-decoration: none;
}
img {
    border: none;
}
i,em{
	font-style: normal;
}
.fr {
    float: right;
}
.fl {
    float: left;
}
.clear {
    clear: both;
}
.auto {
    width: 1200px;
    margin: 0 auto;
}
.clearfloat:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}
.clearfloat {
    zoom: 1
}
.headsdv{
	height: 100px;
}
.headTop{
	width: 1400px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.headLeft img{
	display: block;
}
.headCenter{
	display: flex;
	justify-content: space-between;
}
.headRight{
	width: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.headRight i{
	font-size: 20px;
	color: #333;
}
.headCenter li{
	height: 100px;
	position: relative;
}
.headCenter li a{
	display: block;
	padding: 0 18px;
	line-height: 97px;
	border-bottom: 3px solid #fff;
	color: #333333;
	font-size: 16px;
}
.headCenter li a:hover{
	border-bottom: 3px solid #0a876e;
	color: #0a876e;
}
.headCenter li:hover dl{
	display: block;
}
.headCenter li.active a{
	border-bottom: 3px solid #0a876e;
	color: #0a876e;
}
.headCenter li.active dd a{
	border-bottom: none;
	color: #333;
}

.headCenter li dl{
	background-color: #fff;
	position: absolute;
	width: 130%;
	left: -15%;
	display: none;
}
.headCenter li dd a{
	line-height: 40px;
	border: none;
	font-size: 14px;
	text-align: center;
	padding: 0 5px;
}
.headCenter li dl dd:hover a{
	background-color: #0a876e;
    color: #fff;
}
.banner img{
	width: 100%;
	display: block;
}
.index_cp{
	margin: 60px auto;
	margin-bottom: 0px;
}
.index_cptop{
	width: 1400px;
	margin: 0 auto;
}
.index_cptop h1{
	text-align: center;
	font-size: 36px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 10px;
}
.index_cptop p{
	text-align: center;
	color: #666666;
	font-size: 14px;
}
.index_cpdv{
	margin-top: 40px;
}
	.tabBox .hd{
		line-height:40px; 
		padding:0 10px; 
		position:relative;  
	}
	.tabBox .hd ul{ 
		display: flex;
		justify-content: space-around;
		top:0;
		overflow:hidden;
	}
	.tabBox .hd ul li{
		text-align: center;
	}
	.tabBox .hd ul li a{
		display: block;
	}
	.tabBox .hd ul li a i{
		display: block;
		width: 55px;
		height: 55px;
		line-height: 55px;
		text-align: center;
		font-size: 36px;
		color: #999999;
		margin: 0 auto;
	}
	.tabBox .hd ul li a span{
		color: #999999;
		font-size: 16px;
	}
	.tabBox .hd ul .on a span{
		color: #0a876e;
	}
	.tabBox .hd ul .on a i{
		color: #0a876e;
	}
	.tabBox .bd ul{ 
		background-color: #0a876e;
		padding-top: 60px;
		padding-bottom: 40px;
		margin-top: 30px;
	}
.indexcplist{
	width: 1400px;
	margin: 0 auto;
}
.indexcplist ol{
	display: flex;
	justify-content: space-between;
}
.indexcplist ol li{
	width: 320px;
}
.indexcplist ol li div{
	width: 100%;
	overflow: hidden;
}
.indexcplist ol li div img{
	width: 100%;
	display: block;
	transition: all .5s;
}
.indexcplist ol li:hover div img{
	transform: scale(1.05);
}
.indexcplist ol li section{
	width: 270px;
	padding: 20px 25px;
	background-color: #f1f1f1;
}
.indexcplist ol li section h1{
	color: #4c4c4c;
	font-size: 16px;
	padding-bottom: 15px;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 15px;
}
.indexcplist ol li section dl{
	display: flex;
	justify-content: space-between;
	line-height: 30px;
	color: #4c4c4c;
	font-size: 14px;
}
.indexcplist ol li section dl dd i{
	display: block;
}
.indexcplist ol li:hover section{
	background-color: #36a18b;
}
.indexcplist ol li:hover section dl{
	color: #fff;
}
.indexcplist ol li:hover section h1{
	color: #fff;
	border-bottom: 1px solid #fff;
}
.ckgd{
	width: 140px;
	height: 40px;
	border: 1px solid #fff;
	display: block;
	text-align: center;
	border-radius: 50px;
	line-height: 40px;
	margin: 0 auto;
	margin-top: 40px;
	color: #ffffff;
	font-size: 14px;
}
.index_about{
	width: 100%;
	padding: 120px 0px;
	background: url(../images/abgas_02.jpg) center no-repeat;
	background-size: cover;
}
.index_aboutdv{
	display: flex;
	width: 1400px;
	margin: 0 auto;
	justify-content: space-between;
}
.index_aboutleft{
	width: 50%;
}
.index_aboutright{
	width: 50%;
}
.index_aboutleft h1{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.index_aboutleft h1 span{
	color: #4c4c4d;
	font-size: 56px;
	font-family: "Tungsten";
}
.index_aboutleft h1 i{
	font-size: 32px;
	font-weight: bold;
	color: #4c4c4d;
}
.index_aboutleft em{
	display: block;
	height: 25px;
	border-bottom: 1px solid #d7d7d9;
	width: 200px;
}
.index_aboutleft div{
	width: 30px;
	height: 5px;
	display: block;
	background-color: #0a876e;
	margin-top: -3px;
}
.index_aboutleft p{
	color: #666666;
	font-size: 14px;
	line-height: 30px;
	width: 90%;
	margin-top: 35px;
}
.index_aboutleft ul{
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
	width: 90%;
}
.index_aboutleft ul li{
	display: block;
	width: 145px;
	height: 110px;
	border: 1px solid #cccccc;
	border-radius: 15px;
	text-align: center;
}
.index_aboutleft ul li h2{
	color: #666666;
	font-size: 16px;
}
.index_aboutleft ul li i{
	display: block;
	width: 45px;
	height: 45px;
	font-size: 24px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 5px;
	line-height: 45px;
	text-align: center;

}
.index_cpys{
	padding: 70px 0px;
	background: url(../images/ys_02.jpg) center no-repeat;
	background-size: cover;
}
.cpysdv{
	width: 1400px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.cpysleft{
	width: 330px;
}
.cpysleft h1{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-top: 40px;
}
.cpysleft h1 span{
	color: #fff;
	font-size: 32px;
	font-weight: bold;
}
.cpysleft h1 i{
	font-size: 56px;
	color: #fff;
	font-family: "Tungsten";
}
.cpysleft section em{
	display: block;
	height: 25px;
	border-bottom: 1px solid #d7d7d9;
	width: 200px;
}
.cpysleft section div{
	width: 30px;
	height: 5px;
	display: block;
	background-color: #fff;
	margin-top: -3px;
}
.cpysleft p{
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	width: 90%;
	margin-top: 35px;
}
.cpysleft h2{
	margin-top: 100px;
	color: #ffffff;
	font-size: 16px;
}
.cpysleft h3{
	color: #ffffff;
	font-size: 44px;
	font-family: "Arial";
	margin-top: 10px;
}
.cpysright{
	height: 410px;
	border-right: 1px solid #85c3b7;
	margin-right: 5px;
	padding: 70px 0px;
}
.cpysright ul{
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	height: 100%;
}
.cpysright ul li{
	text-align: right;display: flex;
	justify-content: flex-end;
	align-items: center;
}
.cpysright ul li i{
	display: block;
	width: 10px;
	height: 10px;
	border: 2px solid #fff;
	border-radius: 50%;
	margin-left: 30px;
	margin-right: -7px;
	background-color: #0a876e;
}
.cpysright ul li div h1{
	color: #ffffff;
	font-size: 20px;
}
.cpysright ul li div span{
	display: block;
	color: #ffffff;
	font-size: 12px;
	margin-bottom: 15px;
}
.cpysright ul li div p{
	color: #ffffff;
	font-size: 14px;
}
.cpyscenter{
	position: relative;
	width: 620px;
	height: 620px;
	overflow: hidden;
}
.imgxiao,.imgda,.imgnei{
	position: absolute;
	top: 0;
	left: 0;
}
.bner1{
		display: block;
	}
	.bner2{
		display: none;
	}
.imgda{
	top: 10px;
	left: 10px;
	animation:mymove 15s linear infinite;
	-webkit-animation:mymove 15s linear infinite;
}
.imgxiao{
	top: 60px;
	left: 60px;
	animation:mymove 15s linear infinite;
	-webkit-animation:mymove 15s linear infinite;
}
.imgnei{
	top: 85px;
	left: 85px;
}
@keyframes mymove{
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}
@-webkit-keyframes mymove /*Safari and Chrome*/
{
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}
.index_news{
	width: 1400px;
	margin: 75px auto;
}
.index_newstop{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 60px;
}
.index_newstop i{
	display: block;
	color: #333333;
	font-size: 56px;
	font-family: "Tungsten";
}
.index_newstop span{
	color: #333333;
	font-size: 32px;
	font-weight: bold;
	margin-left: 10px;
}
	.tabBox1 .hd{ height: 50px; line-height:45px; position:relative; margin-top: -115px; }
	.tabBox1 .hd ul{display: flex;justify-content: flex-end; height:45px; top:0; overflow:hidden;  }
	.tabBox1 .hd ul li{ border:1px solid #0a876e;width: 140px;text-align: center;margin-left: 20px;}
	.tabBox1 .hd ul li a{ color: #0a876e;font-size: 14px;line-height: 45px;}
	.tabBox1 .hd ul .on{ background:#0a876e;    }
	.tabBox1 .hd ul .on a{ display:block; color:#fff;}
.indexnewall{
	margin-top: 25px;
}
.indexnewall dl{
	display: flex;
	justify-content: space-between;
}
.indexnewall dl dt{
	position: relative;
	overflow: hidden;
}
.indexnewall dl dt div{
	position: absolute;
	width: 90%;
	top: 10%;
	left: 5%;
}
.indexnewall dl dt div span{
	color: #ffffff;
	font-size: 16px;
}
.indexnewall dl dt div h1{
	font-size: 24px;
	color: #ffffff;
	margin-top: 15px;
}
.indexnewall dl dt img{
	display: block;
	width: 100%;
	transition: all .5s;
}
.indexnewall dl dt:hover img{
	transform: scale(1.05);
}

.indexnewall dl dd{
	position: relative;
	overflow: hidden;
}
.indexnewall dl dd div{
	position: absolute;
	width: 86%;
	top: 10%;
	left: 7%;
}
.indexnewall dl dd div span{
	color: #4c4c4c;
	font-size: 16px;
	margin-top: 40px;
	display: block;
}
.indexnewall dl dd div h1{
	font-size: 24px;
	color: #4c4c4c;
	margin-top: 15px;
	margin-bottom: 15px;
}
.indexnewall dl dd div p{
	line-height: 30px;
	color: #4c4c4c;
	font-size: 14px;
}
.indexnewall dl dd div i{
	display: block;
	margin-top: 45px;
	color: #666666;
	font-size: 14px;
}
.indexnewall dl dd img{
	display: block;
	width: 100%;
	transition: all .5s;
}
.indexnewall dl dd:hover img{
	transform: scale(1.05);
}
.indexnewall ul{
	display: flex;
	justify-content: space-between;
}
.indexnewall ul li{
	background-color: #0a876e;
	width: 100%;
}
.indexnewall ul li:nth-child(2){
	background-color: #f2f2f2;
}
.indexnewall ul li:last-child{
	width: 500px;
}
.indexnewall ul li:last-child img{
	display: block;
}
.indexnewall ul li {
	display: flex;align-items: center;
	width: 450px;
}
.indexnewall ul li a{
	display: block;
    width: 100%;
}
.indexnewall ul li div {
	width: 100%;
	overflow: hidden;
}
.indexnewall ul li div span{
	color: #cbe7fe;
	font-size: 16px;
	margin: 0 auto;
	margin-bottom: 25px;
	display: block;
	width: 80%;
}
.indexnewall ul li div h1{
	color: #ffffff;
	font-size: 24px;
	font-weight: bold;
	margin: 0 auto;
	margin-bottom: 40px;
	width: 80%;
}
.indexnewall ul li div i{
	display: block;width: 80%;
	margin: 0 auto;
	color: #cbe7fe;
	font-size: 14px;
}
.indexnewall ul li:nth-child(2) div i{
	color: #666666;
}
.indexnewall ul li:nth-child(2) div h1{
	color: #333;
}
.indexnewall ul li:nth-child(2) div span{
	color: #666666;
}
.indexnewall ul li:last-child img{
	display: block;
	width:100%;
	transition: all .5s; 
}
.indexnewall ul li:last-child:hover img{
	transform: scale(1.05);
}
.foot{
	width: 100%;
	background: url(../images/foot_02.jpg) center no-repeat;
	padding: 100px 0px;
	background-size: cover;
}
.footdvleft{
	width: 295px;
	border-right: 1px solid #383838;
}
.footdv{
	width: 1400px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.footdvleft h1{
	margin-top: 50px;
	color: #999999;
	font-size: 18px;
}
.footdvleft h2{
	font-size: 40px;
	font-family:"Impact";
	color: #999999;
	margin-top: 15px;
}
.footdvcernter{
	width: 425px;
	display: flex;
	justify-content: space-between;
	padding: 0 80px;
	border-right: 1px solid #383838;
}
.footdvcernter dl dt a{
	color: #cccccc;
	font-size: 16px;
}
.footdvcernter dl dt {
	margin-bottom: 15px;
}
.footdvcernter dl dd{
	margin-bottom: 15px;
}
.footdvcernter dl dd a{
	font-size: 14px;
	color: #999999;
}
.footdvcernter dl dd a:hover{
	color: #fff;
	transition: all .5s;
}
.footright{
	padding-left: 80px;
	display: flex;
	justify-content: space-between;
}
.footright dl dt a{
	color: #cccccc;
	font-size: 16px;
}
.footright dl dt {
	margin-bottom: 15px;
}
.footright dl dd{
	margin-bottom: 15px;
}
.footright dl dd a{
	font-size: 14px;
	color: #999999;
}
.footright div{
	margin-left: 80px;
	text-align: center;
}
.footright div p{
	font-size: 14px;
	color: #999999;
	line-height: 30px;
}
.wdl{
	background-color: #373737;
	height: 80px;
}
.wdldv{
	width: 1400px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 80px;
	margin: 0 auto;
}
.wdldv p{
	font-size: 14px;
	color: #999999;
}
.wdldv p a{
	color: #999999;
}


.showcp{
	width: 1400px;
	margin:0 auto;
}
.showcp ul{
	display: flex;
	justify-content: flex-start;
	flex-flow: wrap;
	margin: 30px auto;
}
.showcp ul li{
	display: flex;justify-content: flex-start;
	margin: 15px 0px;
	margin-left: 30px;
}
.showcp ul li p{
	padding: 4px;
	border: 1px solid #cccccc;
}
.showcp ul li p i{
	display: block;
	height: 10px;
	width: 10px;
}
.showcp ul li a{
	display: flex;
	justify-content: flex-start;
	line-height: 20px;
}
.showcp ul li a span{
	font-size: 14px;
	margin-left: 10px;
}
.showcp ul li:hover p i{
	background-color: #0a876e;
}
.showcp ul li.active p i{
	background-color: #0a876e;
}
.showcp ul li.active span{
	    color: #0b876f;
}
.cplb{
	margin-bottom: 50px;
}
.cplb .indexcplist ol li div{
	width: calc(100% - 2px);
	border: 1px solid #f1f1f1;
}
.cplb .indexcplist ol{
	flex-flow: wrap;
	justify-content: flex-start;
}
.cplb .indexcplist ol li {
	margin: 15px;
}
.showcpnrright{
	width: 585px;
}
.showcpnrright h1{
	color: #333333;
	font-size: 24px;
	line-height: 50px;
	margin-bottom: 5px;
}
.showcpnr{
	width: 1400px;
	margin: 40px auto;
	display: flex;
	justify-content: space-between;
}
.showcpnrright p{
	color: #666666;
	font-size: 14px;
	line-height: 30px;
	margin-bottom: 35px;
}
.showcpnrright ul{
	display: flex;
	justify-content:space-between;
	padding: 35px 0px;
	border-top: 1px solid #e6e6e6; 
	border-bottom: 1px solid #e6e6e6; 
}
.showcpnrright ul li{
	width: 100%;
	border-right: 1px solid #e6e6e6;
	margin-left: 50px;
}
.showcpnrright ul li:last-child{
	border: none;
}
.showcpnrright ul li:first-child{
	margin-left: 15px;
}
.showcpnrright ul li span{
	color: #4c4c4c;
	font-size: 16px;
	display: block;
}
.showcpnrright ul li i{
	display: block;
	color: #333333;
	font-size: 18px;
	font-weight: bold;
	margin-top: 15px
}
.showcpnrright div{
	width: 430px;
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
}
.showcpnrright div a{
	display: block;
	width: 200px;
	height: 60px;
	background-color: #f2f2f2;
	text-align: center;
	line-height: 60px;
	color: #4c4c4c;
	font-size: 16px;
}
.showcpnrright div a:hover{
	background-color: #0a876e;
	color: #FFFFFF;
}
.showcpnrleft{
	width: 730px;
}
.cpnr{
	width: 100%;
	background: url(../images/xqbg_02.jpg) top repeat-x;
	margin: 45px auto;
	background-position-y: 65px;
}
.cpnrdv{
	width: 1400px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.cpnrdvleft{
	width: 970px;
}
.cpnrdvbt{
	font-size: 20px;
	color: #333333;
	font-weight: bold;
	line-height: 65px;
}
.cpnrtext{
	margin-top: 40px;
}
.cpnrdvright{
	width: 300px;
}
.cpnrtj{
	margin-top: 40px;
}
.cpnrtj ul li{
	width: 100%;
	margin-bottom: 20px;
}
.cpnrtj ul li div{
	width: calc(100% - 2px);
	border: 1px solid #f1f1f1;
	overflow: hidden;
}
.cpnrtj ul li div img{
	width: 100%;
	display: block;
	transition: all .5s;
}
.cpnrtj ul li:hover div img{
	transform: scale(1.05);
}
.cpnrtj ul li p{
	height: 60px;
	background-color:#f1f1f1;
	text-align: center;
	line-height: 60px;
	color: #4c4c4c;
	font-size: 16px;
}
.cpnrtj ul li:hover p{
	background-color: #09886D;
	color: #FFFFFF;
}
.lxwmtop{
	width: 100%;
	padding: 90px 0px;
	background-color: #f7f7f7;
}
.lxwmfl{
	width: 1400px;
	margin: 0 auto;
}
.lxwmflli ul{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.lxwmflli ul li{
	width: 350px;
	height: 200px;
	padding: 40px;
	background-color: #fff;
}
.lxwmflli ul li h1{
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 70px;
	margin-bottom: 45px;
}
.lxwmflli ul li h1 i{
	font-size: 24px;
}
.lxwmflli ul li h1 span{
	color: #4c4c4d;
	font-size: 20px;
	font-weight: bold;
}
.lxwmflli ul li p{
	font-size: 16px;
	color: #4c4c4d;
	line-height: 45px;
}
.lxwmflli ul li:hover{
	background-color: #0a876e;
}
.lxwmflli ul li:hover span{
	color: #FFFFFF;
}
.lxwmflli ul li:hover i{
	color: #FFFFFF;
}
.lxwmflli ul li:hover p{
	color: #FFFFFF;
}
.map{
	display: flex;
	justify-content: space-between;
	width: 1400px;
	margin:60px auto;
}
.mapleft{
	width: 395px;
}
.mapleft h1{
	color: #4c4c4d;
	font-size: 32px;
	font-weight: bold;
	margin-top: 50px;
}
.mapleft div {
    width: 30px;
    height: 5px;
    display: block;
    background-color: #0a876e;
    margin-top: -3px;
}
.mapleft em {
    display: block;
    height: 25px;
    border-bottom: 1px solid #d7d7d9;
    width: 200px;
}
.mapleft h2{
	margin-top: 15px;
	color: #4c4c4d;
	font-size: 16px;
	margin-bottom: 30px;
}
.mapleft h3{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 60px;
}
.mapleft h3 i{
	color: #4c4c4d;
	font-size: 18px;
	font-weight: bold;
}
.mapleft h3 span{
	color: #0a876e;
	font-size: 36px;
	font-weight: bold;
	margin-left: 10px;
}
.mapleft ul{
	margin-top: 35px;
}
.mapleft ul li{
	display: flex;
	justify-content: flex-start;
	height: 50px;
	align-items: center;
}
.mapleft ul li i{
	display: block;
	width: 30px;
	line-height: 30px;
	text-align: center;
	height: 30px;
	font-size: 24px;
}
.mapleft ul li span{
	color: #4c4c4d;
	font-size: 16px;
}
.mapright{
	width: 820px;
}
.zxly{
	width: 100%;
	padding-top: 75px;
	padding-bottom: 105px;
	background: url(../images/zxly_02.jpg) center no-repeat;
	background-size: cover;
}
.zxlydv{
	width: 1400px;
	margin: 0 auto;
}
.zxlydv h1{
	color: #ffffff;
	font-size: 32px;
}
.zxlydv div {
    width: 30px;
    height: 5px;
    display: block;
    background-color: #fff;
    margin-top: -3px;
}
.zxlydv em {
    display: block;
    height: 25px;
    border-bottom: 1px solid #d7d7d9;
    width: 200px;
}
.zxlydv p{
	font-size: 16px;
	color: #fff;
	margin: 25px auto;
}
.zxlydv form{
	padding: 45px 85px;
	background-color: #fff;
}
.zxlydv form section{
	display: flex;
	justify-content: space-between;
}
.zxlydv form section input{
	outline: none;
	border: none;
	border: 1px solid #cccccc; 
	width: 26%;
	height: 45px;
	padding: 0 2%;
	color: #4c4c4c;
	font-size: 14px;
}
.zxlydv form textarea{
	outline: none;
	border: none;
	border: 1px solid #cccccc; 
	width: 96%;
	min-height: 200px;
	padding: 2% 2%;
	color: #4c4c4c;
	font-size: 14px;
	margin: 25px 0px;
	font-family: "微软雅黑";
}
.zxlydv form .submit{
	width: 100%;
	height: 45px;
	text-align: center;
	line-height: 45px;
	color: #FFFFFF;
	background-color: #09886D;
	border: none;
	outline: none;
	font-size: 16px;
}
.shownav{
	width: 100%;
	border-bottom: 1px solid #e6e6e6;
}

.shownav ul{
	width: 1400px;
	display: flex;
	justify-content: center;
	margin: 0 auto;
}
.shownav ul li{
	width: 250px;
	height: 80px;
	background-color: #f2f2f2;
}
.shownav ul li a{
	display: block;
	width: 100%;
	height: 80px;
	color: #4c4c4c;
	font-size: 20px;
	text-align: center;
	line-height: 80px;
}
.shownav ul li:hover {
	background-color: #09886D;
}
.shownav ul li:hover a{
	color: #fff;
}
.shownav ul li.active {
	background-color: #09886D;
}
.shownav ul li.active a{
	color: #fff;
}
.newslist{
	width: 1400px;
	margin: 30px auto;
}
.newslist li{
	border-bottom: 1px solid #e5e5e5;padding: 37px 0 40px;
}
.newslist li a{
	display: flex;
	justify-content: space-between;
}
.newslisttop{
	width: 70px;
}
.newslistdown{
	width: 1230px;
}
.newslisttop h2{
	color: #4c4c4c;
	font-size: 14px;
	position: relative;
	line-height: 35px;
	margin-bottom: 35px;
}
.newslisttop i{
	display: block;
	width: 35px;
	height: 35px;
	background-color: #09886D;
	color: #fff;
	font-size: 30px;
	text-align: center;
	line-height: 30px;
}
.newslisttop h2::after{
	position: absolute;
    width: 80px;
    height: 1px;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    background: #a0a0a0;
    right: -85px;
}
.newslistdown h1{
	color: #4c4c4c;
	font-size: 20px;
	font-weight: bold;
	line-height: 35px;
	margin-bottom: 25px;
}
.newslistdown p{
	color: #666666;
	font-size: 14px;
	line-height: 30px;
}
.newslist li:hover a .newslistdown h1{
	color: #09886D;
}
.newslistname{
	line-height: 270px;
	width: 1400px;
	margin: 0 auto;
	color: #f2f2f2;
	font-weight: bold;
	font-size: 100px;
	font-family: arial;
}
.xwtj{
	width: 100%;
	background-color: #f7f7f7;
	height: 300px;
	position: relative;
}
.xwtjdv{
	width: 1400px;
	margin: 0 auto;
	position: absolute;
	top: -150px;
	left: 50%;
	margin-left: -700px;
}
.xwtjdvleft{
	float: left;
	width: 600px;    position: absolute;
    bottom: 80px;
}
.xwtjdvright{
	float: right;
	width: 700px;
}
.xwtjdvleft span{
	color: #0a876e;
	font-size: 18px;
}
.xwtjdvleft h1{
	color: #333333;
	font-size: 24px;
	margin-top: 20px
}
.xwtjdvleft p{
	color: #666666;
	font-size: 14px;
	line-height: 35px;
	margin-top: 25px;
}
.about{
	display: flex;
	justify-content: space-between;
	margin: 90px auto;
}
.aboutleft{
	width: 50%;
	display: flex;
	justify-content: flex-end;
}
.aboutright{
	width: 50%;
}
.aboutright img{
	display: block;
	width: 100%;
}
.aboutleftdv{
	width: 700px;
}
.aboutleftdv h1{
	font-size: 100px;
	color: #f2f2f2;
	font-weight: bold;
	font-family: arial;
}
.aboutleftdv div {
    width: 30px;
    height: 5px;
    display: block;
    background-color: #0a876e;
    margin-top: -3px;
}
.aboutleftdv em {
    display: block;
    height: 25px;
    border-bottom: 1px solid #d7d7d9;
    width: 200px;
}
.aboutleftdv h2{
	color: #4c4c4d;
	font-size: 32px;
	font-weight: bold;
}
.aboutleftdv p{
	color: #666666;
	font-size: 14px;
	line-height: 30px;
	margin-top: 30px;
	width: 90%;
}
.whleft{
	width: 55%;
	background: url(../images/jj_02.jpg) center no-repeat;padding: 150px 0px;
	display: flex;
	justify-content: flex-end;
	background-size: cover;
}
.whright{
	width: 45%;
	background: url(../images/jj_03.jpg) center no-repeat;
	background-size: cover;
}
.whleftdv{
	width: 810px;
	background-color: #FFFFFF;
	height: 450px;
	align-items: center;
	display: flex;
}
.whleftdv ul{
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
	margin-left: 115px;
}
.whleftdv ul li{
	width: 270px;
	margin-bottom: 35px;
}
.whleftdv ul li i{
	display: block;
	width: 55px;
	height: 55px;
	line-height: 55px;
	font-size: 32px;
	color: #0b876f;
	text-align: center;

}
.whleftdv ul li h1{
	color: #333333;
	font-size: 24px;
	margin-top: 10px;
}
.whleftdv ul li p{
	color: #808080;
	font-size: 14px;
	line-height: 35px;
}
.wh{
	display: flex;
	justify-content: space-between;
}
.whrightdv{
	width: 590px;
	display: flex;
	justify-content: flex-end;
	height: 100%;
	align-items: center;
}
.whrightdvs{
	width: 470px;
}
.whrightdvs h1{
	color: #ffffff;
	font-size: 56px;
	font-family: "Tungsten";
	text-transform: uppercase;
	margin-bottom: 10px;
}
.whrightdvs h2{
	color: #ffffff;
	font-size: 32px;
	font-weight: bold;
}
.whrightdvs div {
    width: 30px;
    height: 5px;
    display: block;
    background-color: #fff;
    margin-top: -3px;
}
.whrightdvs em {
    display: block;
    height: 25px;
    border-bottom: 1px solid #d7d7d9;
    width: 200px;
}
.whrightdvs p{
	margin-top: 35px;
	line-height: 35px;
	color: #ffffff;
	font-size: 14px;
}
.ryzz{
	margin: 90px 0px;
}
.ryzzbt{
	width: 1400px;
	margin: 0 auto;
}
.ryzzbt h1{
	color: #4c4c4d;
	font-size: 56px;
	font-family: "Tungsten";
	text-transform: uppercase;
}
.ryzzbt h2{
	font-size: 32px;
	color: #4c4c4d;
	font-weight: bold;
}
.ryzzbt div {
    width: 30px;
    height: 5px;
    display: block;
    background-color: #0a876e;
    margin-top: -3px;
}
.ryzzbt em {
    display: block;
    height: 25px;
    border-bottom: 1px solid #d7d7d9;
    width: 200px;
}

	.tabBox2 .hd{ width: 550px;margin-top: 40px; float: left; line-height: 55px;  position:relative;  }
	.tabBox2 .hd ul{ display: flex;flex-flow: wrap;justify-content: flex-end;}
	.tabBox2 .hd ul li{ width: 100%;  display: flex;flex-flow: wrap;justify-content: flex-end;  }
	.tabBox2 .hd ul li a{
		width: 290px;
		color: #4c4c4c;
		font-size: 18px;
	}
	.tabBox2 .hd ul .on{ background:#0a876e; }
	.tabBox2 .hd ul .on a{ display:block; color: #FFFFFF; }
.tabBox2 .bd ul .ols{
	width: 965px;
	display: flex;
	justify-content: space-between;
	margin-left: 150px
}	
.showcpnr .swiper-slide div img{
	display: none;
}
.htmleaf-container{
		display: none;
	}
	
	
.index_cpdv .swiper-slide	{
	width: auto;
}
.hd .swiper-container{
	width: 1400px;
	margin: 0 auto;
}
.tabBox2{
		display: flex;
		justify-content: flex-start;
	}
.tabBox2	.tempWrap{
	width: 60%;
}
.mfootsdv,.mfoots{
	display: none;
}
.slide{
			width: 50px;
			height: 100px;
			position: fixed;
			top: 50%;
			margin-top: -126px;
			background: #018D75;
			right: 0;
			z-index: 999;
		}
		.slide ul{
			list-style: none;
		}
		.slide .icon li{
			width: 49px;
			height: 50px;
			
		}
		.slide .icon .up{
			background-position:-330px -120px ;
		}
		.slide .icon li.qq{
			background: url(../images/weixin.png) center no-repeat;
			 background-size: 50% 50%;
		}
		.slide .icon li.tel{
			background: url(../images/dianhua.png) center no-repeat;
			 background-size: 50% 50%;
		}
		.slide .icon li.wx{
			
		}
		.slide .icon li.down{
			background-position:-330px -160px ;
		}
		.footxs{
			width: 50px;
		    height: 50px;
		    background: url(../images/zd.png) center no-repeat;
		    background-size: cover;
		     background-size: 50% 50%;
		    background-color: #018D75; 
		}
		.slide .info{
			top: 74%;
			height: 147px;
			position: absolute;
			right: 100%;
			background: #018D75;
			width: 0px;
			overflow: hidden;
			margin-top: -73.5px;
			transition:0.5s;
			border-radius:4px 0 0 4px ;
		}
		.slide .info.hover{
			width: 290px;
			
		}
		.slide .info li{
			width: 290px;
			color: #fff;
			text-align: center;
		}
		.slide .info li p{
			font-size: 1.1em;
			line-height: 2em;
			padding: 15px;
			text-align: left;
		}
		.slide .info li.qq p a{
			display: block;
			margin-top: 12px;
			width: 100px;
			height: 32px;
			line-height: 32px;
			color: #00DFB9;
			font-size: 16px;   
			text-align: center;
			text-decoration: none;
			border: 1px solid #00DFB9;
			border-radius: 5px;
		}
		.slide .info li.qq p a:hover{
			color: #FFFFFF;
			border: none;
			background: #00E0DB;
		}
		.slide .info li div.img{
			display: block;
			height: 100%;
			margin: 10px;
		}
		.slide .info li div.img img{
			width: 100%;
			height: 100%;display: block;
		}
		/*控制菜单的按钮*/
		.index_cy{
			width: 30px;
			height: 30px;
			background: url(../images/index_cy.png);
			position: fixed;
			right: 0;
			top: 50%;
			margin-top: 40px;
			background-position: 62px 0;
			cursor: pointer;
		}
		.index_cy2{
			width: 30px;
			height: 30px;
			background: url(../images/index_cy.png);
			position: fixed;
			right: 0;
			top: 50%;
			margin-top: 140px;
			background-position: 30px 0;
			cursor: pointer;
		}
		
		/*自适应 当屏小于1050时隐藏*/
		@media screen and (max-width: 1050px) {
			
			#btn{
				display: none;
			}
			
		}
@media (min-width: 1000px) and (max-width: 1200px){
		.headCenter li a {
		    display: block;
		    padding: 0 5px;
		    line-height: 95px;
		    border-bottom: 5px solid #fff;
		    color: #333333;
		    font-size: 14px;
		}
}
@media (min-width: 1201px) and (max-width: 1400px){
		.headCenter li a {
		    display: block;
		    padding: 0 10px;
		    line-height: 95px;
		    border-bottom: 5px solid #fff;
		    color: #333333;
		    font-size: 16px;
		}
}
@media (min-width: 1000px) and (max-width: 1400px){
	.htmleaf-container{
		display: none;
	}
	.headTop{
		width: 95%;
	}
	.headRight{
		display: none;
	}
	.index_cptop{
		width: 95%;
	}
	.index_aboutdv{
		width: 95%;
	}
	.index_aboutright img{
		width: 100%;
	}
	.indexcplist{
		width: 95%;
	}
	.indexcplist ol li{
		width: 24%;
	}
	.indexcplist ol li section{
		width: 90%;
		padding: 5%;
	}
	.cpysdv{
		width: 95%;
	}
	.cpysleft{
		width: auto;
	}
	.cpyscenter{
		display: none;
	}
	.index_news{
		width: 95%;
	}
	.indexnewall ul,.indexnewall dl{
		width: 100%;
	}
	.indexnewall ul li{
		width: 33.3%;
	}
	.indexnewall dl dd div span{
		margin-top: 15px;
	}
	.indexnewall ul li:last-child{
		width: 37%;
	}
	.footdv{
		width: 95%;
	}
	.footdvcernter{
		border: none;
		width: 28%;
		padding: 0;
	}
	.footdvleft{
		border: none;
	}
	.footright{
		    padding-left: 30px;
	}
	.wdldv{
		width: 95%;
	}
	.hd .swiper-container{
		width: 95%;
		margin: 0 auto;
	}
	.showcp{
		width: 95%;
	}
	.cplb .indexcplist ol{
		width: 100%;
	}
	.cplb .indexcplist ol li{
		width: 23%;    margin: 1%;
	}
	.showcpnr{
		width: 95%;
	}
	.showcpnrleft{
		width: 60%;
	}
	.showcpnrright{
		width: 38%;
	}
	.swiper-slide div{
		    width: calc(100% - 3px);
	}
	.showcpnrright ul li{
		margin-left: 25px;
	}
	.cpnrdv{
		width: 95%;
	}
	.cpnrdvleft{
		width: 73%;
	}
	.cpnrdvright{
		width: 25%;
	}
	.lxwmfl{
		width: 95%;
	}
	.lxwmflli ul li h1{
		margin-bottom: 15px;
	}
	.lxwmflli ul li{
		height: auto;
		width: 26.3%;
	    padding: 3%;
	}
	.map{
		width: 95%;
	}
	.mapleft{
		width: 40%;
	}
	.mapright{
		width: 58%;
	}
	.mapright img{
		display: block;
		width: 100%;
	}
	.zxlydv{
		width: 95%;
	}
	.shownav ul{
		width: 95%;
	}
	.newslist{
		width: 95%;
	}
	.newslistdown{
		width: 81%;
	}
	.newslisttop{
		width: 8%;
	}
	.xwtjdv,.newslistname{
		width: 95%;
	}
	.xwtjdvright{
		width: 50%;
	}
	.xwtjdvright img{
		display: block;
		width: 100%;
	}
	.xwtjdv{
		position: inherit;
		margin: 0 auto;
		left: 0;
		top: 0;
	}
	.xwtj{
		height: auto;
	}
	.xwtjdv .swiper-slide div{
		width: 45%;
	}
	.xwtjdvleft{
		bottom: 60px;
	}
	.about{
		width: 95%;
		margin:  60px auto;
	}
	.aboutleftdv h1{
		font-size: 80px;
	}
	.whleftdv ul{
		margin-left: 0px;justify-content: space-evenly;
	}
	.whrightdv{
		width: 90%;
		justify-content: center;
		margin-left: 5%;
	}
	.ryzzbt{
		width: 100%;
	}
	.tabBox2 .hd{
		width: 30%;
	}
	.tabBox2 .bd{
		display: flex;
	}
	.tabBox2 .bd ul .ols{
		margin-left: 5%;
		width: 95%;
	}
	
	.tabBox2 .hd ul li a{
		width: 100%;
	}
	.tabBox2 .bd ul .ols{
		width: 100%;
		margin: 0 auto;
	}
	.tabBox2 .bd{
		display: flex;
	}
	.tabBox2 img{
		display: block;
		width: 100%;
	}
	.ryzzdv,.tabBox2{
		width:100%;
		margin: 0 auto;
	}
}
@media only screen and (min-width: 600px) and (max-width:999px){
	.cpyscenter{
		display: none;
	}
}
@media only screen and (min-width: 320px) and (max-width:999px) {
	.headTop{
		display: none;
	}
	.htmleaf-container{
		display: block;
	}
	.index_cp{
		margin: 30px auto;
	}
	.index_cptop{
		width: 100%;
	}
	.index_cptop h1{
		font-size: 24px;
	}
	.indexcplist{
		width: 100%;
	}
	.indexcplist ol{
		width: 98%;
		margin: 0 auto;
		flex-flow: wrap;
	}
	.indexcplist ol li{
		width: 48%;
		margin: 1%
	}
	.indexcplist ol li section{
		width: 92%;
		padding: 4%;
	}
	.indexcplist ol li section dl{
		display: block;
	}
	.indexcplist ol li section dl dd{
		display: flex;
		justify-content: space-between;
	}
	.index_about{
		padding: 40px 0px;
	}
	.index_aboutleft h1 span{
		font-size: 32px;
	}
	.index_aboutdv{
		flex-flow: wrap;
		width: 95%;
	}
	.index_aboutleft h1 i{
		font-size: 24px;
	}
	.index_aboutleft{
		width: 100%;
		margin: 0 auto;
	}
	.index_aboutleft p{
		width: 100%;
	}
	.index_aboutleft ul{
		width: 100%;
	}
	.index_aboutleft ul li{
		width: 23%;
	}
	.index_aboutright{
		width: 100%;
	}
	.index_aboutright img{
		display: block;
		width: 100%;
		margin-top: 25px;
	}
	.index_cpys{
		padding: 45px 0px;
	}
	.cpysdv{
		display: block;
		width: 95%;
	}
	.cpysleft{
		width: 100%;
	}
	.cpysleft h1 i{
		font-size: 32px;
	}
	.cpysleft h1 span{
		font-size: 24px;
	}
	.cpysleft h3{
		font-size: 24px;
	}
	.cpyscenter{
		width: 100%;
		height: 400px;
	}
	.imgda{
		max-width: 95%;
		top: 2.5%;
		left: 2.5%;
	}
	.imgxiao{
		max-width: 85%;
		top: 7.5%;
		left: 7.5%;
	}
	.imgnei{
		max-width: 80%;
		top: 10%;
		left: 10%;
	}
	.index_news{
		width: 95%;
		margin: 30px auto;
	}
	.index_newstop i{
		font-size: 32px;
	}
	.index_newstop span{
		font-size: 24px;
	}
	.index_newstop{
		margin-bottom: 35px;
	}
	.tabBox1 .hd{
		margin-top: 35px;
	}
	.tabBox1 .hd ul{
		justify-content: center;
	}
	.foot{
		display: none;
	}
	.wdl{
		display: none;
	}
	.indexnewall{
		width: 100%;
	}
	.indexnewall dl{
		display: flex;
		flex-flow: wrap;
	}
	.indexnewall dl dt{
		width: 100%;
	}
	.showcp{
		width: 95%;
	}
	.showcp ul{
		margin: 20px auto;
		width: 100%;
	}
	.showcp ul li{
		margin: 15px 0px;
		width: 33%;
	}
	.showcp ul li a{
		align-items: center;
	}
	.cplb .indexcplist ol li{
		margin: 1%;
	}
	.showcpnr{
		width: 95%;
		flex-flow: wrap;
	}
	.showcpnrleft,.showcpnrright{
		width: 100%;
	}
	.showcpnrright ul li{
		margin-left: 20px;
	}
	.showcpnrright div{
		width: 100%;
	}
	.showcpnrright div a{
		width: 48%;
		height: 45px;
		line-height: 45px;
	}
	.swiper-slide div{
	}
	.cpnrdv{
		width: 95%;
		flex-flow: wrap;
	}
	.cpnrdvleft,.cpnrdvright{
		width: 100%;
	}
	.cpnrdvbt{
		margin-top: 20px;
	}
	.cpnrtj{
		width: 100%;
		margin-top: 10px;
	}
	.cpnrtj ul{
		display: flex;
		flex-flow: wrap;
	}
	.cpnrtj ul li{
		width: 48%;
		margin: 1%;
	}
	.swiper-slide div img{
		display: block;
		width: 100%;
	}
	.swiper-slide div{
		height: auto;
	}
	.swiper-wrapper{
		height: auto;
	}
	.gallery-top{
		height: auto;
	}
	.gallery-thumbs{
		height: auto;
	}
	.showcpnrright{
		margin-top:25px ;
	}
	.cpnr{
		background-position-y: 85px;
	}
	.lxwmfl{
		width: 95%;
	}
	.lxwmtop{
		width: 100%;
		padding: 35px 0px;
	}
	.lxwmflli ul{
		flex-flow: wrap;
	}
	.lxwmflli ul li{
		width:90%;
		padding: 5%;
		margin-bottom: 3%;
	}
	.lxwmflli ul li h1{
		margin-bottom: 0px;
		height: 45px;
	}
	.map{
		width: 95%;
		flex-flow: wrap;
		margin: 35px auto;
	}
	.mapleft{
		width: 100%;
	}
	.mapleft h1{
		font-size: 24px;
		margin-top: 0px;
	}
	.mapleft h3 span{
		font-size: 24px;
	}
	.mapleft h2{
		margin-bottom: 0px;
	}
	.mapleft ul{
		margin-bottom: 30px;
		margin-top: 0;
	}
	.mapright{
		width: 100%;
	}
	.mapright img{
		max-width: 100%;
	}
	.zxlydv{
		width: 95%;
	}
	.zxlydv form{
		padding: 5%;
	}
	.zxlydv h1{
		font-size: 24px;
	}
	.zxlydv p{
		line-height: 25px;
	}
	.zxly{
		padding: 35px 0;
	}
	.shownav ul{
		width: 100%;
	}
	.shownav ul li{
		height: 45px;
		line-height: 45px;
		width: 50%;
	}
	.shownav ul li a{
		height: 45px;line-height: 45px;
	}
	.newslistname{
		width: 100%;
		font-size: 30px;
		text-align: center;
		line-height: 60px;
		color: #09886d;
	}
	.xwtjdv{
		width: 95%;
		margin: 0 auto;
		position: inherit;
		top:0;
		left: 2.5%;
		margin: 0;
	}
	.xwtjdv .swiper-container{
		padding-bottom: 20px;
	}
	.xwtjdvright{
		width: 100%;
		float: none;
	}
	.xwtjdvleft{
		float: none;
		width: 100%;
		position: inherit;
		bottom: 0;
	}
	.xwtj{
		height: auto;
		padding: 35px 0px;
	}
	.xwtjdvleft span{
		margin-top: 20px;
		display: flex;
	}
	.xwtjdvleft h1{
		font-size: 18px;
		margin-top:10px ;
	}
	.xwtjdvleft p{
		margin-top: 10px;
	}
	.newslist{
		width: 95%;
	}
	.newslist li a{
		flex-flow: wrap;
	}
	.newslisttop h2{
		margin-bottom: 0px;
	}
	.newslisttop h2::after{
		display: none;
	}
	.newslistdown h1{
		font-size: 18px;
		margin-bottom: 0;
		margin-top: 5px;
	}
	.newslist li{
		padding: 20px 0px;
	}
	.hd .swiper-container{
		width: 95%;
		margin: 0 auto;
	}
	.tabBox .hd ul{
		justify-content: space-between;
		overflow: initial;
	}
	.indexnewall ul{
		width: 100%;
		flex-flow: wrap;
	}
	.indexnewall ul li{
		width: 100%;
		height: 200px;
		overflow: hidden;
	}
	.indexnewall ul li div h1{
		font-size: 18px;
	}
	.indexnewall dl dt div h1{
		font-size: 18px;
	}
	.indexnewall dl dd{
		width: 100%;
	}
	#leftTabBox1 .bd{
		display: flex;
	}
	.indexnewall dl dd div span{
		margin-top: 0;
	}
	.indexnewall dl dd div h1{
		font-size: 18px;
	}
	.indexnewall dl dd div i{
		margin-top:15px ;
	}
	.indexnewall dl dt img{
		height: 200px;	
	}
	.showcpnr .swiper-slide div img{
		display: block;
	}
	.showcpnrright h1{
		font-size: 18px;

	}
	.article .padding-large{
		padding: 20px;
	}
	.article .post h1{
		font-size: 18px;

	}
	.about{
		margin: 30px auto;
		flex-wrap: wrap;
	}
	.aboutleft{
		width: 95%;
		margin: 0 auto;
	}
	.aboutleftdv h1{
		font-size: 32px;color: #2a9681;
	}
	.aboutleftdv h2{
		font-size: 24px;
	}
	.aboutright{
		width: 100%;
	}
	.aboutleftdv p{
		width: 100%;
	}
	.wh{
		flex-flow: wrap;
	}
	.whleft{
		width: 100%;
		background-size: cover;
		padding: 20px 0px;
	}
	.whleftdv{
		width: 100%;
		height: auto;
	}
	.whleftdv ul{
		width: 95%;
		margin: 0 auto;
	}
	.whleftdv ul li{
		width: 50%;
		text-align: center;
		margin-bottom: 0px;
	}
	.whleftdv ul li i{
		margin: 0 auto;
	}
	.whleftdv ul li h1{
		font-size: 20px;
	}
	.whright{
		width: 100%;padding: 20px 0px;
	}
	.whrightdv{
		width: 95%;
		margin: 0 auto;
	}
	.whrightdvs h1{
		font-size: 32px;
	}
	.whrightdvs h2{
		font-size: 24px;
	}
	.ryzz{
		margin: 30px 0px;
	}
	.ryzzbt{
		width: 95%;
	}
	.ryzzbt h1{
		font-size: 32px;
	}
	.ryzzbt h2{
		font-size: 24px;
	}
	.tabBox2 .hd{
		float: none;
		width:100%;

	}
	.tabBox2 .hd ul{
		justify-content: center;
		display: flex;
		flex-flow: row;
	}
	.tabBox2 .hd ul li{
		width: 50%;
		display: block;
		text-align: center;
	}
	.tabBox2 .hd ul li a{
		width: 100%;
	}
	.tabBox2 .bd ul .ols{
		width: 100%;
		margin: 0 auto;
	}
	.tabBox2 .bd{
		display: flex;
	}
	.tabBox2 img{
		display: block;
		width: 100%;
	}
	.tabBox2{
		display: block;
	}
	.tabBox2 .tempWrap{
		width: 100%;
	}
	.cpysright{
		    padding: 20px 0px;
	}
	.cpysright{
		height: auto;
	}
	.cpysright ul li{
		margin-bottom: 25px;
	}
	.mfootsdv,.mfoots{
		display: block;
	}
	.mfootsdv{
		height: 50px;
	}
	.mfoots{
		background: #0a876e;
		width: 100%;
		position: fixed;
		bottom: 0;
		left: 0;

		z-index: 99999;
	}
	.mfoots ul{
		display: flex;width: 100%;
		justify-content: space-between;
	}
	.mfoots ul li{
		width: 100%;
		line-height: 50px;
	}	
	.mfoots ul li a{
		text-align: center;
		display: block;
		line-height: 50px;
		color: #fff;
		font-size: 14px;
		border-right: 1px solid #076653;
	}
	.banner{
		width: 100%;
	    overflow: hidden;
	}
	.banner img {
	    width: 250%;
	    display: block;
	    margin-left: -25%;
	}
	.cpysleft h2{
		margin-top:30px;
	}
	.cpyscenter{
		display: none;
	}
	.cpysright{
		border-right: none;
		border-left: 1px solid #85c3b7;
		margin-right: 0px;
		margin-left: 5px;
	}
	.cpysright ul li{
		justify-content: flex-start;
		text-align: left;
		    flex-flow: row-reverse;
	}
	.cpysright ul {
	    display: flex;
	    justify-content: space-between;
	    flex-direction: inherit;
	    height: 100%;
	    flex-flow: wrap;
	}
	.cpysright ul li i{
		margin-left: -7px; 
	    margin-right: 30px;

	}
	.showcp ul li{
		margin: 15px 15px;
		width: auto;
	}
	.tabBox2 .hd ul .on a{
		font-size: 16px;
	}
	.tabBox2 .hd{
		line-height: 40px;
	}
	.bner2{
		display: block;
	}
	.bner1{
		display: none;
	}
	.headsdv {
	    height: 0px;
	}
	.mobile-inner img{
		margin-left: 15px;
	}
}	

.owl-nav{
	display: none;
}
.bg-gray{
	position: relative;
}
.owl-carousel .owl-dots .owl-dot.active span{
	background:#0a876e;
}

.slides-arrow.dot-center .owl-dots{
	position: absolute;top: auto;bottom: 0;
}
a:focus, a:hover{
	color: #0b876f;
}
.heads{
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fff;
	width: 100%;
	z-index: 9999;
}
.headRight div.ssall{
	width: 100%;
    position: absolute;
    top: 95px;
    left: 0;
    background-color: #fff;
    padding: 15px 0px;z-index: 9999;
    display: none;
}
.headRight div.ssall form{
	    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
}
.headRight div.ssall form input{
	line-height: 35px;    line-height: 35px;
    text-indent: 1em;
    border-radius: 5px;border: 1px solid #e3e3e3;
    width: 65%;outline: none;
    margin-right: 15px;
}
.headRight div.ssall form button{
	width: 85px;
	line-height: 35px;
	border-radius: 5px;border: 1px solid #e3e3e3;
	font-size: 14px;
	outline: none;
}