@charset "utf-8";
/**
 * about:易推千站
 *  zyr liangshutao
 * 2018-6-15
 **/
/*公共样式 start*/
.delay1 { animation-delay: 0.2s; -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; }
.delay2 { animation-delay: 0.4s; -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; }
.delay3 { animation-delay: 0.6s; -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; }
.delay4 { animation-delay: 0.8s; -webkit-animation-delay: 0.8s; -moz-animation-delay: 0.8s; }
.delay5 { animation-delay: 1s; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; }
.delay6 { animation-delay: 1.2s; -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; } 
.yellow{color: #f6fe1b;}
.opactity:hover{
	filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    -khtml-opacity: 0.85;
    opacity: 0.85;
}
.red{color: #fc6657;}
.icons{background: url(/zt/imagesxiehui/icons_03.png) no-repeat;}
.bg-box{
	width: 100%;
	overflow: hidden;
	min-width: 1300px;
}
.w1300{
	width: 1300px;
	margin: 0 auto;
}
.min-box{min-width: 1300px;}
.btn-box{
	width: 554px;
	margin:0 auto 90px;
	border: 1px solid #ffb400;
	border-radius: 36px;
	position: relative;
	height: 71px;
	overflow: hidden;
}
.btn-box span{
	padding-left:60px;
	font-size: 18px;
	color: #6c6c6c;
	line-height: 71px;
}
.btn-box a{
	width: 180px;
	text-align: center;
	height: 73px;
	line-height: 73px;
	background: #ffb400;
	font-size: 24px;
	color: #fff;
	position: absolute;
	right: -1px;
	top: 0;
}
.btn-box font{font-size: 22px;color: #ffb400;}
.tt-box{
	text-align: right;
	line-height:1;
	padding: 35px 0 30px;
	color: #ff5b00;
}
.tt-box b{font-size: 38px;}
.tt-box p{font-size: 16px;padding: 17px 0 0;line-height: 24px;}
/*公共样式 end*/
/*banner start*/
.inside-banner {
    width: 100%;
    height: 756px;
    min-width: 1300px;
    overflow: hidden;
    position: relative;
    z-index: 0;
}
.inside-banner>.bd {
	width: 1920px;
	height: 756px;
	position: absolute;
	left: 50%;
	margin-left: -960px;
}
.inside-banner>.bd li{
	width: 1920px;
	position: relative;
}
.banner-text{
	position: absolute;
	left: 50%;
	margin-left: -620px;
	top: 0;
	height: 756px;
	text-align: left;
	color: #fff;
	line-height: 1;
}
.banner-text h2{
	font-size: 38px;
	color: #fffefe;
	padding: 90px 0 50px;
}
.banner-text p{
	font-size: 16px;
	line-height: 30px;
}
.banner-text span{
	width: 60px;
	height: 5px;
	background: #fff;
	margin-top: 33px;
}
/*banner end*/

/*顶呱呱易推千站首推优惠套餐 start*/
.combo-bg{
	background: url(/zt/imagesxiehui/combo-bg_02.jpg) center bottom no-repeat; 
}
.combo-list {
	width: 1326px;
	margin: 0 auto;
    padding: 30px 10px 113px;
    overflow: hidden;
}
.combo-list li {
    width: 360px;
    height:575px;
    padding: 0 17px;
    float: left;
    background: #fff;
    text-align: center;
    box-shadow: 0 0 12px 3px rgba(253,110,33,0.2);
    margin: 0 13px;
    line-height: 1;
    -webkit-transition: all .45s;
    transition: all .45s;
}
.combo-list li h5 {
    font-size: 22px;
    padding: 40px 0 25px;
    color: #333;
}
.combo-list li span {
    display: block;
    border-bottom: 1px solid #ffb400;
    padding: 0 0 23px;
    font-size: 16px;
    color: #959494;
    margin-bottom: 29px;
}
.combo-list li p {
    font-size: 18px;
    color: #959494;
    line-height: 25px;
    padding-bottom:27px;
}
.combo-list li big{font-size: 45px;}
.combo-list li b,big{color: #ffb400;}
.combo-list li b{font-size: 22px;}
.combo-list li p b {
    font-size: 18px;
}
.btn-a {
    width: 210px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    background: #ffb400;
    border-radius: 23px;
    color: #fff;
    font-size: 16px;
    box-shadow: 0 5px 14px 3px #ffe9b5;
    margin: 15px 0 0;
}
.combo-list li:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}
/*顶呱呱易推千站首推优惠套餐 end*/

/*为什么要选择易推千站做网站推广？ start*/
.tt-box2{
	text-align: center;
	padding: 135px 0 100px;
	position: relative;
	z-index: 3;
}
.tt-box2 span{
	font-size: 127px;
	color: #fff2ee;
	position: absolute;
	left: 50%;
	top: 90px;
	z-index: -1;
	margin-left: -127px;
}
.why-box{
	position: relative;
	padding: 0 0 105px;
}
.why-img2{margin-left: 520px;}
.why-img{
	position: absolute;
	left:125px;
	top: -10px;
}
/*为什么要选择易推千站做网站推广？ end*/
/*顶呱呱易推千站是如何帮助您实现大展现 start*/
.how-bg{
	background: url(/zt/imagesxiehui/how-bg_02.jpg) center top no-repeat;
}
.how-text{
	text-align: left;
	line-height: 1;
	padding: 85px 0 64px;
	color: #fff;
}
.how-text b{
	font-size: 38px;
	margin-left:30px;
}
.how-text p{
	font-size: 16px;
	line-height: 30px;
	padding: 40px 0 25px;
	margin-left:30px;
}
.how-text span{
	font-size: 24px;
	margin-left:30px;
}
.how-box{
	width: 100%;
	position: relative;
}
.how-box .bd ul,.how-box .bd li,.how-box .bd{
	width: 100%;
}
.how-box .bd li{
	background: url(/zt/imagesxiehui/bd-bg.png) left 6px no-repeat;
	padding:0 0 70px 450px;
	height: 373px;
	position: relative;
}
.how-box .bd li img{
	position: absolute;
	left: 3px;
    top: 11px;
}
.how-bd-text{
	width: 850px;
	height: 172px;
	background: #3e3e3e;
	text-align: left;
	line-height: 1;
	color: #fff;
	position: relative;
}
.how-bd-text p{
	font-size: 22px;
	line-height: 34px;
	text-align: left;
	padding: 40px 0 0 35px;
}
.how-bd-text em{
	content: "";
	position: absolute;
	border-top: 25px solid #3e3e3e;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	left: 62px;
	bottom: -25px;
	-webkit-transition: all .35s;
	transition: all .35s;
}
.how-bd-text .em2{left: 200px;}
.how-bd-text .em3{left: 340px;}
.how-bd-text .em4{left: 478px;}
.how-bd-text .em5{left: 618px;}
.how-bd-text .em6{left: 758px;}
.how-box .hd{
	width: 834px;
	position: absolute;
	right: 8px;
	top: 203px;
}
.how-box .hd ul{
	width: 100%;
	overflow: hidden;
}
.how-box .hd ul li{
	width: 139px;
	height: 139px;
	text-align: center;
	background: url(/zt/imagesxiehui/hd-bg.png) no-repeat; 
	background-position: -139px 0;
	float: left;
	color: #fff;
	cursor: pointer;
}
.how-box .hd ul li p{
	font-size: 20px;
	line-height: 24px;
	padding: 54px 0 0;
}
.how-box .hd ul li.on{
	background-position: 0 0;
}
/*顶呱呱易推千站是如何帮助您实现大展现 end*/
/*选用顶呱呱易推千站系统的优势 start*/
.adve-box{
	padding: 0 40px 85px;
	position: relative;
}
.hd-list{
	width: 100%;
	overflow: hidden;
}
.hd-list li{
	width: 261px;
	float: left;
	text-align: center;
	margin: 0 20px 160px;
	height: 208px;
	border: 1px solid #fd5a21;
	background: #fff;
	position: relative;
	cursor: pointer;
	line-height: 1;
	color: #303030;
	-webkit-transition: all .35s;
	transition: all .35s;
}
.hd-list li:hover,.hd-list li.on{background: #fd5b21;color: #fff;}
.hd-list .adv-bottom{margin-bottom: 0;}
.hd-list li i{
	width: 70px;
	height: 70px;
	margin: 50px 0 15px;
}
.hd-list li .adv-icon2{background-position: -70px 0;}
.hd-list li .adv-icon3{background-position: -140px 0;}
.hd-list li .adv-icon4{background-position: -210px 0;}
.hd-list li .adv-icon5{background-position: -280px 0;}
.hd-list li .adv-icon6{background-position: -350px 0;}
.hd-list li .adv-icon7{background-position: -420px 0;}
.hd-list li .adv-icon8{background-position: -490px 0;}
.hd-list li:hover i,.hd-list li.on i{
	background-position: 0 -70px;
	animation: fadeInDown .45s ease-in;
}
.hd-list li:hover .adv-icon2,.hd-list li.on .adv-icon2{background-position: -70px -70px;}
.hd-list li:hover .adv-icon3,.hd-list li.on .adv-icon3{background-position: -140px -70px;}
.hd-list li:hover .adv-icon4,.hd-list li.on .adv-icon4{background-position: -210px -70px;}
.hd-list li:hover .adv-icon5,.hd-list li.on .adv-icon5{background-position: -280px -70px;}
.hd-list li:hover .adv-icon6,.hd-list li.on .adv-icon6{background-position: -350px -70px;}
.hd-list li:hover .adv-icon7,.hd-list li.on .adv-icon7{background-position: -420px -70px;}
.hd-list li:hover .adv-icon8,.hd-list li.on .adv-icon8{background-position: -490px -70px;}
.hd-list li  p{
	font-size: 20px;
}
.hd-list li:before{
	content: "";
	width: 0;
	height: 0;
	border-left: 24px solid transparent;
	border-right: 24px solid transparent;
	position: absolute;
	left: 50%;
	margin-left: -24px;
	-webkit-transition: all .35s;
	transition: all .35s;
	filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity:0;
    opacity: 0;
}
.hd-list li:hover:before,.hd-list li.on:before{
	filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity:1;
    opacity:1;
}
.hd-list li.adv-top:before,.hd-list .adv-top.on:before{
	border-top: 24px solid #fd5b21;
	bottom:-14px ;
}
.hd-list li.adv-bottom:before,.hd-list .adv-bottom.on:before{
	border-bottom: 24px solid #fd5b21;
	top: -14px;
}
.hd-list li:hover:before,,.hd-list li.on:before{
	-webkit-transform: translateY(10px);
    transform: translateY(10px)
}
.adve-box .bd{
	width: 1180px;
	position: absolute;
	left:50% ;
	margin-left: -590px;
	top: 250px;
}
.adv-text{
	width: 100%;
}
.adv-text p{
	width: 100%;
	text-align: center;
	height: 82px;
	line-height: 82px;
	background: #fd5b21;
	font-size: 20px;
	color: #fff;
}
/*选用顶呱呱易推千站系统的优势 end*/

/*成功案例 start*/
.case-bg{
	background: #eee;
	padding: 80px 0 0;
}
.tt-box2 b{color: #3e3e3e;}
.tt-box2 .line{
	width: 73px;
	height: 5px;
	margin:  13px auto;
	background: #ff5b00;
}
.tt-box2 p{
	padding: 0 0 6px;
	font-size: 16px;
	color: #3e3e3e;
	line-height: 1;
}
.tt-box2 font{
	color: #3e3e3e;
	font-size: 12px;
}
.case-list{
	width: 1340px;
	overflow: hidden;
	padding: 30px 0 45px;
}
.case-list li,.case-list li img{
	-webkit-transition: all .45s;
	transition: all .45s;
}
.case-list li{
	width: 32%;
	float: left;
	text-align: center;
	margin-bottom: 30px;
}
.case-list li:hover{
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
}
.case-list li:hover img{
	box-shadow: 0 0 10px 5px #eedad0;
}
/*成功案例 end*/
/*免费领取您的互联网专属解决方案 start*/
.fa-bg{
	background:url(/zt/imagesxiehui/fa_02.jpg) repeat-y ;
	padding-bottom: 70px;
}
.tt-box2{
	padding: 70px 0 50px;
}
.tt-box2 span{
	font-size: 38px;
	color: #fff;
}
.form-fa{
	width: 437px;
	margin: 0 90px 0 240px;
}
.form-box{
	width: 100%;
	position: relative;
	margin-bottom: 25px;
}
.form-box span{
	font-size: 20px;
	color: #808080;
	line-height: 63px;
	position: absolute;
	left: 20px;
	top: 0;
}
.form-box input{
	width: 357px;
	padding-left: 80px;
	background: #fff;
	font-size:20px ;
	line-height: 63px;
	
}
.form-box.form-code input{
	width: 206px;
}
.code-butto{
	width: 144px;
	text-align: center;
	line-height: 63px;
	height: 63px;
	background: #fff;
	color: #fd5a21;
	font-size: 20px;
	position: absolute;
	right: 0;
	top: 0;
}
.form-fa>button{
	width: 100%;
	text-align: center;
	height: 63px;
	line-height: 63px;
	background: #ffb400;
	font-size: 24px;
	color: #fff;
	box-shadow: 0 4px 5px 3px #e06719;
}
.fa-fl{
	width: 300px;
	text-align: left;
	padding: 60px 0 0;
	color: #fff;
	line-height: 1;
}
.fa-fl i{
	width: 108px;
	height: 108px;
	background: url(/zt/imagesxiehui/tel-form.png) no-repeat;
}
.fa-fl p{
	font-size: 36px;
	padding: 15px 0 20px;
}
.fa-fl a{
	font-size: 25px;
	color: #fff;
}
/*免费领取您的互联网专属解决方案 end*/