@charset "utf-8";
@import url("top.css");
@import url("end.css");
@import url("base.css");
@import url("daohang.css");

.main2 li{float:left; width:24.68%; text-align:center; border-bottom:1px solid #eee;border-right:1px solid #eee; position:relative; display+: inline-block;}
.main2 li i{width:100%; padding-top:20%; padding-top:5vw; display:block;}
.main2 li span{width:100%; line-height:280%; font-size:2.82vw; color:#9739c3; display:block;}
.main2 li:nth-child(4n){ border-right:none;}
.main2 li img{width:30%; width:7.344vw;}
.main2_a{margin-top:100%;}
.main2_b{position:absolute; left:0; right:0; top:0; bottom:0;}
.main2_b a{color:#9739c3;}
.main2_show{cursor:pointer;}
.main2_hide{display:none;}
@media screen and (min-width:960px){
.main2 li i{padding-top:38px;}
.main2 li span{font-size:27px;}
.main2 li img{width:70px;}
}
@media screen and (max-width:320px){
.main2 li i{padding-top:12px;}
.main2 li span{font-size:9px;}
.main2 li img{width:23px;}
}


.main3{height:15px;height:5.2vw; line-height:100%; margin-top:20px;}
.main3_a{float:left; width:21vw; height:100%; line-height:5.2vw; text-align:right; font-size:3.28vw; color:#333;}
.main3_b{float:left; width:74vw; height:100%; color:#666; background:#fff; overflow:hidden;}
.main3_b_u li{height:5.2vw; overflow:hidden; clear:both;}
.main3_b li span{float:left; width:10.30vw; height:3.76vw; margin:0.72vw 1vw; line-height:3.76vw; font-size:2.5vw; color:#9739c3; text-align:center; border:1px solid #9739c3; -moz-border-radius:5.15vw; -webkit-border-radius:5.15vw; border-radius:5.15vw; display:block;}
.main3_b li p{float:left; width:60vw; height:100%; line-height:5.2vw; font-size:2.81vw; color:#666; display:block; overflow:hidden;}
.main3_b li a span{color:#9739c3;}
.main3_b li a p{color:#666;}
@media screen and (min-width:960px){
.main3{height:49px;}
.main3_a{width:201px; line-height:49px; font-size:31px;}
.main3_b{width:710px; }
.main3_b_u li{height:49px;}
.main3_b li span{width:98px; height:36px; margin:6px 6px; line-height:36px; font-size:24px; -moz-border-radius:49px; -webkit-border-radius:49px; border-radius:49px;}
.main3_b li p{width:576px; line-height:49px; font-size:26px;}
}
@media screen and (max-width:320px){
.main3{height:16px;}
.main3_a{width:67px; line-height:16px; font-size:10px;}
.main3_b{width:236px;}
.main3_b_u li{height:16px;}
.main3_b li span{width:33px; height:12px; margin:2px 3px; line-height:12px; font-size:8px; -moz-border-radius:16px; -webkit-border-radius:16px; border-radius:16px;}
.main3_b li p{width:190px; line-height:16px; font-size:9px;}
}


.main4_a{float:left; width:50%; padding-top:3.9vw; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-right:1px solid #f2f2f2;}
.main4_a1 h6{float:left; width:8%;width:3.75vw; height:3.75vw; line-height:100%; padding-left:4.84vw; display:block;}
.main4_a1 h6 img{max-width:100%;}
.main4_a1 span{float:left; width:12vw; padding-left:1vw; font-size:3.75vw; line-height:3.75vw; color:#9855d6; padding-right:1vw;}
.main4_a1 i{float:left; width:3.9vw; height:3.9vw; font-size:2.5vw; text-align:center; line-height:3.9vw; color:#fff; background:#676767; border:1px solid #676767; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; display:block;}
.main4_a1 u{float:left; width:1.56vw; line-height:3.9vw; text-align:center;}
@media screen and (min-width:960px){
.main4_a{padding-top:37px;}
.main4_a1 h6{width:36px; height:36px; padding-left:46px;}
.main4_a1 span{width:115px; font-size:36px; line-height:36px;}
.main4_a1 i{width:37px; height:37px; font-size:24px; line-height:37px;}
.main4_a1 u{width:15px; line-height:37px;}
}
@media screen and (max-width:320px){
.main4_a{padding-top:12px;}
.main4_a1 h6{width:12px; height:12px; padding-left:15px;}
.main4_a1 span{width:38px; font-size:12px; line-height:12px;}
.main4_a1 i{width:12px; height:12px; font-size:8px; line-height:12px;}
.main4_a1 u{width:5px; line-height:12px;}
}

.main4_a2{}
.main4_a2_a{padding-top:2.34vw; padding-left:5.62vw; font-size:2.81vw; color:#1b1b1b; display:block; clear:both;}
.main4_a2_b{width:50%;width:23.75vw; height:28.13vw; margin:5% 0 5% 10%;margin:3.12vw 0 7.8vw 11.4vw; text-align:center; position:relative;}
.main4_a2_b img{max-width:100%;}
.main4_a2_b span{width:51%; width:12.1vw; height:11.9vw; color:#fff; background:url(../images/bg2.png) no-repeat; background-size:100%; position:absolute; bottom:1%;bottom:1vw; right:-10%;right:-3.9vw; display:block;}
.main4_a2_b span a{color:#fff;}
.main4_a2_b span h6{width:200%; margin-left:-50%; padding-top:25%;padding-top:3.8vw; line-height:150%; font-size:1.87vw; -webkit-transform: scale(0.83);-o-transform: scale(1); display:block;}
.main4_a2_b span i{width:100%; font-size:2.18vw; line-height:100%; display:block;}
@media screen and (max-width:560px){
.main4_a2_b span h6{padding-top:3vw; -webkit-transform: scale(0.8);}
.main4_a2_b span h6{-webkit-transform: scale(0.8);-o-transform: scale(1);}
}
@media screen and (max-width:490px){
.main4_a2_b span{width:60px; height:60px;bottom:1vw; right:-5vw;}
.main4_a2_b span h6{padding-top:3.8vw;}
}
@media screen and (max-width:430px){
.main4_a2_b span{bottom:-10px; right:-20px;}
.main4_a2_b span h6{padding-top:3.8vw;}
}
@media screen and (max-width:350px){
.main4_a2_b span{right:-30px;}
}

@media screen and (min-width:960px){
.main4_a2_a{padding-top:22px; padding-left:54px; font-size:26px;}
.main4_a2_b{width:228px; height:270px; margin:30px 0 74px 109px;}
.main4_a2_b span{width:116px; height:114px; bottom:9px; right:-37px;}
.main4_a2_b span h6{padding-top:36px; font-size:18px;}
.main4_a2_b span i{font-size:21px;}
}
@media screen and (max-width:320px){
.main4_a2_a{padding-top:7px; padding-left:18px; font-size:9;}
.main4_a2_b{width:76px; height:90px; margin:10px 0 25px 36px;}
.main4_a2_b span h6{padding-top:12px; font-size:6px;}
.main4_a2_b span i{font-size:7px;}
}


.main4_b{float:left; width:50%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.main4_b dl{height:100px;height:25.78vw; clear:both; position:relative;}
.main4_b dl dt{width:29.68vw; left:2%;left:2.34vw; top:25%;top:6.25vw; position:absolute; z-index:2;}
.main4_b dl dt span{width:100%; font-size:3.12vw; color:#9855d6; display:block; clear:both;}
.main4_b dl dt span a{color:#9855d6;}
.main4_b dl dt p{width:100%; font-size:2.81vw; color:#1b1b1b; display:block;}
.main4_b dl dt p a{color:#1b1b1b;}
.main4_b dl dd{width:35%;width:16.71vw; height:35%;height:16.71vw; right:1%;right:1.4vw; top:10%;top:4.37vw; position:absolute;}
.main4_b dl dd img{max-width:100%;}
@media screen and (min-width:960px){
.main4_b dl{height:247px;}
.main4_b dl dt{width:285px; left:22px; top:60px;}
.main4_b dl dt span{font-size:30px;}
.main4_b dl dt p{font-size:27px;}
.main4_b dl dd{width:160px; height:160px; right:13px; top:42px;}
}
@media screen and (max-width:320px){
.main4_b dl{height:82px;}
.main4_b dl dt{width:95px; left:7px; top:20px;}
.main4_b dl dt span{font-size:10px;}
.main4_b dl dt p{font-size:9px;}
.main4_b dl dd{width:53px; height:53px; right:4px; top:14px;}
}

.main5 img{max-width:100%;}

.main6_a{padding-top:4.68vw; clear:both;}
.main6_a span{float:left; padding-left:1vw; font-size:3.43vw; color:#333;}
.main6_a i{float:right; padding-right:2.5vw; font-size:2.81vw;}
.main6_a i a{color:#1b1b1b;}
.main6_a i a.on{color:#9955d7;}
.main6_a2{height:3.12vw;}
.main6_b{clear:both; max-width:none;}
.main6_b ul{float:left; width:100%;}
.main6_b ul li{float:left; width:50%;}
.main6_ba{width:45.31vw; margin:0px auto; border:1px solid #ececec;}
.main6_b_hd{ width:100%; z-index:2; bottom:0; left:0; height:50px; line-height:50px; text-align:center;}
.main6_b_hd ul{ text-align:center; height:25px; padding-top:5px;  }
.main6_b_hd ul li{cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:5px; background:url(../images/tg_flash_p.jpg) -15px 0; overflow:hidden; line-height:9999px; }
.main6_b_hd ul .on{ background-position:0 0; }
.main6_b1{width:100%; text-align:center; position:relative;}
.main6_b1 span{width:35%;width:14.06vw; height:14.06vw; display:block; bottom:-20%;bottom:-5.93vw; left:30%;left:15.15vw; margin-left:0; position:absolute;}
.main6_b1 img{width:100%;}
.main6_b2{width:94%; margin:18% auto 3%;margin:7.8vw auto 3.12vw; line-height:180%;}
.main6_b2 h3{width:100%; line-height:100%; font-size:3.28vw; color:#333; display:block; overflow:hidden;}
.main6_b2 h3 a{color:#333;}
.main6_b2 span{width:100%; height:8vw; padding-top:5px; display:block; clear:both; display:block;}
.main6_b2 i{font-size:2.5vw; line-height:160%; color:#666;}
.main6_b2 i a{color:#666;}
.main6_b2 u{height:2.98vw; padding:0px 2.34vw; line-height:2.97vw; text-align:center; color:#fff; font-size:2.18vw; background:#9739c3; border:1px solid #9739c3; -moz-border-radius:1.49vw; -webkit-border-radius:1.49vw; border-radius:1.49vw;}
.main6_b2 u a{color:#fff;}
.main6_c{clear:both;}
@media screen and (min-width:960px){
.main6_a{padding-top:45px;}
.main6_a span{padding-left:42px; font-size:33px;}
.main6_a i{padding-right:36px; font-size:27px;}
.main6_a2{height:30px;}
.main6_ba{width:435px;}
.main6_b1 span{width:135px; height:135px; bottom:-57px; left:145px;}
.main6_b2{margin:75px auto 30px;}
.main6_b2 h3{font-size:31px;}
.main6_b2 span{height:76px;}
.main6_b2 i{font-size:24px;}
.main6_b2 u{height:28px; padding:0px 22px; line-height:28px; font-size:21px; -moz-border-radius:14px; -webkit-border-radius:14px; border-radius:14px;}
}
@media screen and (max-width:400px){
.main6_b2 span{height:32px;}
}
@media screen and (max-width:320px){
.main6_a{padding-top:15px;}
.main6_a span{padding-left:14px; font-size:11px;}
.main6_a i{padding-right:12px; font-size:9px;}
.main6_a2{height:10px;}
.main6_ba{width:145px;}
.main6_b1 span{width:45px; height:45px; bottom:-19px; left:48px;}
.main6_b2{margin:25px auto 10px;}
.main6_b2 h3{font-size:10px;}
.main6_b2 i{font-size:8px;}
.main6_b2 u{height:12px; padding:0px 7vw; line-height:12px; font-size:7px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
}

.main7_a{margin-top:4.68vw; font-size:4.06vw; color:#080808; text-align:center; overflow:hidden;}
.main7_a span{width:200%; margin-left:-50%; font-size:1.875vw; color:#666; -webkit-transform: scale(0.83);-o-transform: scale(1); display:block; clear:both;}
.main7_b{margin-top:2.34vw; text-align:center;}
.main7_b_u li{width:88.12vw; margin:0 auto; text-align:center;}
.main7_b img{max-width:100%;}
.main7_hd{height:1px; margin-top:20px; background:#c8c8c8; position:relative;}
.main7_hd li:first-child{width:10px; height:8px; background:url(../images/b1.jpg) no-repeat; left:5%; top:-4px; position:absolute;}
.main7_hd li:nth-child(2){width:22px; height:18px; background:url(../images/b2.jpg) no-repeat; left:50%; margin-left:-11px; top:-9px; position:absolute;}
.main7_hd li:nth-child(3){width:10px; height:8px; background:url(../images/b1.jpg) no-repeat; right:5%; top:-4px; position:absolute;}
@media screen and (min-width:960px){
.main7_a{margin-top:45px; font-size:39px;}
.main7_a span{font-size:18px;}
.main7_b{margin-top:22px;}
.main7_b_u li{width:846px;}
}
@media screen and (max-width:320px){
.main7_a{margin-top:15px; font-size:13px;}
.main7_a span{font-size:6px;}
.main7_b{margin-top:7px;}
.main7_b_u li{width:282px;}
}

.main8{margin-top:20px;margin-top:4vw;}
.main8_u li{float:left; width:25% !important; text-align:center;}
.main8_u li img{width:80%;width:19.84vw;}
.main8_u li span{width:100%; font-size:3.125vw; color:#333; display:block; clear:both;}
.main8_u li p{width:100%; font-size:2.5vw; color:#666; display:block; clear:both;}
.main8_u li span a{color:#333;}
.main8_u li p a{color:#666;}
.main8_hd{ width:100%; z-index:2; bottom:0; left:0; height:50px; line-height:50px; text-align:center;}
.main8_hd ul{ text-align:center; height:25px; padding-top:5px;  }
.main8_hd ul li{cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:5px; background:url(../images/tg_flash_p.jpg) -15px 0; overflow:hidden; line-height:9999px; }
.main8_hd ul .on{ background-position:0 0; }
.main8_p{height:0px;}
@media screen and (min-width:960px){
.main8{margin-top:38px;}
.main8_u li img{width:190px;}
.main8_u li span{font-size:30px;}
.main8_u li p{font-size:24px;}
}
@media screen and (max-width:320px){
.main8{margin-top:13px;}
.main8_u li img{width:63px;}
.main8_u li span{font-size:10px;}
.main8_u li p{font-size:8px;}
}

.main9_a{width:96%; margin:3.9vw auto 0px; clear:both;}
.main9_a span{float:left; padding-left:0.5vw; font-size:3.4375vw; color:#333;}
.main9_a i{float:right; padding-right:3%; font-size:2.04vw; color:#666;}
.main9_a2{height:3.9vw;}
.main9_b{width:100%; clear:both;}
.main9_b_u li{width:100%; position:relative;}
.main9_b li+{width:90%; margin:0px auto; text-align:center;}
.main9_b_u li img{width:100%;}
.main9_b_u li span{width:40%;width:37.5vw; left:50%; top:0px; margin-left:3%;margin-left:4.68vw; color:#fff; display:block; position:absolute;}
.main9_b_u li span i{width:100%; padding-top:5%;padding-top:4.68vw; font-size:3.125vw; display:block;}
.main9_b_u li span p{width:100%; height:28.5vw; padding-top:5px; line-height:150%; font-size:2.1875vw; display:block;}
.main9_b_u li span a{color:#fff;}
.main9_b li img{max-width:100%;}
.main9_h{height:1px; position:relative;}
.main9_hd{width:100%; z-index:2; bottom:2vw; left:0; height:50px; line-height:50px; text-align:center; background:url(../images/b3.jpg) center center no-repeat; position:absolute;}
.main9_hd ul{ text-align:center; height:27px; padding-top:3px;  }
.main9_hd ul li{cursor:pointer; display:inline-block; *display:inline; zoom:1; width:4px; height:4px; margin:5px; background:url(../images/b6.png) -4px 0; overflow:hidden; line-height:9999px; }
.main9_hd ul .on{ background-position:0 0; }
.main9_h2{width:100%; height:1px; background:#f2f2f2; margin-bottom:24px; bottom:2vw; left:0; position:absolute; z-index:1;}
@media screen and (max-width:490px){
.main9_b_u li span{width:43%;width:40vw; margin-left:2%;margin-left:2vw;}
.main9_b_u li span i{padding-top:4%;padding-top:2vw;}
.main9_hd{bottom:0px;}
.main9_h2{bottom:0px;}
}
@media screen and (max-width:445px){
.main9_b_u li span i{padding-top:1vw;}
.main9_b_u li span p{padding-top:0px;}
.main9_hd{bottom:-1vw;}
.main9_h2{bottom:-1vw;}
}
@media screen and (max-width:420px){
.main9_b_u li span p{font-size:12px; width:120%; margin-left:-9%; -webkit-transform: scale(0.85);-o-transform: scale(1);}
}
@media screen and (max-width:375px){
.main9_b_u li span p{margin-top:-5px; padding-top:0px; overflow:hidden;}
}
@media screen and (max-width:365px){
.main9_b_u li span p{height:26vw;}
}
@media screen and (max-width:330px){
.main9_b_u li span p{height:28vw;}
.main9_hd{bottom:-2vw;}
.main9_h2{bottom:-2vw;}
}
@media screen and (max-width:330px){
.main9_b_u li span p{height:74px;}
}

@media screen and (min-width:960px){
.main9_a{margin:37px auto 0px;}
.main9_a span{padding-left:5px; font-size:33px;}
.main9_a i{font-size:20px;}
.main9_a2{height:37px;}
.main9_b_u li span{width:360px; margin-left:45px;}
.main9_b_u li span i{padding-top:45px; font-size:30px;}
.main9_b_u li span p{font-size:21px;}
}
@media screen and (max-width:320px){
.main9_a{margin:12px auto 0px;}
.main9_a span{padding-left:1px; font-size:11px;}
.main9_a i{font-size:6px;}
.main9_a2{height:12px;}
.main9_b_u li span{width:120px; margin-left:15px;}
.main9_b_u li span i{padding-top:15px; font-size:10px;}
}

.main9_b1{float:left; width:50%;}
.main9_b1 img{max-width:100%;}
.main9_b2{float:left; width:50%; color:#fff; background:#b457e4;}
.main9_c{height:0px;}