@charset "utf-8";
* {margin: 0;padding: 0;}
body {font-style: normal; font-variant: normal; font-weight: normal;font-family:"微软雅黑";font-size:20px;color:#666;}
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;font-size:20px;}
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.25rem;color: #333;font-weight: bold;text-align: center;}
.m{width: 93.7500%;margin: 5% auto;}
.m p{text-indent: 2rem;}

/*pro1*/
.js{width: 93.2813%;margin: 5% auto;}
.js .sp{float: left;width: 50%;margin-right: 2%;margin-bottom: 1%;}
.sp video{width: 100%;height: 150px;}
.js h2 {font-size: 1.25rem;color: #454545;font-weight: bold; text-align: left;margin-top: 5px;}
.js p {line-height: 26px;text-indent: 2rem;margin-top: 2%;}
.js .hd ul{text-align:center;}
.js .bd{width:100%;text-align:center;margin:0 auto;}
.js .hd{position:relative;}
.js .hd .prev{width:7.0352%;position:absolute;margin-top:-33.5%;left:2.0101%;cursor: pointer;}
.js .hd .next{width:7.0352%;position:absolute;margin-top:-33.5%;right:2.0101%;cursor: pointer;}
.gobtn {height:69px; line-height:69px; text-align:center; background-color:#bf2201; border-radius:50px; margin: 5% auto 3%;width: 65%;}
.gobtn a {color:#fff; font-size:24px;display: block;}

.pro4 img{margin: 5% auto;}

.pro7_2{width:93.7500%; margin:4% auto;}
.pro7_2 .hd{ width:100%; height:11px;  position:relative; z-index:1; bottom:5px; text-align:center;}
.pro7_2 .hd ul{ display:inline-block; height:5px; padding:3px 5px; margin-top:2%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;}
.pro7_2 .hd ul li{ display:inline-block; width:14px; height:14px; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; background:#d2d2d2; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.pro7_2 .hd ul .on{ background:#bf2201;}

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

@media screen and (max-width:320px)
{
.m{margin: 5% auto 8%;}
.tit h1{font-size: 1.125rem;}
p{font-size: .875rem;}
.js h2 {font-size: 1rem;margin-top: 0;}
.js p {line-height: 18px;}
.gobtn {height:38px; line-height:38px;width: 90%;}
.gobtn a {font-size:18px;}
.pro7_2 .hd ul li{width:10px; height:10px; margin:0 3px; }
.sp,.sp video{height: 115px;}
}

@media screen and (min-width:321px) and (max-width:375px)
{
.m{margin: 5% auto 8%;}
.tit h1{font-size: 1.25rem;}
p{font-size: .95rem;}
.js h2 {font-size: 1rem;margin-top: 0;}
.js p {line-height: 20px;}
.gobtn {height:38px; line-height:38px;width: 83%;}
.gobtn a {font-size:18px;}
.pro7_2 .hd ul li{width:10px; height:10px; margin:0 3px; }
.sp,.sp video{height: 120px;}
}

@media screen and (min-width:376px) and (max-width:414px)
{
.m{margin: 5% auto 8%;}
.tit h1{font-size: 1.375rem;}
.tit h2{font-size: 1rem; }
p{font-size: 1rem;}
.js h2 {font-size: 1.125rem;margin-top: 0;}
.js p {line-height: 18px;}
.gobtn {height:45px; line-height:45px;width: 75%;}
.gobtn a {font-size:20px;}
.pro7_2 .hd ul li{width:11px; height:11px; margin:0 3px; }
.sp,.sp video{height: 135px;}
}

@media screen and (min-width:415px) and (max-width:639px)
{
.m{margin: 5% auto 8%;}
.tit h1{font-size: 2rem;}
p{font-size: 1.1rem;}
.js h2 {font-size: 1.25rem;margin-top: 0;}
.js p {line-height: 22px;}
.gobtn {height:55px; line-height:55px;width: 65%;}
.gobtn a {font-size:22px;}
.pro7_2 .hd ul li{width:12px; height:12px; margin:0 3px; }
}