@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,li{list-style: none;}

#box{float: none; margin: auto;max-width: 640px !important;min-width: 320px !important; overflow: hidden;background: #fff;}
.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:5%;}
.pro1 p{font-size:20px; line-height:30px; text-indent:2em; color: #555;font-weight: lighter;margin-bottom: 5%;}
.pro2 p{font-size:20px; line-height:30px; text-indent:2em; color: #fff;}
.pro2 h2{font-size: 30px; line-height: 48px; text-align: center; font-weight: bold; color: #fff; padding-top: 5%;}
.pro1 h3{font-size: 30px; line-height: 48px; text-align: center; font-weight: bold; color: #333; }
.pro2 h2{font-size: 30px; line-height: 48px; text-align: center; font-weight: bold; color: #fff;}
.pro2 h4{font-size: 30px; line-height: 50px; text-align: center; font-weight: bold; color: #fff;}
.xian1{width: 20%; height: 3px; background:#fff; margin: 1% auto;}
.xian2{width: 20%; height: 3px; background:#003889; margin: 1% auto;}
.btn1{width: 54%; background: #ffae00; margin: 5% auto; height: 56px; border-radius: 30px; text-align: center; margin-top: 96%; padding-top: 4px;}
.btn1 a{font-size: 20px; font-weight: normal; line-height: 25px; color: #fff; display: block;}
.btn2{width: 54%; background: #ffae00; margin: 5% auto; height: 46px; border-radius: 30px; text-align: center;}
.btn2 a{font-size: 26px; font-weight: normal; line-height: 46px; color: #fff; display: block;}
.pic{width:100%; margin:0 auto;}
.txt{width: 96%; margin:2% auto;}
.txt h3{font-size: 36px; line-height: 50px; text-align: center; color: #333; font-weight: bold; margin-top: 2%;}
.txt strong{font-size: 16px; font-weight: normal;}
.pt2{width: 100%; margin-top: 5%;}
.pt3{width: 100%; background:#09328e; margin-top: 4%;}
.pro2 input{width:80%;margin:2% 8%;padding-left:20px;border-radius:8px;line-height:58px;font-size:20px;}
.pro2 select{margin:2% 8%;padding-left:20px;border-radius:8px;line-height:58px;font-size:20px;}
.pro2_1 {width: 50%;margin-left: 20%;border: none;}

.zjlb .hd{ width:98%; height:5px;  position:relative; z-index:1; text-align: center; margin-top: 1%; margin-bottom: 3%; }
.zjlb .hd ul{ display:inline-block; height:5px; }
.zjlb .hd ul li{ display:inline-block; width:40px; height:5px;background:#222;  vertical-align:top; overflow:hidden; margin-left: 8px;}
.zjlb .hd ul .on{ background:#0457a5; }
.zjlb .bd {width:96%; margin:3% auto;}
.zjlb .bd li{width:30%; float: left; margin: 1.5%; background: #dbebff;}

.jishu{padding:2% 0;width: 96%; margin:0 auto;}
.jishu .hd ul li{width:23.5%;background-color: #e8e8e8;float:left;margin-bottom:3%;font-size: 30px;text-align: center;font-weight: bold;margin-right: 2%;line-height: 25px;padding: 4% 0 3.5%;}
.jishu .hd ul li:last-child{margin-right: 0;}
.jishu .hd ul li span{font-size: 18px; font-weight: normal;}
.jishu .hd .on{background-color:#09328e;color: #fff;}
.jishu .bd ul{background-color: #f2f2f2;}
.jishu .bd ul p{font-size: 20px;color: #333333;margin: 5% 4%; text-align: justify;}

.pro3_1{width:96%;margin:8% auto 0 auto;}
.pro3_1 .hd ul{text-align:center;}
.pro3_1 .bd{width:100%;margin-left:0%;margin-top:-5%;}
.pro3_1 .hd{position:relative;}
.pro3_1 .hd .prev{width:5.63%;position:absolute;margin-top:-34%;left:0%;}
.pro3_1 .hd .next{width:5.63%;position:absolute;margin-top:-34%;right:0%;}

.pro4_1{width:90%;margin:12% auto 0 auto;}
.pro4_1 .hd ul{text-align:center;}
.pro4_1 .bd{width:100%;margin-left:0%;margin-top:-5%;}
.pro4_1 .hd{position:relative;}
.pro4_1 .hd .prev{width:5.63%;position:absolute;margin-top:-34%;left:0%;}
.pro4_1 .hd .next{width:5.63%;position:absolute;margin-top:-34%;right:0%;}

.lqm{width:90%;margin:12% auto 0 auto;}
.lqm .hd ul{text-align:center;}
.lqm .bd{width:100%;margin-left:0%;margin-top:-5%;}
.lqm .hd{position:relative;}
.lqm .hd .prev{width:5.63%;position:absolute;margin-top:-37%;left:0%;}
.lqm .hd .next{width:5.63%;position:absolute;margin-top:-37%;right:0%;}


@media screen and (max-width:320px)
{
.pro1 p,.pro2 p{font-size:12px; line-height:20px; }
.pro2 h2,.pro1 h3{font-size: 18px;line-height: 30px;}
.pro2 input{font-size: 16px;}
.btn2{height: 30px; border-radius: 15px;}
.btn2 a{font-size: 15px; line-height: 30px;}
.duibi .hd ul li{ width:34px; height:4px;margin-left: 8px;}
.duibi h4{font-size: 15px;}
.by_js .hd{ height:24px; }
.by_js .hd ul li{height:24px;font-size: 14px; line-height: 24px; }
.by_js h4{font-size: 15px; line-height: 30px;}
.anli ul li {padding-bottom:6px;}
.anli ul li h4 {font-size:13px;}
.zjlb .hd ul li{ width:30px;}
.pro2 h4{font-size: 18px;}
.pro2 input{line-height:38px;font-size: 14px;}
.jishu .hd ul li{font-size: 16px;}
.jishu .hd ul li span{font-size: 14px;}
.jishu .bd ul p{font-size: 12px;}
}

@media screen and (min-width:321px) and (max-width:360px)
{
.pro1 p,.pro2 p{font-size:13px; line-height:20px; }
.pro2 h2,.pro1 h3{font-size: 20px;line-height: 36px;}
.pro2 input{font-size: 18px;}
.btn2{height: 36px; border-radius: 18px;}
.btn2 a{font-size: 16px; line-height: 36px;}
.duibi .hd ul li{ width:36px; height:4px;margin-left: 8px;}
.duibi h4{font-size: 16px;}
.by_js .hd{ height:30px; }
.by_js .hd ul li{height:30px;font-size: 16px; line-height: 30px; }
.by_js h4{font-size: 16px; line-height: 30px;}
.anli ul li {padding-bottom:6px;}
.anli ul li h4 {font-size:14px;}
.zjlb .hd ul li{ width:32px;}
.pro2 h4{font-size: 20px;}
.pro2 input{line-height:38px;font-size: 15px;}
.jishu .hd ul li{font-size: 18px;}
.jishu .hd ul li span{font-size: 14px;}
.jishu .bd ul p{font-size: 13px;}
}
@media screen and (min-width:361px) and (max-width:375px)
{
.pro1 p,.pro2 p{font-size:14px; line-height:20px; }
.pro2 h2,.pro1 h3{font-size: 22px;line-height: 36px;}
.pro2 input{font-size: 18px;}
.btn2{height: 36px; border-radius: 18px;}
.btn2 a{font-size: 18px; line-height: 36px;}
.duibi .hd ul li{ width:36px; height:4px;margin-left: 8px;}
.duibi h4{font-size: 16px;}
.by_js .hd{ height:30px; }
.by_js .hd ul li{height:30px;font-size: 16px; line-height: 30px; }
.by_js h4{font-size: 16px; line-height: 30px;}
.anli ul li {padding-bottom:6px;}
.anli ul li h4 {font-size:14px;}
.zjlb .hd ul li{ width:35px;}
.pro2 h4{font-size: 20px;}
.pro2 input{line-height:38px;font-size: 16px;}
.jishu .hd ul li{font-size: 20px;}
.jishu .hd ul li span{font-size: 16px;}
.jishu .bd ul p{font-size: 14px;}
}

@media screen and (min-width:376px) and (max-width:414px)
{
.pro1 p,.pro2 p{font-size:15px; line-height:24px; }
.pro2 h2,.pro1 h3{font-size: 24px;line-height: 42px;}
.pro2 input{font-size: 18px;}
.btn2{height: 42px; border-radius: 21px;}
.btn2 a{font-size: 20px; line-height: 42px; }
.duibi .hd ul li{ width:40px; height:5px;margin-left: 8px;}
.duibi h4{font-size: 18px;}
.by_js .hd{ height:36px; }
.by_js .hd ul li{height:36px;font-size: 20px; line-height: 34px; }
.by_js h4{font-size: 18px; line-height: 32px;}
.anli ul li {padding-bottom:8px;}
.anli ul li h4 {font-size:15px;}
.zjlb .hd ul li{ width:38px;}
.pro2 h4{font-size: 24px;}
.pro2 input{line-height:43px;font-size: 16px;}
.jishu .hd ul li{font-size: 22px;}
.jishu .hd ul li span{font-size: 18px;}
.jishu .bd ul p{font-size: 15px;}
}

@media screen and (min-width:415px) and (max-width:639px)
{
.pro1 p,.pro2 p{font-size:20px; line-height:30px; }
.pro2 h2{font-size: 42px;line-height: 60px;}
.pro1 h3{font-size: 22px; line-height: 36px;}
.btn2{height: 60px; border-radius: 30px;}
.btn2 a{font-size: 24px; line-height: 42px; }
.duibi .hd ul li{ width:40px; height:5px;margin-left: 8px;}
.duibi h4{font-size: 24px;}
.by_js .hd{ height:45px; }
.by_js .hd ul li{height:45px;font-size: 30px; line-height: 44px; }
.by_js h4{font-size: 24px; line-height: 40px;}
.anli ul li {padding-bottom:10px;}
.anli ul li h4 {font-size:18px;}
.zjlb .hd ul li{ width:38px;}
.pro2 h4{font-size: 28px;}
.pro2 input{line-height:48px;font-size: 18px;}
.jishu .hd ul li{font-size: 24px;}
.jishu .hd ul li span{font-size: 20px;}
.jishu .bd ul p{font-size: 20px;}
}