@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 {font-size:38px; text-align:center; color:#043b83; margin:7% 0 3%;}
.pro0 h1 span {font-size:30px; color:#666666;}
.pro0 p {font-size:20px; margin:3%; text-indent:2em; line-height:1.6em;}

.pro1 p {margin:3% 8%; }
.pro1_1 {position:absolute; margin-top:-5%;}

.pro2 ul li {width:28%; margin-left:4%; float:left; margin-bottom:3%;}
.pro2 ul li h5 {width:40%; margin:2% auto; text-align:center;}
.pro2 ul li h4 {background-color:#e1e1e1; text-align:center; color:#666666; font-size:20px; padding:5% 0;}

.pro3 .hd{ width:100%; height:40px;  position:relative; z-index:1; bottom:5px; text-align:center;}
.pro3 .hd ul{ display:inline-block; height:5px; padding:3px 5px; margin-top:2%; 
  font-size:0; vertical-align:top;  }	
.pro3 .hd li{ display:inline-block; width:12px; height:12px; border-radius:6px;
 background:#ababab; margin:0 4px;  vertical-align:top; overflow:hidden;
	}
.pro3 .hd .on{ background:#004ca0;  }

@media screen and (max-width:640px)
{
.pro0 h1 {font-size:1.5rem; text-align:center; color:#043b83; margin:7% 0 3%;}
.pro0 h1 span {font-size:1.25rem; color:#666666;}
.pro0 p {font-size:1rem; margin:3%; text-indent:2em; line-height:1.6em;}

.pro1 p {margin:3% 8%; }
.pro1_1 {position:absolute; margin-top:-15%;}

.pro2 ul li h4 {background-color:#e1e1e1; text-align:center; color:#666666; font-size:1rem; padding:5% 0;}
}

@media screen and (max-width:640px)
{
.pro0 h1 {font-size:1.3rem; text-align:center; color:#043b83; margin:7% 0 3%;}
.pro0 h1 span {font-size:1.1rem; color:#666666;}
.pro0 p {font-size:0.875rem; margin:3%; text-indent:2em; line-height:1.6em;}

.pro1 p {margin:3% 8%; }
.pro1_1 {position:absolute; margin-top:-15%;}

.pro2 ul li h4 {background-color:#e1e1e1; text-align:center; color:#666666; font-size:0.875rem; padding:5% 0;}
}