@charset "utf-8";
* {margin: 0;padding: 0;}
body {font-style: normal; font-variant: normal; font-weight: normal;font-family:"微软雅黑";font-size:18px;color:#666;}
a { text-decoration: none;color: #ff0000;}
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;font-size:18px;margin-bottom: 2%;}
input,textarea {border:1px solid #333333;}
input{line-height:2em;}

#box{float: none; margin: auto;max-width: 640px !important;min-width: 320px !important; overflow: hidden;background: #fff;}
.clear{clear:both;}

.tit{margin-top: 8%;}
.tit h1{font-size: 2.5em;color: #0269ba;font-weight: bold;text-align: center;}
.m{width: 95.3125%;margin: 5% auto;}
.m p{text-indent: 2rem;}

.nava{width: 93.75%;margin: 5% auto;}
.nava li{float: left;width: 33%;}

/*pro1*/
.js{width: 95.3125%;margin: 5% auto;}
.js img{float: left;width: 51.4754%;margin-right: 3.6066%;}
.js h2{font-size: 1.777777778em;font-weight: bold;color: #0269ba;margin: 2% auto 4%;display: inline-block;}
.js p{text-indent: 2em;text-align: justify;}

.gobtn{margin: 5% auto;}
.mp img{width: 100%;}

.pro4 img{margin: 1% auto;}

/*pro6*/
.sh{width: 93.7500%;margin: 5.0847% auto;}
.sh p{text-indent: 2rem;margin: 2% auto;}

.pro7{margin-top:5%;width:100%;}
.pro7 h3{font-size: 1em;line-height:1.5em;color:#333333;text-align:center;}
.pro7  .hd {width:100%;}
.focus{margin: 5% auto;}
.pro7  .hd .prev{width:10%;position:absolute;margin-top:-50%;left:3%}
.pro7  .hd .next{width:10%;position:absolute;margin-top:-50%;right:3%;}

@media screen and (max-width:320px)
{
.m{margin: 5% auto 8%;}
.tit h1{font-size: 1.2em;font-weight: bold;}
p,.pro7 h3{font-size: .875rem;}
.js h2 {font-size: 1em;margin-top: 0;}
.js p {line-height: 18px;}
}

@media screen and (min-width:321px) and (max-width:375px)
{
.m{margin: 5% auto 8%;}
.tit h1{font-size: 1.68em;font-weight: bold;}
p,.pro7 h3{font-size: .95rem;}
.js h2 {font-size: 1.25em;margin-top: 0;}
.js p {line-height: 20px;}
}

@media screen and (min-width:376px) and (max-width:414px)
{
.m{margin: 5% auto 8%;}
.tit h1{font-size: 1.88em;font-weight: bold;}
p,.pro7 h3{font-size: 1rem;}
.js h2 {font-size: 1.38em;margin-top: 0;}
.js p {line-height: 18px;}
}

@media screen and (min-width:415px) and (max-width:639px)
{
.m{margin: 5% auto 8%;}
.tit h1{font-size: 2em;font-weight: bold;}
p,.pro7 h3{font-size: 1.1rem;}
.js h2 {font-size: 1.5em;margin-top: 0;}
.js p {line-height: 22px;}
}