/*
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;
-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	background-size: 100%;
*/

/*-----------------------------------------------------------------------------------------------------------------------*/
.g-adv{
	height:12.5rem;
	overflow:hidden;
	position:relative;
	margin-bottom: 0.9rem;
}
.g-adv .m-cnt { position:absolute; bottom:0.375rem; right:0; width: 5.33rem; overflow:hidden;}
.g-adv .m-cnt li{ float:left; width:0.66rem; height:0.66rem; margin-right:0.25rem; background:#7c7c7c; overflow:hidden; border-radius:100%;}
.g-adv .m-cnt li.z-on{ background:#993333;}

/*-----------------------------------------------------------------------------------------------------------------------*/
nav{
	height:7.5rem;
	overflow:hidden;
}
nav a{ color:#fff; font-size:1rem; font-weight:bold; text-shadow:0 1px 1px #3fb1b1; background:url(../images/nav.jpg) no-repeat; width:21.5%; text-align:center; height:3.125rem; line-height:3rem; overflow:hidden; display:block; float:left; position:relative; margin:0 0.45rem 0.6rem 0.5rem;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	background-size: 100%;}
nav a:nth-child(4n){ margin-right:0;}


/*-----------------------------------------------------------------------------------------------------------------------*/
.u-tit{ height:2rem; overflow:hidden; font-weight:bold; text-align:center;}
.u-tit span{ font-size:1.15rem; color:#fff; display:block;line-height:2rem; height:2rem; text-shadow:0 1px 1px #3fb1b1; background:url(../images/coo_nav.jpg) no-repeat;	-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	background-size: 100%;}

.m-coo{ position:relative; margin-top:1.25rem; height:12.9rem; overflow:hidden;}
.m-coo .prev , .m-coo .next{ position:absolute; top:5.7rem; width:1.541rem; height:2.8rem;}
.m-coo .prev { left:0.95rem;}
.m-coo .next { right:0.95rem;}
.m-coo .nowarp{ margin:0 4rem;}
.m-coo .con{ float:left; width:100%; display:inline;}
.m-coo .con li{ width:8.04rem; float:left; overflow:hidden; margin-top:1.6rem;}
.m-coo .con li img{ border:1px solid #d9d9d9;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-coo .con li span{ height:2.6rem; line-height:2.6rem; font-size:1rem; color:#666; overflow:hidden; display:block; text-align:center;}
.m-coo .con li:last-child{ margin-left:2.37rem;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-pro{overflow:hidden;}
.m-pro .u-tit span{ font-size:1.15rem; color:#fff; display:block; line-height:2rem; height:2rem; background:url(../images/list_nav.jpg) no-repeat;	-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	background-size: 100%;}
.m-pro ul{  overflow:hidden; margin-top:0.5rem;}
.m-pro ul li{ float:left; margin:0 0.625rem 0.5rem 1.62rem; width:39.68%; height:2.5rem; background:#9a0001; text-align:center; line-height:2.5rem; color:#fff; font-size:1rem;}
.m-pro ul li a{ display:block; color:#fff;}
.m-pro .con{ float:left; width:100%; display:inline;}
.m-pro .con li{ margin: 0 0 0 0rem; height:10rem; width:30%; float:left; background:#fff; }
.m-pro .con li{ margin-left:0.6rem;}
.m-pro .con li img{border:#CCC solid 1px}
.m-pro .con li span{ display:block; height:2rem; line-height:2rem; color:#666; overflow:hidden; text-align:center; font-size:1rem;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-pic{ line-height:0;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-case{ height:26.5rem; overflow:hidden; background:url(../images/coo_bj.jpg) no-repeat center top;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	background-size: 100%;}
.m-case h2{
	padding-top:2rem;
	font-size:1.2rem;
	color:#676767;
	text-align:center;
	line-height:1.5rem;
	height:11.79rem;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
}
.m-case h2 span{
	display:block;
	font-size:1.5rem;
	color:#9a0001;
	font-weight:bold;
	line-height:2rem;
}
.m-case h2  b{ display:block; font-size:2rem; color:#9a0001; line-height:3rem;}
.m-case .m-box{ height:13rem; overflow:hidden;}
.m-case .con{ float:left; width:100%; display:inline;}
.m-case p{ width:74.375%; overflow:hidden; margin:0 auto;}
.m-case p img{ border:0.083rem solid #c5c5c5;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-case .con dl{ margin:1.25rem 2.5rem 0 1rem;}
.m-case .con dt{ font-size:1.25rem; color:#9a0001; font-weight:bold; line-height:2.25rem;}
.m-case .con dt img{ width:2.25rem; vertical-align:middle; margin-right:0.3rem;}
.m-case .con dd{ font-size:1rem; margin:0.5rem 0 0 1.58rem; padding-left:1.25rem; position:relative; line-height:1.25rem; color:#666;}
.m-case .con dd:before{ border:0.122rem solid #666; position:absolute; content:""; width:0.3rem; height:0.3rem; top:0.4rem; left:0; border-radius:100%;}
.m-case .con dd span{ color:#993333;}
.m-case .m-cnt{
	padding-left:35%;
}
.m-cnt1{ height:1.5rem; overflow:hidden;}
.m-cnt1 li{float:left;width:1.25rem; height:1.25rem; margin-right:1rem; border-radius:100%; overflow:hidden; background:#7c7c7c;}
.m-cnt1 li.z-on{ background:#9a0001;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-about {overflow:hidden; padding-bottom:0.5rem;}
.m-about h2{height:2.91rem; background:#000; overflow:hidden; line-height:2.91rem; font-size:1rem; color:#fff; padding:0 0.83rem 0 0;text-shadow:0px 1px 1px #3fb1b1;}
.m-about h2 span{ text-shadow:none;}
.m-about h2 i{ display:inline-block; font-weight:bold; padding:0 1.25rem ; height:2.91rem; background:#9a0001; height:2.91rem;} 
.m-about dl dt{ width:73.28%; margin:1.91rem auto 0;}
.m-about dd a{ padding:0 2.25rem; font-size:1rem; color:#666; line-height:1.25rem; display:block;}
.m-about dd h3{ padding:1rem 0 0.5rem; color:#136762; font-size:1rem; text-align:center; font-weight:bold;}


/*-----------------------------------------------------------------------------------------------------------------------*/
.m-news{ overflow:hidden;}
.m-news .m-cnt{height:2.91rem; background:#000; overflow:hidden; line-height:2.91rem; font-size:1rem; color:#fff;}
.m-news .m-cnt li{ float:left; width:33%; text-align:center; line-height:2.9rem; color:#fff; font-size:1rem; font-weight:bold;}
.m-news .m-cnt li.z-on{ background:#9a0001;text-shadow:0px 1px 1px #3fb1b1;}
.m-news .m-cnt li:last-child{ width:34%;}
.m-news .con{ float:left; width:100%; display:inline;}
.m-news .con ul{ margin:1rem 1.5rem 0 1rem;}
.m-news .con li{ height:2.3rem; line-height:2.3rem; position:relative; padding-left:1.12rem; color:#666; font-size:1rem;}
.m-news .con li:before{ width:0.4rem; height:0.4rem; border:0.12rem solid #666;border-radius:100%; top:0.9rem; left:0; position:absolute; content:"";}
.m-news .con a:last-child li{ border-bottom:0;}
.m-news .con h4{padding-left:1rem;border-bottom:1px dashed #aaa; margin-bottom:8px; color:#136762; font-size:1.25rem; line-height:3rem; font-weight:bold;}
.m-news .con p{ height:2rem; line-height:2rem; position:relative; padding-left:1.12rem; color:#666; font-size:1rem;}

@media screen and (min-width:320px) {
	html { font-size:75%;}
}
@media screen and (min-width:360px) {
	html { font-size:85%;}
}
@media screen and (min-width:375px) {
	html { font-size:87.5%;}
}
@media screen and (min-width:414px) {
	html { font-size:96%;}
}
@media screen and (min-width:480px) {
	html { font-size:110.5%;}
}
@media screen and (min-width:568px) {
	html { font-size:129%;}

}
@media screen and (min-width:639px) {
	html { font-size:150%;}
}