@charset "utf-8";
/* CSS Document */
html { width:100%; height:100%; }
body { margin:0; padding:0; width:100%; height:100%; font-size:1em; font-family:"微软雅黑", Arial; background-color:#fff; }
hr { height:1px; border:none;border-top:1px solid #e4e4e4; width:100%; -webkit-margin-before:0; -webkit-margin-after:0; }

.indexwarpper { /*background:url(../images/banner.jpg) no-repeat top center;*/ background-size: 100% auto; }
.pagewarpper { background:url(../images/banner2.jpg) no-repeat top center; background-size: 100% auto; }

.pagewarpper #a01, .pagewarpper #a02, .pagewarpper #a03 { position:absolute; }

.nav { width:100%; background-color:#fff; position:fixed; bottom:0; min-height:10%; -moz-box-shadow:0 0 25px rgba(0, 0, 0, 0.4); -webkit-box-shadow:0 0 25px rgba(0, 0, 0, 0.4); box-shadow:0 0 25px rgba(0, 0, 0, 0.4); z-index:1; }
.nav .item { font-size:1.2em; float:left; width:33%; text-align:center; }
.nav .item a { color:#000; text-decoration:none; padding:15% 0 15% 0; display:inline-block; }
.nav .current a { border-bottom:2px #930784 solid; color:#930784; padding-bottom:3%; }
.nav .sep { width:0.5%; background-color:#e4e4e4; float:left; height:40%; margin-top:5%; margin-bottom:5%; }

.nav2 { margin:7% 5% 5% 5%; border-radius:3px; background-color:#fff; -moz-box-shadow:0 0 25px rgba(0, 0, 0, 0.15); -webkit-box-shadow:0 0 25px rgba(0, 0, 0, 0.15); box-shadow:0 0 25px rgba(0, 0, 0, 0.15); width:90%; text-align:center; }
.nav2 .item2 { width:33%; float:left; text-align:center; padding:0; }
.nav2 .item2 a { text-decoration:none; color:#000; font-size:0.8em; padding:17.5% 0 16% 0; display:block; }
.nav2 .sep2 { width:0.5%; background-color:#e4e4e4; float:left; height:40%; margin-top:5%; margin-bottom:0%; }

.logo { width:24%; margin-left:5%; margin-top:5%; }
.title { font-size:1.6em; color:#fff; line-height:1.4em; -moz-text-shadow:0 0 25px rgba(0, 0, 0, 1); -webkit-text-shadow:0 0 25px rgba(0, 0, 0, 1); text-shadow:0 0 25px rgba(0, 0, 0, 1); padding-top:9%; display:block; margin:0 auto; width:100%; padding-bottom:17%; text-align:center; font-weight:bold; }
.para { color:#6a6a6a; font-size:0.9em; padding:5% 5% 0 5%; line-height:1.5em; }
.img01 { width:92%; margin-top:5%; margin-bottom:5%; margin-left:auto; margin-right:auto; display:block; }
.sect { font-size:1.2em; color:#fff; margin-top:-14%; margin-left:auto; margin-right:auto; text-align:center; margin-bottom:9%; font-weight:bold; }
.sect2 { font-size:1.2em; color:#000; margin-left:auto; margin-right:auto; text-align:center; margin-bottom:5%; font-weight:bold; }
.sect3 { font-size:1.2em; color:#000; margin-left:auto; margin-right:auto; text-align:center; margin-bottom:5%; font-weight:bold; margin-top:5%; }
.bullet1 { color:#6a6a6a; font-size:0.9em; padding:5% 5% 0 20%; line-height:1.5em; background:url(../images/bullet1.png) no-repeat 5% 50%; background-size: 12% auto; }
.bullet1 font { color:#930784; display:block; font-weight:bold; } 
.bullet2 { color:#6a6a6a; font-size:0.9em; padding:5% 5% 0 20%; line-height:1.5em; background:url(../images/bullet2.png) no-repeat 5% 25%; background-size: 12% auto; }
.bullet2 font { color:#930784; display:block; font-weight:bold; } 
.bullet3 { color:#6a6a6a; font-size:0.9em; padding:0 5% 0 5%; line-height:1.5em; margin-bottom:5%; }
.bullet3 font { color:#000; display:block; font-weight:bold; } 
.bullet4 { color:#6a6a6a; font-size:0.9em; padding:0 5% 0 5%; line-height:1.5em; margin-bottom:5%; }
.bullet4 font { color:#930784; display:block; font-weight:bold; } 
.section1 { background-color:#fafafa; margin:5% 0 0 0; padding:5%; }
.section1 .tit { font-size:1.2em; color:#000; font-weight:bold; text-align:center; margin-bottom:5%; }
.section1 .par { text-align:center; font-size:0.9em; color:#6a6a6a; line-height:1.5em; }
.section3 { margin:5% 0 0 0; padding:5%; background:url(../images/bg2.png) #fafafa no-repeat center 55%; background-size: 94% auto; }
.section3 .tit { font-size:1.1em; color:#000; font-weight:bold; text-align:center; margin-bottom:5%; }
.section3 .box { margin:5% 8%; border-radius:3px; background-color:#fff; -moz-box-shadow:0 0 25px rgba(0, 0, 0, 0.15); -webkit-box-shadow:0 0 25px rgba(0, 0, 0, 0.15); box-shadow:0 0 25px rgba(0, 0, 0, 0.15); padding:0 0 11% 0; background:url(../images/bg.png) no-repeat top center; background-size:100% auto; text-align:left; margin-bottom:0; height:380px; }
.section3 .box .titl { font-size:1.2em; color:#fff; padding-top:7%; padding-left:25%; padding-bottom:10%; }
.section3 .box ul { margin:0 9% 0 11%; padding:0; }
.section3 .box ul.exp li { margin:0; padding:0; list-style-type:none; font-size:0.9em; font-weight:normal; color:#6a6a6a; margin-top:3%; }
.section3 .box ul li { margin:5% 0 0 0; padding:0; list-style-type:disc; color:#930784; }
.section3 .box ul li font { color:#000; font-size:0.9em; font-weight:bold; margin:0; padding:0; }

.section4 { margin:5% 0 0 0; padding:5%; background:url(../images/bg.jpg) #fff no-repeat center top; background-size:cover; padding-top:0; }
.section4 .tit { font-size:1.2em; color:#000; font-weight:bold; text-align:center; margin-bottom:5%; }
.section4 .box { margin:5% 8%; border-radius:3px; background-color:#fff; -moz-box-shadow:0 0 25px rgba(0, 0, 0, 0.15); -webkit-box-shadow:0 0 25px rgba(0, 0, 0, 0.15); box-shadow:0 0 25px rgba(0, 0, 0, 0.15); padding:4% 0 11% 0; text-align:left; margin-bottom:0; background-color:#fff; /*background:url(../images/bg3.png) no-repeat top center; background-size:100% auto;*/ height:390px; }
.section4 .arrowleft { width:16%; position:absolute; margin-top:40%; left:2%; }
.section4 .arrowright { width:16%; position:absolute; margin-top:40%; right:2%; }
.section4 .box ul { margin:0 15% 0 15%; padding:0; }
.section4 .box ul.exp li { margin:0; padding:0; list-style-type:none; font-size:0.9em; font-weight:normal; color:#6a6a6a; margin-top:3%; }
.section4 .box ul li { margin:0 0 2% 0; padding:0; list-style-type:disc; color:#930784; }
.section4 .box ul li font { color:#000; font-size:0.9em; font-weight:bold; margin:0; padding:0; margin-bottom:8%; display:block; }
.section4 .box ul.exp { margin-top:3%; }
.section4 .box .tab { font-size:0.9em; margin-left:15%; line-height:3.3em; border-bottom:2px #fff solid; float:left; color:#000; margin-top:0; margin-bottom:0; }
.section4 .box .current { border-bottom:2px #930784 solid; color:#930784; cursor:default; }


.chart01 { width:62%; margin-top:5%; margin-bottom:8%; margin-left:auto; margin-right:auto; display:block; }
.chart02 { width:62%; margin-top:5%; margin-bottom:5%; margin-left:auto; margin-right:auto; display:block; }
.section1 .box { margin:5% 8%; border-radius:3px; background-color:#fff; -moz-box-shadow:0 0 25px rgba(0, 0, 0, 0.15); -webkit-box-shadow:0 0 25px rgba(0, 0, 0, 0.15); box-shadow:0 0 25px rgba(0, 0, 0, 0.15); padding:11% 0; height:150px; }
.box { margin:5% 8%; border-radius:3px; background-color:#fff; -moz-box-shadow:0 0 25px rgba(0, 0, 0, 0.15); -webkit-box-shadow:0 0 25px rgba(0, 0, 0, 0.15); box-shadow:0 0 25px rgba(0, 0, 0, 0.15); padding:11% 0; }
.steps { background-color:#930784; color:#fff; border-radius:10px; text-align:center; margin:11% 5% 11% 11%; width:16%; float:left; font-size:0.9em; line-height:2.8em; margin-top:0; }
.st { font-size:1.4em; color:#930784; line-height:2em; font-weight:bold; }
.exp { margin:11%; font-size:0.9em; color:#000; margin-bottom:0; margin-top:0; line-height:1.5em; }
.clear { clear:both; }
.arrowleft { width:16%; position:absolute; margin-top:12%; left:2%; }
.arrowright { width:16%; position:absolute; margin-top:12%; right:2%; }

.section3 .arrowleft { width:16%; position:absolute; margin-top:40%; left:2%; }
.section3 .arrowright { width:16%; position:absolute; margin-top:40%; right:2%; }

.section2 { background-color:#6a6a6a; margin-bottom:0; overflow:hidden; width:100%; }
.section2 .tit { font-size:1.2em; color:#fff; font-weight:bold; text-align:center; margin-bottom:0%; margin-top:5%; }
.section2 .box { width:72%; border-radius:3px; margin:0 auto; -moz-box-shadow:0 0 25px rgba(0, 0, 0, 0.4); -webkit-box-shadow:0 0 25px rgba(0, 0, 0, 0.4); box-shadow:0 0 25px rgba(0, 0, 0, 0.4); text-align:left; background:url(../images/img_02.jpg) #fff top center no-repeat; background-size: 100% auto; padding:0; font-size:1em !important; height:330px; }
.section2 .box2 { background:url(../images/img_08.jpg) #fff top center no-repeat; background-size: 100% auto; }
.section2 .box3 { background:url(../images/img_06.jpg) #fff top center no-repeat; background-size: 100% auto; }
.section2 .box4 { background:url(../images/img_07.jpg) #fff top center no-repeat; background-size: 100% auto; }
.section2 .box5 { background:url(../images/img_05.jpg) #fff top center no-repeat; background-size: 100% auto; }
.section2 .par { font-size:0.9em; color:#6a6a6a; line-height:1.5em; margin:11%; padding-top:66%; margin-bottom:0; padding-bottom:0; padding-bottom:11%; }
.section2 .par font { display:block; color:#000; font-weight:bold; }

.bottom { background-color:#4d4d4d; width:100%; margin:0; padding:5% 0; /*margin-bottom:15%;*/ }
.bottom .warpper { margin:0 0 0 5%; color:#fff; font-size:0.8em; background:url(../images/dot_tel.png) no-repeat left top; background-size: 4.5% auto; padding-left:6%; line-height:1.6em; }