@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;}

.cont{width:100%;margin: 0 auto; max-width:640px; min-width:320px;font-family:"微软雅黑";}
.cont img{width: 100%;display: block;border:none;}
.cont h5{font-weight: lighter; font-size: 24px; color: #999;text-align: center;border: 1px solid #dcdcdc;padding: 1% 1% 1.5%;width: 80%; margin: 0 auto; border-radius: 30px;}
.cont h5 p{display: inline-block;background: #fefefe url('../images/ico.gif') no-repeat left  center; padding-left:25px; }
.cont h5 span{font-weight: 500;color: #f54b4b;}
.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;}

.tit{text-align: center; margin: 5% auto 3%;}
.titbd{text-align: center; margin: 5% auto 0;}
.zw{margin: 6% auto 4%;}

.kk{width:92%;margin: 0 auto; padding: 3% 0 15%; background-color: #2746e6;}
.kk1{width:90%;margin: 0 auto; background-color: #fff;}
.kimg{width:94%;margin:4.5% auto 0 auto;}

.tab-hd{width:100%; margin:4% auto;position: relative;}
.tab-hd a{width:25%; height:100%;position:absolute; }
.tab-hd a:nth-child(1){left:19%;}
.tab-hd a:nth-child(2){left:57%;}
.tab-hd img{display: none;}
.tab-hd .on{display: block;}

.tab-bd{width:100%;margin:3% auto;}
.tab-bd .tab-con{display: none;}
.tab-bd .on{display: block;}

.zj_lb{width:80%;margin:0 auto;padding-top:2%; padding-bottom: 10%;}
.zj_lb .hd ul{text-align:center;font-size: 0;}
.zj_lb .hd ul li{float: left;}
.zj_lb .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;   }
.zj_lb .hd ul .on{ background:#bf2201;}
.zj_lb .bd{width:100%; margin: 0;}
.zj_lb .hd{position:relative;}
.zj_lb .hd .prev{width:10%;position:absolute;margin-top:-5%;left:1%;}
.zj_lb .hd .next{width:10%;position:absolute;margin-top:-5%;right:1%;}

.kj{width: 92%; margin: 0 auto; border-width: 0px;}

.bd1{margin: 0% 4% 0;display: inline-block;font-size: 20px;width: 92%;}
.bd1 li{margin:2% 0 2%;}
.rw{margin: 5% auto 2%;display: inline-block; width: 100%;}
.rw ul{margin:3% auto 0;}
.rw li{float: left;text-align: left;font-size: 20px;color:#626365;width: 50%;}
.yc{margin: 2% auto 5%;display: inline-block;}
.yc ul{margin:3% auto;}
.yc li{float: left;margin-top: 2%;text-align: center;font-size: 20px;color:#626365;}
.yyfs{margin: 8% 8% 5%;display: inline-block;font-size: 20px;}
.yyfs ul{margin:3% 0;display: flex;}
.yyfs li{float: left; width: 50%;height: auto;font-weight: bold;}
.rw li:nth-child(2n),.yc li:nth-child(2n){margin-right: 0;}
.zz{width: 96%; margin:2% auto 1%;}
.zz li{float: left; width: 48%;margin-right: 4%;margin-bottom: 1%;}
.zz li:nth-child(2n){margin-right: 0;}

.mm{margin-bottom: 6%;}
h3{clear: both; line-height: 27px;font-size: 22px;color:#313133;}

.kj{width: 88%; margin: 0 auto; border-width: 0px;}
.fbd li{margin:2% 0 3%;}
.fbd .li2 input{width: 100%; height: 50px; border: 1px solid #dddee2; font-size: 20px; line-height: 50px; text-indent: 1em; border-radius: 8px;}
.fbd .li3{font-size: 20px;margin-top: 3%;text-align: center;color: #7b7a7a;}
.fbd .submitBtn{border:none; width:70%; margin:5% 15%;  line-height:70px; height:70px; text-align:center; background-color:#f54b4b; 
color:#fff; font-weight:normal; border-radius:10px;cursor:pointer;font-size: 30px;}




.pro4_1{width:92%;margin: 0 auto; padding: 4%; background-color: #fff;}
.pro4_1 .hd ul{text-align:center;}
.pro4_1 .hd{position:relative;}
.pro4_1 .bd1 li{width: 46%;float: left; margin-right: 3%;}
.pro4_1 .bd1 li:nth-child(2n){margin-right: 0;}
.pro4_1 .hd .prev{width:5.63%;position:absolute;margin-top:-52%;left:0%;}
.pro4_1 .hd .next{width:5.63%;position:absolute;margin-top:-52%;right:0%;}
.pro4_1 h6{width: 100%; background-color: #f54b4b;margin-top:2%; text-align: center;color: #fff; height: 80px; line-height: 80px; font-size: 30px; font-weight: normal; border-radius: 6px;}

.pro4_2{width:90%;margin:2% auto 0 auto; padding-bottom: 5%;}
.pro4_2 .hd ul{text-align:center;}
.pro4_2 .hd{position:relative;}
.pro4_2 .bd1 li{width: 48.5%;float: left; margin-right: 3%;}
.pro4_2 .bd1 li:nth-child(2n){margin-right: 0;}
.pro4_2 .hd .prev{width:5.63%;position:absolute;margin-top:-45%;left:0%;}
.pro4_2 .hd .next{width:5.63%;position:absolute;margin-top:-45%;right:0%;}
.pro4_2 h6{width: 100%; background-color: #f54b4b;margin-top:2%; text-align: center;color: #fff; height: 80px; line-height: 80px; font-size: 30px; font-weight: normal;}

.pro4_3{width:94%;margin:4.5% auto 0 auto;}
.pro4_3 .hd3 ul{text-align:center;}
.pro4_3 .bd3{width:100%;margin-left:0%;margin-top:-5%;}
.pro4_3 .hd3{position:relative;}
.pro4_3 .hd3 .prev{width:5.63%;position:absolute;margin-top:-54%;left:0%;}
.pro4_3 .hd3 .next{width:5.63%;position:absolute;margin-top:-54%;right:0%;}

.pro4_4{width:94%;margin:4.5% auto 0 auto;}
.pro4_4 .hd4 ul{text-align:center;}
.pro4_4 .bd4{width:100%;margin-left:0%;margin-top:-5%;}
.pro4_4 .hd4{position:relative;}
.pro4_4 .hd4 .prev{width:5.63%;position:absolute;margin-top:-40%;left:0%;}
.pro4_4 .hd4 .next{width:5.63%;position:absolute;margin-top:-40%;right:0%;}

.zybj{}
#pro2_1 {width:94%; margin:0 auto 1.5rem;}
#pro2_1 .hd img{border-radius: 1rem;}
#pro2_1 .bd img{border-radius: 1rem;}
#pro2_1 .hd ul{ margin: 1rem 0 ;}
#pro2_1 .hd ul li{width:32%;float:left;margin-right: 2%;}

#pro2_1 .hd ul li:nth-child(3n){margin-right: 0;}

.zzk_al .hd{ width:100%; height:11px;  position:relative; z-index:1; bottom:5px;margin-top: -16%;}
.zzk_al .hd ul{ height:5px; padding:3px 5px; margin-top:-1%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;text-align:right;}
.zzk_al .hd ul li{ display:inline-block; width:15px; height:15px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#edf1f5; margin:0 5px;  vertical-align:top; overflow:hidden;  }
.zzk_al .hd ul .on{ background:#ff3444;  }
.zzk_al .bd {width:100%; margin:0;}

@media screen and (max-width:320px)
{
.pro1 p,.pro0 p{font-size:13px; line-height:18px;}
.pro1 h3,.pro0 h3{font-size:14px; line-height:24px;}
.setiao,.baitiao{height:2px;}
.pro1 h2,.pro0 h2{font-size:25px; line-height:42px;}
.pro1 h4{font-size:24px; line-height:35px;}
.cont h5{font-size: 13px;}
.cont h5 p{padding-left:14px; background-size: 13px 13px;}
.pro4_1 h6{height: 30px; line-height: 30px; font-size: 16px; }
#pro2_1 {margin:0 auto 1.2rem;}
#pro2_1 .hd ul{ margin: 0.5rem 0 ;}
.zzk_al .hd{height:5px; bottom:2px;margin-top: -18%;}
.zzk_al .hd ul{height:5px; padding:3px 5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.zzk_al .hd ul li{width:10px; height:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin:0 3px;}
}

@media screen and (min-width:321px) and (max-width:360px)
{
.pro1 p,.pro0 p{font-size:14px; line-height:20px;}
.pro1 h3,.pro0 h3{font-size:16px; line-height:28px;}
.setiao,.baitiao{height:2px;}
.pro1 h2,.pro0 h2{font-size:26px; line-height:50px;}
.pro1 h4{font-size:26px; line-height:60px;}
.bd .li2 input{height: 40px;line-height: 40px;}
.bd .submitBtn{line-height:48px; height:48px; font-size: 18px;}
.cont h5{font-size: 14px;}
.cont h5 p{padding-left:16px; background-size: 15px 15px;}
.pro4_1 h6{height: 35px; line-height: 35px; font-size: 18px; }
#pro2_1 {margin:0 auto 1.3rem;}
#pro2_1 .hd ul{ margin: 0.5rem 0 ;}
.zzk_al .hd{height:5px; bottom:2px;margin-top: -17%;}
.zzk_al .hd ul{height:5px; padding:3px 5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.zzk_al .hd ul li{width:10px; height:10px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; margin:0 3px;}
}

@media screen and (min-width:361px) and (max-width:375px)
{
.pro1 p,.pro0 p{font-size:15px; line-height:24px;}
.pro1 h3,.pro0 h3{font-size:18px; line-height:32px;}
.setiao,.baitiao{height:3px;}
.pro1 h2,.pro0 h2{font-size:28px; line-height:58px;}
.pro1 h4{font-size:26px; line-height:60px;}
.bd .li2 input{height: 45px;line-height: 45px;}
.bd .submitBtn{line-height:50px; height:50px; font-size: 20px;}
.cont h5{font-size: 15px;}
.cont h5 p{padding-left:18px; background-size: 16px 16px;}
.pro4_1 h6{height: 40px; line-height: 40px; font-size: 18px; }
#pro2_1 {margin:0 auto 1.5rem;}
#pro2_1 .hd ul{ margin: 0.5rem 0 ;}
.zzk_al .hd{height:6px; bottom:3px;margin-top: -17%;}
.zzk_al .hd ul{height:6px; padding:3px 5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.zzk_al .hd ul li{width:12px; height:12px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; margin:0 4px;}
}

@media screen and (min-width:376px) and (max-width:414px)
{
.pro1 p,.pro0 p{font-size:16px; line-height:26px;}
.pro1 h3,.pro0 h3{font-size:20px; line-height:34px;}
.setiao,.baitiao{height:4px;}
.pro1 h2,.pro0 h2{font-size:30px; line-height:62px;}
.pro1 h4{font-size:32px; line-height:70px;}
.bd .li2 input{height: 50px;line-height: 50px;}
.bd .submitBtn{line-height:55px; height:55px; font-size: 22px;}
.cont h5{font-size: 16px;}
.cont h5 p{padding-left:20px; background-size: 18px 18px;}
.pro4_1 h6{height: 48px; line-height: 48px; font-size: 22px; }
#pro2_1 {margin:0 auto 1.8rem;}
#pro2_1 .hd ul{ margin: 0.8rem 0 ;}
.zzk_al .hd{height:6px; bottom:3px;margin-top: -17%;}
.zzk_al .hd ul{height:6px; padding:3px 5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.zzk_al .hd ul li{width:14px; height:14px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; margin:0 5px;}
}

@media screen and (min-width:415px) and (max-width:639px)
{
.pro1 p,.pro0 p{font-size:18px; line-height:31px;}
.pro1 h3,.pro0 h3{font-size:26px; line-height:40px;}
.setiao,.baitiao{height:6px;}
.pro1 h2,.pro0 h2{font-size:40px; line-height:94px;}
.bd .li2 input{height: 55px;line-height: 55px;}
.bd .submitBtn{line-height:60px; height:60px; font-size: 24px;}
.cont h5{font-size: 20px;}
.cont h5 p{padding-left:25px; background-size: 22px 22px;}
.pro4_1 h6{height: 60px; line-height: 60px; font-size: 26px; }
#pro2_1 {margin:0 auto 1.8rem;}
#pro2_1 .hd ul{ margin: 1rem 0 ;}
.zzk_al .hd{height:11px; bottom:5px;margin-top: -17%;}
.zzk_al .hd ul{height:5px; padding:3px 5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.zzk_al .hd ul li{width:16px; height:16px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; margin:0 6px;}
}