@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%; }
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;position:relative;background:#fff;}
input, img {vertical-align: middle;}
body,html{margin:0 auto;}
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;}
body {min-width:320px;overflow-x:hidden;color:#2e3642;}

.commonWidth {width:93%;margin:0 auto;}
.commonWidth1 {width:89%;margin:0 auto;}
.center {margin:0 auto;}
.textAlign {text-align:center;}

.content1 {padding:50px 0;}
.commonTitle {width:100%;font-size:4rem;line-height:280%;text-align:center;font-weight:500;color:#2e3642;}
.contentContainer {width:89%;}
.contentContainer li {width:29%;float:left;margin-left:4%;display:inline;margin-bottom:14px;}
.contentContainer li span {display:block;width:100%;text-align:center;font-size:2.4rem;color:#2e3642;line-height:208%;}
.title {width:100%;}
.title span {display:block;line-height:133%;text-align:center;padding:0 30px;float:left;font-size:3rem;}
.title1 { background-color:#e0606c;color:#fff;margin:28px 0;}
.content1 p,.content3 p,.content4 p {width:100%;line-height:153%;font-size:2.6rem;color:#2e3642;}
.content1 p b,.content3 p b,.content4 p b,.content1 p span,.content3 p span,.content4 p span {display:block;float:left;}
.content1 p b,.content4 p b{width:24%;}
.content1 p span,.content4 p span{width:76%;}
/*video*/
.addVideo{
	width: 100%;
	background: url("../images/ipad.png") no-repeat center;
	-webkit-background-size:cover;
	background-size:cover;
    overflow: hidden;
    position: relative;
	box-shadow: 0 0 20px rgba(0,0,0,.3);
	border-radius: 10px;
}
.addVideo iframe{
    position: absolute;
    top:50%;
    left: 8.65%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.content2,.content4 {padding:40px 0; background-color:#f8f5f5;}
.content2Container {width:89%;margin-top:30px;}
.content2Container li {width:47%;float:left;}
.content2Container li:last-child{float:right;}
.content2Container li span {display:block;width:100%;line-height:146%;font-size:3rem;color:#fff;text-align:center; background-color:#e0606c;}
.content2Container li p {font-size:2.6rem;line-height:153%;margin-top:6px;}

.content3 {padding:58px 0;}
.content3 img {margin-bottom:50px;}
.content3 p {margin-bottom:6px;}
.content3 p b { width:26%;background-color:#716bbe;color:#fff;text-align:center;font-weight:500;}
.content3 p span {width:72%;margin-left:2%;display:inline;}

.content4 {padding-bottom:20px;}
.txt1 {margin:20px 0;}
.content4 p b{width:23%;}
.content4 p span{width:77%;}

.content5 {padding:45px 0;}
.content5Container li {width:48%;padding:7px; background-color:#FFF;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-shadow:0 0 13px rgba(34,23,20,.45);-webkit-box-shadow:0 0 13px rgba(34,23,20,.45);box-shadow:0 0 13px rgba(34,23,20,.45);float:left;}
.content5Container li:nth-child(2){float:right;}
.content5 h3 {font-size:2.6rem;line-height:269%;text-align:center;font-weight:500;}
.content5 a {display:block;width:36%;font-size:2.6rem;text-align:center;line-height:169%; background-color:#ff6005;color:#fff;margin:0 auto;}

.content6 {padding-top:10px; background-color:#f8f5f5;}
.content7 {padding-top:30px;}
.content7Container li {width:49%;padding:6px; background-color:#FFF;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-shadow:0 0 13px rgba(34,23,20,.45);-webkit-box-shadow:0 0 13px rgba(34,23,20,.45);box-shadow:0 0 13px rgba(34,23,20,.45);float:left;margin-top:20px;}
.content7Container li:nth-child(2n){float:right;}
.content7 a{display:block;width:97%;font-size:3.8rem;text-align:center;line-height:321%;margin:46px auto; background-color:#ff6005;color:#fff;text-decoration:none;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}

@media screen and (min-width:320px) and (max-width:359px){
	html {font-size:31.25%!important;}
	.content1 {padding:25px 0;}
	.contentContainer li {margin-bottom:7px;}
	.title1 {margin:14px 0;}
	.title span {padding:0 15px;}
	.content2, .content4 {padding:20px 0;}
	.content3 {padding:29px 0;}
	.content3 img {margin-bottom:25px;}
	.content3 p {margin-bottom:3px;}
	.content5 {padding:23px 0;}
	.content5Container li {padding:3px;}
	.content6 {padding-top:5px;}
	.content7 {padding-top:15px;}
	.content7Container li {padding:3px;margin-top:10px;}
	.content7 a {-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%!important;}
		.content1 {padding:25px 0;}
	.contentContainer li {margin-bottom:7px;}
	.title1 {margin:14px 0;}
	.title span {padding:0 15px;}
	.content2, .content4 {padding:20px 0;}
	.content3 {padding:29px 0;}
	.content3 img {margin-bottom:25px;}
	.content3 p {margin-bottom:3px;}
	.content5 {padding:23px 0;}
	.content5Container li {padding:3px;}
	.content6 {padding-top:5px;}
	.content7 {padding-top:15px;}
	.content7Container li {padding:3px;margin-top:10px;}
	.content7 a {-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
}