@charset "utf-8";

/* CSS Document */
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,nav,em,b{margin:0;padding:0;}
header,article,footer,nav,section,aside,menu{ display:block;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
em,b{font-style: normal;}
table{ border-collapse:collapse; border-spacing:0;}
img,input{ border:none;width: 100%;}
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: 720px;}
.wid img{width: 100%;display: block;}
.widn {width: 93.75%;margin:0 auto 0;overflow: hidden;}
.clear{clear: both;}
.pr{position: relative;}
.pa{position: absolute;}
.pf{position: fixed;}
.oh{overflow: hidden;}
.fl{float: left;}


.cont p{text-align:justify; text-justify:distribute-all-lines;}
.kv,.p1,.p2,.p3,.p4,.p5,.p6{overflow: hidden;}

.m5035{margin:50px auto 35px;}
.m1035{margin:10px auto 35px;}
.m4525{margin:45px auto 25px;}
.mt20{margin:20px auto 0;}
.mt35{margin:35px auto 0;}
.mt10{margin:10px auto 0;}
.mb10{margin:0 auto 10px;}

.t1{font-size: 29px;line-height: 39px;color: #00c2c4;text-align: center;}
.t1 span{font-size: 14px;display: block;color: #000;text-transform:uppercase; line-height: 24px;}
.t1-bg{background: url("../images/p1_bg.jpg") no-repeat top center;padding:10px 0 40px;background-size: 35%;}
.t11{font-size: 38px;line-height: 48px;}
.t11 span{font-size: 18px;line-height: 28px;}
.t2{font-size: 40px;line-height: 50px;font-weight: bold;}
.t2 span{display: block;font-weight: normal;margin-bottom: 10px;}

.w1{font-size: 22px;line-height: 34px;}
.w2{font-size: 22px;line-height: 28px;}
.w3{font-size: 27px;line-height: 57px;}
.w4{font-size: 24px;line-height: 54px;}
.w5{font-size: 22px;line-height: 34px;}

.dj a{display: block;margin:0 auto;color: #fff;text-align: center;font-size: 30px;line-height: 60px;border-radius: 100px;width: 90%;
	background: #009BA5;}
.an{width: 100%;margin:2% 0 0;}
.an a{display: block;width: 54%;line-height: 45px;font-size: 21px;text-align: center;color: #fff;background: #FF4266;border-radius: 5px;}


.p1-wen{text-indent: 2em;}
.p1-sub-s{width: 50%;}

.p1-wen2{display: flex;flex-flow:row;display: box;display: -webkit-box;}
.p1-wen2-s{width: 50%;background: #ED5B8A;}
.p1-wen2-s:nth-child(2){background: #54CFD7;}
.p1-wen2-s p{color: #fff;padding:20px 8%;}

/*案例*/
.cont .case{width:100%;overflow:hidden;position:relative;margin:0 auto;}
.cont .case .swiper-main{width:100%;overflow:hidden;margin:auto;}
.cont .case .swiper12{width:100%;overflow:hidden;background-size: 100%;}
.cont .case .swiper12 .swiper-slide{width:100%;overflow:hidden;}
.cont .case .swiper12 .swiper-slide img{width:100%;}
/* Pagination */
.cont .case .pagination1 {text-align: center;height:40px;z-index:99;bottom: 0;right:3.125%;}
.cont .case .pagination1 .swiper-pagination-switch {display: inline-block;width: 15px;height: 15px;border-radius: 10px;
	background:#446B73;margin:15px 3px 0;}
.cont .case .pagination1 .swiper-active-switch {background:#009BA5;}

.md{width: 37%;top:25.4%;right: 0;height: 65%;}
.md a{color: #fff;background: #FF4266;text-align: center;border-radius: 5px;width: 85%;line-height: 40px;
	display: block;font-size: 24px;margin:5% 0 0;}

.p1-sub2-s{width: 57%;top:40%;right: 0;color: #fff;height: 50%}
.p1-sub2-s2{top:45%;}

.p1-sub3 ul li{padding-left: 4%;background: url("../images/p1_10.jpg") no-repeat left center;background-size: 2%;}
.p1-sub3 ul li a{border-bottom: 1px dashed #000;color: #000;}
@media screen and (max-width: 639px){
	.m5035{margin:35px auto 25px;}
	.m1035{margin:8px auto 25px;}
	.m4525{margin:30px auto 20px;}
	.mt20{margin:15px auto 0;}
	.mt35{margin:30px auto 0;}
	.mt10{margin:8px auto 0;}
	.mb10{margin:0 auto 8px;}

	.t1{font-size: 22px;line-height: 28px;}
	.t1 span{font-size: 10px;line-height:18px;}
	.t1-bg{padding:5px 0 20px;}
	.t11{font-size: 28px;line-height: 38px;}
	.t11 span{font-size: 14px;line-height: 24px;}
	.t2{font-size: 26px;line-height: 36px;}

	.w1{font-size: 18px;line-height: 28px;}
	.w2{font-size: 14px;line-height: 22px;}
	.w3{font-size: 17px;line-height: 27px;}
	.w4{font-size: 18px;line-height: 38px;}
	.w5{font-size: 14px;line-height: 22px;}

	.dj a{font-size: 20px;line-height: 40px;}
	.an a{line-height: 30px;font-size: 14px;}

	.p1-wen2-s p{padding:15px 8%;}

	.md a{line-height: 35px;font-size: 20px;}
}
@media screen and (max-width: 413px){
	.m5035{margin:30px auto 20px;}

	.t1{font-size: 20px;line-height: 24px;}
	.t1 span{font-size: 9px;line-height:14px;}
	.t11{font-size: 24px;line-height: 34px;}
	.t11 span{font-size: 12px;line-height: 20px;}
	.t2{font-size: 24px;line-height: 34px;}

	.w1{font-size: 16px;line-height: 26px;}
	.w2{font-size: 14px;line-height: 18px;}
	.w3{font-size: 16px;line-height: 26px;}
	.w4{font-size: 16px;line-height: 36px;}
	.w5{font-size: 12px;line-height: 20px;}

	.p1-wen2-s p{padding:10px 8%;}

	.md a{line-height: 30px;font-size: 18px;}
	.an a{line-height: 25px;font-size: 14px;}
}
@media screen and (max-width: 374px){
	.m5035{margin:25px auto 15px;}
	.m1035{margin:8px auto 20px;}
	.m4525{margin:25px auto 15px;}
	.mt20{margin:10px auto 0;}
	.mt35{margin:25px auto 0;}
	.mt10{margin:8px auto 0;}
	.mb10{margin:0 auto 8px;}

	.t1 span{font-size: 8px;line-height:14px;}
	.t2{font-size: 20px;line-height: 30px;}
	.t11 span{font-size: 12px;line-height: 20px;}

	.w2{font-size: 12px;line-height: 16px;}
	.w3{font-size: 14px;line-height: 24px;}
	.w4{font-size: 15px;line-height: 35px;}
	.w5{font-size: 12px;line-height: 18px;}

	.md a{line-height: 30px;font-size: 16px;}
}
@media screen and (max-width: 359px){
	.m5035{margin:20px auto 10px;}
	.m1035{margin:5px auto 15px;}
	.m4525{margin:20px auto 10px;}
	.mt20{margin:8px auto 0;}
	.mt35{margin:20px auto 0;}

	.t1{font-size: 16px;line-height: 20px;}
	.t1 span{font-size: 7px;line-height:14px;}
	.t11{font-size: 22px;line-height: 32px;}
	.t11 span{font-size: 10px;line-height: 18px;}
	.t2{font-size: 18px;line-height: 24px;}

	.w1{font-size: 14px;line-height: 24px;}
	.w2{font-size: 11px;line-height: 16px;}
	.w3{font-size: 14px;line-height: 24px;}
	.w4{font-size: 14px;line-height: 32px;}
	.w5{font-size: 11px;line-height: 16px;}

	.dj a{font-size: 16px;line-height: 30px;}
	.an a{line-height: 25px;font-size: 12px;}

	.p1-wen2-s p{padding:8px 8%;}

	.md a{line-height: 25px;font-size: 14px;}
}
