@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,.cls{clear: both;}
ul li,ol li{list-style: none;}
#box{float: none; margin: auto;max-width: 750px !important;min-width: 320px !important; overflow: hidden;color:#333; background: #fff;}

.cont{width:100%;margin: 0 auto; max-width:750px; min-width:320px;font-family:"微软雅黑";}
.clear{clear:both;}

.tit{text-align: center;}
.tit h3{font-size: 46px;font-weight: bold; color: #fff;}
.tit span{color: #CCD4F8;font-size: 32px;font-family: SourceHanSansCN-Regular;white-space: nowrap;}
.tit p{font-size: 24px; line-height: 38px; color: #ffffffc4; text-indent: 2em; width: 86%; text-align: justify; margin: 21px auto 0;}
.tit img{width: 100%; margin: 0 auto 2% !important;}

.con{background:#fff url(../images/bg-kk.jpg) 100% no-repeat; width: 84%; margin: 0 auto 5%;padding:0 4% 6%;background-size: 100% 100%;}
.con p{text-align: justify; font-size: 21px; line-height: 35px; color: #666; font-family: SourceHanSansCN-Regular; text-indent: 2em;margin: 3% auto;}
.con img{margin: 2% auto;}

.bt{border-radius: 40px;height: 80px;width:100%;margin: 35px auto 40px; text-align: center; }
.bt a{background-image: linear-gradient(to bottom, #fdd049 , #ef5373); float: right; color: #fff;font-size: 36px;font-family: SourceHanSansCN-Bold;white-space: nowrap;line-height: 80px;display: block; font-weight: bold; width: 100%;border-radius: 47px;}

.js{width: 100%; margin:0 auto;}
.js ul{margin-top: 10px;}
.js li{ border:1px #004edc solid; width: 48%; margin-right: 2%; border-radius: 10px;text-align: center; margin-bottom: 2%;padding-bottom: 2%;}
.js li:nth-child(1n){float: left;}
.js li:nth-child(2n){margin-right: 0px;float: right;}
.js h4{font-size: 29.61px; font-weight: bold; margin-top: 10px; color: #004ebc;}
.js span{font-size: 23.76px; color: #004ebc; opacity: 0.7;padding-bottom: 2%; }

.zzk_al .hd{ width:100%; height:11px;  position:relative; z-index:1; bottom:35px;}
.zzk_al .hd ul{ height:5px; padding:3px 5px; margin-top:-1%; font-size:0; vertical-align:top;text-align:right;}
.zzk_al .hd ul li{ display:inline-block; width:15px; height:15px; background:#edf1f5; margin:0 5px;  vertical-align:top; overflow:hidden;  }
.zzk_al .hd ul .on{ background:#ff3444;  }
.zzk_al .bd {width:100%; margin:0;}

.zzk_zj .hd{ width:100%; height:11px;  position:relative; z-index:1;}
.zzk_zj .hd ul{ height:5px; padding:3px 5px; margin-top:-1%; font-size:0; vertical-align:top;text-align:center;}
.zzk_zj .hd ul li{ display:inline-block; width:15px; height:15px; background:#edf1f5; margin:0 5px;  vertical-align:top; overflow:hidden; border: 1px solid #99c0e5;
border-radius: 50%;}
.zzk_zj .hd ul .on{ background:#0c6eb8;  }
.zzk_zj .bd {width:100%; margin:0;}

.lqm{width:100%;margin:5% auto 1%;}
.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:-50%;left:0%;}
.lqm .hd .next{width:5.63%;position:absolute;margin-top:-50%;right:0%;}

.jishu{padding:2% 0;width: 100%; margin:0 auto;}
.jishu .hd ul li{width:20%;color: #165ce7;float:left;font-size: 30px;text-align: center;font-weight: bold;line-height: 25px;padding: 2% 0 1.5%; border:1px solid #165ce7;box-sizing: border-box;}
.jishu .hd ul li:last-child{margin-right: 0;}
.jishu .hd ul li span{font-size: 18px; font-weight: normal;}
.jishu .hd .on{background-image: linear-gradient(to bottom, #1557ed , #189e9c);color: #fff;border:1px solid transparent;}
.jishu .bd ul{}

@media screen and (max-width:320px)
{
.tit h3{font-size: 22px;}
.tit span{font-size: 20px;}
.tit p{font-size: 15px; line-height: 20px;margin: 5px auto 0;}
.con p{font-size: 12px;line-height: 18px; }
.bt{border-radius: 40px;height: 38px;width:100%;margin: 15px auto 0px; font-size: 14px; line-height: 42px;}
.bt a{font-size: 16px; line-height: 38px;width: 100%;border-radius: 47px;}
.jishu .hd ul li{font-size: 15px;line-height: 18px;}
.zcdw .hd ul li{font-size: 16px;line-height: 22px;}
.zcdw h4{font-size: 20px; margin:12px 5px;}
.zcdw p{font-size: 16px; line-height: 20px; margin:0 5px 0 8px;}
.ybh .hd ul li{font-size: 15px;line-height: 28px;}
.zzk_al .hd{height:5px; bottom:2px;}
.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;}
.zzk_zj .hd ul{height:5px; padding:3px 5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.zzk_zj .hd ul li{width:10px; height:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin:0 3px;}
span{font-size: 12px;}
.js h4{font-size: 16px;}
.js span{font-size: 13px;}
.jishu .hd ul li{font-size: 12px;}
}

@media screen and (min-width:321px) and (max-width:360px)
{
.tit h3{font-size: 24px;}
.tit span{font-size: 22px;}
.tit p{font-size: 16px; line-height: 22px;margin: 5px auto 0;}
.con p{font-size: 13px;line-height: 20px; }
.bt{border-radius: 40px;height: 42px;width:100%;margin: 15px auto 0px; font-size: 16px; line-height: 42px;}
.bt a{font-size: 18px; line-height: 42px;width: 100%;border-radius: 47px;}
.jishu .hd ul li{font-size: 16px;line-height: 18px;}
.zcdw .hd ul li{font-size: 18px;line-height: 22px;}
.zcdw h4{font-size: 20px; margin:12px 5px;}
.zcdw p{font-size: 16px; line-height: 20px; margin:0 5px 0 8px;}
.ybh .hd ul li{font-size: 16px;line-height: 30px;}
.zzk_al .hd{height:5px; bottom:2px;}
.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;}
.zzk_zj .hd ul{height:5px; padding:3px 5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.zzk_zj .hd ul li{width:10px; height:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin:0 3px;}
span{font-size: 12px;}
.js h4{font-size: 18px;}
.js span{font-size: 14px;}
.jishu .hd ul li{font-size: 13px;}
}

@media screen and (min-width:361px) and (max-width:375px)
{
.tit h3{font-size: 26px;}
.tit span{font-size: 24px;}
.tit p{font-size: 18px; line-height: 24px;margin: 5px auto 0;}
.con p{font-size: 14px;line-height: 20px; }
.bt{border-radius: 40px;height: 45px;width:100%;margin: 15px auto 0px; font-size: 18px; line-height: 48px;}
.bt a{font-size: 20px; line-height: 45px;width: 100%;border-radius: 47px;}
.jishu .hd ul li{font-size: 18px;line-height: 18px;}
.zcdw .hd ul li{font-size: 20px;line-height: 22px;}
.zcdw h4{font-size: 22px; margin:12px 5px;}
.zcdw p{font-size: 18px; line-height: 20px; margin:0 5px 0 8px;}
.ybh .hd ul li{font-size: 18px;line-height: 35px;}
.zzk_al .hd{height:6px; bottom:3px;}
.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;}
.zzk_zj .hd ul{height:5px; padding:3px 5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.zzk_zj .hd ul li{width:10px; height:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin:0 3px;}
span{font-size: 12px;}
.js h4{font-size: 19px;}
.js span{font-size: 15px;}
.jishu .hd ul li{font-size: 14px;}
}

@media screen and (min-width:376px) and (max-width:414px)
{
.tit h3{font-size: 28px;}
.tit span{font-size: 26px;}
.tit p{font-size: 18px; line-height: 24px;margin: 5px auto 0;}
.con p{font-size: 14px;line-height: 22px; }
.bt{border-radius: 40px;height: 46px;width:100%;margin: 15px auto 0px; font-size: 18px; line-height: 48px;}
.bt a{font-size: 20px; line-height: 46px;width: 100%;border-radius: 47px;}
.jishu .hd ul li{font-size: 18px;line-height: 18px;}
.zcdw .hd ul li{font-size: 20px;line-height: 22px;}
.zcdw h4{font-size: 22px; margin:12px 5px;}
.zcdw p{font-size: 18px; line-height: 20px; margin:0 5px 0 8px;}
.ybh .hd ul li{font-size: 20px;line-height: 38px;}
.zzk_al .hd{height:6px; bottom:3px;}
.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;}
.zzk_zj .hd ul{height:6px; padding:3px 5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.zzk_zj .hd ul li{width:14px; height:14px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; margin:0 5px;}
span{font-size: 12px;}
.js h4{font-size: 20px;}
.js span{font-size: 16px;}
.jishu .hd ul li{font-size: 15px;}
}

@media screen and (min-width:415px) and (max-width:639px)
{
.tit h3{font-size: 36px;}
.tit span{font-size: 28px;}
.tit p{font-size: 20px; line-height: 26px;margin: 5px auto 0;}
.con p{font-size: 16px;line-height: 24px; }
.bt{border-radius: 40px;height: 60px;width:100%;margin: 15px auto 0px; font-size: 22px; line-height: 64px;}
.bt a{font-size: 24px; line-height: 60px;width: 100%;border-radius: 47px;}
.jishu .hd ul li{font-size: 26px;line-height: 26px;}
.zcdw .hd ul li{font-size: 28px;line-height: 32px;}
.zcdw h4{font-size: 22px; margin:12px 5px;}
.zcdw p{font-size: 20px; line-height: 24px; margin:0 5px 0 8px;}
.ybh .hd ul li{font-size: 22px;line-height: 42px;}
.zzk_al .hd{height:11px; bottom:5px;}
.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;}
.js h4{font-size: 24px;}
.js span{font-size: 20px;}
.jishu .hd ul li{font-size: 16px;}
}