@charset "utf-8";

/* CSS Document */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,nav{margin:0;padding:0;}
header,article,footer,nav,section,aside,menu{ display:block;}
h2,h3,h4,h5,h6{font-weight: normal;}
table{ border-collapse:collapse; border-spacing:0;}
img,input{ border:none;}
ul li,ol li{list-style: none;}
a{text-decoration: none;}
body{font:14px;font-family: "Microsoft Yahei"; min-width: 320px;}
body a:link, body a:visited{color:#fff;}
.cont{width: 100%;margin: 0 auto;max-width: 640px;}
.wid img{width: 100%;}
.widn {width: 96%;/*614.4px*/margin: 0 auto 0;}
.clear{clear: both;}
.relative{position: relative;}
.absolute{position: absolute;}

.part4{ overflow:visible !important;}
.cont h1{text-align: center;line-height:30px;}
.dj{background: #FFA311;font-size: 22px;color: #fff;text-align: center;margin: 20px auto 40px;display: block;line-height: 50px;border-radius: 5px;}
.cont p{text-indent: 2em;font-size: 18px; line-height: 34px;}
.cont p span{color: #FF1143;}
.m10{margin: 15px auto 10px;}
.mm10{margin: 10px auto;}
.m20{margin: 20px auto 15px;}
.dj2{background: #FFA311;text-align: center;border-radius: 50px;color: #fff;display: block;
	width: 75%;line-height: 35px;margin: 5px auto 0; font-size: 20px}
.mb30{margin-bottom: 30px;}
.w50{width: 60%;}

.p1{overflow: hidden;}
.p1 a{width: 31.25%;}
.p1-sub{background: #EEF3FA;overflow: hidden;}

.p2-sub{overflow: hidden;background: #EEF3FA;}
.p2-sub dl{overflow: hidden;}
.p2-sub dl dt{width: 34.85%; float: left;}
.p2-sub dl dd{width: 60.15%;float: left;margin-left: 2%;}
.p2-sub h2{color: #fd2140;}
.p2-sub dl.dl1 .dj2{background: #3FC8C9;}

.p2-sub2 .dj{width: 35%;}

.p3-sub{overflow: hidden;background: #EEF3FA;text-align: center;}
.p3-sub img{width:80.625%; }
.p3-sub .dj{width: 30%;}

.p3-sub2 ul{width: 100%;overflow: hidden;}
.p3-sub2 ul li{float: left;width:32.66%;margin: 0 0.33%;}

.p3-sub3{background: #D8F2F5;overflow: hidden;}
.p3-sleft{width: 52%;top:0;right: 0;}
.p3-sleft h3{color: #626262;font-size: 46px;font-weight: bold;margin-top: 10%;}
.p3-sleft span{color: #C9C9C9;font-size: 16px;margin-left: 2%;}
.p3-sleft p{text-indent: 0;color: #fff;margin-top: 5%;}
.p3-sleft a{float: left;width: 40%;margin: 2% ;}
.hui{background: #1D1D1D;}
.hong{background: #FF4266;}
.p3-sright{left: 10%;}
.p3-sright h3{text-align: right;}
.p3-sright span{margin-left: 75%;}

.p4 ul{width: 100%;}
.p4 ul li{width:32.5%;float: left;}
.p4 ul li:nth-child(2){margin: 0 1%;}

.zhenren{max-width:640px;overflow:hidden;position:relative;margin:0 auto;}
.zhenren .swiper-main{width:100%;overflow:hidden;margin:auto;}
.zhenren .swiper22{width:100%;overflow:hidden;}
.zhenren .swiper22 .swiper-slide{ width:100%;overflow: hidden;}
.zhenren .pagination102 {text-align: center;margin-top:0px;height:20px;position:absolute;bottom:10px;left:10%;z-index:5;}
.zhenren .pagination102 .swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 50%;background:#fff;box-shadow: 0px 1px 2px #555 inset;margin: 0 3px;}
.zhenren .pagination102 .swiper-active-switch {background:#209ece;}

@media screen and (max-width: 639px){
	.cont h1{font-size: 20px;}
	.dj{font-size: 14px;margin: 15px auto;line-height: 30px;border-radius: 3px;}
	.m10{margin: 10px auto 8px;}
	.m20{margin: 15px auto 12px;}
	.cont p{font-size: 16px; line-height: 26px;}
	.dj2{line-height: 25px;font-size: 20px;}
	.mb30{margin-bottom: 20px;}

	.p2-sub h2{font-size: 16px;}
	.p2-sub p{font-size: 14px;line-height: 20px;}
	
	.p2-sub2 ul.ul1 li{line-height: 40px;font-size: 20px;}
	.p2-sub2 ul.ul2 li{font-size:16px; line-height:24px;padding:10px 1%;}

	.p3-sleft h3{font-size:26px;}
	.p3-sleft span{font-size: 14px;}
	.p3-sleft p{line-height: 20px;font-size: 12px;}
	.p3-sright span{margin-left: 75%;}
}
@media screen and (max-width: 380px){
	.dj{font-size: 12px;margin: 10px auto;line-height: 25px;}
	.cont p{font-size: 14px; line-height: 24px;}
	.dj2{line-height: 20px;font-size: 14px;}
	.mb30{margin-bottom: 15px;}
	.mm10{margin: 5px auto;}
	.p2-sub h2{font-size: 14px;}
	.p2-sub p{font-size: 12px;line-height: 16px;}

	.p2-sub2 ul.ul1 li{line-height: 35px;font-size: 18px;}
	.p2-sub2 ul.ul2 li{font-size:14px; line-height:18px;}

	.p3-sleft h3{font-size:22px;}
	.p3-sleft span{font-size: 12px;}
	.p3-sleft p{line-height:16px;font-size: 10px;}
	.p3-sright span{margin-left: 75%;}
	.p3-sright p{margin-top: 8%;}
}
@media screen and (max-width: 450px){
	.dj2{font-size: 15px;}
}
@media screen and (max-width: 380px){
	.dj2{font-size: 12px;}
}