.wp { max-width: 640px; min-width: 320px; margin: 0 auto; font-size: 18px; color: #000000; line-height: 1.7; }

.btn { color: #fff; background: #a90cc5; width: 65%; display: block; margin: 5% auto; text-align: center; font-size: 0.8rem; border-radius: 30px; line-height: 3; }
.btn span { color: #ffff00; font-weight: bold; }
.d1, .d2, .d3 { display: block; width: 50%; height: 50%; border-radius: 50%; background-color: #ff9600; position: absolute; left: 50%; margin-left: -25%; top: 50%; margin-top: -25%; z-index: 55; }
.btn2 .d1, .btn2 .d2, .btn2 .d3 { background-color: #09b7b7; }
.d1 { -webkit-animation: kuosan 3s linear infinite; -moz-animation: kuosan 3s linear infinite; animation: kuosan 3s linear infinite; }
.d2 { -webkit-animation: kuosan 3s linear 0.8s infinite; -moz-animation: kuosan 3s linear 0.8s infinite; animation: kuosan 3s linear0.8s infinite; }
.d3 { -webkit-animation: kuosan 3s linear 1.6s infinite; -moz-animation: kuosan 3s linear 1.6s infinite; animation: kuosan 3s linear1.6s infinite; }
@-webkit-keyframes kuosan {
	from { opacity: 1; -webkit-transform: scale(0) translate3d(0, 0, 0) }
	to { opacity: 0; -webkit-transform: scale(4) translate3d(0, 0, 0) }
}
@-moz-keyframes kuosan {
	from { opacity: 1; -moz-transform: scale(0) translate3d(0, 0, 0) }
	to { opacity: 0; -moz-transform: scale(4) translate3d(0, 0, 0) }
}
@-o-keyframes kuosan {
	from { opacity: 1; -o-transform: scale(0) translate3d(0, 0, 0) }
	to { opacity: 0; -o-transform: scale(4) translate3d(0, 0, 0) }
}
@keyframes kuosan {
	from { opacity: 1; transform: scale(0) translate3d(0, 0, 0) }
	to { opacity: 0; transform: scale(4) translate3d(0, 0, 0) }
}
.text { text-align: center; font-family: "arial"; text-transform: uppercase; margin: 5% auto; width: 95%; font-family: "Microsoft Yahei"; }
.text h2 { line-height: 1.5; font-size: 1rem; color: #373737; font-weight: 700; }
.text p { font-size: 0.8rem; text-align: center; color: #666; line-height: 1.5; }
/* .hd { height: 30px; margin: 0 auto; }
.hd li { width: 10px; height: 10px; border-radius: 10px; background: #ccc; float: left; margin: 10px 5px; }
.hd .on { width: 10px; height: 10px; border-radius: 10px; background: #b0f; } */
.w30 { width: 60px; }
.w40 { width: 80px; }
.w50 { width: 100px; }
.wp .section1 { width: 100%; overflow: hidden; }
.wp .section1 .area { width: 90%; margin: 0 auto; }
.wp .section1 .area img{display: block;width: 70%;margin: 0 auto}
.wp .section1 .area p { color: #8d8d8d; font-size: 0.8rem; text-align: center; }
.wp .section1 .area p span { color: #a90cc5; }
.wp .section2 { width: 100%; overflow: hidden; }
.wp .section2 .area { position: relative; }
.wp .section2 .area .btn { position: absolute; bottom: 1%; left: 25%; width: 50%; }
.wp .section3 { width: 100%; overflow: hidden; }
.wp .section3 .text h2 { margin-bottom: 1%; line-height: 1.3; }
.wp .section3 .area { width: 100%; overflow: hidden;}
.wp .section4{background: #F1E8E8;margin-bottom: 2%}
.wp .section4 .area{width: 96%;margin:0 auto;}
.wp .section4 .area .box,.wp .section7 .area .box{padding:5% 0 8%;}
.wp .section4 .area .box h3,.wp .section7 .area .box h3{font-size: 1rem;color: #373737}
.wp .section4 .area .box p,.wp .section7 .area .box p{font-size:0.8rem;color: #666}
.wp .section10 .content{background: #eff1fa;padding:6% 0;margin:5% 0;}
.wp .section10 h3{font-size: 1.5rem;text-align: center;color:#333;line-height: 1.2;margin-bottom: 6%;}
.wp .section10 h3 span{font-size: 0.9rem;text-align: center;color:#333;display: block;font-weight: normal;}
.wp .section10 ul{padding:0 3%;}
.wp .section10 ul li{width: 32%;position: relative;margin-bottom: 6%;float: left;height: 12rem;}
.wp .section10 ul li:nth-child(2),.wp .section10 ul li:nth-child(5){margin:0 2% 6%;}
.wp .section10 ul li:after{content:"";position: absolute;border:2px solid #373737;left: 2px;bottom: 2px;top: 2px;right: 2px;}
.wp .section10 ul li h3{font-size: 1.2rem;color:#a90cc5;font-weight: normal;text-align: center;padding-top: 15%;}
.wp .section10 ul li p{font-size: 0.8rem;color:#666;padding:5% 10% 10%;}
.wp .section10 ul li span{display: block;width: 30%;position: absolute;left: 50%;margin-left: -15%;top: -0.8rem;z-index: 10;}
.wp .section10 ul li:last-child:after{content:"";border:none;}
.wp .section10 ul li a{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 112;}
.wp .section11 h3{font-size: 1.5rem;text-align: center;color:#333;line-height: 1.2;margin-bottom: 4%;}
.wp .section11 h3 span{font-size: 0.9rem;text-align: center;color:#333;display: block;font-weight: normal;}
#case_slider .hd{width: 100%;text-align: center;margin-top: 4%;}
#case_slider .hd li{width: 10%;height: 1.5rem;line-height: 1.5rem;font-size: 0.8rem;color:#333;border:1px solid #818181;display: inline-block;}
#case_slider .hd li.on{color:#fff;background: #818181;}
.lj{width: 90%;overflow: hidden;margin:0 auto;padding:3% 0 8%;}
.lj a{width: 40%;float: left;line-height: 2}
.lj .fr{float: right;background: #8D7125}
.wp .section5 {width: 100%;overflow: hidden;}
.wp .section6 {width: 100%;overflow: hidden;}
.wp .section7 { width: 100%; overflow: hidden; }
.wp .section7 .area { width: 96%; margin: 0 auto; }
.wp .section8,.wp .section9{background: #fff;height: 100%}
.wp .section8 .area{width: 100%;background: url('../images/img8.jpg') no-repeat top center;background-size: 100%}
.wp .section8 .area .top,.wp .section9 .area .top{ width: 100%;padding: 5% 0 8%; }
.wp .section8 .area .top h2,.wp .section9 .area .top h2{color: #fff}
.wp .section8 .area .top h2 span,.wp .section9 .area .top h2 span{display: block;width: 35%;margin:.0 auto;font-size: 0.8rem;font-weight: 400;border:1px solid #fff;}
.wp .section8 .area dl,.wp .section9 .area dl{width: 96%;background: #fff;font-size: 0.8rem;color: #666;padding: 8% 0 10%;margin:0 auto;}
.wp .section8 .area dl dt,.wp .section9 .area dl dt{margin-bottom: 2%}
.wp .section8 .area dl dd,.wp .section9 .area dl dd{width: 96%;margin:0 auto;}
.wp .section9 .area{width: 100%;background: url('../images/img9.jpg') no-repeat top center}
.wp .section9 .area .top{background: #8B94BB}
.wp .section9 .area dl{padding-top: 5%;padding-bottom: 0}
.wp .section9 .area dl dd{margin:3% auto;}
.wp .section9 .lj{width: 80%;}
.wp .section9 .lj .fr{background: #4A4C7F}
.section12{margin-bottom: 8%}
#case_slider2{width: 90%;margin: 5% auto;background: #fff;box-shadow: 0 0 20px rgba(185,183,183, 0.3);padding: 7% 0 6%;}
#case_slider2 .hd{width: 100%;text-align: center;}
#case_slider2 .hd li{display: inline-block;width: 8px;height: 8px;border: 2px solid #A10E98;border-radius: 50%}
#case_slider2 .hd li.on{background: #A10E98}


.item_header { width:100%; height:44px; margin:0 auto; background-color:#0f0800; color:#fbefd7; text-align:center; line-height:44px; font-size:18px;}
.item_header_bg1 { display:block; width:48px; height:44px; background-image:url(http://m.yahanmr.com/images/hm_back.png); background-repeat:no-repeat; background-position:18px 11px; background-color:#0f0800; background-size:12px;}
.item_header_bg2 { display:block; width:48px; height:44px; background-image:url(http://m.yahanmr.com/images/home_icon.png); background-repeat:no-repeat; background-size:20px 20px; background-position:11px 8px; background-color:#0f0800; float:left;}
.item_header_bg3 {  display:block; width:48px; height:44px; background-image: url(http://m.yahanmr.com/images/hm_back.png); background-repeat:no-repeat; background-position:11px 8px; background-color:#0f0800; background-size:25px 25px; float:right;}
.yh_header { width:100%; height:44px;}