@charset "utf-8";
/*
CSS-xiaohei-mbkfw.com-20170707-2023
*/
/* CSS Document */
i, em {
    font-style: normal;
}
.one-content-fwjs p a,.head .nav li a,.head .contact-us p a,.templates_tab .tab_ul li i,.templates_tab .tab_ul li{webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;-o-transition:all 0.8s ease;transition:all 0.8s ease}

.content_vip{width:100%;margin:0;padding:0;}
.content-service{background:#f8f8f8; padding-bottom:83px}
.screen-one-fwjs{width:100%;background: url(../images/fwjshome_bg.jpg) no-repeat;background-size:cover;position:relative;overflow:hidden;height: 350px;}
.screen-one-fwjs .txt{color:#fff;font-size: 16px;}
.screen-one-fwjs .txt p{padding-top:20px}
.screen-one-fwjs .txt .t{font-size: 30px;font-weight: bold;}
.screen-one-fwjs .bottom_vip{display:block; width:160px; height:40px; position:absolute; left:50%; margin-left:-80px; bottom:0; z-index:11;background:#fff}
.screen-one-fwjs .bottom_vip em{display:block; width:25px; height:13px;background:url(../images/fwjsbottom.png) center center no-repeat; margin:13px auto 0 auto;animation:rotate 1s linear 0s infinite;-webkit-animation:rotate 1s linear 0s infinite;-moz-animation:rotate 1s linear 0s infinite;-o-animation:rotate 1s linear 0s infinite}

.one-content{position:absolute;width:100%;height: 330px;left:0;top: 10%;text-align:center;}
.one-content p.price{padding-top: 35px;}
.one-content p a{width: 180px;height: 45px;border:solid 1px #fff;text-align:center;line-height: 45px;color:#fff;border-radius: 50px;display:inline-block;font-size: 16px;margin:15px 30px 0 30px;}
.one-content p a.on{background:#5058df; border-color:#5058df}
.one-content p a:hover,.one-content p a.hover{background:#5058df; border-color:#5058df;border-radius:5px}

.screen-title{color:#999;font-size:14px;padding: 0 15px;}
.screen-title .t{font-size:26px; color:#000; position:relative}
.screen-title .t i{height:2px; width:35px; background:#5058df; position:absolute; left:0; bottom:-10px}
.screen-title .y{text-transform:uppercase; padding:0 0 0 10px}
.bw_1200{width: 100%;margin:0 auto;}

/*建站服务*/
.bh_80{height:80px}
.screen-two-fwjs{height: 260px;position:relative;overflow:hidden;text-align:center;background:url(../images/fwjsscreen-two.jpg) center top no-repeat fixed;background-size:cover;padding: 0 15px;}
.screen-two-fwjs .txt{color:#fff;font-size:16px;padding: 20px 0 0 0;}
.screen-two-fwjs .txt p{padding-top:20px}
.screen-two-fwjs .txt .t{font-size: 26px;}
.screen-two-fwjs .txt .t i{display:block; width:85px; height:1px; background:#aca1e8; margin:0 auto}
.screen-two-fwjs .bottom_vip{display:block; width:160px; height:40px; position:absolute; left:50%; margin-left:-80px; bottom:0; z-index:11;background:#fff}
.screen-two-fwjs .bottom_vip em{display:block; width:25px; height:13px;background:url(../images/fwjsbottom.png) center center no-repeat; margin:13px auto 0 auto;animation:rotate 1s linear 0s infinite;-webkit-animation:rotate 1s linear 0s infinite;-moz-animation:rotate 1s linear 0s infinite;-o-animation:rotate 1s linear 0s infinite}

@keyframes rotate{
    0%{margin:13px auto 0 auto}
	25%{margin:18px auto 0 auto}
	50%{margin:23px auto 0 auto}
	75%{margin:18px auto 0 auto}
	100%{margin:13px auto 0 auto}
}
@-webkit-keyframes rotate{
	0%{margin:13px auto 0 auto}
	25%{margin:18px auto 0 auto}
	50%{margin:23px auto 0 auto}
	75%{margin:18px auto 0 auto}
	100%{margin:13px auto 0 auto}
}
@-moz-keyframes rotate{
	0%{margin:13px auto 0 auto}
	25%{margin:18px auto 0 auto}
	50%{margin:23px auto 0 auto}
	75%{margin:18px auto 0 auto}
	100%{margin:13px auto 0 auto}
}
@-o-keyframes rotate{
	0%{margin:13px auto 0 auto}
	25%{margin:18px auto 0 auto}
	50%{margin:23px auto 0 auto}
	75%{margin:18px auto 0 auto}
	100%{margin:13px auto 0 auto}
}


/*服务优势*/
.screen-three-fwjs{padding: 40px 0 0;overflow:hidden;}
.advantage_ul{overflow:hidden;margin-left:-1px;padding:20px 0;}
.advantage_ul li{/* float:left; */width: 100%;text-align:center;padding: 15px 0 20px;border-bottom: 1px solid #eee;color:#666;font-size: 15px;line-height: 25px;}
.advantage_ul li .img{display:block; height:90px}
.advantage_ul li .t{font-size: 20px;color:#000;padding:40px 0 0 0;}
.advantage_ul li .t i{display:block; height:1px; background:#dcdcdc; width:35px; margin:20px auto}
.advantage_ul li .i1{background:url(../images/fwjsy_1.png) center bottom no-repeat}
.advantage_ul li .i2{background:url(../images/fwjsy_2.png) center bottom no-repeat}
.advantage_ul li .i3{background:url(../images/fwjsy_3.png) center bottom no-repeat}

/*配套服务*/
.screen-four-fwjs{/* height:525px; */background:url(../images/fwjsscreen-four.jpg) no-repeat center 0;padding: 10px 0 0 0;overflow:hidden;}
.matching_ul{overflow:hidden;padding: 45px 0 0;}
.matching_ul li{width:33.3%;float:left;height:255px;text-align:center;color: #FFE;font-size: 12px;}
.matching_ul li .t{font-size:18px; padding:20px 0 0 0}
.matching_ul li .t i{display:block; height:1px; background:#dcdcdc; width:35px; margin:10px auto 5px auto}
.matching_ul .li1{background:#41b7f4}
.matching_ul .li2{background:#6585ff}
.matching_ul .li3{background:#9676ff}
.matching_ul .img{display:block; margin:10px; height:110px}
.matching_ul .li1 .img{background:#40b2ed url(../images/fwjsp_1.png) center center no-repeat}
.matching_ul .li2 .img{background:#6281f5 url(../images/fwjsp_2.png) center center no-repeat}
.matching_ul .li3 .img{background:#9070f9 url(../images/fwjsp_3.png) center center no-repeat}

/*申请流程*/
.screen-five-fwjs{padding: 30px 0;overflow:hidden;}
.flow_ul{overflow:hidden;margin: 0 5px;text-align: center;margin-left: -26px;padding: 45px 0 0 0;}
.flow_ul li{width:20%;float:left;height: 112px;background:url(../images/fwjsl_0.png) 7px center no-repeat;}
.flow_ul li .box .img{height:30px;margin: 25px 0 15px 0;display:block;}
.flow_ul li .box{background: #ffffff;border:1px solid #e4e4e4;height: 110px;margin:0 0 0 32px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;text-align:center;font-size: 12px;color:#000;overflow:hidden;}

.flow_ul li .li1 .img{background:url(../images/fwjsl_1.png) center center no-repeat}
.flow_ul li .li2 .img{background:url(../images/fwjsl_2.png) center center no-repeat}
.flow_ul li .li3 .img{background:url(../images/fwjsl_3.png) center center no-repeat}
.flow_ul li .li4 .img{background:url(../images/fwjsl_4.png) center center no-repeat}
.flow_ul li .li5 .img{background:url(../images/fwjsl_5.png) center center no-repeat}


/*查看模板*/
.spmuban{text-align:center;}
.spmuban a{background:#4E6EF2;color:#ffffff;padding: 10px 40px;font-size: 16px;border-radius: 5px;}
.spmuban a:hover{opacity:.7;filter:alpha(opacity=70);}


/*模板样式*/
.hide{display:none}
.templates_title{padding: 20px 0 0 0;text-align:center;}
.templates_title .z{font-size:26px; color:#000}
.templates_title .y{font-size:14px; color:#999;text-transform:uppercase; padding:5px 0}
.templates_tab{padding:30px 0}
.templates_tab .tab_ul{height:px; text-align:center}
.templates_tab .tab_ul li{display:inline-block;height:33px;width: 90px;border:1px solid #dadada;padding:0 10px 0 40px;color:#999;font-size:14px;line-height:33px;position:relative;cursor:pointer;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;overflow:hidden;margin: 0 5px;}
.templates_tab .tab_ul li i{display:block; width:21px; height:15px; position:absolute; left:13px; top:50%; margin-top:-7px}
.templates_tab .tab_ul li .i1{background:url(../images/pc.png) no-repeat center 0}
.templates_tab .tab_ul li .i2{background:url(../images/wap.png) no-repeat center 0}
.templates_tab .tab_ul li.hover{color:#5058df; border:1px solid #5058df}
.templates_tab .tab_ul li.hover .i1{background-position:center -17px}
.templates_tab .tab_ul li.hover .i2{background-position:center bottom}
.templates_tab .tab_box{padding:50px 0 0 0; overflow:hidden}
.templates_tab .tab_box a:hover{color:#000}

.templates_ul{overflow:hidden;}
.templates_ul *{overflow:hidden}
.templates_ul li{width: 100%;text-align:center;font-size:14px;margin-bottom: 30px;}
.templates_tab .tab_box li a{display:block; width:100%}
.templates_ul li .img{height:222px; padding:8px 0 0 0;background:url(../images/pc_bg.jpg) no-repeat center 0; text-align:center; position:relative}
.templates_ul li .img i{width:284px;height: 174px;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;display:block;margin:0 auto;position:absolute;left:50%;margin-left:-142px;}
.templates_ul li .img img{width:100%}

.templates1_ul{overflow:hidden;}
.templates1_ul *{overflow:hidden}
.templates1_ul li{width: 100%;text-align:center;font-size:14px;cursor:pointer;margin-bottom: 30px;}
.templates1_ul li .img{height: 470px;padding:41px 0 0 0;background:url(../images/wap_bg.jpg) no-repeat center 0;text-align:center;position:relative;}
.templates1_ul li .img i{width:216px; height:348px;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px; display:block; margin:0 auto; position:absolute; left:50%; margin-left:-108px}
.templates1_ul li .img img{width:100%}

.templates_tab .tab_box li img{webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;display:block; position:absolute; left:0; top:0}
.templates_tab .tab_box li a:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.uk-animation-fade{
	animation:uk-fade 1s linear 0s normal;-webkit-animation:uk-fade 1s linear 0s normal;-moz-animation:uk-fade 1s linear 0s normal;-o-animation:uk-fade 1s linear 0s normal;
}
@-webkit-keyframes uk-fade{
	0%{
		opacity:0
	}
	100%{
		opacity:1
	}
}
@keyframes uk-fade{
	0%{
		opacity:0
	}
	100%{
		opacity:1
	}
}