@charset "utf-8";
.logo{margin:10px 0}
.cdi1{margin:10px 0 10px 10px;position:relative}
.cdi2{width:40px;height:40px;background-image:url('../img/qqwbwx.png');background-repeat:no-repeat;cursor:pointer}
.qq{background-position:0 0}
.sina_blog{background-position:-40px 0}
.wechat{background-position:-80px 0}
.qq:hover,.ac .qq{background-position:0 -40px}
.sina_blog:hover,.ac .sina_blog{background-position:-40px -40px}
.wechat:hover,.ac .wechat{background-position:-80px -40px}
.cdi3{display:none;width:120px;height:120px;position:absolute;top:50px;left:-40px}
.ac .cdi3,.GBzxzx,.s6CR img{display:block}
.code{width:120px;height:120px}
.qq a{width:100%;height:100%}
.GBzxzx{line-height:24px;padding:8px 0 8px 30px;background:url('../images/GBzxzx.png') no-repeat 4px center #fff;text-decoration:none}
.code,.GBzxzx{border:1px solid #ddd}
.jumbotron{padding:0;background:none}
.jumbotron h1{color:#6bc2e6}
.jumbotron p{text-indent:2em}
.banner{position:relative;text-align:center;overflow:hidden}
.bn_1,.bn_2,.bn_3{display:block;width:105%;height:100%;position:absolute;
-webkit-animation:mymove 4s infinite;-moz-animation:mymove 4s infinite;animation:mymove 4s infinite;}
.bn_1{}
.bn_2{-webkit-animation-delay:1s;-moz-animation-delay:1s;-o-animation-delay:1s;animation-delay:1s;}
.bn_3{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s;}
@-webkit-keyframes mymove {
	0%{left:-5%;top:2%}
	25%{left:-2.5%;top:4%}
	50%{left:0;top:0}
	100%{left:-5%;top:2%}
}
@-moz-keyframes mymove {
	0%{left:-5%;top:2%}
	25%{left:-2.5%;top:4%}
	50%{left:0;top:0}
	100%{left:-5%;top:2%}
}
@-o-keyframes mymove {
	0%{left:-5%;top:2%}
	25%{left:-2.5%;top:4%}
	50%{left:0;top:0}
	100%{left:-5%;top:2%}
}
@keyframes mymove {
	0%{left:-5%;top:2%}
	25%{left:-2.5%;top:4%}
	50%{left:0;top:0}
	100%{left:-5%;top:2%}
}
.bn_4{max-width:100%;max-height:300px;position:relative}
.s3,.s5,.s7,.s9,.footer{background:#e3ecf2}
.s3 img{border-radius:50%}
.s3 .bg{margin:20px;padding:20px;background:#fff}
.s4 .b{padding:0 20px 20px 20px}
.s4 .b2,.s4 .b3,.s4 .b4{border-top:5px solid #6ba0d1}
.s4 .b1,.s4 .b3{border-left:5px solid #6ba0d1}
.s4 .b2,.s4 .b4{border-right:5px solid #6ba0d1}
.s4 .row{margin-bottom:20px}
.s4 .h4W{margin-top:-14px}
.s4 h4{display:inline-block;margin:0;background:#fff}
.s5 .row{color:#fff}
.s5 p.text-center,.s5 .b{margin-bottom:20px}
.s5 .b{padding-top:20px;padding-bottom:20px}
.s5 .b1{background:#e294bd}
.s5 .b2{background:#6bc2e6}
.s5 .b3{background:#b1b7bb}
.s5 .b4{background:#6ba0d1}
.s5 .b5{background:#f29c9f}
.s6 .col-sm-4{position:relative}
.s6 .zw{padding-bottom:114%;background:url('../img/s6_bg.png') no-repeat center /100% 100%}
.s6 .b{width:100%;height:100%;padding:0 15px;position:absolute;left:0;top:0}
.s6 .bi{display:table;width:80%;height:100%;margin:0 auto}
.s6 .bi2{display:table-cell;vertical-align:middle}
.s7 h4{margin:30px 0 10px;color:#e294bd}
.s7 .row .b{display:table;margin:0 auto}
.s7 .row1 .b{width:170px;height:170px;background:url('../img/s7_bg1.png') no-repeat center /100% 100%}
.s7 .row2 .b{width:230px;height:230px;background:url('../img/s7_bg2.png') no-repeat center /100% 100%}
.s7 .bi{display:table-cell;vertical-align:middle}
.s8 .row1 h4{padding:34% 0 96%;background:url('../img/s8_bg1.png') no-repeat center /100% 100%;color:#fff;font-weight:bold}
.s8 .row2 .b{background:#fff;cursor:pointer}
.s8 .row2 .active{background:#9dc2e5;color:#fff}
.s8 .row3{background:#9dc2e5;color:#fff;list-style:none}
.s8 .row3 li{display:none}
.s8 .row3 li:first-child{display:block}
.swiper-container{width:100%}
.swiper-slide .b{padding-bottom:158%;position:relative}
.swiper-slide img{display:inline-block;position:absolute;transform-style:preserve-3d;width:100%;transition:all 1s ease 0s}
.swiper-slide .p{backface-visibility:hidden}
.swiper-slide .t{transform:rotateY(180deg)}
.swiper-slide:hover .t{transform: rotateY(360deg)}
.swiper-slide:hover .p{transform: rotateY(180deg)}
.swiper-button-prev,.swiper-button-next{opacity:0}
.swiper-container:hover .swiper-button-prev,.swiper-container:hover .swiper-button-next{opacity:0.3}
.swiper-container .swiper-button-prev:hover,.swiper-container .swiper-button-next:hover{opacity:1}
.footer{padding:5px 0}
.footer a{display:inline-block;margin:0 10px}
.gotop{bottom:-45px;position:fixed;right:45px;transition:bottom 1s ease 0s;z-index:90}
a.gotop-display{bottom:45px}
@media (max-width:767px) {
	.jumbotron p{font-size:16px}
	.s2,.s3,.s5,.s6,.s7,.s8,.s9,.s10{padding:20px 0}
	.s2 h2,.s3 h2,.s4 h2,.s5 h2,.s6 h2,.s7 h2,.s8 h2,.s9 h2,.s10 h2{margin-bottom:20px;font-size:18px}
	.s4 .b1{padding-top:20px}
	.s4 .b4{padding-bottom:20px}
	.s4 h4{font-size:15px}
	.s6 .c2,.s6 .c3,.s6 .c4,.s6 .c5{margin-top:-20%}
	.s8 .row1{margin-bottom:20px}
	.s8 .row1 h4{font-size:15px}
	.s8 .row2 .col-xs-2{padding:2px}
	.s8 .row2 .b{font-size:14px;line-height:2;border:1px solid #9dc2e5}
	.s8 .row3{margin-top:-1em;padding:30px 15px 20px;font-size:14px}
	.footer{line-height:2}
}
@media (max-width:490px) {
	.s7 .row2 .b{width:180px;height:180px}
	.s8 .row1 h4,.s8 .row2 .b{font-size:12px}
}
@media (min-width:768px) {
	.jumbotron p{margin-top:50px;font-size:24px}
	.s2,.s3,.s5,.s6,.s7,.s8,.s9,.s10{padding:40px 0}
	.footer{padding:10px 0}
	.s2 h2,.s3 h2,.s4 h2,.s5 h2,.s6 h2,.s7 h2,.s8 h2,.s9 h2,.s10 h2{margin-bottom:40px}
	.s2 p{font-size:20px}
	.s3 .bg{box-shadow:2px 2px 5px #ccc}
	.s4 .b1{padding-top:40px}
	.s4 .b4{padding-bottom:40px}
	.s4 p{line-height:2}
	.s5 .b2,.s5 .b4{margin-top:40px}
	.s6 .c4,.s6 .c5{margin-top:-15%}
	.s8 .row1{margin-bottom:40px}
	.s8 .row2 .b{font-size:24px;line-height:3;border:5px solid #9dc2e5}
	.s8 .row3{margin-top:-2.5em;padding:100px 30px 40px;font-size:22px}
	.footer{margin-top:30px;line-height:3}
}
@media (max-width:991px){
#bshareF{top:50px !important}
#bsFloatTab{width:18px !important;padding:5px 0 !important}
#bsFloatTab div{height:14px !important;line-height:14px !important;font-size:12px !important;margin:0 3px !important}
.bsLogoLink{box-sizing:content-box !important;width:118px !important}
.bsLogo,.bsLogoSe1{box-sizing:content-box !important;width:100px !important}
}