@charset "utf-8";
* {
    margin: 0;
    padding: 0;
}
body {font-style: normal; font-variant: normal; font-weight: normal;font-family:"微软雅黑";font-size:14px;color:#444444;}
a { text-decoration: none;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active { text-decoration: none;}
small {font-size: 0.875em;}
img { max-width: 100%; border:0px; width: 100%;}
img, object { height: auto; max-width: 100%;}
.clear { clear: both; margin: 0;  padding: 0;}
ul, li, dt, dl, dd { background: none repeat scroll 0 0 rgba(0, 0, 0, 0);list-style-type: none;
 margin: 0;  padding: 0;}
p { margin: 0; padding: 0;}
input,textarea {border:1px solid #333333;}
input{line-height:2em;}

#box{float: none; margin: auto;max-width: 640px !important;min-width: 200px !important; overflow: hidden;color:#333333;}
.clear{clear:both;}

.pro0 h1 {margin:7% 0 5% 0;}
.pro0 h3 {font-size:22px; text-align:center; font-weight:bold; margin:3% 0; color:#000000;}
.pro0 p {font-size:16px; line-height:1.8em;}

.proxm {width:60%; text-align:center; line-height:2rem; background-color:#ff5a00; border-radius:1rem; margin:5% auto;}
.proxm a {color:#ffffff; font-size:1rem;}

.hxx {margin:5% 0 3%;}

.pro1 {}
.pro1 ul li {width:31%; margin-left:2%; float:left; background-color:#efefef;}
.pro1 ul li img {width:92%; margin:4%;}
.pro1 ul li p {margin:2% 6%;}

.pro2 {width:92%; height:20rem; margin:7% 3% 5% 3%; border:2px #018e95 solid;}
.pro2 .pro2_1 {position:absolute; margin-top:1%;}
.pro2 .pro2_2 {width:70%; margin-left:30%;}
.pro2 .pro2_2 h3 {margin:3% 0;}
.pro2 .pro2_2 .proxm {width:50%;}

.pro3 .pro3_1 {width:90%; margin-left:5%; background-color:#efefef;}
.pro3 .pro3_1 h3 {padding:3% 0 0;}
.pro3 .pro3_1 p {margin:0% 5%; padding-bottom:3%;}
.pro3 ul li {width:29%; margin-left:3%; float:left; }
.pro3 ul li p {font-size:16px; text-align:center; line-height:1.3rem;}

.pro4 ul li {width:45%; margin-left:3%; float:left; border:1px #efefef solid; line-height:2rem; margin:1% 0 1% 3%;}
.pro4 ul li p {font-size:16px; text-align:center;}

.pro5 ul li {width:47%; margin-left:2%; float:left; margin-bottom:2%;}
.focusxx .hd{ width:100%; height:11px;  position:relative; z-index:1; bottom:5px; text-align:center;  }
.focusxx .hd ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7);margin-top:2%; 
		-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
	}
.focusxx .hd ul li{ display:inline-block; width:8px; height:8px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; background:#8C8C8C; margin:0 4px;  vertical-align:top; overflow:hidden;   }
.focusxx .hd ul .on{ background:#FE6C9C;  }

.pro7 ul li {width:41%; margin-left:6%; float:left; margin-bottom:3%; background-color:#efefef; padding-bottom:10px;}
.pro7 ul li h4 {font-size:18px; text-align:center;}

.pro8 h2 {margin:2% 0;}


@media screen and (max-width:640px)
{
	.pro0 h3 {font-size:1rem; text-align:center; font-weight:bold; margin:3% 0; color:#000000;}
    .pro0 p {font-size:0.875rem; line-height:1.5rem;}
	
	.pro2 {width:92%; height:20rem; margin:7% 3% 5% 3%; border:2px #018e95 solid;}
.pro2 .pro2_1 {position:absolute; margin-top:3%;}
.pro2 .pro2_2 {width:60%; margin-left:40%;}
.pro2 .pro2_2 h3 {margin:3% 0;}
.pro2 .pro2_2 .proxm {width:50%;}

.pro4 ul li {width:45%; margin-left:3%; float:left; border:1px #efefef solid; line-height:2rem; margin:1% 0 1% 3%;}
.pro4 ul li p {font-size:0.625rem; text-align:center;}

.pro7 ul li {width:41%; margin-left:6%; float:left; margin-bottom:3%; background-color:#efefef; }
.pro7 ul li h4 {font-size:0.875rem; text-align:center;}

.pro3 ul li p {font-size:0.625rem; text-align:center; line-height:1.3rem;}
}

@media screen and (max-width:320px)
{
	.pro2 {width:92%; height:28rem; margin:7% 3% 5% 3%; border:2px #018e95 solid;}
	.pro2 .pro2_1 {position:absolute; margin-top:20%;}
    .pro2 .pro2_2 {width:50%; margin-left:50%;}
}