@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:40px; text-align:center; font-weight:bold; color:#004d9b; margin:5% auto 3%;}
.pro0 p {font-size:20px; margin:3%; }

.pro2 {background-color:#ebf5fe; padding:3% 0; }
.pro2 h2 {font-size:22px; margin:3%; color:#004d9b;}
.pro2 p strong {color:#004d9b;}
.pro2 p span {color:#ff0000; font-weight:bold;}
.pro2 p {color:#333333;}
.pro2 .dixian {border-bottom:1px dashed #88afd4; padding-bottom:3%;}

.pro3 ul li {width:45.1%; float:left; margin:3% 0 3% 3%;}
.pro3 h3 {margin:5% 0;}
.pro3 p span img{width:45%; float:left; margin-right:3%;}

.pro4 {margin:7% 0;}
.pro4_1 {margin-bottom:3%; margin-top:1%;}
.pro4_1 .hd {width:96%; margin:0 auto;}
.pro4_1 .hd li {width:20%; float:left; margin-bottom:2%;}

.pro5 ul li{float:left;margin-bottom:3%;font-weight:bold;}
.pro5 .pro5_1{width:20%;text-align:right;font-size:22px;line-height:25px;}
.pro5 .pro5_1 span{color:#f20000;}
.pro5 .pro5_2{width:80%;}
.pro5 .pro5_2 input{width:90%;padding-left:5px;line-height:30px;font-size:22px;border-color:#eae9e9;border-radius:15px;}
.pro5 .pro5_2 select{width:92%;padding-left:5px;font-size:16px;line-height:30px;font-size:22px;height:30px;border-color:#eae9e9;border-radius:15px;}
.pro5_3{width:40%;margin:3% auto;margin-left:30%; border:none;font-size:24px; color:#ffffff; background-color:#f3bb1e; line-height:40px; border-radius:20px; text-align:center;}
.pro5_3 a {color:#ffffff;}


@media screen and (max-width:640px)
{
.pro0 h1 {font-size:1.5rem; text-align:center; font-weight:bold; color:#004d9b; margin:5% auto 3%;}
.pro0 p {font-size:1rem; margin:3%; line-height:1.5rem;}
.pro2 h2 {font-size:1.25rem; margin:3%; color:#004d9b;}
.pro2 p strong {font-size:1.1rem;}

.pro5 .pro5_1{width:20%;text-align:right;font-size:14px;line-height:25px;}
.pro5 .pro5_1 span{color:#f20000;}
.pro5 .pro5_2{width:80%;}
.pro5 .pro5_2 input{width:90%;padding-left:5px;line-height:30px;font-size:0.875rem;border-color:#eae9e9;border-radius:15px; background-color:#ebebeb;}
.pro5 .pro5_2 select{width:92%;padding-left:5px;font-size:16px;line-height:30px;font-size:0.875rem;height:30px;border-color:#eae9e9;border-radius:15px;}
.pro5_3{width:40%;margin:3% auto;margin-left:30%; border:none;font-size:0.875rem; font-weight:bold; color:#ffffff; background-color:#f3bb1e; line-height:2rem; border-radius:1rem; text-align:center;}

}

@media screen and (max-width:400px)
{
.pro0 h1 {font-size:1.5rem; text-align:center; font-weight:bold; color:#004d9b; margin:5% auto 3%;}
.pro0 p {font-size:1rem; margin:3%; line-height:1.5rem;}
.pro2 h2 {font-size:1.25rem; margin:3%; color:#004d9b;}
.pro2 p strong {font-size:1rem;}
}

@media screen and (max-width:320px)
{
.pro0 h1 {font-size:1.25rem; text-align:center; font-weight:bold; color:#004d9b; margin:5% auto 3%;}
.pro0 p {font-size:0.875rem; margin:3%; line-height:1.5rem;}
.pro2 h2 {font-size:1.1rem; margin:3%; color:#004d9b;}
.pro2 p strong {font-size:0.9rem;}
}