@charset "utf-8";
/* CSS Document */
@import url("font-karlaopensans.css");
@import url("owl.carousel.css");
@import url("interface-icons.css");
@import url("socicon.css");
@import url("iconsmind.css");
/* pop */
.addblack {
	width: 100%;
	height: 100%;
	display: none;
	background: #fff;
	filter: alpha(opacity=10);
	-moz-opacity: 0.5;
	opacity: 0.5;
	position: absolute;
	left: 0;
	top: 0;
}
#pop {
 background: #fff;
 width: 260px;
 border: 4px solid #cf0000;
 font-size: 12px;
 position: fixed;
 left: 10px;
 bottom: 10px;
 z-index: 99999;
 filter: alpha(opacity=90);
 -moz-opacity: 0.9;
 -khtml-opacity: 0.9;
 opacity: 0.9;
}
#popHead {
	line-height: 32px;
	background: #cf0000;
	border-bottom: 1px solid #e0e0e0;
	position: relative;
	font-size: 12px;
	padding: 0 0 0 10px;
}
#popHead h2 {
	font-size: 14px;
	color: #fff;
	line-height: 32px;
	height: 32px;
}
#popHead #popClose {
	position: absolute;
	right: 10px;
	top: 1px;
	color: #fff;
}
#popHead a#popClose:hover {
	color: #f00;
	cursor: pointer;
}
#popContent {
	padding: 5px 10px;
}
#popTitle a {
	line-height: 24px;
	font-size: 14px;
	font-family: '微软雅黑';
	color: #333;
	font-weight: bold;
	text-decoration: none;
}
#popTitle a:hover {
	color: #f60;
}
#popIntro {
	line-height: 200%;
	margin: 5px 0;
	color: #666;
}
#popMore {
	text-align: right;
	line-height: 24px;
	margin: 0 0 12px 0;
	border-bottom: 1px dotted #E1E1E1；
}
#popMore a {
	color: #f60;
}
#popMore a:hover {
	color: #f00;
}
#newBridge .icon-right-center {
	right: 0 !important;
	border-radius: 5px !important;
}
.webw {
	background: #FFF;
}
.webh {
	background: #fff;
}
.webimg {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.webh .imgh {
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 60%;
}
.tedianpic02 {
	display: none;
}
.cases{padding: 68px 0 20px;}
.cxanniu{
	
}
.cxanniu .owl-dots{
	display: none!important;
}
.cxanniu .owl-prev{
	display: block!important;
	left: -20px!important;
	bottom: 8px!important;
}
.cxanniu .owl-next{
	display: block!important;
	right: -20px!important;
	bottom: 8px!important;
}
.cxanniu .owl-prev:before,.cxanniu .owl-next:before {
    font-size: 1em!important;
}
.cxanniu .slides{
	overflow: inherit!important;
}
/*自己写的切换*/
	.centera {
		width: 100%;
	overflow:hidden;
}
.centera .myqiehuan_niu{
		text-align: center;  
	padding-bottom: 6.5em;
	  }
	  .centera .myqiehuan_niu a{
		  width: 200px;
    line-height: 60px;
    display: inline-block;
    background: #e9e9e9;
    border-radius: 5px;
    margin: 0 10px;
	  }
	  .centera .myqiehuan_niu a.dqhover{
		      color: #fff;
    background: #e62129;
	  }
#tablea {
	
}
.box {
	display:none
}

/*自己写的切换结束*/
.features .feature {
	transition: 0.5s linear;
	-webkit-transition: 0.5s linear;
	-moz-transition: 0.5s linear;
}
/*
.features-10 .feature:hover {
	color: #fff;
}
*/
/*
.features-10 .feature:hover h4, .features-10 .feature:hover p {
	color: #fff;
}
*/

/*
.features-10 .feature:hover .tedianpic01 {
	display:  inline-block;
}
.features-10 .feature:hover .icon-Phone-2:before{
	color: #fff;
}
.features-10 .feature:hover .icon-Map-Marker2:before {
    color: #fff;
}
.features-10 .feature:hover .socicon-qq:before {
    color: #fff;
}
*/
.newtt h5 {
	font-weight: normal !important;
}
.biaoge {
	border: 1px solid #dfdfdf;
	line-height: 50px;
	font-size: 14px;
}
.biaoge td {
	padding-left: 10px;
}

@media all and (max-width: 990px) {
.menu li.listson {
	background: none !important;
}
.menu > li a {
	display: block !important;
}
.topbor {
	border-bottom: 1px solid #e9e9e9;
}
}
.telico {
}
.pcguanggao {
	padding-top: 6.5em;
	padding-bottom: 0em;
}
.case_list {
	width: 1477px;
	margin: 0 auto;
	text-align: center;
}
.case_list li:first-child{margin: 0 0.7% 0 0}
.case_list li:last-child{margin: 0 0 0 0.7%;}
.case_list li {
	overflow: hidden;
	width: 23%;
	margin: 0 0.7%;
	display: inline-block;
	position: relative;
	background: #fff;
	transition: 0.2s linear;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	float: left;
	padding: 60px 43px;
    height: 427px;
}
.case_list li .card_pic {
	z-index: 9;
}
.case_list li .care_erweima {
	position: absolute;
	top: -450px;
	left: 0;
	background: rgba(0,0,0,.45);
	z-index: 99;
	width: 100%;
	height: 100%;
	padding-top: 20%;
	transition: .4s linear;
	-webkit-transition: .4s linear;
	-moz-transition: .4s linear;
	text-align: center;
}
.case_list li .care_erweima img {
	display: inline-block;
	max-width: 140px;
}
.case_list li .care_erweima p {
	display: block;
	width: 170px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background: #e62129;
	color: #fff;
	font-size: 14px;
	margin: 25px auto 0 auto;
	border-radius: 50px;
	clear: both;
}
.case_list li .care_erweima span{
	color: #fff;
	font-size: 14px;
}
.case_list li:hover {
	box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.07);
	cursor: pointer;
}
.case_list li:hover .care_erweima {
	top: 0px;
}
/*微信朋友圈广告*/
.wx_pyqa {
	width: 200px;
	line-height: 60px;
	display: inline-block;
	background: #e9e9e9;
	border-radius: 5px;
	margin: 0 10px;
}
.ggxingt {
	background: #fff;
}
.ggxingt .elements--title {
	margin: 0!important;
}
.scene-bendi .scene-pic {
	overflow: hidden;
}
.scene-pic .scene-paper {
	width: 285px;
	height: 446px;
	margin: 75px auto 0 auto;
	position: relative;
}
.scene-pic {
	background-image: url(../images/bg-phone.png);
	background-image: -webkit-image-set(url(../images/bg-phone.png) 1x, url(../images/bg-phone@2x.png) 2x);
	width: 323px;
	height: 521px;
	margin: 0 auto;
}
.scene-pic .bg-decor:after, .scene-pic .bg-decor:before {
	content: "‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧";
	position: absolute;
	overflow: hidden;
	line-height: 1;
	transition: all .6s .6s;
	opacity: 0;
}
.section-active .scene-pic .bg-decor:after, .section-active .scene-pic .bg-decor:before {
	opacity: 1;
}
/*01*/
.scene-item .scene-pic .bg-decor {
	left: 53px;
	top: 110px;
	position: absolute;
}
.scene-item .scene-pic .bg-decor:before {
	width: 170px;
	left: -31px;
	top: -75px;
	-webkit-transform: rotate(-52deg);
	transform: rotate(-52deg);
}
.scene-item .scene-pic .bg-decor:after, .scene-item .scene-pic .bg-decor:before {
	color: #e72431;
}
.scene-item .scene-pic .bg-decor:after {
	left: -46px;
	width: 200px;
	bottom: 214px;
	-webkit-transform: rotate(59deg);
	transform: rotate(59deg);
}
.pyq01 .section-active .bg-capt {
	height: 440px;
	-webkit-transform: scale(1) translate(105px, -135px);
	transform: scale(1) translate(105px, -135px);
}
.section-active .bg-capt {
	box-shadow: 1px 0 8px rgba(0,0,0,.3);
}
.scene-item .scene-pic .bg-shade {
	position: absolute;
}
.scene-item .bg-shade {
	background: #e72431;
	width: 134px;
	height: 134px;
}
.scene-item .scene-pic {
	display: inline-block;
}
.scene-item .bg-capt {
	position: relative;
	z-index: 2;
	transition: all .8s;
}
.scene-item .bg-capt {
	height: 260.19417476px;
	overflow: hidden;
	transition: all .8s;
	-webkit-transform: scale(.515);
	transform: scale(.515);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}
/*01结束*/

/*02*/
.scene-sp .scene-pic {
	display: inline-block;
}
.scene-sp .bg-decor {
	right: 0;
	top: 120px;
	position: absolute;
}
.scene-sp .bg-decor:before {
	top: 6px;
	-webkit-transform: rotate(14deg);
	transform: rotate(14deg);
}
.scene-sp .bg-decor:after, .scene-sp .bg-decor:before {
	right: 0;
	color: #fbc422;
	width: 100px;
}
.scene-sp .bg-decor:after {
	bottom: 8px;
	-webkit-transform: rotate(-14deg);
	transform: rotate(-14deg);
}
.scene-sp .bg-shade {
	background: #fbc422;
	-webkit-transform: scale(.8);
	transform: scale(.8);
	-webkit-transform-origin: right center;
	transform-origin: right center;
	width: 100%;
	position: absolute;
	height: 100%;
}
.scene-sp .bg-capt {
	-webkit-transform: translateX(0) scale(.86);
	transform: translateX(0) scale(.86);
	-webkit-transform-origin: right center;
	transform-origin: right center;
	transition: all .8s;
}
.pyq02 .section-active .bg-capt {
	-webkit-transform: translateX(-100px) scale(1);
	transform: translateX(-100px) scale(1);
}
/*02结束*/

/*03*/
.scene-tw .bg-decor {
	left: 0;
	top: 120px;
	position: absolute;
}
.scene-tw .bg-decor:before {
	top: 6px;
	-webkit-transform: rotate(-14deg);
	transform: rotate(-14deg);
}
.scene-tw .bg-decor:after {
	bottom: 8px;
	-webkit-transform: rotate(14deg);
	transform: rotate(14deg);
}
.scene-tw .bg-shade {
	background: #0ea74a;
	-webkit-transform: scale(.8);
	transform: scale(.8);
	-webkit-transform-origin: 0 center;
	transform-origin: 0 center;
	width: 100%;
	height: 100%;
}
.pyq03 .section-active .bg-capt {
	-webkit-transform: translateX(100px) scale(1);
	transform: translateX(100px) scale(1);
}
.scene-tw .scene-pic .bg-shade {
	position: absolute;
}
.scene-tw .bg-capt {
	position: relative;
	z-index: 2;
	transition: all .8s;
}
.scene-tw .bg-capt {
	-webkit-transform: translateX(0) scale(.86);
	transform: translateX(0) scale(.86);
	-webkit-transform-origin: 0 center;
	transform-origin: 0 center;
}
.scene-tw .scene-pic {
	display: inline-block;
}
.scene-tw .bg-decor:after, .scene-tw .bg-decor:before {
	left: 0;
	color: #0ea74a;
	width: 100px;
}
/*03结束*/


.bg-capt>img {
	display: block;
	max-width: none!important;
}

@media (min-width: 1201px) {
.hahapadding {
	padding-top: 60px;
}
.hahapadding02 {
	padding-top: 30px;
}
.hahaminheight {
	min-height: 580px!important;
}
.hahaminheight02 {
	min-height: 520px!important;
}
}
.tabs-content li {
	width: 100%;
}
/*微信公众号*/
.gzhguanggao {
	text-align: left;
	margin-top: 88px;
}
.gzhguanggao li {
	list-style: none;
	padding: 5px 0;
}
.gzhguanggao li h6 {
	font-size: 20px;
	margin: 0;
}
/*QQ客户端广告*/

/*01*/
.scene-shopping .bg-decor {
	right: 6px;
	top: 60px;
	position: absolute;
}
.scene-shopping .bg-decor:before {
	top: 0;
	-webkit-transform: rotate(8deg);
	transform: rotate(8deg);
}
.scene-shopping .bg-decor:after {
	bottom: 2px;
	-webkit-transform: rotate(-8deg);
	transform: rotate(-8deg);
}
.scene-shopping .bg-shade {
	background: #008de8;
	-webkit-transform: scale(.82);
	transform: scale(.82);
	-webkit-transform-origin: right center;
	transform-origin: right center;
	width: 100%;
	height: 100%;
	position: absolute;
}
.scene-shopping .bg-capt {
	-webkit-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: translateX(0) scale(.82);
	transform: translateX(0) scale(.82);
	z-index: 2;
	-webkit-transition: all .8s;
	transition: all .8s;
}
.qqyidong01 .section-active .bg-capt {
	-webkit-transform: translateX(-94px) scale(1);
	transform: translateX(-94px) scale(1);
}
.scene-shopping .scene-pic {
	display: inline-block;
}
.scene-shopping .bg-decor:after, .scene-shopping .bg-decor:before {
	right: 0;
	color: #008de8;
	width: 100px;
}
/*01end*/

/*02*/
.scene-bag .scene-pic {
	display: inline-block;
}
.scene-bag .bg-decor {
	left: 15px;
	top: 342px;
	position: absolute;
}
.scene-bag .bg-decor:before {
	top: -2px;
	-webkit-transform: rotate(-6deg);
	transform: rotate(-6deg);
}
.scene-bag .bg-decor:after {
	bottom: 0;
	-webkit-transform: rotate(6deg);
	transform: rotate(6deg);
}
.scene-bag .bg-shade {
	background: #e72431;
	-webkit-transform: scale(.77);
	transform: scale(.77);
	-webkit-transform-origin: 0 center;
	transform-origin: 0 center;
	width: 100%;
	height: 100%;
	position: absolute;
}
.scene-bag .bg-capt {
	-webkit-transform: translateX(0) scale(.78);
	transform: translateX(0) scale(.78);
	-webkit-transform-origin: 0 center;
	transform-origin: 0 center;
	z-index: 2;
	-webkit-transition: all .8s;
	transition: all .8s;
}
.qqyidong02 .section-active .bg-capt {
	-webkit-transform: translateX(88px) scale(1);
	transform: translateX(88px) scale(1);
}
.qqyidong02 .bg-decor:after, .qqyidong02 .bg-decor:before {
	left: 0;
	color: #e72431;
	width: 90px;
}
/*02end*/

/*03*/
.scene-hot .scene-pic {
	display: inline-block;
}
.scene-hot .bg-decor {
	right: 16px;
	top: 143px;
	position: absolute;
}
.scene-hot .bg-decor:before {
	top: -3px;
	-webkit-transform: rotate(4deg);
	transform: rotate(4deg);
}
.scene-hot .bg-decor:after {
	bottom: -2px;
	-webkit-transform: rotate(-4deg);
	transform: rotate(-4deg);
}
.qqyidong03 .bg-decor:after, .qqyidong03 .bg-decor:before {
	right: 0;
	color: #fbc422;
	width: 90px;
}
.scene-hot .bg-shade {
	background: #fbc422;
	-webkit-transform: scale(.79);
	transform: scale(.79);
	-webkit-transform-origin: right center;
	transform-origin: right center;
	width: 100%;
	height: 100%;
	position: absolute;
}
.scene-hot .bg-capt {
	-webkit-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: translateX(0) scale(.8);
	transform: translateX(0) scale(.8);
	z-index: 2;
	-webkit-transition: all .8s;
	transition: all .8s;
}
.qqyidong03 .section-active .bg-capt {
	-webkit-transform: translateX(-88px) scale(1);
	transform: translateX(-88px) scale(1);
}
/*03end*/

/*04*/
.scene-banner .scene-pic {
	display: inline-block;
}
.scene-banner .bg-decor {
	left: 10px;
	top: 286px;
	position: absolute;
}
.scene-banner .bg-decor:before {
	top: -1px;
	-webkit-transform: rotate(-8deg);
	transform: rotate(-8deg);
}
.scene-banner .bg-decor:after {
	bottom: 1px;
	-webkit-transform: rotate(8deg);
	transform: rotate(8deg);
}
.qqyidong04 .bg-decor:after, .qqyidong04 .bg-decor:before {
	left: 0;
	color: #0ea74a;
	width: 90px;
}
.scene-banner .bg-shade {
	background: #0ea74a;
	-webkit-transform: scale(.79);
	transform: scale(.79);
	-webkit-transform-origin: 0 center;
	transform-origin: 0 center;
	width: 100%;
	height: 100%;
	position: absolute;
}
.scene-banner .bg-capt {
	-webkit-transform: translateX(0) scale(.8);
	transform: translateX(0) scale(.8);
	-webkit-transform-origin: 0 center;
	transform-origin: 0 center;
	z-index: 2;
	-webkit-transition: all .8s;
	transition: all .8s;
}
.qqyidong04 .section-active .bg-capt {
	-webkit-transform: translateX(88px) scale(1);
	transform: translateX(88px) scale(1);
}
/*04end*/

/*05*/
.scene-weather .scene-pic {
	display: inline-block;
}
.scene-weather .bg-decor {
	right: 10px;
	top: 318px;
	position: absolute;
}
.scene-weather .bg-decor:before {
	top: -3px;
	-webkit-transform: rotate(5deg);
	transform: rotate(5deg);
}
.scene-weather .bg-decor:after {
	bottom: -1px;
	-webkit-transform: rotate(-5deg);
	transform: rotate(-5deg);
}
.qqyidong05 .bg-decor:after, .qqyidong05 .bg-decor:before {
	right: 0;
	color: #008de8;
	width: 90px;
}
.scene-weather .bg-shade {
	background: #008de8;
	-webkit-transform: scale(.8);
	transform: scale(.8);
	-webkit-transform-origin: right center;
	transform-origin: right center;
	width: 100%;
	height: 100%;
	position: absolute;
}
.scene-weather .bg-capt {
	-webkit-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: translateX(0) scale(.8);
	transform: translateX(0) scale(.8);
	z-index: 2;
	-webkit-transition: all .8s;
	transition: all .8s;
}
.qqyidong05 .section-active .bg-capt {
	-webkit-transform: translateX(-88px) scale(1);
	transform: translateX(-88px) scale(1);
}
/*05end*/

/*06*/
.scene-interest .scene-pic {
	display: inline-block;
}
.scene-interest .bg-decor {
	left: 12px;
	top: 205px;
	position: absolute;
}
.scene-interest .bg-decor:before {
	top: 12px;
	-webkit-transform: rotate(-24deg);
	transform: rotate(-24deg);
}
.scene-interest .bg-decor:after {
	bottom: 14px;
	-webkit-transform: rotate(23deg);
	transform: rotate(23deg);
}
.qqyidong06 .bg-decor:after, .qqyidong06 .bg-decor:before {
	color: #e72431;
	width: 95px;
	left: -2px;
}
.scene-interest .bg-shade {
	background: #e72431;
	-webkit-transform: scale(.497);
	transform: scale(.497);
	-webkit-transform-origin: 0 center;
	transform-origin: 0 center;
	width: 100%;
	height: 100%;
	position: absolute;
}
.scene-interest .bg-capt {
	-webkit-transform: translateX(0) scale(.78);
	transform: translateX(0) scale(.78);
	-webkit-transform-origin: 0 center;
	transform-origin: 0 center;
	z-index: 2;
	-webkit-transition: all .8s;
	transition: all .8s;
}
.qqyidong06 .section-active .bg-capt {
	-webkit-transform: translateX(88px) scale(1);
	transform: translateX(88px) scale(1);
}
/*06end*/

/*07*/
.scene-nearby .scene-pic {
	display: inline-block;
}
.scene-nearby .bg-decor {
	right: 7px;
	top: 210px;
	position: absolute;
}
.scene-nearby .bg-decor:before {
	top: -4px;
	-webkit-transform: rotate(4deg);
	transform: rotate(4deg);
}
.scene-nearby .bg-decor:after {
	bottom: -2px;
	-webkit-transform: rotate(-4deg);
	transform: rotate(-4deg);
}
.qqyidong07 .bg-decor:after, .qqyidong07 .bg-decor:before {
	right: 0;
	color: #fbc422;
	width: 100px;
}
.scene-nearby .bg-shade {
	background: #fbc422;
	-webkit-transform: scale(.81);
	transform: scale(.81);
	-webkit-transform-origin: right center;
	transform-origin: right center;
	width: 100%;
	height: 100%;
	position: absolute;
}
.scene-nearby .bg-capt {
	-webkit-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: translateX(0) scale(.82);
	transform: translateX(0) scale(.82);
	z-index: 2;
	-webkit-transition: all .8s;
	transition: all .8s;
}
.qqyidong07 .section-active .bg-capt {
	-webkit-transform: translateX(-94px) scale(1);
	transform: translateX(-94px) scale(1);
}
/*07end*/

/*qq客户端-桌面*/
.scene-pic02 {
	background-image: url(../images/bg-desktop.png);
	background-image: -webkit-image-set(url(../images/bg-desktop.png) 1x, url(../images/bg-desktop@2x.png) 2x);
	width: 506px;
	height: 318px;
}
.scene-pic02 .bg-decor:after, .scene-pic02 .bg-decor:before {
	content: "‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧";
	position: absolute;
	overflow: hidden;
	line-height: 1;
	transition: all .6s .6s;
	opacity: 0;
}
.section-active .scene-pic02 .bg-decor:after, .section-active .scene-pic02 .bg-decor:before {
	opacity: 1;
}
.scene-pic02 .scene-paper {
	width: 386px;
	height: 218px;
	background-size: 100% 100%;
	margin-top: 48px;
	border-bottom: 1px solid #dedede;
}
.scene-pic02 .scene-paper {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	position: relative;
	border: 1px solid #dedede;
	border-bottom: none;
	border-radius: 4px;
}
/*01*/
.scene-c2cbanner .scene-pic02 {
	display: inline-block;
}
.scene-c2cbanner .bg-decor {
	left: 224px;
	top: -4px;
	position: absolute;
}
.scene-c2cbanner .bg-decor:before {
	top: 12px;
	-webkit-transform: rotate(-30deg);
	transform: rotate(-30deg);
}
.scene-c2cbanner .bg-decor:after {
	bottom: 13px;
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
}
.qqzhuomian01 .bg-decor:after, .qqzhuomian01 .bg-decor:before {
	left: -2px;
	width: 46px;
	color: #008de8;
}
.scene-c2cbanner .bg-shade {
	background: #008de8;
	-webkit-transform: scale(.73);
	transform: scale(.73);
	-webkit-transform-origin: 0 center;
	transform-origin: 0 center;
	width: 100%;
	height: 100%;
	position: absolute;
}
.scene-c2cbanner .bg-capt {
	-webkit-transform-origin: 0 center;
	transform-origin: 0 center;
	-webkit-transform: translateX(0) scale(.730);
	transform: translateX(0) scale(.730);
	z-index: 2;
	-webkit-transition: all .8s;
	transition: all .8s;
}
.qqzhuomian01 .section-active .bg-capt {
	-webkit-transform: translateX(40px) scale(1);
	transform: translateX(40px) scale(1);
}
/*01end*/

/*02*/
.scene-window .scene-pic02 {
	display: inline-block;
}
.scene-window .bg-decor {
	left: 89px;
	top: 176px;
	position: absolute;
}
.scene-window .bg-decor:before {
	top: -1px;
	-webkit-transform: rotate(-15deg);
	transform: rotate(-15deg);
}
.qqzhuomian02 .bg-decor:after, .qqzhuomian02 .bg-decor:before {
	left: 0;
	width: 44px;
	color: #e72431;
}
.scene-window .bg-decor:after {
	bottom: 0;
	-webkit-transform: rotate(15deg);
	transform: rotate(15deg);
}
.scene-window .bg-shade {
	background: #e72431;
	-webkit-transform: scale(.36);
	transform: scale(.36);
	-webkit-transform-origin: 0 center;
	transform-origin: 0 center;
	width: 100%;
	height: 100%;
	position: absolute;
}
.scene-window .bg-capt {
	-webkit-transform-origin: 0 center;
	transform-origin: 0 center;
	-webkit-transform: translateX(0) scale(.4);
	transform: translateX(0) scale(.4);
	z-index: 2;
	-webkit-transition: all .8s;
	transition: all .8s;
}
.qqzhuomian02 .section-active .bg-capt {
	-webkit-transform: translateX(40px) scale(1);
	transform: translateX(40px) scale(1);
}
/*02end*/

/*03*/
.scene-tips .scene-pic02 {
	display: inline-block;
}
.scene-tips .bg-decor {
	right: 0;
	bottom: -14px;
	position: absolute;
}
.scene-tips .bg-decor:before {
	top: -1px;
	-webkit-transform: rotate(16deg);
	transform: rotate(16deg);
}
.scene-tips .bg-decor:after, .scene-tips .bg-decor:before {
	width: 50px;
	color: #fbc422;
	right: 0;
}
.scene-tips .bg-decor:after {
	bottom: 1px;
	-webkit-transform: rotate(-16deg);
	transform: rotate(-16deg);
}
.scene-tips .bg-shade {
	background: #fbc422;
	-webkit-transform: scale(.6);
	transform: scale(.6);
	-webkit-transform-origin: right center;
	transform-origin: right center;
	width: 100%;
	height: 100%;
	position: absolute;
}
.scene-tips .bg-capt {
	-webkit-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: translateX(0) scale(.6);
	transform: translateX(0) scale(.6);
	z-index: 2;
	-webkit-transition: all .8s;
	transition: all .8s;
}
.qqzhuomian03 .section-active .bg-capt {
	-webkit-transform: translateX(-48px) scale(1);
	transform: translateX(-48px) scale(1);
}
/*03end*/

/*04*/
.scene-announce .scene-pic02 {
	display: inline-block;
}
.scene-announce .bg-decor {
	left: 266px;
	top: 42px;
	position: absolute;
}
.scene-announce .bg-decor:before {
	top: -1px;
	-webkit-transform: rotate(-16deg);
	transform: rotate(-16deg);
}
.scene-announce .bg-decor:after, .scene-announce .bg-decor:before {
	left: 0;
	width: 42px;
	color: #0ea74a;
}
.scene-announce .bg-decor:after {
	bottom: 1px;
	-webkit-transform: rotate(16deg);
	transform: rotate(16deg);
}
.scene-announce .bg-shade {
	background: #0ea74a;
	-webkit-transform: scale(.6);
	transform: scale(.6);
	-webkit-transform-origin: 0 center;
	transform-origin: 0 center;
	width: 100%;
	height: 100%;
	position: absolute;
}
.scene-announce .bg-capt {
	-webkit-transform-origin: 0 center;
	transform-origin: 0 center;
	-webkit-transform: translateX(0) scale(.6);
	transform: translateX(0) scale(.6);
	z-index: 2;
	-webkit-transition: all .8s;
	transition: all .8s;
}
.qqzhuomian04 .section-active .bg-capt {
	-webkit-transform: translateX(40px) scale(1);
	transform: translateX(40px) scale(1);
}
/*04end*/

/*05*/
.scene-qun .scene-pic02 {
	display: inline-block;
}
.scene-qun .bg-decor {
	right: 30px;
	bottom: 147px;
	position: absolute;
}
.scene-qun .bg-decor:before {
	right: -2px;
	-webkit-transform: rotate(-16deg);
	transform: rotate(-16deg);
}
.scene-qun .bg-decor:after, .scene-qun .bg-decor:before {
	bottom: 2px;
	width: 58px;
	color: #008de8;
}
.scene-qun .bg-decor:after {
	left: -1px;
	-webkit-transform: rotate(16deg);
	transform: rotate(16deg);
}
.scene-qun .bg-shade {
	background: #008de8;
	-webkit-transform: scale(.36);
	transform: scale(.36);
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	width: 100%;
	height: 100%;
	position: absolute;
}
.scene-qun .bg-capt {
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-transform: translateY(0) scale(.36);
	transform: translateY(0) scale(.36);
	z-index: 2;
	-webkit-transition: all .8s;
	transition: all .8s;
}
.qqzhuomian05 .section-active .bg-capt {
	-webkit-transform: translateY(-14px) scale(1);
	transform: translateY(-14px) scale(1);
}
/*05end*/

/*06*/
.scene-qqshow .scene-pic02 {
	display: inline-block;
}
.scene-qqshow .bg-decor {
	left: 248px;
	top: 23px;
	position: absolute;
}
.scene-qqshow .bg-decor:before {
	top: -2px;
	-webkit-transform: rotate(-14deg);
	transform: rotate(-14deg);
}
.scene-qqshow .bg-decor:after, .scene-qqshow .bg-decor:before {
	left: 0;
	width: 48px;
	color: #e72431;
}
.scene-qqshow .bg-decor:after {
	bottom: -1px;
	-webkit-transform: rotate(14deg);
	transform: rotate(14deg);
}
.scene-qqshow .bg-shade {
	background: #e72431;
	-webkit-transform: scale(.88);
	transform: scale(.88);
	-webkit-transform-origin: 0 center;
	transform-origin: 0 center;
	width: 100%;
	height: 100%;
	position: absolute;
}
.scene-qqshow .bg-capt {
	-webkit-transform-origin: 0 center;
	transform-origin: 0 center;
	-webkit-transform: translateX(0) scale(.88);
	transform: translateX(0) scale(.88);
	z-index: 2;
	-webkit-transition: all .8s;
	transition: all .8s;
}
.qqzhuomian06 .section-active .bg-capt {
	-webkit-transform: translateX(40px) scale(1);
	transform: translateX(40px) scale(1);
}
/*06end*/

/*qq空间移动端*/
.buyao {
	margin: 0;
	line-height: 40px;
	min-height: inherit!important;
}
/*01*/
.scene-mix .scene-pic {
	display: inline-block;
}
.scene-mix .bg-decor {
	right: 0;
	top: 84px;
	position: absolute;
}
.scene-mix .bg-decor:before {
	top: 4px;
	-webkit-transform: rotate(12deg);
	transform: rotate(12deg);
}
.scene-mix .bg-decor:after, .scene-mix .bg-decor:before {
	right: 0;
	color: #008de8;
	width: 100px;
}
.scene-mix .bg-decor:after {
	bottom: 5px;
	-webkit-transform: rotate(-12deg);
	transform: rotate(-12deg);
}
.scene-mix .bg-shade {
	background: #008de8;
	-webkit-transform: scale(.86);
	transform: scale(.86);
	-webkit-transform-origin: right center;
	transform-origin: right center;
	width: 100%;
	height: 100%;
	position: absolute;
}
.qqydkj01 .section-active .bg-capt {
	-webkit-transform: translateX(-100px) scale(1);
	transform: translateX(-100px) scale(1);
}
.scene-mix .bg-capt {
	-webkit-transform: translateX(0) scale(.865);
	transform: translateX(0) scale(.865);
	-webkit-transform-origin: right center;
	transform-origin: right center;
	z-index: 2;
	-webkit-transition: all .8s;
	transition: all .8s;
}
/*01end*/

/*02*/
.scene-video .scene-pic {
	display: inline-block;
}
.scene-video .bg-decor {
	left: 0;
	top: 65px;
	position: absolute;
}
.scene-video .bg-decor:before {
	top: 5px;
	-webkit-transform: rotate(-14deg);
	transform: rotate(-14deg);
}
.scene-video .bg-shade {
	background: #e72431;
	-webkit-transform: scale(.85);
	transform: scale(.85);
	-webkit-transform-origin: 0 center;
	transform-origin: 0 center;
	width: 100%;
	height: 100%;
	position: absolute;
}
.scene-video .bg-decor:after {
	bottom: 8px;
	-webkit-transform: rotate(14deg);
	transform: rotate(14deg);
}
.scene-video .bg-decor:after, .scene-video .bg-decor:before {
	left: 0;
	color: #e72431;
	width: 100px;
}
.scene-video .bg-capt {
	-webkit-transform: translateX(0) scale(.862);
	transform: translateX(0) scale(.862);
	-webkit-transform-origin: 0 center;
	transform-origin: 0 center;
	z-index: 2;
	-webkit-transition: all .8s;
	transition: all .8s
}
.qqydkj02 .section-active .bg-capt {
	-webkit-transform: translateX(100px) scale(1);
	transform: translateX(100px) scale(1);
}
/*02end*/

/*03*/
.scene-pop .scene-pic {
	display: inline-block;
}
.scene-pop .bg-decor {
	right: 0;
	top: 84px;
	position: absolute;
}
.scene-pop .bg-decor:before {
	top: 5px;
	-webkit-transform: rotate(13deg);
	transform: rotate(13deg);
}
.scene-pop .bg-decor:after, .scene-pop .bg-decor:before {
	right: 0;
	color: #fbc422;
	width: 100px;
}
.scene-pop .bg-decor:after {
	bottom: 8px;
	-webkit-transform: rotate(-13deg);
	transform: rotate(-13deg);
}
.scene-pop .bg-shade {
	background: #fbc422;
	-webkit-transform: scale(.85);
	transform: scale(.85);
	-webkit-transform-origin: right center;
	transform-origin: right center;
	width: 100%;
	height: 100%;
	position: absolute;
}
.scene-pop .bg-capt {
	-webkit-transform: translateX(0) scale(.86);
	transform: translateX(0) scale(.86);
	-webkit-transform-origin: right center;
	transform-origin: right center;
	z-index: 2;
	-webkit-transition: all .8s;
	transition: all .8s;
}
.qqydkj03 .section-active .bg-capt {
	-webkit-transform: translateX(-100px) scale(1);
	transform: translateX(-100px) scale(1);
}
/*03end*/

/*04*/
.scene-tab .scene-pic {
	display: inline-block;
}
.scene-tab .bg-decor {
	left: 0;
	top: 65px;
	position: absolute;
}
.scene-tab .bg-decor:before {
	top: 6px;
	-webkit-transform: rotate(-14deg);
	transform: rotate(-14deg);
}
.scene-tab .bg-decor:after, .scene-tab .bg-decor:before {
	left: 0;
	color: #0ea74a;
	width: 100px;
}
.scene-tab .bg-decor:after {
	bottom: 8px;
	-webkit-transform: rotate(14deg);
	transform: rotate(14deg);
}
.scene-tab .bg-shade {
	background: #0ea74a;
	-webkit-transform: scale(.85);
	transform: scale(.85);
	-webkit-transform-origin: 0 center;
	transform-origin: 0 center;
	width: 100%;
	height: 100%;
	position: absolute;
}
.scene-tab .bg-capt {
	-webkit-transform: translateX(0) scale(.862);
	transform: translateX(0) scale(.862);
	-webkit-transform-origin: 0 center;
	transform-origin: 0 center;
	z-index: 2;
	-webkit-transition: all .8s;
	transition: all .8s;
}
.qqydkj04 .section-active .bg-capt {
	-webkit-transform: translateX(100px) scale(1);
	transform: translateX(100px) scale(1);
}
/*04end*/

/*05*/
.scene-brand .scene-pic {
	display: inline-block;
}
.scene-brand .bg-decor {
	right: 0;
	top: 64px;
	position: absolute;
}
.scene-brand .bg-decor:before {
	top: 8px;
	-webkit-transform: rotate(16deg);
	transform: rotate(16deg);
}
.scene-brand .bg-decor:after {
	bottom: 10px;
	-webkit-transform: rotate(-16deg);
	transform: rotate(-16deg);
}
.scene-brand .bg-decor:after, .scene-brand .bg-decor:before {
	right: -3px;
	color: #008de8;
	width: 106px;
}
.scene-brand .bg-shade {
	background: #008de8;
	-webkit-transform: scale(.85);
	transform: scale(.85);
	-webkit-transform-origin: right center;
	transform-origin: right center;
	width: 100%;
	height: 100%;
	position: absolute;
}
.qqydkj05 .section-active .bg-capt {
	-webkit-transform: translateX(-100px) scale(1);
	transform: translateX(-100px) scale(1);
}
.scene-brand .bg-capt {
	-webkit-transform: translateX(0) scale(.86);
	transform: translateX(0) scale(.86);
	-webkit-transform-origin: right center;
	transform-origin: right center;
	z-index: 2;
	-webkit-transition: all .8s;
	transition: all .8s;
}
/*05end*/

/*06*/
.scene-micro .scene-pic {
	display: inline-block;
}
.scene-micro .bg-decor {
	left: 0;
	top: 65px;
	position: absolute;
}
.scene-micro .bg-decor:before {
	top: 10px;
	-webkit-transform: rotate(-20deg);
	transform: rotate(-20deg);
}
.scene-micro .bg-decor:after, .scene-micro .bg-decor:before {
	left: -2px;
	color: #e72431;
	width: 106px;
}
.scene-micro .bg-decor:after {
	bottom: 12px;
	-webkit-transform: rotate(20deg);
	transform: rotate(20deg);
}
.scene-micro .bg-shade {
	background: #e72431;
	-webkit-transform: scale(.8);
	transform: scale(.8);
	-webkit-transform-origin: 0 center;
	transform-origin: 0 center;
	width: 100%;
	height: 100%;
	position: absolute;
}
.scene-micro .bg-capt {
	-webkit-transform: translateX(0) scale(.862);
	transform: translateX(0) scale(.862);
	-webkit-transform-origin: 0 center;
	transform-origin: 0 center;
	z-index: 2;
	-webkit-transition: all .8s;
	transition: all .8s;
}
.qqydkj06 .section-active .bg-capt {
	-webkit-transform: translateX(100px) scale(1);
	transform: translateX(100px) scale(1);
}
/*06end*/

/*QQ空间桌面*/
/*01*/
.scene-dynamics .scene-pic02 {
	display: inline-block;
}
.scene-dynamics .decor1 {
	right: 139px;
	top: 127px;
	position: absolute;
}
.scene-dynamics .decor1:before {
	top: -1px;
	-webkit-transform: rotate(16deg);
	transform: rotate(16deg);
}
.scene-dynamics .decor1:after, .scene-dynamics .decor1:before {
	right: 0;
	color: #008de8;
	width: 45px;
	-webkit-transition: all .8s 1.8s;
	transition: all .8s 1.8s;
}
.scene-dynamics .decor1:after {
	bottom: 1px;
	-webkit-transform: rotate(-16deg);
	transform: rotate(-16deg);
}
.scene-dynamics .decor1 .bg-shade {
	background: #008de8;
	-webkit-transform: scale(.6);
	transform: scale(.6);
	-webkit-transform-origin: right center;
	transform-origin: right center;
	width: 100%;
	height: 100%;
	position: absolute;
}
.scene-dynamics .decor1 .bg-capt {
	-webkit-transform: translateX(0) scale(.6);
	transform: translateX(0) scale(.6);
	-webkit-transform-origin: right center;
	transform-origin: right center;
	-webkit-transition: all .8s 1.2s;
	transition: all .8s 1.2s;
	z-index: 2;
	-webkit-transition: all .8s;
	transition: all .8s;
}
.scene-dynamics .decor2 {
	left: 254px;
	top: 142px;
	position: absolute;
}
.scene-dynamics .decor2:before {
	top: -3px;
	-webkit-transform: rotate(-18deg);
	transform: rotate(-18deg);
}
.scene-dynamics .decor2:after, .scene-dynamics .decor2:before {
	left: 0;
	color: #e72431;
	width: 24px;
	font-size: 12px;
}
.scene-dynamics .decor2:after {
	left: 0;
	bottom: -2px;
	-webkit-transform: rotate(18deg);
	transform: rotate(18deg);
}
.scene-dynamics .decor2 .bg-shade {
	background: #e72431;
	-webkit-transform: scale(.56);
	transform: scale(.56);
	-webkit-transform-origin: 0 center;
	transform-origin: 0 center;
	width: 100%;
	height: 100%;
	position: absolute;
}
.scene-dynamics .decor2 .bg-capt {
	-webkit-transform: translateX(0) scale(.6);
	transform: translateX(0) scale(.6);
	-webkit-transform-origin: 0 center;
	transform-origin: 0 center;
	z-index: 2;
	-webkit-transition: all .8s;
	transition: all .8s;
}
.qzonezhuomian01 .section-active .decor2 .bg-capt {
	-webkit-transform: translateX(20px) scale(1);
	transform: translateX(20px) scale(1);
}
.qzonezhuomian01 .section-active .decor1 .bg-capt {
	-webkit-transform: translateX(-42px) scale(1);
	transform: translateX(-42px) scale(1);
}
/*01end*/

/*02*/
.scene-personal .scene-pic02 {
	display: inline-block;
}
.scene-personal .decor1 {
	right: 267px;
	top: 68px;
	position: absolute;
}
.scene-personal .decor1:before {
	top: 10px;
	-webkit-transform: rotate(50deg);
	transform: rotate(50deg);
}
.scene-personal .decor1:after, .scene-personal .decor1:before {
	right: -8px;
	color: #0ea74a;
	width: 45px;
	-webkit-transition: all .8s 1.8s;
	transition: all .8s 1.8s;
}
.scene-personal .decor1:after {
	bottom: 10px;
	-webkit-transform: rotate(-50deg);
	transform: rotate(-50deg);
}
.scene-personal .decor1 .bg-shade {
	background: #0ea74a;
	-webkit-transform: scale(.6);
	transform: scale(.6);
	-webkit-transform-origin: right center;
	transform-origin: right center;
	width: 100%;
	height: 100%;
	position: absolute;
}
.scene-personal .decor1 .bg-capt {
	-webkit-transform: translateX(0) scale(.7);
	transform: translateX(0) scale(.7);
	-webkit-transform-origin: right center;
	transform-origin: right center;
	-webkit-transition: all .8s 1.2s;
	transition: all .8s 1.2s;
	z-index: 2;
	-webkit-transition: all .8s;
	transition: all .8s;
}
.scene-personal .decor2 {
	left: 251px;
	top: 2px;
	position: absolute;
}
.scene-personal .decor2:before {
	top: 0;
	-webkit-transform: rotate(-30deg);
	transform: rotate(-30deg);
}
.scene-personal .decor2:after, .scene-personal .decor2:before {
	left: -2px;
	color: #fbc422;
	width: 26px;
	font-size: 12px;
}
.scene-personal .decor2:after {
	left: 0;
	bottom: 1px;
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
}
.scene-personal .decor2 .bg-shade {
	background: #fbc422;
	-webkit-transform: scale(.54);
	transform: scale(.54);
	-webkit-transform-origin: 0 center;
	transform-origin: 0 center;
	width: 100%;
	height: 100%;
	position: absolute;
}
.scene-personal .decor2 .bg-capt {
	-webkit-transform: translateX(0) scale(.6);
	transform: translateX(0) scale(.6);
	-webkit-transform-origin: 0 center;
	transform-origin: 0 center;
	z-index: 2;
	-webkit-transition: all .8s;
	transition: all .8s;
}
.qzonezhuomian02 .section-active .decor2 .bg-capt {
	-webkit-transform: translateX(20px) scale(1);
	transform: translateX(20px) scale(1);
}
.qzonezhuomian02 .section-active .decor1 .bg-capt {
	-webkit-transform: translateX(-28px) scale(1);
	transform: translateX(-28px) scale(1);
}
/*02end*/

/*qq浏览器*/
.shuju {
}
.shuju .shuju01 .shuju01title {
	font-size: 36px;
	color: #e62129;
	line-height: 100px;
}
.shuju .shuju01 p {
	margin: 0;
}
/*01*/
.scene-shanping .scene-pic {
	display: inline-block;
}
.scene-shanping .bg-decor {
	right: 0;
	top: -24px;
	position: absolute;
}
.scene-shanping .bg-decor:before {
	top: 3px;
	-webkit-transform: rotate(11deg);
	transform: rotate(11deg);
}
.scene-shanping .bg-decor:after, .scene-shanping .bg-decor:before {
	right: 0;
	color: #008de8;
	width: 100px;
}
.scene-shanping .bg-decor:after {
	bottom: 5px;
	-webkit-transform: rotate(-12deg);
	transform: rotate(-12deg);
}
.scene-shanping .bg-shade {
	background: #008de8;
	-webkit-transform: scale(.908);
	transform: scale(.908);
	-webkit-transform-origin: right center;
	transform-origin: right center;
	width: 100%;
	height: 100%;
	position: absolute;
}
.qqllq01 .section-active .bg-capt {
	-webkit-transform: translateX(-100px) scale(1);
	transform: translateX(-100px) scale(1);
}
.scene-shanping .bg-capt {
	-webkit-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: translateX(0) scale(.908);
	transform: translateX(0) scale(.908);
	z-index: 2;
	-webkit-transition: all .8s;
	transition: all .8s;
}
/*01end*/

/*02*/
.scene-news .scene-pic {
	display: inline-block;
}
.scene-news .bg-decor {
	left: 0;
	top: 180px;
	position: absolute;
}
.scene-news .bg-decor:before {
	top: 0;
	-webkit-transform: rotate(-8deg);
	transform: rotate(-8deg);
}
.scene-news .bg-decor:after, .scene-news .bg-decor:before {
	left: 0;
	color: #e72431;
	width: 105px;
}
.scene-news .bg-decor:after {
	bottom: 2px;
	-webkit-transform: rotate(8deg);
	transform: rotate(8deg);
}
.scene-news .bg-shade {
	background: #e72431;
	-webkit-transform: scale(.85);
	transform: scale(.85);
	-webkit-transform-origin: 0 center;
	transform-origin: 0 center;
	width: 100%;
	height: 100%;
	position: absolute;
}
.scene-news .bg-capt {
	-webkit-transform-origin: 0 center;
	transform-origin: 0 center;
	-webkit-transform: translateX(0) scale(.86);
	transform: translateX(0) scale(.86);
	z-index: 2;
	-webkit-transition: all .8s;
	transition: all .8s;
}
.qqllq02 .section-active .bg-capt {
	-webkit-transform: translateX(100px) scale(1);
	transform: translateX(100px) scale(1);
}
/*02end*/

/*03*/
.scene-haowen .scene-pic {
	display: inline-block;
}
.scene-haowen .bg-decor {
	right: 10px;
	top: 190px;
	position: absolute;
}
.scene-haowen .bg-decor:before {
	top: 0;
	-webkit-transform: rotate(9deg);
	transform: rotate(9deg);
}
.scene-haowen .bg-decor:after, .scene-haowen .bg-decor:before {
	right: 0;
	color: #fbc422;
	width: 90px;
}
.scene-haowen .bg-decor:after {
	bottom: 2px;
	-webkit-transform: rotate(-9deg);
	transform: rotate(-9deg);
}
.scene-haowen .bg-shade {
	background: #fbc422;
	-webkit-transform: scale(.79);
	transform: scale(.79);
	-webkit-transform-origin: right center;
	transform-origin: right center;
	width: 100%;
	height: 100%;
	position: absolute;
}
.qqllq03 .section-active .bg-capt {
	-webkit-transform: translateX(-90px) scale(1);
	transform: translateX(-90px) scale(1);
}
.scene-haowen .bg-capt {
	-webkit-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: translateX(0) scale(.8);
	transform: translateX(0) scale(.8);
	z-index: 2;
	-webkit-transition: all .8s;
	transition: all .8s;
}
/*03end*/

/*04*/
.scene-pause .scene-pic {
	display: inline-block;
}
.scene-pause .bg-decor {
	left: 33px;
	top: 26px;
	position: absolute;
}
.scene-pause .bg-decor:before {
	top: 10px;
	-webkit-transform: rotate(-33deg);
	transform: rotate(-33deg);
}
.scene-pause .bg-decor:after, .scene-pause .bg-decor:before {
	left: -4px;
	color: #e72431;
	width: 63px;
}
.scene-pause .bg-decor:after {
	bottom: 12px;
	-webkit-transform: rotate(33deg);
	transform: rotate(33deg);
}
.scene-pause .bg-shade {
	background: #e72431;
	-webkit-transform: scale(.62);
	transform: scale(.62);
	-webkit-transform-origin: 0 center;
	transform-origin: 0 center;
	width: 100%;
	height: 100%;
	position: absolute;
}
.qqllq04 .section-active .bg-capt {
	-webkit-transform: translateX(55px) scale(1);
	transform: translateX(55px) scale(1);
}
.scene-pause .bg-capt {
	-webkit-transform-origin: 0 center;
	transform-origin: 0 center;
	-webkit-transform: translateX(0) scale(.62);
	transform: translateX(0) scale(.62);
	z-index: 2;
	-webkit-transition: all .8s;
	transition: all .8s;
}
/*04end*/

/*05*/
.scene-cont .scene-pic {
	display: inline-block;
}
.scene-cont .bg-decor {
	right: 0;
	top: 190px;
	position: absolute;
}
.scene-cont .bg-decor:before {
	top: -2px;
	-webkit-transform: rotate(6deg);
	transform: rotate(6deg);
}
.scene-cont .bg-decor:after, .scene-cont .bg-decor:before {
	right: 0;
	color: #fbc422;
	width: 90px;
}
.scene-cont .bg-decor:after {
	bottom: -1px;
	-webkit-transform: rotate(-6deg);
	transform: rotate(-6deg);
}
.scene-cont .bg-shade {
	background: #fbc422;
	-webkit-transform: scale(.86);
	transform: scale(.86);
	-webkit-transform-origin: right center;
	transform-origin: right center;
	width: 100%;
	height: 100%;
	position: absolute;
}
.qqllq05 .section-active .bg-capt {
	-webkit-transform: translateX(-90px) scale(1);
	transform: translateX(-90px) scale(1);
}
.scene-cont .bg-capt {
	-webkit-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: translateX(0) scale(.86);
	transform: translateX(0) scale(.86);
	z-index: 2;
	-webkit-transition: all .8s;
	transition: all .8s;
}
/*05end*/

/*06*/
.scene-sear .scene-pic {
	display: inline-block;
}
.scene-sear .bg-decor {
	left: 0;
	top: 150px;
	position: absolute;
}
.scene-sear .bg-decor:before {
	top: -1px;
	-webkit-transform: rotate(-12deg);
	transform: rotate(-12deg);
}
.scene-sear .bg-decor:after, .scene-sear .bg-decor:before {
	left: 0;
	color: #008de8;
	width: 58px;
}
.scene-sear .bg-decor:after {
	bottom: 1px;
	-webkit-transform: rotate(12deg);
	transform: rotate(12deg);
}
.scene-sear .bg-shade {
	background: #008de8;
	-webkit-transform: scale(.68);
	transform: scale(.68);
	-webkit-transform-origin: 0 center;
	transform-origin: 0 center;
	width: 100%;
	height: 100%;
	position: absolute;
}
.scene-sear .bg-capt {
	-webkit-transform-origin: 0 center;
	transform-origin: 0 center;
	-webkit-transform: translateX(0) scale(.7);
	transform: translateX(0) scale(.7);
	z-index: 2;
	-webkit-transition: all .8s;
	transition: all .8s;
}
.qqllq06 .section-active .bg-capt {
	-webkit-transform: translateX(55px) scale(1);
	transform: translateX(55px) scale(1);
}
/*06end*/

/*腾讯视频广告*/
/*01*/
.scene-small .scene-pic {
	display: inline-block;
}
.scene-small .bg-decor {
	right: 0;
	top: 142px;
	position: absolute;
}
.scene-small .bg-decor:before {
	top: -1px;
	-webkit-transform: rotate(5deg);
	transform: rotate(5deg);
}
.scene-small .bg-decor:after, .scene-small .bg-decor:before {
	color: #008de8;
	right: 0;
	width: 142px;
}
.scene-small .bg-decor:after {
	bottom: 1px;
	-webkit-transform: rotate(-5deg);
	transform: rotate(-5deg);
}
.scene-small .bg-shade {
	background: #008de8;
	-webkit-transform: scale(.77);
	transform: scale(.77);
	-webkit-transform-origin: right center;
	transform-origin: right center;
	width: 100%;
	height: 100%;
	position: absolute;
}
.txsp01 .section-active .bg-capt {
	-webkit-transform: translateX(-142px) scale(1);
	transform: translateX(-142px) scale(1);
}
.scene-small .bg-capt {
	-webkit-transform: translateX(0) scale(.778);
	transform: translateX(0) scale(.778);
	-webkit-transform-origin: right center;
	transform-origin: right center;
	z-index: 2;
	-webkit-transition: all .8s;
	transition: all .8s;
}
/*01end*/

/*02*/
.scene-big .scene-pic, .scene-big-video .scene-pic {
	display: inline-block;
}
.scene-big .bg-decor, .scene-big-video .bg-decor {
	left: 0;
	top: 138px;
	position: absolute;
}
.scene-big .bg-decor:before, .scene-big-video .bg-decor:before {
	top: 6px;
	-webkit-transform: rotate(-16deg);
	transform: rotate(-16deg);
	left: -1px;
}
.scene-big .bg-decor:after, .scene-big .bg-decor:before, .scene-big-video .bg-decor:after, .scene-big-video .bg-decor:before {
	left: 0;
	color: #e72431;
	width: 90px;
}
.scene-big .bg-decor:after, .scene-big-video .bg-decor:after {
	bottom: 8px;
	-webkit-transform: rotate(16deg);
	transform: rotate(16deg);
	left: -2px;
}
.scene-big .bg-shade, .scene-big-video .bg-shade {
	background: #e72431;
	-webkit-transform: scale(.77);
	transform: scale(.77);
	-webkit-transform-origin: 0 center;
	transform-origin: 0 center;
	width: 100%;
	height: 100%;
	position: absolute;
}
.txsp02 .section-active .bg-capt {
	-webkit-transform: translateX(88px) scale(1);
	transform: translateX(88px) scale(1);
}
.scene-big .bg-capt, .scene-big-video .bg-capt {
	-webkit-transform: translateX(0) scale(.778);
	transform: translateX(0) scale(.778);
	-webkit-transform-origin: 0 center;
	transform-origin: 0 center;
	z-index: 2;
	-webkit-transition: all .8s;
	transition: all .8s;
}
/*02end*/

/*03*/

.scene-small02 .scene-pic {
	display: inline-block;
}
.scene-small02 .bg-decor {
	right: 0;
	top: 155px;
	position: absolute;
}
.scene-small02 .bg-decor:before {
	top: -1px;
	-webkit-transform: rotate(5deg);
	transform: rotate(5deg);
}
.scene-small02 .bg-decor:after, .scene-small02 .bg-decor:before {
	color: #008de8;
	right: 0;
	width: 142px;
}
.scene-small02 .bg-decor:after {
	bottom: 1px;
	-webkit-transform: rotate(-5deg);
	transform: rotate(-5deg);
}
.scene-small02 .bg-shade {
	background: #008de8;
	-webkit-transform: scale(.67);
	transform: scale(.67);
	-webkit-transform-origin: right center;
	transform-origin: right center;
	width: 100%;
	height: 100%;
	position: absolute;
}
.txsp03 .section-active .bg-capt {
	-webkit-transform: translateX(-142px) scale(1);
	transform: translateX(-142px) scale(1);
}
.scene-small02 .bg-capt {
	-webkit-transform: translateX(0) scale(.678);
	transform: translateX(0) scale(.678);
	-webkit-transform-origin: right center;
	transform-origin: right center;
	z-index: 2;
	-webkit-transition: all .8s;
	transition: all .8s;
}
/*03end*/

/*04*/
.txsp04 .section-active .bg-capt {
	-webkit-transform: translateX(88px) scale(1);
	transform: translateX(88px) scale(1);
}
/*04end*/

/*05*/
.txsp05 .section-active .bg-capt {
	-webkit-transform: translateX(-100px) scale(1);
	transform: translateX(-100px) scale(1);
}
/*05end*/
/*06*/
.txsp06 .section-active .bg-capt {
	-webkit-transform: translateX(88px) scale(1);
	transform: translateX(88px) scale(1);
}
/*06end*/

/*腾讯新闻广告*/
/*01*/
.txnews01 .section-active .bg-capt {
	-webkit-transform: translateX(-142px) scale(1);
	transform: translateX(-142px) scale(1);
}
/*01end*/

/*02*/
.scene-multi .scene-pic {
	display: inline-block;
}
.scene-multi .bg-decor {
	left: 0;
	top: 168px;
	position: absolute;
}
.scene-multi .bg-decor:before {
	top: 0;
	-webkit-transform: rotate(-9deg);
	transform: rotate(-9deg);
}
.scene-multi .bg-decor:after, .scene-multi .bg-decor:before {
	left: 0;
	color: #e72431;
	width: 90px;
}
.scene-multi .bg-decor:after {
	bottom: 2px;
	-webkit-transform: rotate(9deg);
	transform: rotate(9deg);
}
.scene-multi .bg-shade {
	background: #e72431;
	-webkit-transform: scale(.75);
	transform: scale(.75);
	-webkit-transform-origin: 0 center;
	transform-origin: 0 center;
	width: 100%;
	height: 100%;
	position: absolute;
}
.txnews02 .section-active .bg-capt {
	-webkit-transform: translateX(88px) scale(1);
	transform: translateX(88px) scale(1);
}
.scene-multi .bg-capt {
	-webkit-transform: translateX(0) scale(.76);
	transform: translateX(0) scale(.76);
	-webkit-transform-origin: 0 center;
	transform-origin: 0 center;
	z-index: 2;
	-webkit-transition: all .8s;
	transition: all .8s;
}
/*02end*/

/*03*/
.scene-big02 .scene-pic {
	display: inline-block;
}
.scene-big02 .bg-decor {
	right: 0;
	top: 220px;
	position: absolute;
}
.scene-big02 .bg-decor:before {
	top: 10px;
	-webkit-transform: rotate(9deg);
	transform: rotate(9deg);
}
.scene-big02 .bg-decor:after, .scene-big02 .bg-decor:before {
	color: #fbc422;
	right: 0;
	width: 90px;
}
.scene-big02 .bg-decor:after {
	bottom: 14px;
	-webkit-transform: rotate(-9deg);
	transform: rotate(-9deg);
}
.scene-big02 .bg-shade {
	background: #fbc422;
	-webkit-transform: scale(.73);
	transform: scale(.73);
	-webkit-transform-origin: right center;
	transform-origin: right center;
	width: 100%;
	height: 100%;
	position: absolute;
}
.txnews03 .section-active .bg-capt {
	-webkit-transform: translateX(-90px) scale(1);
	transform: translateX(-90px) scale(1);
}
.scene-big02 .bg-capt {
	-webkit-transform: translateX(0) scale(.76);
	transform: translateX(0) scale(.76);
	-webkit-transform-origin: right center;
	transform-origin: right center;
	z-index: 2;
	-webkit-transition: all .8s;
	transition: all .8s;
}
/*03end*/

/*04*/
.txnews04 .section-active .bg-capt {
	-webkit-transform: translateX(88px) scale(1);
	transform: translateX(88px) scale(1);
}
/*04end*/


/*首页优势*/
.youshili {
	width: 50%;
	padding: 0 5%;
	margin: 2% 0;
	float: left;
}
.youshili .youshiico {
	float: left;
	width: 80px;
	height: 80px;
	margin-top: 17px;
}
.youshili .youshiico img {
	width: 100%;
}
.youshili .feature {
	float: left;
	margin: 0 0 0 30px;
	width: 76%;
}
.youshili .feature h6 {
	font-size: 22px;
	color: #fff;
	margin: 0!important;
}
.youshili .youshiwen p {
	font-size: 14px;
	line-height: 24px;
	color: rgba(255,255,255,.5);
}
/*品牌客户*/
.brandkehu {
	background: #fff;
}
.slider--controlsoutside .slides .kehulist .card {
	border: 1px solid #eeeeee;
}
.kehutit {
	font-size: 18px;
	color: #e62129;
	padding-bottom: 35px;
}
.kehutit span {
	font-size: 12px;
	color: #bfbfbf;
	text-transform: uppercase;
	padding-left: 15px;
}
.footerer img {
	width: 160px;
	padding-left: 30px;
}
.ditu {
}
.ditu iframe {
	padding: 3px;
	border: 1px solid #eee;
	background: #fff;
}

@media all and (max-width: 1480px) {
.case_list {
	width: 95%;
	margin: 0 auto;
	text-align: center;
}
}

@media all and (max-width: 1200px) {
.webyc {
	/*	display: none;*/
	width: 100%!important;
}
.imageblock .imageblock__content {
	min-height: 16.25em;width: 50%;
}
.col-md-push-6{width: 50%;}
.hahapadding {
	padding-top: 60px;
}
.hahapadding02 {
	padding-top: 30px;
}
.hahaminheight {
	min-height: none!important;
}
.hahaminheight02 {
	min-height: none!important;
}
.col-md-push-6 {
	width: 100%;
}
.col-sm-push-4 {
	left: 0 ;
}
.coll {
	width: 100% !important;
	left: 0 !important;
}
}

@media all and (min-width: 768px) {
.shoujipic {
	display: none;
}
}

/*手机版*/
@media all and (max-width: 767px) {
.nav-bar a.nav-function span {
	letter-spacing: 0px!important;
	margin: 0!important;
}
.setop {
	right: 10px!important;
}
.footerer img {
	width: 130px;
	padding-left: 0px;
}
.pcguanggao {
	padding-top: 3.5em;
	padding-bottom: 0em;
}
.pcguanggao .lead {
	line-height: 22px;
}
.case_list {
	width: 95%;
	margin: 0 auto;
	text-align: center;
}
	.pro_list {
	width: 95%;
	margin: 0 auto;
	text-align: center;
}
.case_list li {
	overflow: hidden;
	width: 100%;
	margin: 0 0 10px 0!important;
	display: inline-block;
	position: relative;
	background: #fff;
	transition: 0.2s linear;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
}
/*首页优势*/
.features-7 .text-center h2 {
	font-size: 1.4375em;
	line-height: 1.625em;
}
.youshili {
	width: 100%;
	padding: 0 5%;
	margin: 2% 0;
	float: left;
}
.youshili .youshiico {
	float: left;
	width: 50px;
	height: 50px;
	margin-top: 17px;
}
.youshili .youshiico img {
	width: 100%;
}
.youshili .feature {
	float: left;
	margin: 0 0 0 13px;
	width: 78%;
}
.youshili .feature h6 {
	font-size: 16px;
	color: #fff;
	margin: 0!important;
}
	.newc .feature p {
    font-size: 12px!important;
    opacity: .8 !important;
}
.youshili .youshiwen p {
	font-size: 12px;
	line-height: 24px;
	color: rgba(255,255,255,.5);
}
.nav-open .nav-bar .logo-module a img {
/*
	width: auto;
    margin: 0;
*/
}

/*微信朋友圈*/
.wx_pyqa {
	width: 140px;
	line-height: 40px;
	display: inline-block;
	background: #e9e9e9;
	border-radius: 5px;
	margin: 0 5px;
	font-size: 12px;
}
	.centera .myqiehuan_niu a {
    width: 140px;
	line-height: 40px;
	display: inline-block;
	background: #e9e9e9;
	border-radius: 5px;
	margin: 0 5px;
	font-size: 12px;
}
	
.hahapadding {
	padding-top: 60px;
}
.hahapadding02 {
	padding-top: 30px;
}
.hahaminheight {
	min-height: none!important;
}
.hahaminheight02 {
	min-height: none!important;
}
.scene-pic {
	background-image: url(../images/bg-phone.png);
	background-image: -webkit-image-set(url(../images/bg-phone.png) 1x, url(../images/bg-phone@2x.png) 2x);
	background-size: cover;
	width: 200px;
	height: 323px;
	margin: 0 auto;
}
.scene-pic .scene-paper {
	width: 185px;
	height: 290px;
	margin: 45px auto 0 auto;
	position: relative;
	background-size: cover;
}
.tabs-1 .tabs li .btn span {
	outline: none;
	font-size: 14px!important;
}
.gzhguanggao {
	text-align: left;
	margin-top: 0px!important;
}
.feature-1 p {
	min-height: 0!important;
}
.shuju .shuju01 {
	padding-bottom: 15px;
}
.shuju .shuju01 .shuju01title {
	font-size: 24px!important;
	color: #e62129;
	line-height: 40px!important;
}
}
.masonry__filters ul li .sidsenav {
width:100%; height:56px; position:absolute;top:100%;z-index:99999999;display:none;background: #fff;left: 0;margin: 0 0 52px!important;overflow: hidden;text-align: center;
}
.sidsenav dd {
    margin: 0 16px;
    line-height: 56px;text-align: center;
}
.sidsenav dl{
	    display: inline-block;
    text-align: center;
}
.sidsenav dd a:hover {color: #e62129!important;}
.sidsenav dd a {
    display: block;
    color: #333!important;
    opacity: 1\9;
    opacity: 1;
    font-size: 14px!important;
    line-height: 56px;
    position: relative;
    z-index: 100;float: left;border: none!important;
	padding: 0 4%!important;
	font-weight: normal!important;
}
	.masonry .masonry__filters li.active .sidsenav {
		
		display: block;
	}

@media all and (max-width: 990px) {
.masonry .masonry__filters li.active .sidsenav{
		display: block;
	}
	}