@font-face {
    font-family: 'FontCYJXY';
    src: url('../font/FontCYJXY.TTF');

}
/*首页导航悬停*/
.nav > li:hover .dropdown-menu {display: block;}
.dropdown-menu{
	width: -webkit-fit-content;
	left: 50%;
  	transform: translateX(-50%);/*(-50%, -50%)*/
	background:rgba(0,30,67,0.43);
	min-width: initial;
}
.dropdown-menu li a{
	color: #fff;
	text-align: center;
}
.dropdown-menu li a:hover{
	width: 100%;
	display: inline-block;
	text-align: center;
	background: #001e43;
	color: #fff;
}
@media screen and (min-width: 1025px) and (max-width: 1201px) {
	
	#navWrapper .content .nav>.navitem>a {
		padding: 0 0.15rem!important;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1025px) {
	
	#navWrapper .content .nav>.navitem>a {
		padding: 0 0.1rem!important;
	}
	#navWrapper .content .nav{
		width: 88%!important;
	}
}
@media only screen and (min-width: 1025px) and (max-width: 1367px) {
	
	
	#navWrapper .content .nav>.navitem>a {
		transition: all .36s ease;
		display: block;
		border-bottom: 2px solid transparent;
		line-height: calc(70px - 2px)
	}

}
.dropdown-menu li{
	width: 100%;
	float: left;
}
.woww{
	width: 200px;
	left: 10%;
}
.woww li{
	width: 50%;
	float: left;
}
.fzlantingkanhei{
	font-family: "方正兰亭刊黑";
}
.fzlantingheis{
	font-family:'FontCYJXY';
	font-weight: lighter;
}
html {font-size: 100px;}
body{
	background: #1b1b1b;
}
h2,p,ol,ul{
	margin: 0;
	padding: 0;
}
 
.py-1-0{
	padding-top: 0.1rem;
	padding-bottom: 0.1rem;
}
li{ list-style:none}
/*字体大小*/
.font12{
	font-size: 12px;
}
.font14{
	font-size: 14px;
}
.font16{
	font-size: 16px;
}
.font18{
	font-size: 0.18rem;
}
.font20{
	font-size: 0.20rem;
}
.font22{
	font-size: 0.22rem;
}
.font24{
	font-size: 0.24rem;
}
.font26{
	font-size: 0.26rem;
}
.font30{
	font-size: 0.30rem;
}
.font36{
	font-size: 0.36rem;
}
.font48{
	font-size: 0.48rem;
}
.font60{
	font-size: 0.6rem;
}
.font80{
	font-size: 0.8rem;
}
/*颜色*/
.color_9e9e9e{
	color: #9e9e9e;
}
.color_c1c1c1{
	color: #c1c1c1;
}
.color_068ce9{
	color: #00b4ff;
}
.color_fffff2{
	color: #fffff2;
}
.border-9e9e9e{
	border: 1px solid #9e9e9e;
}
.max8_min{
	min-width: 1024px;
	max-width: 1170px;
}
.one_line{
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	letter-spacing: 1px;
}
.tit_line{
	width: 100%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-bottom: 10px;
	letter-spacing: 1px;
}
.two_line{
	width: 100%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-top:10px;
	letter-spacing: 0.5px;
	line-height:16px;
	max-height: 32px;
	height: 32px;
}
.new-txt:hover .one_line{
	color: #00b4ff;
}
.new-txt .time{
	padding:10px 0;
	width: 60px;
	height: 60px;
	text-align: center;
}
.new-txt:hover .time{
	background: #00b4ff;
	color: #fff;
	border: 1px solid #00b4ff;
	border-radius: 4px;
}

.new-txt:hover .two_line{
	color: #0769ac;
}
.two_line:hover,.tit_line:hover{
	color: #00b4ff;
}
.three_line{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	line-height: .3rem;
}
.zxzx_btn{
	margin-top: 30px;
}
.btn-primary {
    color: #fff;
    background-color: #00b4ff;
    border-color: #00b4ff;
}
.zxzx_btn button{
	color: #fff;
	background: transparent;
	font-size: 20px;
	text-align: center;
	border: 1px solid #fff;
	padding: 5px 30px;
    font-family: Ailerons;
}
.zxzx_btn button a{
	color:#fff;
}
.zxzx_btn button:hover{
	color: #fff;
	background: #00b4ff;
	font-size: 20px;
	border-radius: 15px;
	text-align: center;
	border: 1px solid #00b4ff;
	padding: 5px 30px;
    font-family: Ailerons;
}
.zxzx_btn button:hover a{
	text-decoration: none;
}
.FZLTCXHJW{
	font-family:FZLTCXHJW;
}
.zxzx_img{
	text-align: right;
}
.zxzx_img img{
	width: 300px;
	height: 230px;
	max-height: 250px;	
	margin-top: 10px;
	transition: all .3s;
}
.zxzx_img img:hover{
	transform: scale(1.02);
}
.m-0{
	margin: 0!important;
}
.m-1{
	margin: 0.25rem!important;
}
.m-2{
	margin: 0.5rem!important;
}
.m-3{
	margin: 1rem!important;
}
.m-4{
	margin: 1.5rem!important;
}
.m-5{
	margin: 3rem!important;
}
.m-auto{
	margin: auto!important;
}
.ml-1-0{
	margin-left: 0.10rem!important;
}
.mt-1{
	margin-top: 0.25rem!important;
}
.mb-1{
	margin-bottom: 0.25rem!important;
}
.ml-1{
	margin-left: 0.25rem!important;
}
.mr-2{
	margin-right: 0.25rem!important;
}
.mx-1{
	margin-right: 0.25rem!important;
	margin-left: 0.25rem!important;
}
.my-1{
	margin-top: 0.25rem!important;
	margin-bottom: 0.25rem!important;
}

.mt-2{
	margin-top: 0.5rem!important;
}
.mb-2{
	margin-bottom: 0.5rem!important;
}
.ml-2{
	margin-left: 0.5rem!important;
}
.mr-2{
	margin-right: 0.5rem!important;
}
.mx-2{
	margin-right: 0.5rem!important;
	margin-left: 0.5rem!important;
}
.my-2{
	margin-top: 0.5rem!important;
	margin-bottom: 0.5rem!important;
}



.mt-3{
	margin-top: 1rem!important;
}
.mb-3{
	margin-bottom: 1rem!important;
}
.ml-3{
	margin-left: 1rem!important;
}
.mr-3{
	margin-right: 1rem!important;
}
.mx-3{
	margin-right: 1rem!important;
	margin-left: 1rem!important;
}
.my-3{
	margin-top: 1rem!important;
	margin-bottom: 1rem!important;
}

.p-0{
	padding: 0!important;
}
.p-1{
	padding: 0.25rem!important;
}
.p-2{
	padding: 0.5rem!important;
}
.p-3{
	padding: 1rem!important;
}
.p-4{
	padding: 1.5rem!important;
}
.p-5{
	padding: 3rem!important;
}
.p-auto{
	padding: auto!important;
}
.pt-1-5{
	padding-top: 0.15rem!important;
}
.pt-1{
	padding-top: 0.25rem!important;
}
.pb-1{
	padding-bottom: 0.25rem!important;
}
.pl-1{
	padding-left: 0.25rem!important;
}
.pr-1{
	padding-right: 0.25rem!important;
}
.px-1{
	padding-right: 0.25rem!important;
	padding-left: 0.25rem!important;
}
.py-1{
	padding-top: 0.25rem!important;
	padding-bottom: 0.25rem!important;
}


.pt-2{
	padding-top: 0.5rem!important;
}
.pb-2{
	padding-bottom: 0.5rem!important;
}
.pl-2{
	padding-left: 0.5rem!important;
}
.pr-2{
	padding-right: 0.5rem!important;
}
.px-2{
	padding-right: 0.5rem!important;
	padding-left: 0.5rem!important;
}
.py-2{
	padding-top: 0.5rem!important;
	padding-bottom: 0.5rem!important;
}

.pt-3{
	padding-top:1rem!important;
}
.pb-3{
	padding-bottom: 1rem!important;
}
.pl-3{
	padding-left: 1rem!important;
}
.pr-3{
	padding-right: 1rem!important;
}
.px-3{
	padding-right: 1rem!important;
	padding-left: 1rem!important;
}
.py-3{
	padding-top: 1rem!important;
	padding-bottom: 1rem!important;
}

.pt-4{
	padding-top: 1.5rem!important;
}
.pb-4{
	padding-bottom: 1.5rem!important;
}
.pl-4{
	padding-left: 1.5rem!important;
}
.pr-4{
	padding-right: 1.5rem!important;
}
.px-4{
	padding-right: 1.5rem!important;
	padding-left: 1.5rem!important;
}
.py-4{
	padding-top: 1.5rem!important;
	padding-bottom: 1.5rem!important;
}
.pt-4-2{
	padding-top: 2rem!important;
}

.pt-5{
	padding-top: 3rem!important;
}
.pb-5{
	padding-bottom: 3rem!important;
}
.pl-5{
	padding-left: 3rem!important;
}
.pr-5{
	padding-right: 3rem!important;
}
.px-5{
	padding-right: 3rem!important;
	padding-left: 3rem!important;
}
.py-5{
	padding-top: 3rem!important;
	padding-bottom: 3rem!important;
}

.text-white{
	color: #fff;
}
.text-a2a2a2{
	color:#a2a2a2;
}
.flex{
	display: flex;
}
/*内容底部对齐*/
.flex-end{
	align-self: flex-end;
}
/*让子容器居中*/
.middle{
	display: flex;
    justify-content: center;
}
.border-b-434343{
	border-bottom: 1px solid #434343;
}
.border-t-434343{
	border-top: 1px solid #434343;
}
.border-2b-068ce9{
	border-bottom: 2px solid #00b4ff;
}
.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left span{
	width: 50px;
    height: 40px;
    background: #000;
    padding: 3px 8px;
    display: block;
}

.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left span{
	width: 50px;
    height: 40px;
    background: #00b4ff;
    padding: 3px 8px;
    display: block;
    color: #fff;
}


body, dd, dl, form, h1, h2, h3, h4, h5, h6, p {
    margin: 0;
}
body, html {
    /*font: 12px Arial,"WEBMAINFONT";*/
    color: #666;
    width: 100%;
    height: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}
body {
    overflow-x: hidden;
}
.module, body, html {
    background-color: #202020;
}
/*.container_category>a, .ff_indexPage .mlist .content_wrapper .more, .ff_pageList .news .content_list .item_block .item_box .item_wrapper, .ff_topSlider .owl-nav .owl-next, .ff_topSlider .owl-nav .owl-next:hover .iconfont, .ff_topSlider .owl-nav .owl-prev, .ff_topSlider .owl-nav .owl-prev:hover .iconfont, .imagelink .content_list .item_block .item_box, .imagelink .owl-nav .owl-next, .imagelink .owl-nav .owl-next:hover .iconfont, .imagelink .owl-nav .owl-prev, .imagelink .owl-nav .owl-prev:hover .iconfont, .item_tags>a, .mlist .owl-nav .owl-next, .mlist .owl-nav .owl-next:hover .iconfont, .mlist .owl-nav .owl-prev, .mlist .owl-nav .owl-prev:hover .iconfont, .news.mlistpost .content_list .item_block .item_box .item_wrapper, .postSlider .owl-nav .owl-next, .postSlider .owl-nav .owl-next:hover .iconfont, .postSlider .owl-nav .owl-prev, .postSlider .owl-nav .owl-prev:hover .iconfont, .postSlider .tab_button .item_img img, .project.mlistpost .tabBtn .post-next .img-wrap, .project.mlistpost .tabBtn .post-next .infor-wrap, .project.mlistpost .tabBtn .post-prev .img-wrap, .project.mlistpost .tabBtn .post-prev .infor-wrap, .service .content_list .item_block .item_box .item_wrapper, .team .content_list .item_block .item_box .item_wrapper, .videom .content_list .item_block .item_box .item_wrapper, body #headTop #logo img, body #header {
    transition: all .36s ease;
}*/
#headTop #logo img{
    height: 57px!important;
    max-width: initial;
    
}
.align-self-center{
	align-self: center;
}
/*营销网站css*/
/*.do_bg{background: url(../images/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: #ffffff;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: #fff;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(../image/reason_ico01.png) no-repeat center 50px;background-size: 68px 63px;}
.yx_why .reas02 li:nth-of-type(2){background: url(../image/reason_ico02.png) no-repeat center 50px;background-size: 56px 55px;}
.yx_why .reas02 li:nth-of-type(3){background: url(../image/reason_ico03.png) no-repeat center 50px;background-size: 62px 61px;}
.yx_why .reas02 li:nth-of-type(1):hover{background: url(../image/reason_ico01_hover.png) no-repeat center 50px;color: #FFC600;}
.yx_why .reas02 li:nth-of-type(2):hover{background: url(../image/reason_ico02_hover.png) no-repeat center 50px;color: #FFC600;}
.yx_why .reas02 li:nth-of-type(3):hover{background: url(../image/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(../image/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;}
.ys1{width:100%; height:765px;margin: 0 auto; position: relative; overflow: hidden;}
.ys1 h2{font-size: 50px;font-weight: normal; color:#fff;text-align: center; line-height: 60px;font-family: ZZGFYYYSB;}
.ys1 h2 span{display: block; font-size: 20px; color:#DEAB09;font-family: WEBMAINFONT;background: url(../image/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(../image/icon_arrow_right.svg) no-repeat center;background-size: 32px;right: 0%;top: 45%;}
.picScroll-left .hd .prev{background: url(../image/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(../image/icon_arrow_right_hover.svg) no-repeat center;}
.picScroll-left .hd .prev:hover{border: 2px solid #D7A409;background: url(../image/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:#fff;text-align: center; line-height: 60px;font-family: ZZGFYYYSB;}
.ys2 h2 span{display: block; font-size: 22px; color:#DEAB09;font-family: WEBMAINFONT;background: url(../image/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:#fff;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(../image/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(../image/serv_line.png) no-repeat;background-position: bottom;}

.serv{width:100%; margin: 0 auto;/*height: 850px;*/ overflow:hidden;/*background: url(../images/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(../image/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;}
.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(../image/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(../image/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(../image/yx_r1.png) no-repeat center top;}
.coo_bj dl:nth-of-type(2) dd .bot_item{background: url(../image/yx_r2.png) no-repeat center top;}
.coo_bj dl:nth-of-type(3) dd .bot_item{background: url(../image/yx_r3.png) no-repeat center top;}
.coo_bj dl:nth-of-type(4) dd .bot_item{background: url(../image/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(../image/yx_r1_h.png) no-repeat center top;}
.coo_bj dl:nth-of-type(2):hover dd .bot_item{background: url(../image/yx_r2_h.png) no-repeat center top;}
.coo_bj dl:nth-of-type(3):hover dd .bot_item{background: url(../image/yx_r3_h.png) no-repeat center top;}
.coo_bj dl:nth-of-type(4):hover dd .bot_item{background: url(../image/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(../image/xp_icon_people_h.png) no-repeat center;}
.solution-swiper ul li:nth-of-type(2):hover i{background: url(../image/xp_icon_keword_h.png) no-repeat center;}
.solution-swiper ul li:nth-of-type(3):hover i{background: url(../image/xp_icon_local_h.png) no-repeat center;}
.solution-swiper ul li:nth-of-type(4):hover i{background: url(../image/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(../image/xp_icon_people.png) no-repeat center;background-size: 38px 36px;width: 100%;height: 36px;}
.solution-swiper ul li .fa-keyword{background:url(../image/xp_icon_keword.png) no-repeat center;background-size: 43px 44px;width: 100%;height: 44px;}
.solution-swiper ul li .fa-local{background:url(../image/xp_icon_local.png) no-repeat center;background-size: 44px 41px;width: 100%;height: 41px;}
.solution-swiper ul li .fa-mubiao{background:url(../image/xp_icon_mubiao.png) no-repeat center;background-size: 36px 45px;width: 100%;height: 45px;}