@charset "UTF-8";
/*营销网站css*/
/*.do_bg{background: url(../images/yxxwz/do_bg.png) no-repeat;background-size: 100% 100%;background-position: 0 -50px;}*/
.rel_lay {position: relative;bottom: 200px;z-index: 1;}
.computer {margin: 0 auto;right: 0;left: 0;}
.mgb50 {margin-bottom: 50px;}
.mgt70 {margin-top: 70px;}
.mgb30{margin-bottom: 30px;}
.pdl50{padding-left: 50px;}
.imgs {width: 100%;}
.yx_why {width: 90%;margin: 0 auto;}
.build_title{color: #ffc600;font-size: 48px;border-bottom: 1px solid #ffc600;padding-bottom: 20px;font-family: ZZGFYYYSB;}
.yx_why .down {position: relative;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 13px solid #ffc600;top: 12px;}
.build_item {width: 100%;margin-top: 20px;font-family: rtws_yueroundedgothic_demo_Rg;}
.build_item span {width: 100%;font-size: 40px;color: #ffc600;letter-spacing: 10px;}
.build_item p {padding-top: 10px;font-size: 30px;color: #636363;font-family: FZLTCXHJW;}

.yx_why .zx{width: 280px;height: 64px;background: #ffc600;text-align: center;line-height: 64px;margin: 50px auto 0 auto;border-radius: 2px;font-size: 22px;cursor: pointer;}
/*.yx_why .zx:hover {background: #fff;}
.yx_why .zx:hover a{color: #ffc600;}
.yx_why .zx a{color: #000;}*/

.yx_why .zx .btn_link{ position: relative; display: block; overflow: hidden; height: 100%; text-align: center; color: #121314; line-height: 64px;background: #ffc600;letter-spacing: 2px;}
.yx_why .zx .btn_link span{ position: absolute; z-index: 1; width: 100%; text-align: center; left: 0; top: 0; transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s;height: 100%;line-height: 64px;font-size: 22px;}
.yx_why .zx .btn_link:before{ position: absolute; content: ""; background: #0570d2; width: 100%; height: 100%; left: -100%; top: 0; z-index: 0; transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s;}
.yx_why .zx .btn_link:hover span{ color: #fff;}
.yx_why .zx .btn_link:hover:before{ left: 0;}


.yx_why .reas02{margin-top: 45px;height: 100%;overflow: hidden;padding: 50px 0;}
.yx_why .reas02 li{height: 100%;overflow: hidden;width: 32.3333%;float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 18px;text-align: center;line-height: 190px;color: #737373;height: 190px;}

/*.yx_why .reas02 .yx_box {
	position: relative;
	display: block;
	border: 2px solid #ffc600;
	border-radius: 15px;
	padding-top: 50px;
	padding-bottom: 47px;
	margin-bottom: 40px;
	z-index: 1;
	margin-left: 1%;
	margin-left: 1%;
}*/

.yx_why .reas02 li span{position: relative;top: 40px;}
.yx_why .reas02 li:nth-of-type(1){background: url(../images/yxxwz/reason_ico01.png) no-repeat center 50px;background-size: 68px 63px;}
.yx_why .reas02 li:nth-of-type(2){background: url(../images/yxxwz/reason_ico02.png) no-repeat center 50px;background-size: 56px 55px;}
.yx_why .reas02 li:nth-of-type(3){background: url(../images/yxxwz/reason_ico03.png) no-repeat center 50px;background-size: 62px 61px;}
.yx_why .reas02 li:nth-of-type(1):hover{background: url(../images/yxxwz/reason_ico01_hover.png) no-repeat center 50px;color: #FFC600;}
.yx_why .reas02 li:nth-of-type(2):hover{background: url(../images/yxxwz/reason_ico02_hover.png) no-repeat center 50px;color: #FFC600;}
.yx_why .reas02 li:nth-of-type(3):hover{background: url(../images/yxxwz/reason_ico03_hover.png) no-repeat center 50px;color: #FFC600;}
.yx_why .reas02 li:before{content: '';margin: 47.5px 0;border-right: 1px solid #d2d2d2;float: right;height: 50%;}
.yx_why .reas02 li:last-of-type::before{border: none;}
.yx_why .reas02 li img {display: block;width: 68px;height: 63px;margin: 0 auto 35px;}

/*.yx_box .borders {position: relative;display: block;width: 5px;height: 35px;background: #fff;margin: 20px auto 10px;top: 95px;}
.yx_box:hover .borders{background: #FFC600;}
.yx_box{text-align: center;position: relative;overflow: hidden;}
.yx_box:before,
.yx_box:after,
.yx_box .box-content:before,
.yx_box .box-content:after{content: '';background: linear-gradient(transparent,rgba(255,255,255,0.9));height: 100%!important;width: 25%;transform: translateY(-100%);position: absolute;left: 0;top: 0;z-index: -1;transition: all 0.3s;margin: 0!important;border: none!important;float: none!important;}
.yx_box:hover:before,
.yx_box:hover:after,
.yx_box:hover .box-content:before,
.yx_box:hover .box-content:after{transform: translateY(0);}
.yx_box:after{ left: 25%; }
.yx_box .box-content:before{ left: 50%; }
.yx_box .box-content:after{ left: 75%; }
.yx_box:hover:before{ transition-delay: 0.225s; }
.yx_box:hover:after{ transition-delay: 0.075s; }
.yx_box:hover .box-content:before{ transition-delay: 0.15s; }
.yx_box:hover .box-content:after{ transition-delay: 0s; }
.yx_box .box-content{width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;transition: all 0.2s;}
.yx_box .content{width: 100%;padding: 7px 0;opacity: 0;position: absolute;left: 0;bottom: -30px;z-index: -2;transition: all 0.3s ease 0.1s;}*/
.pdt70{padding-top: 70px;}

.computer_rel{position: relative;top: -45px;}

.computer_rel .qfytemplateslist{display:table;width:100%;}
.computer_rel .qfy-template-content{/*padding-left:60px;*/min-height:400px;display:table-cell;vertical-align:top}
.computer_rel .templates{margin-bottom:0px;padding: 0 142px;background: url(../images/yxxwz/computer_bg.png) no-repeat;background-size: 100%;height: 640px;background-position: center 0px;}
.computer_rel .qfypreloadimg{box-shadow: rgba(50, 50, 50, 0.26) 0px 0px 2px 0px; transform: translateY(0px); transition: all 2s linear 0s;}
.computer_rel .qfy_template_lib a img {position: relative;width: 100%;max-width: 100%;transform: translateY(0px);transition: all 5.5s linear 0s;}
.computer_rel .qfy_template_lib .img_inner {overflow: hidden;height: 250px;position: relative;}
.computer_rel .qfe_wrapper {word-wrap: break-word;}
.computer_rel .qfy-template-content .qfy_template_lib .img_inner {overflow: hidden;height: 540px;position: relative;top: 50px;}
.computer_rel .qfy-template-content .qfy_template_lib a img {position: relative;width: 100%;max-width: 100%;transform: translateY(0px);transition: all 5.5s linear 0s;}


.ys1_bj{height:800px;overflow:hidden;margin: 0 auto;}
.ys1{width:100%; height:765px;margin: 0 auto; position: relative; overflow: hidden;}
.ys1 h2{font-size: 50px;font-weight: normal; color:#00b4ff;text-align: center; line-height: 60px;font-family: ZZGFYYYSB;}
.ys1 h2 span{display: block; font-size: 20px; color:#DEAB09;font-family: WEBMAINFONT;background: url(../images/yxxwz/yx_line.png) no-repeat center bottom;padding: 20px 0;}
.ys1 h2 b{ color:#c90000;}
.ys1 p{ overflow: hidden; position: absolute; padding-top: 20px; color:#040000;}
.ys1 p span{display: block; font:34px "Ailerons"; color: #b28850; line-height: 36px; width:58px; overflow: hidden;border-bottom: 2px solid #b28850;padding-bottom: 20px;}

/*免费排名靠前*/
.picScroll-left{ width:100%;overflow:hidden; position:relative;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;width:35px; height:70px;cursor:pointer;position: absolute;z-index: 1;border: 2px solid #b4b4b4;}
.picScroll-left .hd .next{ background: url(../images/yxxwz/icon_arrow_right.svg) no-repeat center;background-size: 32px;right: 0%;top: 45%;}
.picScroll-left .hd .prev{background: url(../images/yxxwz/icon_arrow_left.svg) no-repeat center;background-size: 32px;left: 0%;top: 45%;}
.picScroll-left .hd .prevStop,.picScroll-left .hd .nextStop{display: none;}
.picScroll-left .hd .next:hover{border: 2px solid #D7A409;background: url(../images/yxxwz/icon_arrow_right_hover.svg) no-repeat center;}
.picScroll-left .hd .prev:hover{border: 2px solid #D7A409;background: url(../images/yxxwz/icon_arrow_left_hover.svg) no-repeat center;}
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; zoom:1; }
.picScroll-left .hd ul li{ float:left;width:9px; height:9px; overflow:hidden;text-indent:-999px; cursor:pointer;}
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd .tempWrap{width: 100%;bottom: 0;}
.picScroll-left .bd .tempWrap .picList{padding-top: 35px!important;bottom: 0;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{float:left; _display:inline; overflow:hidden; text-align:center;width: 25%;}
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:100%;display: block;}
.picScroll-left .bd ul li:hover{transform: translateY(-60px);transition: transform 0.2s;position: relative; background-color: #FFC600;opacity: 1.5;}
.picScroll-left .bd ul li:hover .sexangle{display: block;}
.picScroll-left .bd ul li .title{ line-height:60px;height: 60px;}

.picScroll-left .bd ul li .sexangle{
	position: absolute;
	width: 50px;
	height: 86.6px;
	margin: 50px auto;
	top: 210px;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
}
.picScroll-left .bd ul li .sexangle .one {
	width: 50px;
	height: 86.6px;
	margin: 0 auto;
	border-top: 2px solid #FFC600;
	border-bottom: 2px solid #FFC600;

}
.picScroll-left .bd ul li .sexangle .two {
	position: absolute;
	width: 50px;
	height: 86.6px;
	top: 0;
	transform: translate(-50%,-50%);
	transform: rotate(60deg);
	border-top: 2px solid #FFC600;
	border-bottom: 2px solid #FFC600;
}
.picScroll-left .bd ul li .sexangle .three {
	position: absolute;
	width: 50px;
	height: 86.6px;
	top: 0;
	transform: translate(-50%,-50%);
	transform: rotate(300deg);
	border-top: 2px solid #FFC600;
	border-bottom: 2px solid #FFC600;
}



.ys2_bj{height:500px;overflow:hidden;}
.ys2{width:100%; height:550px;margin: 0 auto; overflow: hidden;}
.ys2 h2{padding-top: 20px;font-size: 50px;font-weight: normal; color:#00b4ff;text-align: center; line-height: 60px;font-family: ZZGFYYYSB;}
.ys2 h2 span{display: block; font-size: 22px; color:#DEAB09;font-family: WEBMAINFONT;background: url(../images/yxxwz/yx_line.png) no-repeat center bottom;padding: 20px 0;}
.ys_c{margin: 0 auto; overflow: hidden; position: relative;padding-top: 50px;padding: 50px 0 0 0;}
.ys_c img{width: 100%;}
.pinp_bj{height:700px; overflow:hidden;}
.pinp{width:1000px; margin: 0 auto; overflow: hidden;}
.pinp h2{font-size: 48px;font-weight: normal; color:#00b4ff;text-align: center; line-height: 60px;margin-bottom: 30px;font-family: ZZGFYYYSB;}
.pinp h2 span{display: block; font-size: 22px; color:#DEAB09;font-family: WEBMAINFONT;background: url(../images/yxxwz/yx_line.png) no-repeat center bottom;padding: 20px 0;}
.pinp dl{ float: left;}
.pinp .pinp_top_line {border-top: 5px solid #FEC601;}
.pinp .dl01{height: 400px;padding-left: 0;}
.pinp .dl02{height: 405px;}
.pinp .dl03{height: 400px;padding-right: 0;}
.pinp .dl01 dd,.pinp .dl02 dd,.pinp .dl03 dd{height: 237px;background-color: #DCDCDC;}
.pinp .dl02 dd {-moz-box-shadow: 0px 0px 10px 0px #333333;box-shadow: 0px 0px 10px 0px #333333;-webkit-box-shadow: 0px 0px 10px 0px #333333;}
.pinp dt{position: relative; overflow: hidden;}
.pinp dt span{position: absolute; top: 0;left:0;background:rgba(0,0,0,0.5); font-size: 24px; color:#fff;display: block;}
.pinp .dl01 dt,.pinp .dl02 dt,.pinp .dl03 dt{height:163px;}
.pinp .dl01 dt img{width:100%;}
.pinp .dl02 dt img{width:100%;}
.pinp .dl03 dt img{width:100%;}
.pinp .dl01 dt span{  width:287px;height:113px; padding: 50px 0 0 30px;}
.pinp .dl02 dt span{  width:331px;height:146px; padding: 50px 0 0 30px;}
.pinp .dl03 dt span{  width:302px;height:113px; padding: 50px 0 0 30px;}
.pinp .pinp_top_line dl:hover dd{background-color: #FFC600;}
.pinp .pinp_top_line dl:hover dd h3, .pinp .pinp_top_line dl:hover dd p{color: #000;}
.pinp dd h3{height:102px; border-bottom: 1px solid #a1a1a1; margin: 0 35px; font-size: 32px; color:#000000; line-height: 102px; overflow: hidden;font-weight: normal;}
.pinp dd p{padding-top: 20px; font-size: 20px; color:#000000; line-height: 24px;padding-left: 35px;letter-spacing: 1px;}

.webpk{background: url(../images/yxxwz/serv_line.png) no-repeat;background-position: bottom;}

.serv{width:100%; margin: 0 auto;/*height: 850px;*/ overflow:hidden;/*background: url(../images/yxxwz/webpk.png) no-repeat center;background-size: 100%;*/}
.serv h2{font-size: 48px;font-weight: normal; color:#040000;text-align: center; line-height: 60px; height:160px;}
.serv h2 span{display: block; font-size: 22px; color:#B48B55;padding-top: 20px; line-height: 34px;font-family: WEBMAINFONT;background: url(../images/yxxwz/line.png) no-repeat center bottom;padding: 20px 0;}
.serv h2 i{ color:#c90000;}
/*.serv .web{width: 75%;}*/
.serv .web img{width: 100%;}
.serv .web .nr{color: #fff;}
.serv .web .nr h4{padding: 20px 0;font-size: 20px;text-align: center;color: #00b4ff}
.serv .web .nr .des{line-height: 25px;font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;width: 100%;}

.serv dl{width:344px; float: left;overflow: hidden;height:189px; }
.serv .nomal{ margin-left: 80px;}
.serv dt{width:166px; height:166px; overflow: hidden; float: left;}
.serv dt img{width:166px; height:166px;}
.serv dd{padding-top: 57px; font-size: 20px; color:#5a5858; line-height: 30px;width:165px; float: right; overflow: hidden; text-transform: uppercase;}
.serv .serv_c_bg:hover .nr{color: #ffc600;}

.serv_c_bg{background: url(../images/yxxwz/computer_bg.png) no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
	height: 500px;
}
.serv .qfytemplateslist{display:table;width:100%;}
.serv .qfy-template-content{padding-left:0px;min-height:400px;display:table-cell;vertical-align:top}
.serv .templates{margin-bottom:0px;padding: 0 45px;height: 300px;}
.serv .qfypreloadimg{box-shadow: rgba(50, 50, 50, 0.26) 0px 0px 2px 0px; transform: translateY(0px); transition: all 2s linear 0s;}
.serv .qfy_template_lib a img {position: relative;width: 100%;max-width: 100%;transform: translateY(0px);transition: all 5.5s linear 0s;}
.serv .qfy_template_lib .img_inner {overflow: hidden;height: 250px;position: relative;}
.serv .qfe_wrapper {word-wrap: break-word;}
.serv .qfy-template-content .qfy_template_lib .img_inner {overflow: hidden;height: 231px;position: relative;top: 21px;}
.serv .qfy-template-content .qfy_template_lib a img {position: relative;width: 100%;max-width: 100%;transform: translateY(0px);transition: all 5.5s linear 0s;}
.serv .qfy-template-content .qfy_template_lib a img{
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	-o-transition: -o-transform 0.3s;
	transition: transform 0.3s;
}
.serv .web:hover .qfy-template-content .qfy_template_lib a img{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}


.coo_bj {width: 100%;padding: 60px 0;background: url(../images/yxxwz/yx_r_bg.png) no-repeat;-webkit-background-size: cover;background-size: cover;height: 282px;}
.coo_bj dl{transition:all 0.3s ease 0s;width: 23%;padding-left: 0;padding-right: 0;margin-left: 1%;margin-right: 1%;float: left;text-align: center;}
.coo_bj dl:last-child{margin-right:0px;}
.coo_bj dl dt{ width:100%; padding:15px 10px 10px 10px; text-align:center; line-height:18px; color:#ffffff; font-size:14px;font-weight: normal;}
.coo_bj dl dt em{ font-size:24px; text-align:left;color:#fff; line-height:45px; }
.coo_bj dl dd{padding:10px 10px 0px 10px}
.coo_bj dl dd i{height: 45px;width: 100%;display: inline-block;}
.coo_bj dl:nth-of-type(1) dd .bot_item{background: url(../images/yxxwz/yx_r1.png) no-repeat center top;}
.coo_bj dl:nth-of-type(2) dd .bot_item{background: url(../images/yxxwz/yx_r2.png) no-repeat center top;}
.coo_bj dl:nth-of-type(3) dd .bot_item{background: url(../images/yxxwz/yx_r3.png) no-repeat center top;}
.coo_bj dl:nth-of-type(4) dd .bot_item{background: url(../images/yxxwz/yx_r4.png) no-repeat center top;}
.coo_bj dl dd img{height: 45px;}
.coo_bj dl:hover{box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);transform: translate3d(0px, -2px, 0px);border: 1px solid #FFC600;}
.coo_bj dl:hover dt{color: #ffc600;}
.coo_bj dl:hover dt em{color: #ffc600;}
.coo_bj dl:nth-of-type(1):hover dd .bot_item{background: url(../images/yxxwz/yx_r1_h.png) no-repeat center top;}
.coo_bj dl:nth-of-type(2):hover dd .bot_item{background: url(../images/yxxwz/yx_r2_h.png) no-repeat center top;}
.coo_bj dl:nth-of-type(3):hover dd .bot_item{background: url(../images/yxxwz/yx_r3_h.png) no-repeat center top;}
.coo_bj dl:nth-of-type(4):hover dd .bot_item{background: url(../images/yxxwz/yx_r4_h.png) no-repeat center top;}
.mglr0{margin-left: 0;margin-right: 0;}

.solution-swiper ul:after{display: block;clear: both;content: '';}
.solution-swiper ul li{float: left;text-align: center;color: #fff;position: relative;}
.solution-swiper .col-md-3{padding: 0;margin: 0 0.5%;width: 24.2%;}
.solution-swiper .col-md-3:first-of-type{margin-left: 0;}
.solution-swiper .col-md-3:last-of-type{margin-right: 0;}
.solution-swiper ul li span{display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;/*background: rgba(0, 0, 0, .3);*/transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-swiper ul li:nth-child(2) span,
.solution-swiper ul li:nth-child(4) span{/*background: rgba(0, 0, 0, .3);*/transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-swiper ul li i{font-size: 50px;opacity: .85;position: absolute;width: 100%;left: 0;bottom: 60%;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-swiper ul li hr{width: 30px;height: 2px;background: #fff;border: none;position: absolute;left: 50%;top: 50%;margin: 0 0 0 -15px;padding: 0;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-swiper ul li h3{font-size: 24px;position: absolute;width: 100%;left: 0;top: 53%;transition: .3s;line-height: 35px;}
.solution-swiper ul li p{width: 80%;position: absolute;font-size: 16px;left: 10%;top: 70%;opacity: 0;transition: .3s;text-align: left;line-height: 20px;}
.solution-swiper ul li a{position: absolute;top: 85%;font-size: 16px;line-height: 32px;width: 120px;margin: 0 0 0 -60px;color: #fff;border: 2px solid #fff;opacity: 0;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-swiper ul li a:hover{background: #fff;color: #373d41;}
.solution-swiper ul li img{display: block;width: 100%;}
.solution-swiper ul li:hover span{background: rgba(255, 198, 0, .7);}
.solution-swiper ul li:hover i{bottom: 63%;}
.solution-swiper ul li:nth-of-type(1):hover i{background: url(../images/yxxwz/xp_icon_people_h.png) no-repeat center;}
.solution-swiper ul li:nth-of-type(2):hover i{background: url(../images/yxxwz/xp_icon_keword_h.png) no-repeat center;}
.solution-swiper ul li:nth-of-type(3):hover i{background: url(../images/yxxwz/xp_icon_local_h.png) no-repeat center;}
.solution-swiper ul li:nth-of-type(4):hover i{background: url(../images/yxxwz/xp_icon_mubiao_h.png) no-repeat center;}
.solution-swiper ul li:hover hr{top: 40%;opacity: 0;}
.solution-swiper ul li:hover h3{top: 38%;color: #000;}
.solution-swiper ul li:hover p{top: 55%;opacity: 1;color: #000;}
.solution-swiper ul li:hover a{top: 75%;opacity: 1;}
.solution-swiper ul li .fa-people{background:url(../images/yxxwz/xp_icon_people.png) no-repeat center;background-size: 38px 36px;width: 100%;height: 36px;}
.solution-swiper ul li .fa-keyword{background:url(../images/yxxwz/xp_icon_keword.png) no-repeat center;background-size: 43px 44px;width: 100%;height: 44px;}
.solution-swiper ul li .fa-local{background:url(../images/yxxwz/xp_icon_local.png) no-repeat center;background-size: 44px 41px;width: 100%;height: 41px;}
.solution-swiper ul li .fa-mubiao{background:url(../images/yxxwz/xp_icon_mubiao.png) no-repeat center;background-size: 36px 45px;width: 100%;height: 45px;}