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

.cont{width: 100%;margin: 0 auto;max-width: 640px;}
.wid img{width: 100%;}
.widn {width: 96.875%;margin:0 auto 0;}
.clear{clear: both;}
.pr{position: relative;}
.pa{position: absolute;}

.m15{margin:15px auto;}
.m20{margin:20px auto;}
.m35{margin:35px auto;}
.mb5{margin-bottom: 5px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}

.title1{background: url(../images/p1_bg.jpg) repeat-y top center;font-size: 33px;line-height: 40px;color: #fff;padding:20px 0;text-align: center;}
.title2{font-size: 30px;line-height: 42px;text-align:justify; text-justify:distribute-all-lines;}
.title2 span{background: #6586BF;color: #fff;padding-left: 1%;margin-right: 1%;}
.title3{background: #2EB5B7;font-size: 24px;line-height: 32px;padding:0 1.5625%;color: #F4FAFA;}
.title3 span{font-size: 28px;font-weight: bold;display: block;margin-bottom: 10px;}
.title4{font-size: 32px;line-height: 34px;text-align: center;}
.line{width: 100%;height: 2px;background: #fff;}


.kv a{width: 25%;height: 10%;display: block;top:57%;left: 55%;}

.p1-sub a{bottom: 0;left: 51.6%;width: 29%;height: 18.7%;}
.p1-sub2{overflow: hidden;background: #D9F5FA;}
.p1-sub2 a{display: block;font-size: 26px;color: #fff;text-align: center;height: 50px;line-height: 50px;background: #2EB0B4;width: 48%;box-shadow: 3px 3px 4px #99ACB4;}

.p2 .dj{background: #2EB5B7;overflow: hidden;}
.p2 .dj a{display: block;font-size: 26px;color: #000;text-align: center;height: 50px;line-height: 50px;background: #FCC000;width: 48%;box-shadow: 3px 3px 4px #218082;}
.p2-sb{bottom: 0;left: 0;background: rgba(0,0,0,0.5);padding:0 1.5625%;width: 96.875%;color: #fff;}
.p2-sb p{font-size: 26px;line-height: 46px;}
.p2-sb a{display: block;font-size: 26px;color: #000;text-align: center;height: 50px;line-height: 50px;background: #FCC000;width: 30%;box-shadow: 3px 3px 4px #6B6B70;}
@media screen and (max-width: 639px){
	.m15{margin:10px auto;}
	.m20{margin:15px auto;}
	.m35{margin:25px auto;}
	.mb20{margin-bottom: 15px;}
	.mb30{margin-bottom: 20px;}

	.title1{font-size: 26px;line-height: 34px;padding:15px 0;}
	.title2{font-size: 18px;line-height: 28px;}
	.title3{font-size: 18px;line-height: 28px;}
	.title3 span{font-size: 22px;margin-bottom: 8px;}
	.title4{font-size:20px;line-height: 24px;}
	
	.p1-sub2 a, .p2 .dj a,.p2-sb a{font-size: 16px;height: 40px;line-height: 40px;}
	.p2-sb p{font-size: 16px;line-height: 22px;}

}
@media screen and (max-width: 380px){
	.m15{margin:5px auto;}
	.m20{margin:10px auto;}
	.m35{margin:15px auto;}
	.mb20{margin-bottom: 10px;}
	.mb30{margin-bottom: 15px;}

	.title1{font-size: 22px;line-height: 28px;padding:10px 0;}
	.title2{font-size: 16px;line-height: 26px;}
	.title3{font-size: 16px;line-height: 26px;}
	.title3 span{font-size: 18px;margin-bottom: 5px;}
	.title4{font-size:18px;line-height: 22px;}
	
	.p1-sub2 a, .p2 .dj a,.p2-sb a{font-size: 14px;height: 30px;line-height: 30px;}
	.p2-sb p{font-size: 14px;line-height: 20px;}
}