@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;}
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;color:#333;}

.pro0{background: #186aad; padding: 1% 0;}
.pro0 .title h2{color: #fff; margin-bottom: 2%;}
.cont{width:100%;margin: 0 auto; max-width:640px; min-width:320px;font-family:"微软雅黑";}
.cont img{width: 100%;display: block;border:none;}
.title{width: 100%; margin: 2% auto 0 auto;}
.title h2{font-size: 30px; line-height: 60px; font-weight: bold; color: #01418b; text-align: center;}
.title h3{font-size: 25px; font-weight: 400; line-height: 40px; color: #186aad; }
.pic{width:100%; margin: 2% auto;}
.pro p{width: 96%; margin-left: 3%; font-size: 18px; line-height: 28px; text-indent: 2em; margin-top: 1%; color: #333;}

.huigu{width:100%;margin:8% auto 3%;}
.huigu .hd ul{text-align:center;}
.huigu .bd{width:88%;margin-left:6%;margin-top:-5%;}
.huigu .hd{position:relative;}
.huigu .hd .prev{width:4%;position:absolute;margin-top:-32%;left:1%;}
.huigu .hd .next{width:4%;position:absolute;margin-top:-32%;right:1%;}

.pro2{width: 100%; margin: auto;}
.pro2 span{font-size: 20px; color: #333; line-height: 36px; font-weight: normal;}

.pro4 .hd{ width:100%; height:20px;  position:relative; z-index:1;text-align:center; margin-bottom: 4%;}
.pro4 .hd ul{ display:inline-block; height:5px; padding:3px 5px; margin-top: 1%; font-size:0; vertical-align:top;  }	
.pro4 .hd li{ display:inline-block; width:16px; height:16px; border-radius: 8px; background:#9e9e9e; margin:0 8px;  vertical-align:top; overflow:hidden;}
.pro4 .hd .on{ background:#fff; }
.pro4 .bd {width:94%; margin:1% auto;}
.pro4 .bd ul li{width: 45.5%; float: left; margin-left: 3%; margin-bottom: 5%;}
.zj_txt{margin: 2% 0;} 
.zj_txt h4{font-size: 22px; font-weight: bold; color: #fff; line-height: 48px; display: inline-flex;}
.zj_txt p{color: #fff; font-size: 18px; line-height: 29px; }
.zj_txt span{float: left; width: 30%; }
.biaodan li{list-style: none;}
.biaodan li.li1{font-size: 22px; color: #333; float: left;}
.biaodan li.li2{width: 70%; }
.biaodan input{width:86%;margin:2% 6%;padding-left:5px;border-radius:5px;line-height:30px;font-size:16px;}
.biaodan .pro6_1{border:none; background-color:#186aad; color: #fff; width:60%; height: 42px; margin-left:20%;text-align:center;border-radius:26px;}
.saoma{width: 96%; margin: auto; }
.sm_1{width: 30%; float: left; }
.sm_2{width: 67%; float: left; margin-left: 3%;}
.saoma h4{font-size: 25px; line-height: 36px; font-weight: bold; color: #186aad; margin-left: 3%;}
.saoma p{text-indent: 0; }
.saoma span{color: #186aad; font-weight: bold;}

@media screen and (max-width:320px)
{
.title h2{font-size: 17px; line-height: 30px;}
.title h3{font-size: 14px; line-height: 20px; padding: 0 4px; }
.zj_txt p,.hg_txt p,.pro p{font-size: 14px; line-height: 20px;}
.pro1 .hd li { line-height:42px; font-size:18px; }
.pro4 .hd ul{ height:5px; padding:3px;  }	
.pro4 .hd li{ width:10px; height:10px; border-radius: 8px;margin:0 4px;}
.saoma h4{font-size: 14px; line-height: 25px;}
.zj_txt h4{font-size: 15px; line-height: 32px;}
.zj_txt span{margin-top: 3%;}
}

@media screen and (min-width:321px) and (max-width:360px)
{
.title h2{font-size: 19px; line-height: 36px;}
.title h3{font-size: 16px; line-height: 25px; padding: 0 4px; }
.zj_txt p,.hg_txt p,.pro p{font-size: 15px; line-height: 22px;}
.pro1 .hd li { line-height:50px; font-size:19px; }
.pro4 .hd ul{ height:5px; padding:3px;  }	
.pro4 .hd li{ width:12px; height:12px; border-radius: 8px;margin:0 8px;}
.saoma h4{font-size: 17px; line-height: 28px;}
.zj_txt h4{font-size: 15px; line-height: 32px;}
.zj_txt span{margin-top: 3%;}
}
@media screen and (min-width:361px) and (max-width:375px)
{
.title h2{font-size: 20px; line-height: 36px;}
.title h3{font-size: 16px; line-height: 25px; padding: 0 4px; }
.zj_txt p,.hg_txt p,.pro p{font-size: 15px; line-height: 22px;}
.pro1 .hd li { line-height:54px; font-size:20px; }
.pro4 .hd ul{ height:5px; padding:3px;  }	
.pro4 .hd li{ width:12px; height:12px; border-radius: 8px;margin:0 8px;}
.saoma h4{font-size: 18px; line-height: 30px;}
.zj_txt h4{font-size: 16px; line-height: 32px;}
.zj_txt span{margin-top: 3%;}
}

@media screen and (min-width:376px) and (max-width:414px)
{
.title h2{font-size: 22px; line-height: 40px;}
.title h3{font-size: 20px; line-height: 30px; padding: 0 4px; }
.zj_txt p,.hg_txt p,.pro p{font-size: 16px; line-height: 24px;}
.pro1 .hd li { line-height:64px; font-size:22px; }
.pro4 .hd ul{ height:5px; padding:3px;  }	
.pro4 .hd li{ width:12px; height:12px; border-radius: 8px;margin:0 8px;}
.saoma h4{font-size: 20px; line-height: 30px;}
.zj_txt h4{font-size: 18px; line-height: 32px;}
.zj_txt span{margin-top: 3%;}
.pro4 .bd ul li.l1{ height: 290px; }
}

@media screen and (min-width:415px) and (max-width:639px)
{
.title h2{font-size: 30px; line-height: 60px;}
.title h3{font-size: 25px; line-height: 40px; padding: 0 4px; }
.sp{height: 32rem;}
.zj_txt p,.hg_txt p,.pro p{font-size: 18px; line-height: 28px;}
.pro1 .hd li { line-height:82px; font-size:30px; }
.pro4 .hd ul{ height:5px; padding:3px 5px;  }	
.pro4 .hd li{ width:16px; height:16px; border-radius: 8px;margin:0 8px;}
.zj_txt h4{font-size: 22px; line-height: 48px;}
.zj_txt span{margin-top: 6%;}
.saoma h4{font-size: 25px; line-height: 36px;}
}