@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;}

.pro0{background: url(../images/pro0_bg.png); padding: 3% 0;}
.pro1{background: #1e2052; padding: 3% 0; width: 100%;}
.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; text-align: center;}
.pic{width:100%; margin: 4% auto;}

.wenti{width: 94%; margin: auto;}
.wenti li{width: 49%; margin-right: 2%; float: left; margin-top: 2%;}
.wenti li:nth-child(2),.wenti li:nth-child(4){margin-right: 0;}
.wenti h4{font-size: 24px; line-height: 48px; font-weight: bold; color: #222; text-align: center;}

.jishu1{width: 94%; margin: 0 auto;}
.jishu1 .js_pic{width: 52%; float: left;margin-right: 3%;}
.jishu1 .js_txt{ padding-top: 2%;}
.js_pic{width: 100%; margin: 1% 0;}
.jishu2{width: 94%; margin: 0 auto;}
.jishu2 .js_pic{width: 37%; float: left; margin-left: 2%;}
.jishu2 .js_txt{width: 61%; float: left; padding-top: 5%;}
.jishu2 .js_txt a{font-weight:bold;color:red;}
.js_txt{font-size: 18px; line-height: 30px; color: #fff; text-indent: 2em;}

.youshi{width: 95%; margin: 4% auto 0;}
.ys_pic{width: 45%; float: left;}
.ys_txt1,.ys_txt2{width: 55%; float: left; padding-top: 2%;}
.ms{width: 100%; padding:2% 0; background: #eceef9; margin-top: 3%;}
.ys_txt1 h3{font-size: 24px; line-height: 36px; font-weight: 600; text-align: left; margin-left: 3%; color: #333;}
.ys_txt1 h4{font-size: 20px; line-height: 30px; font-weight: normal; text-align: left; margin-left: 3%; color: #333; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ys_txt2 h3{font-size: 24px; line-height: 36px; font-weight: 600; text-align: right; margin-right: 3%; color: #333;}
.ys_txt2 h4{font-size: 20px; line-height: 30px; font-weight: normal; text-align: right; margin-right: 3%; color: #333; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ms p{width: 92%; margin: 0 4%; font-size: 18px; line-height: 28px; color: #666;}
.btn_ys{width: 40%; margin: 3% auto; border-radius: 24px; background: #f4c900; text-align: center;}
.btn_ys a{display: block;font-size: 30px; line-height: 48px; color: #1d2055;}

.meiti{width:100%;margin:8% auto 3%;}
.meiti .hd ul{text-align:center;}
.meiti .bd{width:86%;margin-left:7%;margin-top:-5%;}
.meiti .hd{position:relative;}
.meiti .hd .prev{width:4%;position:absolute;margin-top:-30%;left:1%;}
.meiti .hd .next{width:4%;position:absolute;margin-top:-30%;right:1%;}

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

.zj_con{ width:96%; margin:4% auto;}
.zj_con .bd{ width:100%;}
.zj_con .bd li a img { vertical-align:bottom; width:100%;}
.zj_con .hd{width:60%; float:left;}
.zj_con .hd ul{ }
.zj_con .hd ul li{color:#fff; width:30%; border-radius: 50%; background: #fff; overflow: hidden; float:left; text-align:center;margin: 0 0 3% 3.5%;}
.zj_con .hd ul li:nth-child(1),.hd ul li:nth-child(4),.hd ul li:nth-child(7){margin-left:3%;}
.zj_con .hd ul li img{ width:100%;vertical-align: bottom;}
.zj_con .hd ul li.on img{ background: #5e64ff; }
.zj_b{width:39%; float:left; margin-right:1%;}
.zj_con h3{font-size:30px; line-height:48px; color:#fff; font-weight:bold; margin-top:6px;text-align:left; display: inline-flex;}
.zj_con span{margin-left: 16px; padding-top: 12px;}
.zj_con p{font-size:18px; line-height:30px; color:#fff; font-weight:normal;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient: vertical;}

.anli{width: 96%; margin: 4% auto;}
.al_pic{width: 45%; float: left;}
.al_txt{width: 53%; float: left; margin-left: 2%;}
.al_txt p{font-size: 18px; line-height: 36px; display: inline-flex;}
.al_txt span{margin-top: 6px; margin-right: 6px;}

.fuli{width: 95%; margin: auto;}
.fuli li{width: 49%; float: left; margin-right: 2%; margin-top: 2%;}
.fuli li:nth-child(2),.fuli li:nth-child(4){margin-right: 0;}

.pinpai{width: 96%; margin: auto;}
.pp_left{width: 52%; float: left;}
.pp_right{width: 45%; float: left; margin-left: 3%;}
.pp_pic{width: 100%; margin-top: 2%;}
.pp_txt{margin-top: 2%; }
.pp_txt p{font-size: 18px; line-height: 30px; text-indent: 2em;}

@media screen and (max-width:320px)
{

.wenti h4{font-size: 13px; line-height: 24px;}
.ys_txt1,.ys_txt2{padding-top: 0;}
.ys_txt1 h3,.ys_txt2 h3{font-size: 15px; line-height: 20px;}
.ys_txt1 h4,.ys_txt2 h4{font-size: 13px; line-height: 18px;}
.jishu2 .js_txt{padding-top: 0;}
.ms{margin-top: 0;
	display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
	}
.ms p,.zj_con p,.pp_txt p,.js_txt{font-size: 12px; line-height: 16px; }
.zj_con h3{font-size:16px; line-height:30px; margin-top:6px;}
.zj_con span{margin-left: 6px; padding-top: 7px; width: 46%;}
.al_txt p{font-size: 12px; line-height: 20px; }
.al_txt span{margin-top: 2px; margin-right: 4px; width: 16px;}
.btn_ys a{font-size: 15px; line-height: 30px; }

}

@media screen and (min-width:321px) and (max-width:360px)
{

.wenti h4{font-size: 14px; line-height: 28px;}
.ys_txt1,.ys_txt2{padding-top: 0;}
.ys_txt1 h3,.ys_txt2 h3{font-size: 16px; line-height: 20px;}
.ys_txt1 h4,.ys_txt2 h4{font-size: 14px; line-height: 18px;}
.jishu2 .js_txt{padding-top: 0;}
.ms{margin-top: 0;
	display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
	}
.ms p,.zj_con p,.pp_txt p,.js_txt{font-size: 14px; line-height: 19px; }
.zj_con h3{font-size:20px; line-height:30px; margin-top:6px;}
.zj_con span{margin-left: 6px; padding-top: 7px; width: 46%;}
.al_txt p{font-size: 12px; line-height: 22px; }
.al_txt span{margin-top: 2px; margin-right: 6px; width: 20px;}
.btn_ys a{font-size: 18px; line-height: 34px; }

}
@media screen and (min-width:361px) and (max-width:375px)
{

.wenti h4{font-size: 15px; line-height: 28px;}
.ys_txt1,.ys_txt2{padding-top: 0;}
.ys_txt1 h3,.ys_txt2 h3{font-size: 16px; line-height: 22px;}
.ys_txt1 h4,.ys_txt2 h4{font-size: 14px; line-height: 18px;}
.jishu2 .js_txt{padding-top: 0;}
.ms{margin-top: 0;
	display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
	}
.ms p,.zj_con p,.pp_txt p,.js_txt{font-size: 14px; line-height: 20px; }
.zj_con h3{font-size:20px; line-height:30px; margin-top:6px;}
.zj_con span{margin-left: 6px; padding-top: 7px; width: 46%;}
.al_txt p{font-size: 12px; line-height: 24px; }
.al_txt span{margin-top: 2px; margin-right: 6px; width: 20px;}
.btn_ys a{font-size: 18px; line-height: 34px; }

}

@media screen and (min-width:376px) and (max-width:414px)
{
.wenti h4{font-size: 16px; line-height: 30px;}
.ys_txt1,.ys_txt2{padding-top: 0;}
.ys_txt1 h3,.ys_txt2 h3{font-size: 18px; line-height: 24px;}
.ys_txt1 h4,.ys_txt2 h4{font-size: 15px; line-height: 20px;}
.jishu2 .js_txt{padding-top: 0;}
.ms{margin-top: 0;
	display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
	}
.ms p,.zj_con p,.pp_txt p,.js_txt{font-size: 15px; line-height: 22px; }
.zj_con h3{font-size:20px; line-height:30px; margin-top:6px;}
.zj_con span{margin-left: 6px; padding-top: 7px; width: 46%; }
.al_txt p{font-size: 14px; line-height: 27px; }
.al_txt span{margin-top: 2px; margin-right: 6px; width: 22px;}
.btn_ys a{font-size: 20px; line-height: 36px; }
}

@media screen and (min-width:415px) and (max-width:639px)
{
.wenti h4{font-size: 24px; line-height: 40px;}
.ys_txt1,.ys_txt2{padding-top: 2%;}
.ys_txt1 h3,.ys_txt2 h3{font-size: 24px; line-height: 36px;}
.ys_txt1 h4,.ys_txt2 h4{font-size: 20px; line-height: 30px;}
.ms{margin-top: 3%;
	display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
	}
.ms p,.zj_con p,.pp_txt p,.js_txt{font-size: 18px; line-height: 28px; }
.zj_con h3{font-size:30px; line-height:48px; color:#fff; margin-top:6px;}
.zj_con span{margin-left: 16px; padding-top: 12px;}
.al_txt p{font-size: 18px; line-height: 36px; }
.al_txt span{margin-top: 6px; margin-right: 6px;}
.btn_ys a{font-size: 30px; line-height: 48px; }

}