@charset "utf-8";
/* CSS Document */

.container { padding-right: .9375rem; padding-left: .9375rem; margin-right: auto; margin-left: auto; position:relative;}
.container:before, .container:after { display: table; content: " "; }
.container:after { clear: both; }

@media (min-width: 34em) {
.container { max-width: 34rem; }
}

@media (min-width: 48em) {
.container { max-width: 45rem; }
}

@media (min-width: 62em) {
.container { max-width: 60rem; }
}

@media (min-width:1200px) {
.container { max-width: 72.25rem; }
}


.fuwu_s{ background:url(fuwu_s_bg2.jpg) no-repeat center top; background-size:cover; position:relative; padding:4rem 0 6rem; overflow:hidden;}
.fuwu_s_t{ background:url(fuwu_s_t.png) no-repeat center center; height:6rem; background-size:contain;}
.fuwu_s ul{ padding-top:4rem;}
.fuwu_s ul li{ float:left; width:50%; margin-bottom:3rem;}
.fuwu_s ul li i{ display:block; margin:0 auto; width:10rem; height:8rem; text-indent:-30000px; -webkit-transition:all ease-in-out .5s;transition:all ease-in-out .5s;}
.fuwu_s ul li:nth-child(1) i{ background:url(fuwu_s_1.png) no-repeat center center; background-size:contain;}
.fuwu_s ul li:nth-child(2) i{ background:url(fuwu_s_2.png) no-repeat center center; background-size:contain;}
.fuwu_s ul li:nth-child(3) i{ background:url(fuwu_s_3.png) no-repeat center center; background-size:contain;}
.fuwu_s ul li:nth-child(4) i{ background:url(fuwu_s_4.png) no-repeat center center; background-size:contain;}
.fuwu_s ul li:hover i{ -webkit-transform:rotate(360deg);transform:rotate(360deg);}


@media (min-width: 48em) {
	.fuwu_s{ padding:8rem 0 5rem;}
	.fuwu_s ul{ padding-top:3rem;}
	.fuwu_s_t{ background:url(fuwu_s_t.png) no-repeat center top; height:10rem; background-size:contain;}
	.fuwu_s ul li{ width:25%;}
	.fuwu_s ul li i{width:9rem; height:9rem;}
}

.fuwuc{ position:relative;}
.fuwuc .container{ padding-top:4rem; padding-bottom:5rem}
.fuwuc .hd{ text-align:center; margin-bottom:3rem;}
.fuwuc .hd h2{ font-size:2.5rem; line-height:2; font-weight:normal;}
.fuwuc .hd .fuwu_sub{ color:#e52727; font-size:1.5rem; position:relative; display:inline-block;}
.fuwuc .hd .fuwu_sub:before,.fuwuc .hd .fuwu_sub:after{ background:#e52727;}
.fuwuc .hd .fuwu_sub:before{ content:''; height:2px; position:absolute; width:40px; left:-50px; top:49%;}
.fuwuc .hd .fuwu_sub:after{ content:''; height:2px; position:absolute; width:40px; right:-50px; top:49%;}
.fuwuc .hd .fuwu_intro{ font-size:1rem;}
.fuwuc .bd ul:after{ content:''; clear:both; display:table;}

.fuwu_arr{ width:12.5rem; height:8.75rem; position:absolute; top:0; left:50%; margin:-4.375rem 0 0 -6.25rem; background:url(fuwu_arr.png) repeat-y; background-size:12.5rem auto;
-webkit-animation: aniArr 1s steps(10) infinite;
animation: aniArr 1s steps(10) infinite;
}
@-webkit-keyframes aniArr {
	0% { background-position:0 0;}
	100% { background-position:0 -87.5rem;}
}
@keyframes aniArr {
	0% { background-position:0 0;}
	100% { background-position:0 -87.5rem;}
}

.fuwu_arr_1:before,.fuwu_arr_2:before,.fuwu_arr_3:before,.fuwu_arr_4:before{ content:''; width:12.5rem; height:8.75rem; position:absolute; left:0; top:0;}
.fuwu_arr_1:before{ background:url(fuwu_arr_1.png) no-repeat; background-size:contain;}
.fuwu_arr_2:before{ background:url(fuwu_arr_2.png) no-repeat; background-size:contain;}
.fuwu_arr_3:before{ background:url(fuwu_arr_3.png) no-repeat; background-size:contain;}
.fuwu_arr_4:before{ background:url(fuwu_arr_4.png) no-repeat; background-size:contain;}

.fuwu_1{ background:url(fuwu_1_bg.jpg) no-repeat center top; background-size:cover;}
.fuwu_1 .bd{}
.fuwu_1 .bd ul{ height:36rem; position:relative;}
.fuwu_1 .bd ul li{ width:23.75rem; height:6.875rem; text-indent:-30000px; margin:1rem auto 0;}
.fuwu_1 .bd ul li.fuwu_1_1{ background:url(fuwu_1_1.png) no-repeat; background-size:contain;}
.fuwu_1 .bd ul li.fuwu_1_2{ background:url(fuwu_1_2.png) no-repeat; background-size:contain;}
.fuwu_1 .bd ul li.fuwu_1_3{ background:url(fuwu_1_3.png) no-repeat; background-size:contain;}
.fuwu_1 .bd ul li.fuwu_1_4{ background:url(fuwu_1_4.png) no-repeat; background-size:contain;}

@media (min-width: 48em) {
	.fuwu_1 .bd ul{ background:url(fuwu_1_5.png) no-repeat center bottom; background-size:auto 100%; position:relative;}
	.fuwu_1 .bd ul li.fuwu_1_1{ float:left;}
	.fuwu_1 .bd ul li.fuwu_1_2{ float:right;}
	.fuwu_1 .bd ul li.fuwu_1_3{ float:left;}
	.fuwu_1 .bd ul li.fuwu_1_4{ float:right;}
}
@media (min-width: 62em) {
	.fuwu_1 .bd ul{ background:url(fuwu_1_5.png) no-repeat center bottom; background-size:contain; height:36rem; position:relative;}
	.fuwu_1 .bd ul li{ position:absolute;}
	.fuwu_1 .bd ul li.fuwu_1_1{ left:0; top:0;}
	.fuwu_1 .bd ul li.fuwu_1_2{ right:0; top:10%;}
	.fuwu_1 .bd ul li.fuwu_1_3{ left:0; bottom:20%;}
	.fuwu_1 .bd ul li.fuwu_1_4{ right:0; bottom:10%;}
}

.fuwu_2{ background:url(fuwu_2_bg.jpg) no-repeat center top; background-size:cover;}
.fuwu_2 h2,.fuwu_2 .hd .fuwu_sub,.fuwu_2 .fuwu_intro{ color:#fff;}
.fuwu_2  .hd .fuwu_sub:before,.fuwu_2 .hd .fuwu_sub:after{ background:#fff;}
.fuwu_2 .bd ul li{ float:left; width:100%; padding:2rem 3rem; text-align:center; box-sizing:border-box; margin-bottom:1rem;}
.fuwu_2 .bd ul li h4{ color:#95c7f3; font-size:1.5rem;}
.fuwu_2 .bd ul li p{ color:#fff; line-height:2; padding:1rem 0 1rem; font-size:1rem; color:rgba(255,255,255,.8);}
.fuwu_2 .bd ul li .pic img{ max-width:100%; -webkit-transition:all ease-in-out .5s;transition:all ease-in-out .5s;}
.fuwu_2 .bd ul li.fuwu_2_1{ background:#005bac; border-radius:10px;}
.fuwu_2 .bd ul li.fuwu_2_2{ background:#f0e13b; border-radius:10px;}
.fuwu_2 .bd ul li.fuwu_2_2 h4{ color:#81540d;}
.fuwu_2 .bd ul li.fuwu_2_2 p{ color:#333;}
.fuwu_2 .bd ul li:hover .pic img{ -webkit-transform:scale(.9);transform:scale(.9);}
@media (min-width: 62em) {
	.fuwu_2 .bd ul li{ width:50%;}
	.fuwu_2 .bd ul li.fuwu_2_1{ background:#005bac; border-radius:10px 0 0 10px;}
	.fuwu_2 .bd ul li.fuwu_2_2{ background:#f0e13b; border-radius:0 10px 10px 0;}
}


.fuwu_3{ background:url(fuwu_3_bg.jpg) no-repeat center top; background-size:cover;}
.fuwu_3 .bd ul li{ float:left; width:100%; text-align:center; box-sizing:border-box; padding:2rem; position:relative; z-index:2;}
.fuwu_3 .bd ul li h4{ font-size:1.5rem; font-weight:normal; line-height:2;}
.fuwu_3 .bd ul li .pic{ text-align:center; padding:.5rem 0;}
.fuwu_3 .bd ul li .pic img{ -webkit-transition:all ease-in-out .5s;transition:all ease-in-out .5s;}
.fuwu_3 .bd ul li p{ color:#999; font-size:.8rem; margin-bottom:1rem;}
.fuwu_3 .bd ul li a{ display:inline-block; font-size:1rem; padding:.5rem 1rem; border:1px solid #cbcbcb; border-radius:1rem;}
.fuwu_3 .bd ul li a:hover{ background:#437bc3; border-color:#437bc3; color:#fff;}
.fuwu_3 .bd ul li b{ position:absolute; left:10%; right:10%; top:50%; padding-bottom:80%; background:#fff; border-radius:50%; -webkit-transform:translateY(-50%);transform:translateY(-50%); z-index:-1;}
.fuwu_3 .bd ul li:hover .pic img{ -webkit-transform:rotate(360deg);transform:rotate(360deg);}
.fuwu_3 .bd ul li:hover b{ box-shadow:0 0 2px rgba(0,0,0,.15);}
@media (min-width: 48em) {
	.fuwu_3 .bd ul li{ width:33%; padding:2rem 1rem;}
}
@media (min-width: 62em) {
	.fuwu_3 .bd ul li{ width:33%;}
}


.fuwu_4{ background:url(fuwu_4_bg.jpg) no-repeat center top; background-size:cover;}
.fuwu_4 h2,.fuwu_4 .hd .fuwu_sub,.fuwu_4 .fuwu_intro{ color:#fff;}
.fuwu_4  .hd .fuwu_sub:before,.fuwu_4 .hd .fuwu_sub:after{ background:#fff;}
.fuwu_4 .bd ul{ background:#fff;}
.fuwu_4 .bd ul li{ float:left; width:100%; text-align:center; box-sizing:border-box; padding:2rem; position:relative; z-index:2;}
.fuwu_4 .bd ul li h4{ font-size:1.5rem; font-weight:normal; line-height:2;}
.fuwu_4 .bd ul li .pic{ text-align:center; padding:.5rem 0;}
.fuwu_4 .bd ul li .pic img{ -webkit-transition:all ease-in-out .5s;transition:all ease-in-out .5s;}
.fuwu_4 .bd ul li p{ color:#999; font-size:.8rem; padding:1rem 0;}
.fuwu_4 .bd ul li a{ display:inline-block; font-size:1rem; padding:.5rem 1rem; border:1px solid #cbcbcb; border-radius:1rem;}
.fuwu_4 .bd ul li a:hover{ background:#437bc3; border-color:#437bc3; color:#fff;}
.fuwu_4 .bd ul li b{ position:absolute; left:10%; right:10%; top:50%; padding-bottom:80%; background:#fff; border-radius:50%; -webkit-transform:translateY(-50%);transform:translateY(-50%); z-index:-1;}
.fuwu_4 .bd ul li:hover .pic img{ -webkit-transform:rotate(360deg);transform:rotate(360deg);}
.fuwu_4 .bd ul li:hover b{ box-shadow:0 0 2px rgba(0,0,0,.15);}
@media (min-width: 48em) {
	.fuwu_4 .bd ul li{ width:33%;}
}
@media (min-width: 62em) {
	.fuwu_4 .bd ul li{ width:33%;}
}