﻿html, body {
	font-family: '微软雅黑';
}

body, button, input, select, textarea {
	font-size: 12px;
	font-family: '微软雅黑';
}

.wrapper{width: 1400px; margin: 0 auto;}
.nv-title{text-align: center;padding: 40px 0;}
.nv-title h1{font-size: 50px;font-family: '方正大黑简体';color: #c72771;}

.ads-img,.ads-img img{width: 100%;}

.intr{margin: 4px; border: 1px solid #000;}
.intr-content{margin: 0 60px;padding-bottom: 40px;}
.intr-img{width: 565px; float: left;}
.intr-img img{width: 100%;}
.intr-box{float: right;}
.intr-title{width: 646px;}
.intr-title img{width: 100%;}
.intr-text{margin-top: 20px; width: 620px;}
.intr-text li{font-size: 26px; color: #c72771;overflow: hidden;}
.intr-text li div{float: left;}
.intr-text li p{float: right;width: 490px;text-align: justify;}
.intr-text li span{font-weight: bold;}

.way{padding: 20px 0 40px; background-color: #f8f8f8;}
.way-content li{float: left;width: 33.33%;height:200px;padding: 30px 10px;box-sizing: border-box;text-align: center;}
.way-content li:nth-child(1){background-color: #fceff4;}
.way-content li:nth-child(2){background-color: #f6e0e8;}
.way-content li:nth-child(3){background-color: #e0d7e8;}
.way-title h3{font-size: 24px;}
.way-title span{display: block;width: 80px;height: 1px;margin:4px auto;background-color: #000;}
.way-content li p{font-size: 18px;margin-top: 18px;}

.anli-box li{float: left;width: 30%;margin-left: 2.5%;margin-top: 2.5%;}
.anli-img{overflow: hidden;}
.anli-img,.anli-img img{width: 100%;transition: all ease .5s;-webkit-transition: all ease .5s;}
.anli-img:hover img {transform: scale(1.2);-webkit-transform: scale(1.2);}
.anli-box li p{font-size: 18px;margin-top: 10px;}

.tip{padding:20px 180px 40px; margin-top: 60px; background-color: #1c1c1c;}
.tip-item{padding-top: 20px;}
.tip-title .tip-icon{display:inline-block; width: 12px; height: 12px; background-color: #cb0065;}
.tip-title span{font-size: 30px; color: #00aff0;padding-left: 20px;}
.tip-title em{font-size: 16px; color: #fff;}
.tip-text p{font-size: 24px;color: #fff;}
.tip-text p span{font-size: 16px;}

.more-col{margin-top: 60px;}
.more-title{text-align: center;padding: 40px 0;}
.more-title h3{font-size: 40px;}
.more-col-item{border: 1px dashed #999;border-top:none;width: 80%;margin: 0 auto;}
.more-col-img{width: 50%; float: left; padding: 10px; }
.more-col-img img{width: 100%;}
.more-col-box{float: left;width: 40%;margin-left: 3%; text-align: center;}
.more-col-box h4{font-size: 30px; color: #ca3b7a;}
.more-col-box p{font-size: 18px;margin-top: 18px;}
.col-phone{width: 60%;display: block;margin: 20px auto 0;}
.col-phone img{width: 100%;}
.pt1{padding: 3% 0;}
.pt2{padding: 1.5% 0;}

.page-phone{width: 30%;display: block;margin: 40px auto 20px;}
.page-phone img{width: 100%;}


@media screen and (max-width: 1680px){
	.wrapper{width: 1300px;}
	
	.nv-title h1{font-size: 44px;}

	.intr-img{width: 500px;}
	.intr-title{width: 488px;}
	.intr-text{width: 610px;}
	.intr-text li{font-size: 24px;}

	.pt1{padding: 2% 0;}
	.pt2{padding: 1% 0;}
}

@media screen and (max-width: 1600px){
	.wrapper{width: 1200px;}

	.nv-title h1{font-size: 42px;}
	.intr-img {width: 450px;}
	.intr-title {width: 415px;}
	.intr-text{width: 590px;}
	.intr-box{padding-top: 20px;}
	.intr-text li {font-size: 20px;}

	.more-col{margin-top: 30px;}
	.more-title h3{font-size: 36px;}
	.more-col-box h4{font-size: 28px;}
	.more-col-box p{font-size: 16px;}
}

@media screen and (max-width: 1440px){
	.wrapper{width: 1100px;}

	.nv-title h1 {font-size: 40px;}
	.intr-img {width: 380px;}
	.intr-title {width: 390px;}
	.intr-text {width: 580px;}
	.intr-text li {font-size: 18px;}

	.way-content li p {font-size: 16px;}
}

@media screen and (max-width: 1400px){
	.wrapper{width: 980px;}
	
	.nv-title h1{font-size: 36px;}
	.intr-content{margin: 0 30px;}
	.intr-img{width: 400px;}
	.intr-title{width: 390px;}
	.intr-text {width: 470px;}
	.intr-text li {font-size: 16px;}
	.intr-text li p{width: 390px;}

	.way-title h3{font-size: 22px;}
	.way-content li p {font-size: 15px;}
	.anli-box li p{font-size: 16px;}

	.tip-title span{font-size: 24px;}
	.tip-title em{font-size: 14px;}
	.tip-text p{font-size: 20px;}
	.tip-text p span {font-size: 14px;}
	.tip{    padding: 20px 64px 40px;}

	.more-title h3 {font-size: 30px;}
	.more-col-box h4 {font-size: 22px;}
	.more-col-box p {font-size: 14px;}
}