@charset "utf-8";
/*index css*/
.maximg{ width: 100%;}

/* banner轮播分页 */
.pagination0{
  width: 100%;
  height: 10px;
  line-height: 10px;
  position: absolute;
  right: 0;
  bottom: 25px;
  z-index: 30;
  text-align: center;
}
.pagination0 .swiper-pagination-switch {
  display: inline-block;
  width: 32px;
  height: 5px;
  border-radius: 0;
  background: #b2b2b2;
  margin: 0 5px;
  cursor: pointer;
}
.pagination0 .swiper-active-switch{
  background: #f3c60e;
}

.titbox{ position: relative; }
.titbox .pubtitjs{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	text-indent: -99em;
}

.wxhd-01{
	height: 677px;
	margin: 40px auto 60px; 
	position: relative;
	overflow: hidden;
}
.wxhd-01 .dtop{ height: 446px; overflow: hidden; position: relative;}
.wxhd-01 .dtop .titbox{
	position: relative;
	width: 580px;
	height: 100%; 
	float: left;
	overflow: hidden;
}
.wxhd-01 .dtop .titbox .tit1{
	width: 300px;
	height: 280px;
	background: url(../images/wtit_01.png) no-repeat left top; 
	position: absolute;
	left: 0;
	top: 20px;
	z-index: 2;
}
.wxhd-01 .dtop .titbox .tit2{
	width: 350px;
	height: 170px;
	background: url(../images/wic_51.png) no-repeat left top; 
	position: absolute;
	left: 122px;
	top: 210px;
	z-index: 1;
	font-size: 14px;
	font-family: PINGFANG3;
	color: rgba(0, 0, 0, 0.8);
	line-height: 30px;
	text-align: center;
	padding: 13px 0;
}
.wxhd-01 .dtop .drig{ width: 605px; height: 100%; overflow: hidden; float: right; right: -5px; top: -2px; position: relative; }
.wxhd-01 .dbot{ width: 102%; height: 222px; overflow: hidden; position: relative; left: -2px;}

.wxhd-01 .dl{ width: 297px; height: 220px; position: relative; float: left; margin: 2px; text-align: center; }
.wxhd-01 .dl.bg1{ background: url(../images/wbg_08.jpg) no-repeat center; color: #000;}
.wxhd-01 .dl.bg2{ background: url(../images/wbg_07.jpg) no-repeat center; color: #fff;}
.wxhd-01 .dl .icon{ width: 40px; height: 40px; overflow: hidden; margin: 15px auto 3px; }
.wxhd-01 .dl .icon.bg1{ background: url(../images/wzjs_abg.png) no-repeat -3px 0;  }
.wxhd-01 .dl .icon.bg2{ background: url(../images/wzjs_abg.png) no-repeat -68px 0;  }
.wxhd-01 .dl .icon.bg3{ background: url(../images/wzjs_abg.png) no-repeat -132px 0;  }
.wxhd-01 .dl .icon.bg4{ background: url(../images/wzjs_abg.png) no-repeat -195px 0;  }
.wxhd-01 .dl .icon.bg5{ background: url(../images/wzjs_abg.png) no-repeat -259px 0;  }
.wxhd-01 .dl .icon.bg6{ background: url(../images/wzjs_abg.png) no-repeat -324px 0;  }
.wxhd-01 .dl .icon.bg7{ background: url(../images/wzjs_abg.png) no-repeat -387px 0;  }
.wxhd-01 .dl .icon.bg8{ background: url(../images/wzjs_abg.png) no-repeat -452px 0;  }

.wxhd-01 .dl .p1{  font-size: 24px; font-family: PINGFANG2; }
.wxhd-01 .dl .p2{ font-size: 12px; font-family: PINGFANG3; }
.wxhd-01 .dl .p3{ width: 18px; height: 2px; background: #000000; margin: 5px auto; }
.wxhd-01 .dl .p4{ width: 106px; height: 45px; margin: 14px auto 0; font-size: 12px; font-family: PINGFANG2; line-height: 42px; }
.wxhd-01 .dl .p4 .sp1{ font-size: 18px; }
.wxhd-01 .dl .p4.bk1{ background: url(../images/wic_12.png) no-repeat center top;}
.wxhd-01 .dl .p4.bk2{ background: url(../images/wic_13.png) no-repeat center top;}

.wxhd-01 .dl.bg2 .p3{ background: #fff; }

.wxhd-01 .dl .star{
	position: absolute;
	width: 19px;
	height: 18px;
	right: 15px;
	top: 15px;
	z-index: 10;
	background: url(../images/wic_09.png) no-repeat center;
} 
.wxhd-01 .dl .star1{ background: url(../images/wic_10.png) no-repeat center; }

.wxhd-01 .dl .bgline1,.wxhd-01 .dl .bgline3{
  position: absolute;
  width: 3px;
  height: 0;
  background: #fff;
  z-index: 2;
}
.wxhd-01 .dl .bgline2,.wxhd-01 .dl .bgline4{
  position: absolute;
  width: 0;
  height: 3px;
  background: #fff;
  z-index: 2;
}
.wxhd-01 .dl .bgline1{ left: 8px; top: 8px; }
.wxhd-01 .dl .bgline2{ left: 8px; bottom: 8px;}
.wxhd-01 .dl .bgline3{ right: 8px; bottom: 8px; }
.wxhd-01 .dl .bgline4{ right: 8px; top: 8px;}

.wxhd-01 .dl:hover .bgline1,.wxhd-01 .dl:hover .bgline3{ height: 204px; }
.wxhd-01 .dl:hover .bgline2,.wxhd-01 .dl:hover .bgline4{ width: 281px; }

.wxhd-01 .drbg{
	height: 220px;
	background: url(../images/wbg_09.jpg) no-repeat center; 
	background-size: cover; 
	-webkit-background-size: cover;	
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 224px;
	z-index: 1;
}
.wxhd-01 .dlbg{
	height: 220px;
	background: url(../images/wbg_09.jpg) no-repeat center; 
	background-size: cover; 
	-webkit-background-size: cover;	
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 8px;
	z-index: 1;
}


.wxys{ height: 895px; }
.wxys .bgbox{
	height: 810px;
	background: url(../images/wbg_01.jpg) no-repeat center; 
	background-size: cover; 
	-webkit-background-size: cover;	
}
.wxys .box1{ height: 728px; position: relative;}
.wxys .box1 .imgbox{
	width: 720px;
	height: 500px;
	position: absolute;
	top: 174px;
	left: 0;
	z-index: 1;
	overflow: hidden;
}
.wxys .box1 .imgbox img{ width: 100%; height: 100%; display: none;}
.wxys .box1 .imgbox img.acted{ display: block; }

.wxys .dtit{
	height: 260px;
	margin: 38px 0 0;
	background: url(../images/wtit_02.png) no-repeat top right; 
	overflow: hidden;
}
.wxys .dtit .dptit{ 
    width: 214px;
	height: 93px;
	float: right;
    background: url(../images/wz_03.png) no-repeat center top; 
    text-align: center; 
    font-family: 'PINGFANG3'; 
    font-size: 14px; 
    line-height: 30px;
    margin-top: 150px;
    padding: 16px 0 0 47px;
}
.wxys .wzbox{ 
	width: 530px; 
	height: 245px; 
	border: 3px solid #000; 
	color: #000; 
	background: #fff; 
	padding: 0 34px;
	position: absolute;
	top: 368px;
	right: 0;
	z-index: 10;
	overflow: hidden;
}
.wxys .wzbox .p1{ font-family: 'PINGFANG2'; font-size: 24px; margin: 21px 0 -6px;}
.wxys .wzbox .p2{ font-family: 'PINGFANG4'; font-size: 18px;}
.wxys .wzbox .p3{ width: 50px; height: 5px; background: #fdd430; margin: 9px 0 15px;}
.wxys .wzbox .p4{ font-family: 'PINGFANG4'; font-size: 18px; line-height: 36px;}

.wxys .box2{ width: 104%; height: 165px; overflow: hidden; position: relative; top: -80px; }
.wxys .box2 .dl{ 
	width: 235px; 
	height: 165px; 
	background: #424242; 
	overflow: hidden; 
	float: left; 
	text-align: center; 
	margin-right: 8px; 
	position: relative;
	cursor: default;
}
.wxys .box2 .dl .p1{ width: 45px; height: 45px; overflow: hidden; margin: 26px auto 11px; }
.wxys .box2 .dl .p1.bg1{ background: url(../images/wzjs_abg.png) no-repeat 0 -220px;  }
.wxys .box2 .dl .p1.bg2{ background: url(../images/wzjs_abg.png) no-repeat -66px -220px;  }
.wxys .box2 .dl .p1.bg3{ background: url(../images/wzjs_abg.png) no-repeat -130px -220px;  }
.wxys .box2 .dl .p1.bg4{ background: url(../images/wzjs_abg.png) no-repeat -193px -220px;  }
.wxys .box2 .dl .p1.bg5{ background: url(../images/wzjs_abg.png) no-repeat -257px -220px;  }
.wxys .box2 .dl .p2{ font-family: 'PINGFANG3'; font-size: 24px;}
.wxys .box2 .dl .p3{ font-family: 'PINGFANG4'; font-size: 18px; margin-top: -4px;}

.wxys .box2 .dl .pbox{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	color: #fff; 
}
.wxys .box2 .dl .bgt{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: -300px;
	width: 100%;
	height: 100%;
	background: url(../images/wx_08.jpg) no-repeat center; 
	z-index: 9;
}

.wxys .wzbox .dbox{ height: 210px; overflow: hidden; display: none;}
.wxys .wzbox .dbox.acted{ display: block; }

.wxys .box2 .dl.acted .pbox{ color: #000; }
.wxys .box2 .dl.acted .p1{ background-position-y: -295px; }
.wxys .box2 .dl.acted .bgt{ bottom: 0; }

/*案例*/ 
.wxcase{ margin: 63px auto 0; overflow: hidden;}
.wxcase .dtop{ height: 132px; background: url(../images/wtit_03.png) no-repeat left top; overflow: hidden; margin-bottom: 60px;}
.wxcase .dtop .ptit{ 
	width: 252px; 
	height: 93px; 
	background: url(../images/wx_09_g.png) no-repeat left top; 
	font-family: 'PINGFANG3'; 
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	padding: 17px 33px 0 0;
	color: #000;
	margin: 37px 0 0 356px;
}

.wxcase .dbot{ height: 540px; position: relative;}
.wxcase .dbot .prev,.wxcase .dbot .next{
	width: 44px;
	height: 86px;
	position: absolute;
	top: 190px;
	z-index: 30;
	cursor: pointer;
}
.wxcase .dbot .prev{ left: -64px; background:rgba(0, 0, 0, 0.5) url(../images/rci_01.png) no-repeat center; }
.wxcase .dbot .next{ right: -64px; background: rgba(0, 0, 0, 0.5) url(../images/rci_02.png) no-repeat center; }
.wxcase .dbot .prev:hover,.wxcase .dbot .next:hover{ background-color: rgba(0, 0, 0, 0.7);}

/*案例*/ 


/* 微享案例 */
.rwxcase{
	width: 1200px;
	height: 440px;
	margin: 0px auto 60px;
	position: relative;
	overflow: hidden;
}
.rwxcase .dlibox{ position: relative; width: 100%; height: 100%; }
.rwxcase .bigtbox{
	width: 714px;
	height: 100%;
	overflow: hidden;
	text-align: center;
	background: #ccc;
	position: absolute;
	left: 50%;
	top: 0;
	z-index: 20;
	margin-left: -357px;
}
.rwxcase .bigtbox img{ width: 100%; min-height: 100%; display: none;}
.rwxcase .bigtbox img.acted{ display: block; }

.rwxcase .dli{ width: 224px; height: 138px; overflow: hidden; position: absolute; z-index: 10;}
.rwxcase .dli a{ display: block; width: 100%; height: 100%; position: relative;}
.rwxcase .dli img{ width: 100%; height: 100%;}
.rwxcase .dli .pbox{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: -300px;
	background: rgba(0, 0, 0, 0.7);
	z-index: 10;
	text-align: center;
	display: table;
	color: #fff;
}
.rwxcase .dli .pbox .boxw{ display: table-cell; vertical-align: middle; padding: 4px 14px 0;}
.rwxcase .dli .pbox .p1{ font-size: 18px; line-height: 28px; max-height: 66px; overflow: hidden;}
.rwxcase .dli .pbox .p1:after{ display: block; width: 44px; height: 2px; background: #fff; margin: 8px auto 10px; content: ''; }
.rwxcase .dli .pbox .p2{ font-size: 16px; }
.rwxcase .dli.acted .pbox,.rwxcase .dli:hover .pbox{ bottom: 0; }

.rwxcase .posi1{ left: 0; top: 0;}
.rwxcase .posi2{ left: 0; top: 151px;}
.rwxcase .posi3{ left: 0; bottom: 0;}
.rwxcase .posi4{ right: 0; top: 0;}
.rwxcase .posi5{ right: 0; top: 151px;}
.rwxcase .posi6{ right: 0; bottom: 0;}


/* 微享案例 */



/*用户体验*/
.wxty{
	height: 400px;
	background: url(../images/wbg_02.jpg) no-repeat center; 
	background-size: cover; 
	-webkit-background-size: cover;
}
/*用户体验*/

/*网站功能*/
.wxgn{ height: 670px; overflow: hidden; margin: 50px auto 70px;}
.wxgn .dtop{ height: 132px; background: url(../images/wtit_04.png) no-repeat right top; overflow: hidden;}
.wxgn .dtop .ptit{ 
	width: 252px; 
	height: 93px; 
	float: right;
	background: url(../images/wic_50.png) no-repeat left top; 
	font-family: 'PINGFANG3'; 
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	padding: 17px 0 0 33px;
	color: #000;
	margin: 37px 336px 0 0;
}
.wxgn .dbot{ height: 243px; background: #ffcc00; margin-top: 234px; }
.wxgn .dbot .dli{ width: 300px; height: 422px; float: left; text-align: center; position: relative; top: -118px; cursor: default;}
.wxgn .dbot .dli .bgbox{ width: 100%; height: 100%; background: #ffcc00; position: absolute; left: 0; top: -500px; z-index: 2; }
.wxgn .dbot .dli .pbox{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; color: #fff; }
.wxgn .dbot .dli .nrbox{ width: 100%; height: 100%; position: relative; top: 0; overflow: hidden;}
.wxgn .dbot .dli .bg1{ background: url(../images/wx_03.jpg) no-repeat center; background-size: cover; -webkit-background-size: cover;}
.wxgn .dbot .dli .bg2{ background: url(../images/wx_04.jpg) no-repeat center; background-size: cover; -webkit-background-size: cover;}
.wxgn .dbot .dli .bg3{ background: url(../images/wx_05.jpg) no-repeat center; background-size: cover; -webkit-background-size: cover;}
.wxgn .dbot .dli .bg4{ background: url(../images/wx_06.jpg) no-repeat center; background-size: cover; -webkit-background-size: cover;}
.wxgn .dbot .dli .dic{ width: 85px; height: 85px; border-radius: 50%; margin: 85px auto 25px; position: relative; top: 0; background: rgba(255, 255, 255, 0.5); text-align: center; padding: 12px; }
.wxgn .dbot .dli .dic1{ width: 100%; height: 100%; border-radius: 50%; margin: 0 auto; }
.wxgn .dbot .dli .ic1{ background: rgba(255, 255, 255, 0.8) url(../images/wzjs_abg.png) no-repeat 0 -55px; }
.wxgn .dbot .dli .ic2{ background: rgba(255, 255, 255, 0.8) url(../images/wzjs_abg.png) no-repeat -110px -55px; }
.wxgn .dbot .dli .ic3{ background: rgba(255, 255, 255, 0.8) url(../images/wzjs_abg.png) no-repeat -220px -55px; }
.wxgn .dbot .dli .ic4{ background: rgba(255, 255, 255, 0.8) url(../images/wzjs_abg.png) no-repeat -330px -55px; }

.wxgn .dbot .dli .p1{ font-family: 'PINGFANG2'; font-size: 24px; }
.wxgn .dbot .dli .p2{ width: 18px; height: 2px; margin: 9px auto 6px; background: #fff; }
.wxgn .dbot .dli .p3{ font-family: 'PINGFANG3'; font-size: 18px; line-height: 36px; }


.wxgn .dbot .dli:hover .nrbox,.wxgn .dbot.acted .dli:hover .nrbox{ top: -60px; }
.wxgn .dbot .dli:hover .pbox{ color: #000; }
.wxgn .dbot .dli:hover .bgbox{ top: 0; }
.wxgn .dbot .dli:hover .dic{ -webkit-transform: rotate(360deg); transform: rotate(360deg);}
.wxgn .dbot .dlii:hover .dic1{ background-color: rgba(255, 255, 255, 0.9);}
.wxgn .dbot .dli:hover .p2{ background: #000; }


/*网站功能*/

/*功能板块*/
.wxbk{ height: 642px; overflow: hidden; margin: 70px auto 50px; background: url(../images/wtit_05.png) no-repeat left top; }
.wxbk .dtop{ height: 330px; overflow: hidden; position: relative;}
.wxbk .ptit{
	width: 345px;
	height: 106px;
	background: url(../images/wx_09.png) no-repeat left top; 
	position: absolute;
	left: 258px;
	top: 164px;
	z-index: 1;
	font-size: 14px;
	font-family: PINGFANG3;
	color: rgba(0, 0, 0, 0.8);
	line-height: 30px;
	text-align: center;
	padding: 13px 0;
}
.wxbk .dtop .drig{ width: 565px; height: 100%; overflow: hidden; float: right; right: -18px; position: relative; }
.wxbk .dbot{ width: 103%; height: 315px; overflow: hidden; position: relative;}

.wxbk .dl{ width: 264px; height: 148px; position: relative; float: left; margin: 0 18px 18px 0; text-align: center; overflow: hidden; cursor: default;}
.wxbk .d2{ width: 100%; }
.wxbk .d3{ width: 309px; }
.wxbk .dl .bg1{ 
	width: 100%;
	height: 100%;
	background: url(../images/wx_11.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}
.wxbk .dl .bg2{ 
	width: 100%;
	height: 100%;
	background: url(../images/wx_12.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}

.wxbk .dl .pbox{ 
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}

.wxbk .dl .p1{ font-family: Impact; font-size: 30px; color: rgba(0, 0, 0, 0.5); position: relative; top: 30px;}
.wxbk .dl .p2{ width: 0; height: 2px; margin: 0 auto; background: #fff; position: relative; top: 30px;}
.wxbk .dl .p3{ font-family: 'PINGFANG1'; font-size: 20px; color: #000; position: relative; bottom: -40px; left: 0;}
.wxbk .dl .p4{ color: #fff; font-family: 'PINGFANG3'; font-size: 18px; position: relative; bottom: -200px;}

.wxbk .dl .bgline1,.wxbk .dl .bgline3{
  position: absolute;
  width: 3px;
  height: 132px;
  background: #fff;
  z-index: 20;
}
.wxbk .dl .bgline2,.wxbk .dl .bgline4{
  position: absolute;
  width: 248px;
  height: 3px;
  background: #fff;
  z-index: 20;
}

.wxbk .d2 .bgline2,.wxbk .d2 .bgline4{ width: 531px; }
.wxbk .d3 .bgline2,.wxbk .d3 .bgline4{ width: 293px; }

.wxbk .dl .bgline1{ left: 8px; top: 8px; }
.wxbk .dl .bgline2{ left: 8px; bottom: 8px;}
.wxbk .dl .bgline3{ right: 8px; bottom: 8px; }
.wxbk .dl .bgline4{ right: 8px; top: 8px;}

.wxbk .d2 .bgline3,.wxbk .d2 .bgline4{ right: 26px; }


.wxbk .dl:hover .bgline1,.wxbk .dl:hover .bgline3{ height: 0; }
.wxbk .dl:hover .bgline2,.wxbk .dl:hover .bgline4{ width: 0; }
.wxbk .dl:hover .bg1{ left: -100%; }
.wxbk .dl:hover .p1{ top: 16px; color: rgba(255, 255, 255, 0.4);}
.wxbk .dl:hover .p2{ width: 18px;}
.wxbk .dl:hover .p3{ left:  100%; opacity: 0;}
.wxbk .dl:hover .p4{ bottom: -15px; }
/*功能板块*/

.wxhd-05{
	height: 143px;
	background: url(../images/wbg_05.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
}
.wxhd-05 .dli{ width: 150px; height: 66px; padding-left: 147px; color: #fff; margin-top: 38px; border-right: 2px solid #fff; float: left; overflow: hidden;}
.wxhd-05 .dli.bg1{ background: url(../images/wzjs_abg.png) no-repeat -493px 0; }
.wxhd-05 .dli.bg2{ background: url(../images/wzjs_abg.png) no-repeat -493px -64px; }
.wxhd-05 .dli.bg3{ background: url(../images/wzjs_abg.png) no-repeat -493px -128px }
.wxhd-05 .dli.bg4{ background: url(../images/wzjs_abg.png) no-repeat -493px -192px; border-right: 0; }

.wxhd-05 .dli .p1{  font-family: 'PINGFANG2'; font-size: 36px; margin: -8px 0 -5px;}
.wxhd-05 .dli .p2{  font-family: 'PINGFANG3'; font-size: 24px; }

/*新闻知识*/
.wxnews{ margin: 65px auto 0; background: url(../images/wtit_06.png) no-repeat right top;}
.wxnews .dtop{ height: 132px; background: url(../images/wtit_06.png) no-repeat right top; overflow: hidden;}
.wxnews .dtop .ptit{ 
	width: 252px; 
	height: 93px; 
	float: right;
	background: url(../images/wic_50.png) no-repeat left top; 
	font-family: 'PINGFANG3'; 
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	padding: 17px 0 0 33px;
	color: #000;
	margin: 37px 336px 0 0;
}
.wxnews .dbot{ overflow: hidden; margin-top: 50px; position: relative; }
.wxnews .pubt{
	height: 25px;
	line-height: 25px;
	border-left: 5px solid #fed019;
	padding-left: 8px;
	margin: 14px 0 34px;
	color: rgba(0, 0, 0, 0.8);
}
.wxnews .pubt .sp1{ font-size: 26px; padding-right: 5px;}
.wxnews .pubt .sp2{ font-size: 14px; }

.wxnews a{ display: block; width: 100%; height: 100%; }

.wxnews .axwbox{ width: 102%; overflow: hidden; }
.wxnews .dlefbox{ width: 394px; height: 245px; overflow: hidden; float: left; margin-right: 9px;}

.wxnews .hotbox{ width: 375px; height: 68px; border: 1px solid #e5e5e5; padding: 8px; overflow: hidden;}
.wxnews .hotbox .imgbox{ width: 100px; height: 100%; overflow: hidden; float: left;}
.wxnews .hotbox .imgbox img{ width: 100%; height: 100%; }
.wxnews .hotbox .pbox{ width: 248px; height: 100%; overflow: hidden; padding-right: 15px; float: right;  position: relative;}
.wxnews .hotbox .pbox .p1{ font-size: 16px; color: #000; margin: -1px 0 6px;}
.wxnews .hotbox .pbox .p2{ font-size: 14px; color: rgba(0, 0, 0, 0.6); line-height: 22px; text-align: justify; height: 44px; overflow: hidden;}
.wxnews .hotbox .pbox .bgl{
	width: 3px;
	height: 0;
	background: #f7a900;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	overflow: hidden;
}
.wxnews .abox{ width: 98%; height: 140px; overflow: hidden; position: relative; margin: 15px auto 0; }
.wxnews .abox a{ display: block; height: 36px; line-height: 36px; color: rgba(0, 0, 0, 0.8); font-size: 14px; }
.wxnews .abox a .sp1{ padding-right: 18px; }

.wxnews .hotbox:hover .pbox .bgl{ height: 100%; }
.wxnews .hotbox:hover .pbox .p1,.wxnews .abox a:hover{ color: #f7a900;}


.wxnews .btnbox{ 
 width: 280px;
 height: 40px;
 line-height: 40px;
 text-align: center;
 margin: 30px auto 50px;
 position: relative;
}
.wxnews .btnbox .amr{ 
	border: 2px solid #7f7f7f; 
	border-radius: 20px; 
	font-size: 14px; 
	color: rgba(0, 0, 0, 0.7); 
	text-align: center;
	margin: 0 auto;
	display: block;
	width: 130px;
	height: 26px;
	line-height: 26px;
	text-transform: uppercase;
	position: relative;
	top: 5px;
}
.wxnews .btnbox .amr:hover{ border-color: #f7a900; color: #f7a900;}
.wxnews .prev,.wxnews .next{
	width: 36px;
	height: 36px;
	position: absolute;
	top: 2px;
	z-index: 2;
}
.wxnews .prev{ left: 0; background: url(../images/xbg3.png) no-repeat center;}
.wxnews .next{ right: 0; background: url(../images/xbg4.png) no-repeat center;}
.wxnews .prev:hover{ background: url(../images/xbg3_g.png) no-repeat center;}
.wxnews .next:hover{ background: url(../images/xbg4_g.png) no-repeat center;}


 /*滚动条样式*/
.wxnews .scrbox::-webkit-scrollbar {/*滚动条整体样式*/
    width: 3px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 3px;
}
.wxnews .scrbox::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
    background: #f7a900;
}
.wxnews .scrbox::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(0,0,0,0.1);
}
 /*滚动条样式*/


/*朋友圈广告*/

.pub-tab-dtop{ height: 74px; margin: 0 auto; overflow: hidden;}
.pub-tab-dtop .dabox{ width: 102%; height: 60px; line-height: 60px; background: #424242; margin: 0 auto; } 
.pub-tab-dtop span{ 
	height: 54px; 
	line-height: 54px; 
	text-align: center; 
	font-size: 18px; 
	color: #fff; 
	padding: 0 28px;
	border: 3px solid #424242;
	cursor: pointer; 
	float: left;
	display: block;
	position: relative;
	top: 0;
}
.pub-tab-dtop span:after{
	display: block;
	content: '';
	width: 15px;
	height: 0;
	margin: 0 auto; 
	background: url(../images/pyq_icbg.png) no-repeat center top; 
	position: relative;
	overflow: hidden;
}

.pub-tab-dtop span.acted{ border-color: #000; background: #ffcc00; color: #000; }
.pub-tab-dtop span.acted:after{ height: 13px; }

.pub-tab-dbot{ margin: 56px auto 70px;}
.pub-tab-dbot .tabbox{ display: none; position: relative; }
.pub-tab-dbot .tabbox.acted{ display: block; }



.pyqbg1{
	height: 320px;
	background: url(../images/pyq_02.png) no-repeat center; 
	background-size: cover; 
	-webkit-background-size: cover;
}
.pyqbg2{
	height: 197px;
	background: url(../images/pyq_03.png) no-repeat center; 
	background-size: cover; 
	-webkit-background-size: cover;
}


.pyq-01{ position: relative; height: auto; margin: 0 auto; overflow: hidden;}
.pyq-01 .titbox{
  height: 270px;
  background: url(../images/pyq_t1.png) no-repeat left top; 
  margin: 66px auto 20px; 
}
.pyq-01 .titbox .tit1{
	width: 326px;
	height: 60px;
	font-size: 14px;
	color: rgba(0, 0, 0, 0.8);
	line-height: 60px;
	text-align: center;
	position: relative;
	top: 126px;
	left: 167px;
}
.pyq-01 .titbox .tit1 .bg1{
	width: 100%; 
	height: 100%;
	background: #e5e5e5;
	position: absolute;
	right: -8px;
	bottom: -8px;
	z-index: 1;
}
.pyq-01 .titbox .tit1 .bg2{
	width: 100%; 
	height: 100%;
	background: url(../images/xbg1.jpg) no-repeat center; 
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 2;
}


.pyq-01 .dbox{
  width: 100%;
  height: 275px;
  position: relative;
  background: url(../images/xbg.jpg) no-repeat center; 
  background-size: cover; 
  -webkit-background-size: cover;
}
.pyq-01 .dbox .wzbox{ width: 780px; height: 100%; float: left; overflow: hidden;}
.pyq-01 .dbox .wzbox .p1{ font-size: 24px; margin: 21px 0 0;}
.pyq-01 .dbox .wzbox .p2{ font-size: 18px; }
.pyq-01 .dbox .wzbox .p3{ width: 50px; height: 5px; background: #000000; margin: 10px 0 13px;}
.pyq-01 .dbox .wzbox .p4{ font-size: 18px; line-height: 36px; }
.pyq-01 .dbox .tbox{ width: 390px; height: 534px; overflow: hidden; float: right; margin-top: -259px; }
.pyq-01 .dbox .tbox img{ width: 100%; height: 100%;}

.pyq-02{ overflow: hidden; }
.pyq-02 .titbox{
  background: url(../images/pyq_t2.png) no-repeat center 78px; 
  font-size: 14px;
  text-align: center;
  padding: 240px 0 40px;
}
.pyq-02 .dlibox{ width: 105%; height: 285px; overflow: hidden; margin: 0 auto 65px; }
.pyq-02 .dlibox .dl{
	width: 280px;
	height: 284px;
	background: #424242;
	float: left;
	margin-right: 24px;
	overflow: hidden;
	position: relative;
	color: #fff;
	text-align: center;
	cursor: default;
}
.pyq-02 .dlibox .pic{ width: 50px; height: 50px; margin: 20px auto 7px; overflow: hidden; }
.pyq-02 .dlibox .pic.bg1{ background: url(../images/pyqic.png) no-repeat 0 top; }
.pyq-02 .dlibox .pic.bg2{ background: url(../images/pyqic.png) no-repeat -65px top; }
.pyq-02 .dlibox .pic.bg3{ background: url(../images/pyqic.png) no-repeat -130px top; }
.pyq-02 .dlibox .pic.bg4{ background: url(../images/pyqic.png) no-repeat -195px top; }

.pyq-02 .dlibox .dl.acted .pic{ background-position-y: -75px; }


.pyq-02 .dlibox .p1{ font-size: 24px; }
.pyq-02 .dlibox .p2{ font-size: 18px; }

.pyq-02 .dlibox .dl .wzbox{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 12;
}
.pyq-02 .dlibox .dl .bgt{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: -400px;
	background: url(../images/xbg2.jpg) no-repeat center; 
	z-index: 9;
}

.pyq-02 .dlibox .dl .pbox{
	width: 248px;
	height: 100px;
	background: #ffd11a;
	position: absolute;
	bottom: 18px;
	left: 16px;
	text-align: center;
	display: table;
	color: #000; 
	font-size: 14px; 
	line-height: 24px; 
}
.pyq-02 .dlibox .dl .pbox .psl{ display: table-cell; vertical-align: middle;}

.pyq-02 .dlibox .dl.acted{ color: #000; }
.pyq-02 .dlibox .dl.acted .bgt{ bottom: 0; }
.pyq-02 .dlibox .dl.acted .pbox{ background: #ffe063; }

.pyq-02 .dlibox .dl .p1,.pyq-02 .dlibox .dl .p2{ color: #fff; }
.pyq-02 .dlibox .dl.acted .p1,.pyq-02 .dlibox .dl.acted .p2{ color: #000; }

.pyq-03 .titbox{
  height: 132px;
  background: url(../images/pyq_t3.png) no-repeat left top; 
  margin: 73px auto 44px; 
  overflow: hidden;
  padding-left: 340px;
}
.pyq-03 .titbox .tit1{
	width: 210px;
	height: 93px;
	font-size: 14px;
	background: url(../images/xbg2.jpg) no-repeat center; 
	color: rgba(0, 0, 0, 0.8);
	line-height: 30px;
	text-align: center;
	position: relative;
	top: 37px;
	left: 0;
	display: table;
	float: left;
}
.pyq-03 .titbox .tit1 .pbox{ display: table-cell; vertical-align: middle;}
.pyq-03 .titbox .tit2{
	width: 313px; 
	height: 46px;
	line-height: 46px;
	position: relative;
	top: 57px;
	left: 0;
	float: left;
	font-size: 24px;
	color: #000;
	text-align: center;
	border: 3px solid #ffcc00; 
	border-left: 0;
}

.pyq-03 .nrbox{ position: relative; margin: 0 auto;}
.pyq-03 .nrbox .dlef{ 
	width: 452px;
	height: 100%;
	background: url(../images/xbg2.jpg) no-repeat -1610px center;
	float: left;
	overflow: hidden;
	display: table;
}
.pyq-03 .nrbox .dlef .imgbox{
	width: 100%;
	display: table-cell; vertical-align: middle;
}
.pyq-03 .nrbox .dlef .imgbox img{ width: 98%; vertical-align: middle; border: 4px solid #000000; border-radius: 2px;}

.pyq-03 .nrbox .drig{ 
	width: 630px;
	padding: 0px 40px;
	float: right;
	position: relative;
}
.pyq-03 .nrbox .drig .abg{
	width: 100%;
	height: 100%;
	background: #f8f8f8; 
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.pyq-03 .nrbox .drig .wzbox{
	width: 630px;
	padding: 30px 40px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}

.pyq-03 .nrbox .drig .p1{ font-size: 16px; color: #000; font-weight: bolder; margin: 27px 0 1px;}
.pyq-03 .nrbox .drig .p2{ font-size: 14px; color: rgba(0,0,0,.8); line-height: 24px; }

.pyq-04{ margin-top: 55px; }
.pyq-04 .pub-tab-dtop span{ padding: 0 134px; }
.pyq-04 .nrbox .dlef{ 
	background: url(../images/xbg2.jpg) no-repeat 90px center;
	float: right; 
}
.pyq-04 .nrbox .drig{ float: left; }

/*推广目标*/
.pyq-05{
	padding: 48px 0 73px;
    background: url(../images/pyq_04.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    overflow: hidden;
}
.pyq-05 .titbox{
  height: auto;
  background: url(../images/pyq_t4.png) no-repeat center top; 
  font-size: 14px;
  text-align: center;
  padding: 165px 0 40px;
  margin: 0 auto;
}
.pyq-05 .pub-tab-dtop{ height: 137px; }
.pyq-05 .pub-tab-dtop .dabox{ height: 124px; line-height: 22px; text-align: center; background: none;}
.pyq-05 .dabox .dli{ width: 140px; height: 124px; background: #ffcc00; float: left; margin-right: 10px; position: relative; cursor: pointer;}
.pyq-05 .dabox .dli .pbox{ width: 124px; height: 108px; border: 2px solid #fff; margin: 6px auto; overflow: hidden;}
.pyq-05 .dabox .dli .pbox .dic{ width: 45px; height: 45px; margin: 5px auto 1px; overflow: hidden; }

.pyq-05 .dabox .dli .pbox .dic.bg1{ background: url(../images/pyqic.png) no-repeat 0 -295px; }
.pyq-05 .dabox .dli .pbox .dic.bg2{ background: url(../images/pyqic.png) no-repeat -65px -295px; }
.pyq-05 .dabox .dli .pbox .dic.bg3{ background: url(../images/pyqic.png) no-repeat -130px -295px; }
.pyq-05 .dabox .dli .pbox .dic.bg4{ background: url(../images/pyqic.png) no-repeat -195px -295px; }
.pyq-05 .dabox .dli .pbox .dic.bg5{ background: url(../images/pyqic.png) no-repeat -257px -295px; }
.pyq-05 .dabox .dli .pbox .dic.bg6{ background: url(../images/pyqic.png) no-repeat -320px -295px; }
.pyq-05 .dabox .dli .pbox .dic.bg7{ background: url(../images/pyqic.png) no-repeat -385px -295px; }
.pyq-05 .dabox .dli .pbox .dic.bg8{ background: url(../images/pyqic.png) no-repeat -450px -295px; }

.pyq-05 .dabox .dli.acted .pbox .dic{ background-position-y: -220px; }


.pyq-05 .dabox .dli .pbox .p1{ font-size: 18px; color: #000; }

.pyq-05 .dabox .dli .bg{
	width: 16px;
    height: 0;
    margin: 0 auto;
    background: url(../images/pyq_icbg.png) no-repeat center top;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    bottom: 0;
    z-index: 1;
}

.pyq-05 .dabox .dli.acted{ background: #424242; }
.pyq-05 .dabox .dli.acted .pbox .p1{ color: #fff; }
.pyq-05 .dabox .dli.acted .bg{ height: 13px; bottom: -13px;}
.pyq-05 .pub-tab-dbot{ margin: 24px auto 0; }
.pyq-05 .nrbox .drig{ padding: 0; }
.pyq-05 .nrbox .drig .jsbox .dtpbox{
	width: 594px;
	height: 140px;
	border: 3px solid #000;
	background: #ffcc00;
	padding: 10px 24px;
	overflow: hidden;
	color: #000;
}
.pyq-05 .jsbox .dtpbox .pti{ font-size: 18px; font-weight: bolder; } 
.pyq-05 .jsbox .dtpbox .pti:after{
	width: 40px;
    height: 2px;
    background: #000000;
    margin: 10px 0 8px;
    display: block;
    content: '';
}
.pyq-05 .jsbox .dtpbox .p2{ font-size: 14px; line-height: 24px; }

.pyq-05 .jsbox .dlibox{ width: 594px; overflow: hidden;}
.pyq-05 .jsbox .dlibox li{ height: 50px; line-height: 50px; background: #fff; font-size: 18px; font-weight: bolder; margin: 6px 0 0; padding-left: 25px;}


.pyq-05 .nrjsbox{ height: 596px; margin: 60px auto 0; padding: 0 160px 0; position: relative; overflow: hidden; }
.pyq-05 .nrjsbox .boxl{
    width: 390px;
    height: 520px;
	float: left;
    display: table;
}
.pyq-05 .nrjsbox .boxl .text-erea{ display: table-cell; vertical-align: middle; }
.pyq-05 .nrjsbox .boxl .p1{
	font-size: 26px;
    color: #333;
    margin-bottom: 30px;
    font-weight: normal;
}
.pyq-05 .nrjsbox .boxl .p2{
	font-size: 16px;
    line-height: 2;
    color: #000;
}

.pyq-05 .nrjsbox .scene-pic{
	background-image: url(../images/bg-phoneall.png);
    background-image: -webkit-image-set(url(../images/bg-phoneall.png) 1x,url(../img/pyq/bg-phoneall@2x.png) 2x);
    width: 292px;
    height: 596px;
    float: right;
    overflow: hidden;
    text-align: center;
}

.pyq-05 .nrjsbox .scene-paper{
	width: 260px;
    height: 461px;
    margin: 60px auto 0;
    position: relative;
    overflow: hidden;
}


.pyq-06{ padding: 65px 0 100px; }
.pyq-06 .titbox{
  height: 132px;
  background: url(../images/pyq_t5.png) no-repeat right top; 
  margin: 0px auto 35px; 
  overflow: hidden;
  padding-right: 347px;
}
.pyq-06 .titbox .tit1 {
    width: 212px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    background: url(../images/xbg2.jpg) no-repeat center;
    text-align: center;
    position: relative;
    top: 58px;
    float: right;
}
.pyq-06 .pub-tab-dbot{ margin: 23px auto 0; }
.pyq-06 .pub-tab-dtop span{ padding: 0 69px; }
.pyq-06 .pubdbox{ height: 447px; background: #f6f6f6; overflow: hidden; position: relative; }
.pyq-06 .pubdbox .pupicbox{
	width: 980px;
	height: 370px;
	line-height: 370px;
	position: relative;
	top: 76px;
	overflow: hidden;
	text-align: center;
}
.pyq-06 .pubdbox .pupicbox img{ width: 930px; height: 340px; vertical-align: middle; }


.pyq-06 .pubdbox .pubtitbox{
    height: 70px;
	border: 3px solid #000;
	padding: 0 28px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    text-align: center;
}
.pyq-06 .pubdbox .pubtitbox .p1{ font-size: 24px; font-weight: bolder; margin: 10px auto 3px;}
.pyq-06 .pubdbox .pubtitbox .p2{ font-size: 12px; text-transform: uppercase;}

.pyq-06 .pubdbox .pubpbox{
    width: 211px;
    height: 370px;
    background: #424242;
    position: absolute;
    right: 0;
    top: 76px;
    z-index: 2;
}
.pyq-06 .pubdbox .pubpbox .p1{ height: 285px; overflow: hidden; display: table; }
.pyq-06 .pubdbox .pubpbox .p2{
	font-size: 14px;
	line-height: 24px;
	color: rgba(255, 255, 255, 0.8);
	padding: 0 24px;
	text-align: justify;
	display: table-cell;
	vertical-align: middle;
}
.pyq-06 .pubdbox .pubpbox .a1{
	font-size: 18px;
	color: #fff;
	text-align: center;
	width: 126px;
	height: 45px;
	line-height: 42px;
	margin: 0 auto;
	background: url(../images/wic_14.png) no-repeat center top;
	display: block;
}

/*推广目标*/

/*收费策略*/
.pyq-07{
    height: 710px;
    background: url(../images/xbg2.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    overflow: hidden;
}
.pyq-07 .titbox{
    height: 130px;
    background: url(../images/pyq_t6.png) no-repeat left top;
    margin: 0px auto 35px;
    overflow: hidden;
    padding-left: 340px;
}
.pyq-07 .titbox .tit1{
	background: url(../images/wbg_07.jpg) no-repeat center;
	color: #fff;
	float: left;
}


.pyq-08{ padding: 0 0 43px; }
.pyq-08 .titbox{
  height: 132px;
  background: url(../images/pyq_t7.png) no-repeat right top; 
  margin: 45px auto; 
  overflow: hidden;
  padding-right: 347px;
}
.pyq-08 .titbox .tit1 {
    width: 212px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    background: url(../images/xbg2.jpg) no-repeat center;
    text-align: center;
    position: relative;
    top: 58px;
    float: right;
}

.pyq-08 .rylibox{ width: 104%; margin: 0 auto; overflow: hidden;}
.pyq-08 .rylibox .dimg{ width: 370px; margin: 0 44px 40px 0; float: left; overflow: hidden; text-align: center; position: relative; border: 1px solid #f1f1f1;}
.pyq-08 .rylibox .dimg .imgbox{ width: 100%; height: 260px; overflow: hidden; border-bottom: 1px solid #f1f1f1; position: relative;}
.pyq-08 .rylibox .dimg img{ width: 100%; min-height: 100%;}
.pyq-08 .rylibox .dimg p{ height: 60px; line-height: 60px; font-size: 20px; padding: 0 10px; background: #f1f1f1; }

.pyq-08 .rylibox .dimg .bgl1,.pyq-08 .rylibox .dimg .bgl2,.pyq-08 .rylibox .dimg .bgl3,.pyq-08 .rylibox .dimg .bgl4{
	width: 3px;
	height: 0;
	background: #000;
	position: absolute;
	z-index: 1;
}
.pyq-08 .rylibox .dimg .bgl1{ left: 0; top: 0; }
.pyq-08 .rylibox .dimg .bgl2{ width: 0; height: 3px; left: 0; bottom: 0; }
.pyq-08 .rylibox .dimg .bgl3{ right: 0; bottom: 0; }
.pyq-08 .rylibox .dimg .bgl4{ width: 0; height: 3px; right: 0; top: 0; }
.pyq-08 .rylibox .dimg .bgl5{ 
	width: 100%; 
	height: 3px;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 60px;	
	z-index: 1;
}
.pyq-08 .rylibox .dimg .bgl5 .pb{ width: 0; height: 100%; margin: 0 auto; background: #000; }

.pyq-08 .rylibox .dimg:hover .bgl1,.pyq-08 .rylibox .dimg:hover .bgl3{ height: 100%; }
.pyq-08 .rylibox .dimg:hover .bgl2,.pyq-08 .rylibox .dimg:hover .bgl4{ width: 100%; }
.pyq-08 .rylibox .dimg:hover .bgl5 .pb{ width: 100%; }
.pyq-08 .rylibox .dimg:hover p{ background: #ffd11a; }

/*收费策略*/

/*朋友圈广告*/

/* 网站建设-手机网站 */
.wzjs-sj-01 .titbox{
  height: 270px;
  background: url(../images/wjsj_t1.png) no-repeat left top; 
  margin: 60px auto 20px; 
}
.wzjs-sj-01 .dbox{ height: 340px; }
.wzjs-sj-01 .dbox .wzbox{ width: 620px; }
.wzjs-sj-01 .dbox .tbox{ width: 543px; height: 462px; margin-top: -169px; }

.wzjs-sj-02 .titbox{
  background: url(../images/wjsj_t2.png) no-repeat center 60px; 
  font-size: 14px;
  text-align: center;
  padding: 230px 0 40px;
}
.wzjs-sj-02 .needtab{
	width: 100%;
	border-collapse: collapse;
}
.wzjs-sj-02 .needtab td{ padding: 18px 0; border: 2px solid #fff; text-align: center; line-height: 34px;}
.wzjs-sj-02 .needtab .bg1{ background: #464646; border-bottom: 2px solid #464646; }
.wzjs-sj-02 .needtab .bg2{ background: #fdd946; }
.wzjs-sj-02 .needtab .bg3{ background: #eaedf1; }
.wzjs-sj-02 .needtab .bg4{ background: #676767; font-size: 18px; color: #fff; border-top: 2px solid #464646; border-bottom: 2px solid #464646;  }
.wzjs-sj-02 .needtab .bg5{ background: #ffe168; }
.wzjs-sj-02 .needtab .bg6{ background: #f6f6f6; }
.wzjs-sj-02 .needtab .bg7{ border-top: 2px solid #fff; }
.wzjs-sj-02 .needtab .bg8{ border-bottom: 2px solid #fff; }

.wzjs-sj-02 .needtab .font1{ font-size: 18px; color: #000; }
.wzjs-sj-02 .needtab .font2{ font-size: 16px; color: #000; }
.wzjs-sj-02 .needtab .font3{ font-size: 16px; color: rgba(0, 0, 0, 0.7);}

.wzjs-sj-03{ margin-top: 70px; padding: 60px 0 45px; }
.wzjs-sj-03 .titbox{
  height: 132px;
  background: url(../images/wjsj_t3.png) no-repeat right top; 
  margin: 0px auto 35px; 
  overflow: hidden;
  padding: 0 347px 0 0;
}
.wzjs-sj-03 .titbox .tit1 {
    width: 310px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    background: url(../images/xbg2.jpg) no-repeat center;
    text-align: center;
    position: relative;
    top: 58px;
    float: right;
}
.wzjs-sj-03 .dabox .dli{ display: inline-block; float: none;}
.wzjs-sj-03 .dabox .dli .pbox .dic{ margin: 13px auto 7px; }
.wzjs-sj-03 .dabox .dli .pbox .dic.bg1{ background: url(../images/wjdic_bg.png) no-repeat 0 0; }
.wzjs-sj-03 .dabox .dli .pbox .dic.bg2{ background: url(../images/wjdic_bg.png) no-repeat -65px 0; }
.wzjs-sj-03 .dabox .dli .pbox .dic.bg3{ background: url(../images/wjdic_bg.png) no-repeat -130px 0; }
.wzjs-sj-03 .dabox .dli .pbox .dic.bg4{ background: url(../images/wjdic_bg.png) no-repeat -195px 0; }
.wzjs-sj-03 .dabox .dli .pbox .dic.bg5{ background: url(../images/wjdic_bg.png) no-repeat -257px 0; }
.wzjs-sj-03 .dabox .dli .pbox .dic.bg6{ background: url(../images/wjdic_bg.png) no-repeat -320px 0; }
.wzjs-sj-03 .dabox .dli.acted .pbox .dic{ background-position-y: -75px; }

.wzjs-sj-03 .nrjsbox{ height: 560px; margin: 45px auto 0; padding: 0 220px 0;}
.wzjs-sj-03 .nrjsbox .boxl{ height: 560px; text-align: center; font-size: 20px; line-height: 30px; color: rgba(0, 0, 0, 0.8); }
.wzjs-sj-03 .nrjsbox .imgbox{ width: 273px; height: 554px; margin: 3px 0; float: right; text-align: center;}
.wzjs-sj-03 .nrjsbox .imgbox img{ width: 100%; height: 100%; }


.wzjs-sj-04{
  width: 100%; 
  height: 460px;
  position: relative;
  background: url(../images/pic_bg_02.jpg) no-repeat center; 
  background-size: cover; 
  -webkit-background-size: cover;
  overflow: hidden;
}
.wzjs-sj-04 .dlbox{ width: 105%; margin-top: 220px; height: 180px;}
.wzjs-sj-04 .dlbox .dli{ 
	width: 200px; 
	height: 177px; 
	background: #ffcc00; 
	float: left; 
	margin-right: 48px; 
	position: relative; 
	cursor: default; 
	text-align: center;
}
.wzjs-sj-04 .dlbox .dli .pbox{ width: 184px; height: 160px; border: 2px solid #fff; margin: 6px auto; overflow: hidden;}
.wzjs-sj-04 .dlbox .dli .pbox .dic{ width: 65px; height: 60px; margin: 17px auto 12px; overflow: hidden; position: relative; top: 0; }
.wzjs-sj-04 .dlbox .dli .pbox .dic.bg1{ background: url(../images/wjdic_bg.png) no-repeat 0 -205px; }
.wzjs-sj-04 .dlbox .dli .pbox .dic.bg2{ background: url(../images/wjdic_bg.png) no-repeat -65px -205px; }
.wzjs-sj-04 .dlbox .dli .pbox .dic.bg3{ background: url(../images/wjdic_bg.png) no-repeat -130px -205px; }
.wzjs-sj-04 .dlbox .dli .pbox .dic.bg4{ background: url(../images/wjdic_bg.png) no-repeat -195px -205px; }
.wzjs-sj-04 .dlbox .dli .pbox .dic.bg5{ background: url(../images/wjdic_bg.png) no-repeat -257px -205px; }
.wzjs-sj-04 .dlbox .dli .pbox .dic.bg6{ background: url(../images/wjdic_bg.png) no-repeat -320px -205px; }
.wzjs-sj-04 .dlbox .dli:hover .pbox .dic{ top: -10px; }

.wzjs-sj-04 .dlbox .dli .pbox .p1{ width: 100%; height: 52px; font-size: 20px; color: #000; display: table;  text-align: center;overflow: hidden; }
.wzjs-sj-04 .dlbox .dli .pbox .p1 .p2{ display: table-cell; vertical-align: middle; text-align: center;}

.wzjs-sj-05 .titbox{
	background: url(../images/wjsj_t4.png) no-repeat center 78px; 
}
.wzjs-sj-05 .dlibox{ height: 350px; }
.wzjs-sj-05 .dlibox .dl{ height: 350px; }
.wzjs-sj-05 .dlibox .dl .pbox{ width: 218px; height: 170px; padding: 0 15px; text-align: justify; }
.wzjs-sj-05 .dlibox .pic{ width: 65px; height: 60px; margin: 16px auto 3px;}
.wzjs-sj-05 .dlibox .pic.bg1{ background: url(../images/wjdic_bg.png) no-repeat -385px -295px; }
.wzjs-sj-05 .dlibox .pic.bg2{ background: url(../images/wjdic_bg.png) no-repeat -450px -295px; }
.wzjs-sj-05 .dlibox .pic.bg3{ background: url(../images/wjdic_bg.png) no-repeat -517px -295px; }
.wzjs-sj-05 .dlibox .pic.bg4{ background: url(../images/wjdic_bg.png) no-repeat -577px -295px; }
.wzjs-sj-05 .dlibox .dl.acted .pic{ background-position-y: -205px; }
.wzjs-sj-05 .dlibox .dl .p1,.wzjs-sj-05 .dlibox .dl .p2{ color: #fff; }
.wzjs-sj-05 .dlibox .dl.acted .p1,.wzjs-sj-05 .dlibox .dl.acted .p2{ color: #000; }


.wzjs-sj-06{ margin: 10px auto 0; overflow: hidden; }
.wzjs-sj-06 .dtop{
	width: 100%; 
	height: 240px;
	background: #f8f8f8;
	overflow: hidden; 
	margin: 0 auto;
}
.wzjs-sj-06 .titbox{
	height: 135px; 
	background: url(../images/wjsj_t5.png) no-repeat left top; 
	margin-top: 45px;
	position: relative;
	overflow: hidden; 
}
.wzjs-sj-06 .dbot{
	width: 100%; 
	height: 500px; 
	background: url(../images/pic_bg_03.jpg) no-repeat center top; 
    background-size: cover;
    -webkit-background-size: cover;
    overflow: hidden;
    padding: 65px 0 50px;
}
.wzjs-sj-06 .dbot .allbox-w12{ position: relative; }
.wzjs-sj-06 .pagination0 { bottom: 5px; }
.wzjs-sj-06 .pagination0 .swiper-pagination-switch{ background: #d8d8d8; }
.wzjs-sj-06 .pagination0 .swiper-active-switch{ background: #f3c60e; }

.wzjs-sj-07{
	background: url(../images/xbg.jpg) no-repeat center; 
    background-size: cover;
    -webkit-background-size: cover;
    overflow: hidden;
}
.wzjs-sj-07 .dli{ color: rgba(0,0,0,.8); border: 0;}
.wzjs-sj-07 .dli.bg1{ background: url(../images/wic_24.png) no-repeat 60px center; }
.wzjs-sj-07 .dli.bg2{ background: url(../images/wic_25.png) no-repeat 60px center; }
.wzjs-sj-07 .dli.bg3{ background: url(../images/wic_26.png) no-repeat 60px center; }
.wzjs-sj-07 .dli.bg4{ background: url(../images/wic_27.png) no-repeat 60px center; border-right: 0; }

.wzjs-sj-08{ overflow: hidden; }
.wzjs-sj-08 .titbox{
  background: url(../images/wjsj_t6.png) no-repeat center 60px; 
  font-size: 14px;
  text-align: center;
  padding: 230px 0 30px;
}
.wzjs-sj-08 .logobox{ width: 80%; margin: 0 auto 65px; }
.wzjs-sj-08 .logobox .dimg{
	width: 166px;
	height: 68px;
	line-height: 64px;
	border: 1px solid #dcdcdc;
	float: left; 
	overflow: hidden;
	margin: 12px;
	text-align: center;
}
.wzjs-sj-08 .logobox .dimg img{ 
	max-width: 96%;
	max-height: 96%; 
	vertical-align: middle; 
    vertical-align: middle;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
    filter: Gray;
}
.wzjs-sj-08 .logobox .dimg:hover img{
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter:none;
}

/* 网站建设-手机网站 */



/* 整合营销-抖音 */
.doy-01{ margin: 0 auto 80px; }
.doy-01 .titbox{
  background: url(../images/yxdy_t1.png) no-repeat center 65px; 
  font-size: 14px;
  text-align: center;
  padding: 102px 0 0;
}

.doy-01 .titbox .p1{
	font-size: 36px;
	color: rgba(0,0,0,.85);
	position: relative;
	top: -120px;
	left: -10px;
}
.doy-01 .titbox .p1 .sp1{
	font-size: 104px;
	color: #ffcc00;
	position: relative;
	top: 24px;
	left: 10px;
}
.doy-01 .titbox .p2{
	font-size: 20px;
	color: #ffcc00;
	position: relative;
	top: -142px;
	left: 37px;
}
.doy-01 .titbox .p3{
	position: relative;
	top: -36px;
}

.doy-01 .dlbox{ width: 105%; height: 160px;}
.doy-01 .dlbox .dli{ 
	width: 270px; 
	height: 155px; 
	background: #ffcc00; 
	float: left; 
	margin-right: 40px; 
	position: relative; 
	cursor: default; 
	text-align: center;
	overflow: hidden;
}
.doy-01 .dlbox .dli .pbox{ 
	width: 252px; 
	height: 139px; 
	border: 2px solid #fff; 
	position: absolute;
	left: 6px;
	top: 6px;
	z-index: 3;
	overflow: hidden;
	color: #000;
}
.doy-01 .dlbox .dli .pbox .p1{ font-size: 18px; margin: 30px auto 8px;}
.doy-01 .dlbox .dli .pbox .p2{ font-size: 14px; line-height: 24px;}
.doy-01 .dlbox .dli .bga{
	width: 100%; 
	height: 100%;
	background: #424242;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 2;
}
.doy-01 .dlbox .dli:hover .pbox{ color: #fff; }


.doy-02{ 
  height: 620px; 
  background: url(../images/doy_bg1.jpg) no-repeat center; 
  background-size: cover; 
  -webkit-background-size: cover;
  position: relative;
  overflow: hidden;
}

.doy-02 .wz1{
  width: 650px;
  height: 248px; 
  background: url(../images/doy_p2.png) no-repeat center top;
  margin: 0 auto; 
}

.doy-02 .listbox{
	width: 100%;
	height: 295px;
	background: rgba(10,0,17,.3);
	margin: 0 auto;
	overflow: hidden;
}
.doy-02 .listbox .dli{
	width: 25%;
	height: 100%;
	float: left;
	overflow: hidden;
	text-align: center;
	position: relative;
	text-align: center;
}
.doy-02 .listbox .dli .bgbox{
	width: 104px;
	height: 104px;
	border: 6px solid #978d89;
	border-radius: 50%;
	overflow: hidden; 
	margin: 30px auto 22px; 
	position: relative;
	background: #fff;
}
.doy-02 .listbox .dli .bgbox .dic{
	width: 70px; 
	height: 70px;
	background: url(../images/dydic_bg.png) no-repeat center;
	position: absolute;
	left: 17px;
	top: 17px;
	z-index: 2;
}
.doy-02 .listbox .dli .bgbox .dic.bg1{ background-position: 0 0; }
.doy-02 .listbox .dli .bgbox .dic.bg2{ background-position: -90px 0; }
.doy-02 .listbox .dli .bgbox .dic.bg3{ background-position: -180px 0; }
.doy-02 .listbox .dli .bgbox .dic.bg4{ background-position: -270px 0; }
.doy-02 .listbox .dli .bgbox .bga{
	width: 100%; 
	height: 100%;
	background: #ffcc00;
	border-radius: 50%;
	overflow: hidden; 
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.doy-02 .listbox .dli .pbox{ text-align: center; margin: 0 auto; color: #fff; }
.doy-02 .listbox .dli .pbox .p1{ font-size: 20px; }
.doy-02 .listbox .dli .pbox .p2{ width: 20px; height: 4px; background: #ffcc00; margin: 12px auto 13px;}
.doy-02 .listbox .dli .pbox .p3{ font-size: 16px; line-height: 24px;}

.doy-02 .listbox .dli:hover .bgbox{ border: 6px solid #fff; }


.doy-03{ 
  height: 424px; 
  background: url(../images/doy_bg5.jpg) no-repeat center; 
  background-size: cover; 
  -webkit-background-size: cover;
  position: relative;
  overflow: hidden;
}

.doy-03 .wz1{
  width: 650px;
  height: 100%; 
  background: url(../images/doy_p1.png) no-repeat center;
  margin: 0 auto; 
}

.doy-04{ position: relative; margin: 0 auto 90px; overflow: hidden; }
.doy-04 .titbox{
  background: url(../images/yxdy_t2.png) no-repeat center; 
  height: 264px;
}
.doy-04 .listbox{ width: 105%; height: 185px; overflow: hidden;}
.doy-04 .listbox .dli{ 
	width: 188px; 
	height: 184px; 
	float: left; 
	margin-right: 14px; 
	position: relative; 
	cursor: default; 
	text-align: center;
	overflow: hidden;
}
.doy-04 .listbox .dli img{ width: 100%; min-height: 100%; }
.doy-04 .listbox .dli .pbox{
	width: 100%; 
	height: 100%;
	overflow: hidden; 
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	text-align: center;
	color: #fff;
}
.doy-04 .listbox .dli .pbox .p1{ font-size: 24px; margin-top: 55px;}
.doy-04 .listbox .dli .pbox .p2{ width: 32px; height: 2px; background: #ffcc00; margin: 8px auto 6px;}
.doy-04 .listbox .dli .pbox .p3{ font-size: 12px; text-transform: uppercase;}

.doy-05{
  width: 100%;
  height: 227px;
  position: relative;
  background: url(../images/xbg.jpg) no-repeat center; 
  background-size: cover; 
  -webkit-background-size: cover;
}
.doy-05 .titbox{
  width: 100%;
  height: 227px;
  background: url(../images/yxdy_t3.png) no-repeat right center; 
}

.doy-06{
  width: 100%;
  height: 454px;
  position: relative;
  background: url(../images/doy_bg2.jpg) no-repeat right center; 
  background-size: cover; 
  -webkit-background-size: cover;
  overflow: hidden;
}
.doy-06 .dlibox{ height: 295px; margin: 72px auto; }
.doy-06 .dlibox .dl{ height: 294px; }
.doy-06 .dlibox .pic{
	width: 70px;
	height: 70px;
	margin: 10px auto 0;
	overflow: hidden;
}
.doy-06 .dlibox .pic.bg1{ background: url(../images/dydic_bg.png) no-repeat 0 -90px; }
.doy-06 .dlibox .pic.bg2{ background: url(../images/dydic_bg.png) no-repeat -90px -90px; }
.doy-06 .dlibox .pic.bg3{ background: url(../images/dydic_bg.png) no-repeat -180px -90px; }
.doy-06 .dlibox .pic.bg4{ background: url(../images/dydic_bg.png) no-repeat -270px -90px; }
.doy-06 .dlibox .dl.acted .pic{ background-position-y: -180px; }
.doy-06 .dlibox .dl .pbox{ width: 218px; height: 115px; text-align: justify; padding: 0 15px; }

.doy-07{ margin: 0 auto 95px; overflow: hidden;}
.doy-07 .dtopbox{ 
	width: 100%; 
	height: 240px;
	background: #f8f8f8;
	position: relative; 
	margin: 0 auto; 
}

.doy-07 .dtopbox .dytitbox{
  width: 100%; 
  height: 132px;
  background: url(../images/yxdy_t4.png) no-repeat left center; 
  position: relative;
  top: 50px;
}
.doy-07 .dtopbox .dytitbox .ptit{
	width: 252px;
	height: 56px;
	line-height: 56px;
	text-align: center;
	font-size: 14px;
	color: #000;
	background: url(../images/xbg2.jpg) no-repeat center;
	position: relative;
	left: 337px;
	top: 56px;
	z-index: 1;
}
.doy-07 .dtopbox .dytitbox .ptit .bga{
	width: 47px;
	height: 30px;
	position: absolute;
	top: 13px;
	right: -47px;
	z-index: 1;
	background: #dfdfdf;
}
.doy-07 .pub-tab-dtop{ margin: 42px auto 28px; }
.doy-07 .pub-tab-dtop .dabox{ width: 105%; }
.doy-07 .pub-tab-dtop span{padding: 0;display: block;width: 31.28%;float: left;}
.doy-07 .pub-tab-dbot{ margin: 0 auto; }
.doy-07 .dynrbox{ background: #f8f8f8; position: relative; padding: 40px 60px; overflow: hidden; }
.doy-07 .dynrbox .pbox{
	font-size: 18px;
	line-height: 36px;
	text-align: justify;
	padding-bottom: 50px;
}
.doy-07 .dynrbox .damor{
	width: 158px;
	height: 45px;
	line-height: 42px;
    background: url(../images/doy_bg4.png) no-repeat center top; 
    position: absolute;
    bottom: 36px;
    right: 42px;
    z-index: 1;
	font-size: 18px;
	color: #fff;
	text-align: center;
}

.doy-08{
  width: 100%;
  height: 740px;
  position: relative;
  background: url(../images/doy_bg3.jpg) no-repeat center; 
  background-size: cover; 
  -webkit-background-size: cover;
  overflow: hidden;
}
.doy-08 .dtit{
	margin: 0 auto;
	text-align: center;
	color: #fff;
}
.doy-08 .dtit .p1{
	width: 214px;
	height: 33px;
	line-height: 33px;
	font-size: 25px; 
	margin: 58px auto 8px;
	position: relative;
}
.doy-08 .dtit .p1:before{
	content: '';
	display: block;
	width: 30px;
	height: 3px;
	position: absolute;
	top: 15px;
	left: 0;
	z-index: 1;
	background: #fff;
}
.doy-08 .dtit .p1:after{
	content: '';
	display: block;
	width: 30px;
	height: 3px;
	position: absolute;
	top: 15px;
	right: 0;
	z-index: 1;
	background: #fff;
}

.doy-08 .dtit .p2{
	border: 3px solid #fff;
	margin: 0 auto;
	text-align: center;
	font-size: 20px;
	padding: 5px 12px;
	text-transform: uppercase;
}

.doy-08 .listbox{ margin: 92px auto 0; position: relative; overflow: hidden;}
.doy-08 .listbox .dytop{ width: 100%; }
.doy-08 .listbox .dytop .dli{ width: 25%; }
.doy-08 .listbox .dydot{ width: 75%; margin: 0 auto; position: relative; left: 2%; }
.doy-08 .listbox .dydot .dli{ width: 33%; }
.doy-08 .listbox .dli{ float: left; overflow: hidden; height: 235px; text-align: center;}
.doy-08 .listbox .dli .dic{ 
	width: 126px; 
	height: 126px; 
	text-align: center; 
	overflow: hidden; 
	margin: 0 auto; 
	position: relative;
	background: url(../images/dydic_bg.png) no-repeat -430px 0;
}
.doy-08 .listbox .dli .dic .bga{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	background: url(../images/dydic_bg.png) no-repeat -430px -146px;
}
.doy-08 .listbox .dli .dic .bgbox{
	width: 70px;
	height: 70px;
	position: absolute;
	top: 28px;
	left: 28px;
	z-index: 5;
	background: url(../images/dydic_bg.png) no-repeat 0 -280px;
}
.doy-08 .listbox .dli .dic .bgbox.bg1{ background-position-x: 0; }
.doy-08 .listbox .dli .dic .bgbox.bg2{ background-position-x: -90px; }
.doy-08 .listbox .dli .dic .bgbox.bg3{ background-position-x: -180px; }
.doy-08 .listbox .dli .dic .bgbox.bg4{ background-position-x: -270px; }
.doy-08 .listbox .dli .dic .bgbox.bg5{ background-position-x: -360px; }
.doy-08 .listbox .dli .dic .bgbox.bg6{ background-position-x: -450px; }
.doy-08 .listbox .dli .dic .bgbox.bg7{ background-position-x: -540px; }


.doy-08 .listbox .dli .p1{ font-size: 18px; color: #fff; text-align: center; margin-top: 25px; }


.doy-09{ background: none; }
.doy-09 .dtop{ height: 132px; background: url(../images/yxdy_t5.png) no-repeat right top; overflow: hidden;}
.doy-09 .dtop .ptit{ height: 93px; line-height: 93px; padding: 0 0 0 33px;}

/* 整合营销-抖音 */


.wxys .box2 .dl .bgt,.wxnews .newlibox .dli,.wxgn .dbot .dli .pbox,.pyq-02 .dlibox .dl .bgt,.pyq-02 .dlibox .dl .pbox,.pub-tab-dtop span,
.pub-tab-dtop span:after,.pyq-05 .dabox .dli .bg,.pyq-05 .dabox .dli,.pyq-08 .rylibox .dimg .imgbox,.pyq-08 .rylibox .dimg p,.pyq-05 .dabox .dli .pbox .dic,
.rwxcase .dli .pbox,.wxnews .hotbox .pbox .bgl,.wzjs-sj-04 .dlbox .dli .pbox .dic{
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;	
}

.wxgn .dbot .dli,.wxgn .dbot .dli .bgbox,.wxgn .dbot .dli .dic,.wxbk .dl .p1,.wxbk .dl .p3,.wxbk .dl .p4,.wxcase .dbot .pbox .a1 .sp1,
.wxgn .dbot .dli .nrbox{
	-webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;
}

.bgline1,.wxbk .dl .bg1,.wxbk .dl .bg2,.pyq-08 .rylibox .dimg .bgl1,.pyq-08 .rylibox .dimg .bgl2,.pyq-08 .rylibox .dimg .bgl3,.pyq-08 .rylibox .dimg .bgl4,
.pyq-08 .rylibox .dimg .bgl5 .pb{	
	-webkit-transition: all .6s ease-in-out 0s;
    -moz-transition: all .6s ease-in-out 0s;
    -ms-transition: all .6s ease-in-out 0s;
    -o-transition: all .6s ease-in-out 0s;
    transition: all .6s ease-in-out 0s;
}

.bgline2{	
    -webkit-transition: all .6s ease-in-out 0.2s;
    -moz-transition: all .6s ease-in-out 0.2s;
    -ms-transition: all .6s ease-in-out 0.2s;
    -o-transition: all .6s ease-in-out 0.2s;
    transition: all .6s ease-in-out 0.2s;
}

.bgline3{	
	-webkit-transition: all .6s ease-in-out 0.4s;
    -moz-transition: all .6s ease-in-out 0.4s;
    -ms-transition: all .6s ease-in-out 0.4s;
    -o-transition: all .6s ease-in-out 0.4s;
    transition: all .6s ease-in-out 0.4s;
}

.bgline4{	
	-webkit-transition: all .6s ease-in-out 0.6s;
    -moz-transition: all .6s ease-in-out 0.6s;
    -ms-transition: all .6s ease-in-out 0.6s;
    -o-transition: all .6s ease-in-out 0.6s;
    transition: all .6s ease-in-out 0.6s;
}

.wxgn .dbot .dli .p1,.wxgn .dbot .dli .p3,.pyq-05 .dabox .dli .pbox .p1,.pyq-02 .dlibox .dl .wzbox .p1,.pyq-02 .dlibox .dl .wzbox .p2{
	-webkit-transition: all 0s ease-in-out 0s;
	-moz-transition: all 0s ease-in-out 0s;
	-ms-transition: all 0s ease-in-out 0s;
	-o-transition: all 0s ease-in-out 0s;
	transition: all 0s ease-in-out 0s;		
}

.wxcase .dbot .ptit,.pyq-05 .wzbox .dlibox li,.pyq-05 .wzbox .dtpbox .pti,.pyq-06 .pubdbox .pubtitbox .p1,.pyq-08 .rylibox .dimg p,
.wxnews .abox a{
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}

.pyq-08 .rylibox .dimg,.pyq-08 .rylibox .dimg .imgbox,.pyq-08 .rylibox .dimg p{
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;
}


/* 整合营销-抖音 */
.doy-01 .dlbox .dli .bga,.doy-02 .listbox .dli .bgbox,.doy-02 .listbox .dli .bgbox .bga,.doy-08 .listbox .dli .dic .bga{
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;	
}

.doy-01 .dlbox .dli .bga,.doy-08 .listbox .dli .dic .bga{
	transform: rotate(-145deg);
	transform-origin:100% 100%;

	-ms-transform: rotate(-145deg); 		/* IE 9 */
	-ms-transform-origin:100% 100%; 		/* IE 9 */

	-webkit-transform: rotate(-145deg);	/* Safari 和 Chrome */
	-webkit-transform-origin:100% 100%;	/* Safari 和 Chrome */

	-moz-transform: rotate(-145deg);		/* Firefox */
	-moz-transform-origin:100% 100%;		/* Firefox */

	-o-transform: rotate(-145deg);		/* Opera */
	-o-transform-origin:100% 100%;		/* Opera */
    opacity: 0; 
    -webkit-opacity: 0;
}
.doy-01 .dlbox .dli:hover .bga,.doy-08 .listbox .dli:hover .dic .bga{ 
	transform: rotate(0);
	transform-origin:100% 100%;

	-ms-transform: rotate(0); 		/* IE 9 */
	-ms-transform-origin:100% 100%; 		/* IE 9 */

	-webkit-transform: rotate(0);	/* Safari 和 Chrome */
	-webkit-transform-origin:100% 100%;	/* Safari 和 Chrome */

	-moz-transform: rotate(0);		/* Firefox */
	-moz-transform-origin:100% 100%;		/* Firefox */

	-o-transform: rotate(0);		/* Opera */
	-o-transform-origin:100% 100%;		/* Opera */
    opacity: 1; 
    -webkit-opacity: 1;
}

.doy-02 .listbox .dli .bgbox .bga{
	transform:scale(0); 
	-webkit-transform:scale(0); 
	-ms-transform:scale(0); 
	-o-transform: scale(0); 
    opacity: 0; 
    -webkit-opacity: 0;
}

.doy-02 .listbox .dli:hover .bgbox .bga{
	transform:scale(1,1); 
	-webkit-transform:scale(1,1); 
	-ms-transform:scale(1,1); 
	-o-transform: scale(1,1); 
    opacity: 1; 
    -webkit-opacity: 1;
}

/* 整合营销-抖音 */