@charset "gb2312";

html { font-size: 62.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

input[type="submit"], input[type="reset"], input[type="button"], input { -webkit-appearance: none; resize: none; }

body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

.wrap img { max-width: 100%; height: auto; width: auto\9; -ms-interpolation-mode: bicubic; border: none; display: block; width: 100%; }

body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; border: none; }

body, button, input, select, textarea { font: 12px/1.5 '΢ÈíÑźÚ', tahoma, Srial, helvetica, sans-serif;outline:none; }

body { min-width: 320px; overflow-x: hidden; }

em, i, b { font-style: normal; font-weight: normal; }

strong { font-weight: normal; }

.clearfix:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; }

.clearfix { zoom: 1; }

a { text-decoration: none; color: #969696; }

a:hover { text-decoration: none; }

ul, ol { list-style: none; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-family: Microsoft YaHei; font-weight: normal; }

* { margin: 0; padding: 0; text-shadow: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.clearfix:before, .clearfix:after { display: table; content: ""; }

.clearfix:after { clear: both; }

.clearfix { *zoom:1;

}

.re { position: relative; }

.ab { position: absolute; }

.fl { float: left; display: inline; }

.fr { float: right; display: inline; }
.wrap{
	max-width:750px;
	width:100%;
	margin:0 auto;}
.middle{ display:inline-block; vertical-align:middle}
.content2{ background:#ff3b8c}
.content2 .imgArea .title{ width:72.8%; margin:0 auto; padding:8.7% 0 3%}
.content2 .imgArea  h3{ font-size:2.8rem; color:#fff; text-align:center; padding:1%; border:1px solid #fff; border-radius:5px; width:60%; margin:0 auto;}
.content2 .case{ margin:5% 0 0; padding-bottom:7%}
.content2 .case .leftImg{ width:40.8%; margin-left:4%}
.content2 .case .right{ width:45%; margin-left:4%}
.content2 .case .right h4{ color:#fff; font-size:5rem;}
.content2 .case .right p{ color:#fff; font-size:3rem;}

.content3 .btn,.content5 .btn,.content7 .btn,.content8 .btn,.content10 .btn{display:block}
.content3 .gif{ top:9%; width:70.3%; left:0; right:0; margin: auto; height:31%; background:url(../images/content3_img14.gif) no-repeat center; background-size:100%}

.content4 .title{ padding:9% 0 0}
.content4 .title h2{ width:65.7%; margin:0 auto}
.content4 .title h3{ font-size:4.5rem; color:#222222; text-align:center}
.content4 .txt{ padding:5% 0}
.content4 .txt{ width:100%; text-align:center; font-size:3.4rem; color:#222222; line-height:1.7;}
.content4 .txt span{ color:#ff8237; font-weight:bold;}
.content4 .case2 .btn{ width:50%; height:30%; right:20%; bottom:0}

.content5{background:#8da0ff; padding-top:7%}
.content5 .title h2{ font-size:5.6rem; text-align:center; color:#fff; }
.content5 .title h3{ width:68.2%; margin:0 auto;}
.content5 .case .txt{ width:75%; left:0; right:0; margin:auto; bottom:7%; font-size:3.5rem; text-align:center}
.content5 .case .txt span{ color:#ff8237; font-weight:bold;}

.content6 .title h3{ width:100%; text-align:center; bottom:28%; color:#222222; font-size:4.4rem;}
.content6 .list{ width:95.86%; margin:0 auto 7.8%; }
.content6 .list .left{width:48.46%;}
.content6 .list .right{width:48.46%;margin-left:2%;}
.content6 .list .right h2{ font-size:3.1rem; font-weight:bold; color:#222222}
.content6 .list .right .txt{font-size:2.8rem; line-height:1.7; margin-top:2% }
.content6 .list .right .txt span{ font-weight:bold; color:#ff8237}
.content6 .list2 .right{ margin-left:0}
.content6 .list2 .left{ margin-left:2%}

.content7 .txt{ font-size:2.8rem; color:#222222; width:48%; top:5%; right:4%; line-height:1.7;}
.content7 .txt .p2{ margin-top:8%}
.content7 .txt span{font-weight:bold; color:#ff8237}
.content7 .txt2{ width:85%; left:0; right:0; margin:auto; top:51%}
.content7 .btn2{ font-size:4rem; color:#7b91ff; bottom:15%; display:block; left:0; right:0; margin:auto; width:40%; border:2px solid #7b91ff; text-align:center; border-radius:35px; padding:1% 0 }
.zj img{ display:block; }
.zj .hd { height: 14px; width: 100%; text-align: center;position: relative;position:absolute;bottom:-6%;left:0 }
.zj .hd li { width: 14px; height: 14px; margin:0 1%; background: #fff; display: inline-block; overflow:hidden; color:#fff; border-radius:50%}
.zj .hd  .on{ background:#ff2a8a}
.content7 .gif{ top:27.8%;width:90%; left:0; right:0; margin: auto; height:20.9%;background:url(../images/content7_img15.gif) no-repeat center; background-size:100%; border-radius:10px; overflow:hidden}

.content9 .title{ padding:11% 0 4%}
.content9 .title h2{ font-size:5rem; color:#222222; text-align:center}
.content9 .title h3{ font-size:7.6rem; color:#222222; text-align:center}
.content9 .txt{ top:35%; right:4%; width:54%;}
.content9 .txt h2{ font-size:4.8rem; color:#ff8237;}
.content9 .txt p{ color:#222222; font-size:2.8rem; line-height:1.8;}
.content9 .txt p span,.content9 .txt2 span{color:#ff8237;}
.content9 .txt2 span{ font-weight:bold;}
.content9 .txt2{ width:85%; left:0; right:0; margin:auto; font-size:3.6rem; bottom:7%}
/*750Éè¼Æ¸å*/
@media screen and (min-width:320px) and (max-width:374px) {
html{font-size:26.2%;}/*0.42*/
.content6 .list .right{margin-left:1%;}
.content6 .list2 .left{ margin-left:1%}
.content6 .list2 .right{ margin-left:0}
}
@media screen and (min-width:375px) and (max-width:409px) {
html{font-size:31%;}/*0.5*/
}
@media screen and (min-width:410px) and (max-width:479px) {
html{font-size:33%;}/*0.54*/
.content7 .center3 .left{ height:140px;}
}
@media screen and (min-width:480px) and (max-width:900px) {
html{font-size:40%;}/*0.64*/
}