@charset "utf-8";
/* CSS Document */

* { 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 { height: auto; max-width: 100%;}
.clear{clear: both;}
ul li,ol li{list-style: none;}
#box{float: none; margin: auto;max-width: 640px !important;min-width: 320px !important; overflow: hidden;color:#333; background: #fff;}
#bg{background:url(../images/bg.jpg) #00939a no-repeat top center;background-size: 100% auto;}

.cont{width:100%;margin: 0 auto; max-width:640px; min-width:320px;font-family:"微软雅黑";}
.cont img{width: 100%;display: block;border:none;}
.pro1{width:100%; margin-top:1%;}
.pro0{width:100%; }
.pro1 h2,.pro0 h2{font-size:50px; line-height:94px; text-align:center; font-weight:bold;padding-top: 6%;}
.pro1 h2,.pro1 p{ color:#000;}
.pro1 h3{color:#333;}
.pro0 h2,.pro0 h3,.pro0 p{color:#fff;}
.pro1 p,.pro0 p{font-size:18px; line-height:31px; text-indent:2em; width:100%; margin-top:1%;}
.pro1 h3,.pro0 h3{font-size:32px; line-height:40px; text-align:center; font-weight:normal;margin-bottom: 3%;}
.pro1 h4{font-size:40px; line-height:80px; text-align:center; font-weight:bold; color: #b91117;}
.setiao{width:14%; height:6px; margin:1% auto; background:#c20100;}
.baitiao{width:14%; height:6px; margin:1% auto; background:#fff;}
.pic{width:100%; margin:5% auto; padding-bottom:2%;}
.pic0{width:100%; margin:0 auto;}
.js{width:90%;margin:0 auto;}
.clear{clear:both;}


.bd p{text-indent: 2em;text-align: left;color: #666;}
.bd p span{font-weight: bold;color: #db0000;}


.kj{width: 100%; margin: 0 auto; border-width: 0px;background:url(../images/bg.gif) #fff repeat-y top center;background-size: 100% auto;}
.htwj{}

.bd1{margin: 2% 10%;display: inline-block;font-size: 20px;width: 80%;}
.bd1 li{margin:2% 0 2%;}
.pro h1 {font-size: 50px;text-align:center; margin:10px 0 6px; line-height:60px;font-weight: bold;color: #333;}
.pro h3{clear: both; line-height: 27px;font-size: 22px;color:#313133;font-weight: bold;}
.pro h3 span{font-weight: normal; color: #666;}

label{display: block;cursor: pointer;}
.rw input,.dx input{border:0px;display:none ;}
.rw,.dx,.xx{margin: 5% auto 2%;display: inline-block; width: 100%;}
.rw ul,.dx ul,.xx ul{margin:2% auto 3%;}
.rw li,.dx li{float: left;text-align: center;font-size: 20px;color:#626365; width:46%;border: 1px solid #999899;margin: 2% 5% 2% 0px; height: 69px; line-height: 69px;border-radius: 10px;}
.rw li:nth-child(2n),.dx li:nth-child(2n){margin-right: 0;}

.xx .li2 input{width: 100%; height: 69px; border: 1px solid #999899; font-size: 26px; line-height: 69px; text-indent: 1em; display: block;margin-bottom: 20px;border-radius: 10px;}
.xx .li3{width: 100%; height: 69px; border: 1px solid #999899; font-size: 26px; line-height: 69px;text-indent: 1em; border-radius: 12px;text-align: left;}
.xx .submitBtn{border:none; width:100%; margin:8% auto 5%;  line-height:80px; height:80px; text-align:center; background-color:#00939a; 
color:#fff; font-weight:normal; border-radius:30px;cursor:pointer;font-size: 38px;display: block;}

label.chd{background-color: #05898f;border-radius: 8px; color: #fff;}

.xx .li3 input[type="radio"] {
  width: 22px;
  height: 22px;
}

.mm{margin-bottom: 6%;}

.bd{width: 100%; padding-bottom: 13%; padding-top: 120%;}


@media screen and (max-width:320px)
{
.pro h1{font-size: 25px;line-height:50px;}
.pro h3{font-size: 13px;}
.rw li,.dx li,.xx .li2 input,.xx .li3{font-size: 12px;height: 29px; line-height: 29px;}
p,.xx .li2 input{font-size: 12px;}
.xx .li3 input[type="radio"] {width: 12px;height: 12px;}
.bd .submitBtn{line-height:40px; height:40px; font-size: 16px;}
}

@media screen and (min-width:321px) and (max-width:360px)
{
.pro h1{font-size: 26px;line-height:50px;}
.pro h3{font-size: 14px;}
.rw li,.dx li,.xx .li2 input,.xx .li3{font-size: 14px;height: 30px; line-height: 30px;}
p,.xx .li2 input{font-size: 14px;}
.xx .li3 input[type="radio"] {width: 14px;height: 14px;}
.bd .submitBtn{line-height:40px; height:40px; font-size: 16px;}
}

@media screen and (min-width:361px) and (max-width:375px)
{
.pro h1{font-size: 28px;line-height:50px;}
.pro h3{font-size: 16px;}
.rw li,.dx li,.xx .li2 input,.xx .li3{font-size: 16px;height: 32px; line-height: 32px;}
p,.xx .li2 input{font-size: 16px;}
.xx .li3 input[type="radio"] {width: 15px;height: 15px;}
.bd .submitBtn{line-height:45px; height:45px; font-size: 18px;}
}

@media screen and (min-width:376px) and (max-width:414px)
{
.pro h1{font-size: 30px;line-height:50px;}
.pro h3{font-size: 18px;}
.rw li,.dx li,.xx .li2 input,.xx .li3{font-size: 16px;height: 35px; line-height: 35px;}
p,.xx .li2 input{font-size: 16px;}
.xx .li3 input[type="radio"] {width: 16px;height: 16px;}
.bd .submitBtn{line-height:50px; height:50px; font-size: 20px;}
}

@media screen and (min-width:415px) and (max-width:639px)
{
.pro h1{font-size: 32px;line-height:50px;}
.pro h3{font-size: 20px;}
.rw li,.dx li,.xx .li2 input,.xx .li3{font-size: 18px;height: 38px; line-height: 38px;}
p,.xx .li2 input{font-size: 18px;}
.xx .li3 input[type="radio"] {width: 20px;height: 20px;}
.bd .submitBtn{line-height:60px; height:60px; font-size: 22px;}
}