﻿@charset "gb2312";
/* CSS Document */
html {font-size:62.5%;}
body, h1, h2, h3, h4, h5, h6, hr, p,blockquote,dl, dt, dd, ul, ol, li,pre,
form, fieldset, legend, button, input, textarea,th, td,img{border:medium none;margin: 0;padding: 0;list-style-type: none;}
body,button, input, select, textarea {font: 12px/1.5 '微软雅黑',tahoma, Srial, helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 { font-size: 100%;font-weight:normal; }
em{font-style:normal;}
ul, ol,{ list-style: none; }
a { text-decoration: none; }
a:hover { text-decoration: none;  }
img{ border:0px;}
body,.ui-overlay-h{margin:0 auto;background:#fff;color:#1b1b1b;}
input, img {vertical-align: middle;}
body,html{margin:0 auto;max-width:640px;}
img {border:none;vertical-align:top;}
* {margin:0;padding:0;text-shadow:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.blank{height:8px;clear:both;}
.blank20{height:20px;clear:both;}
.clearfix:after,.clear:before{
	display:table;
	content:'';
	}
.clearfix:after{
	clear:both;
	overflow:hidden;
	}
.clearfix{
	zoom:1;
	}
.relative {position:relative;}
.absolute {position:absolute;}
.fl {float:left;display:inline;}
.fr {float:right;display:inline;}
.translateXY {-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.translateY {-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.translateX {-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);}
body {min-width:320px;overflow-x:hidden;}

.commonWidth {width:94.6%;margin:0 auto;}
.callBack {font-size:2.9rem;text-align:center;line-height:2.75; background-color:#FFF;}
.callBack a {display:block;color:#000}

.content1 {padding-top:4%;}
.content1 h4,.content2 h4,.content4 h4 {font-size:4rem;text-align:center;line-height:2;}
.content1 p {font-size:2.4rem;text-align:center;line-height:1.3;}
.waysSlides .slide {padding:40px 0;}
.waysSlides .slide1 {background-color:#8b7fa8;}
.waysSlides .slide2 {background-color:#5392cf;}
.waysSlides .slide3 {background-color:#ee802f;}
.waysSlides .slide4 {background-color:#56b0bb;}
.waysSlides h3 {font-size:4rem;text-align:center;line-height:1.8}
.waysSlides h4 {font-size:2.8rem;text-align:center;line-height:1.6;color:#fff;}
.waysSlides h5 {font-size:3rem;text-align:center;line-height:1.6;color:#fff;margin-bottom:1.5%}
.waysSlides .slide .p1 {font-size:2rem;text-align:center;line-height:1.4}
.wayTitle {text-align:center;}
.wayTitle span {display:inline-block;padding:0 3%;font-size:3rem;text-align:center;line-height:56px;-moz-border-radius:28px;-webkit-border-radius:28px;border-radius:28px; background-color:#fff;margin:3% auto;}
.wayTitle1 span {padding:0 6%;color:#000;}
.wayTitle2 span {padding:0 3%;color:#000;}
.waysSlides .slide .p2 {width:89%;margin:0 auto;font-size:1.8rem;line-height:1.4;color:#fff;}
.waysSlides .slide1 .img1 {display:block;width:58.4%;margin:3% auto;}
.waysSlides .slide2 .img1 {display:block;width:60.4%;margin:3% auto;}
.waysSlides .slide3 .img1 {display:block;width:73.1%;margin:3% auto;}
.waysSlides .slide4 .img1 {display:block;width:52.8%;margin:3% auto;}
.waysSlides .focus {width:100%;text-align:center;left:0;bottom:3%;z-index:2;}
.waysSlides .focus span {display:inline-block;width:16px;height:16px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; background-color:#615975;margin:0 1%;}
.waysSlides .focus span.on { background-color:#FFF;}
.content4 h4 {font-size:4rem;text-align:center;line-height:3;}
.content4 p {font-size:2.4rem;text-align:center;line-height:1.4;}
.content6 {padding-top:4%;}
.content6 h4 {font-size:4rem;text-align:center;line-height:2;}
.expertSlides .focus {width:100%;text-align:center;padding:3% 0;}
.expertSlides .focus span {display:inline-block;width:16px;height:16px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; background-color:#b2b2b2;margin:0 1%;}
.expertSlides .focus span.on { background-color:#a6c0e7;}
.content7 a {margin:6% auto;}

.link {display:block;width:85.9%;font-size:4rem;color:#fff;text-align:center;line-height:2.25; background-color:#ff6005;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;margin:3% auto ;}
.link2 {width:97.5%;font-size:3.895rem;line-height:3.13;}


@media screen and (min-width:320px) and (max-width:359px){
		html {font-size:31.25%;}
		.waysSlides .slide {padding:20px 0;}
		.wayTitle span {line-height:28px;-moz-border-radius:14px;-webkit-border-radius:14px;border-radius:14px; }
		.waysSlides .focus span,.expertSlides .focus span {width:8px;height:8px;}
		.link {-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
}
@media screen and (min-width:360px) and (max-width:639px){
		html {font-size:35%;}
		.waysSlides .slide {padding:22px 0;}
		.wayTitle span {line-height:32px;-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px; }
		.waysSlides .focus span,.expertSlides .focus span {width:9px;height:9px;}
		.link {-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
}
