@charset "utf-8";
/* CSS Document ，内容部份*/
/*栏目导航*/
 #mynav{width:100%; height: 104px;position: fixed;top: 0;background:#fff;opacity:0.95; border-bottom:1px solid #F1F1F1;z-index:999;}
@media screen and ( max-width:768px ){
    #mynav{ display: none;}
}
.header{ margin: 0 auto; width: 1200px; height: 104px; overflow: hidden;background: url(/template/img/top-tel.png) right center no-repeat;}
.head-logo{float:left; display: inline;overflow: hidden;}
.head-logo img{width: 189px; height: 58px; padding: 23px 0;float: left;display: inline;}
.head-logo span{ font-size: 13px;float: left;display: inline;line-height:18px; padding:35px 0 0 15px;}
.head-nav{ width:560px; overflow: hidden;float: right;display:block ;margin-top:26px; padding-right: 260px;}
.head-nav ul{font-size: 16px;}
.head-nav ul li{float: left; height: 50px;line-height:50px; margin: 0 10px; }
.head-nav ul li a{ color: #333;margin:8px 15px ; padding:10px 0;}
.head-nav ul li a#cut{border-bottom: 2px solid #c23136; color: #c23136; }
.head-nav ul li a:hover{ border-bottom: 2px solid #c23136; color: #c23136; }
@media screen and ( max-width:768px ){
	.header{ width: 280px;background: #fff;}
    .head-logo{ width:280px; margin: 0 auto;overflow: hidden;}
    .head-logo img{ height: 58px; padding:5px 0;float: left;display: inline;}
    .head-logo span{ font-size: 12px;float: left;display: inline;line-height:18px; padding:16px 0 0 13px;}
    .head-nav{ display: none;}
}
/*栏目导航-wap*/
.wap-nav{ display: none;}
@media screen and ( max-width:768px ){
	.wap-nav{display: block;}
    .wap-nav{width: 100%; /* padding-bottom: 50px; */ position: relative; overflow: hidden;}
    .wap-header{height:50px;/* position: fixed; */ background-color:#FBFBFB;text-align: center; width:100%; top: 0; z-index: 100;overflow: hidden;border-bottom: 1px solid #F1F1F1;}
    .wap-header img{height:100%;}
    .wap-header h1{height:100%;margin-left: 40px;}
    .wap-header h1 img{ height:40px;margin-top:5px;}
    .wap-header-back{ float: left; width:24px;height:24px;margin:13px 10px;}
    .wap-nav-lb{ float:right; width: 30px;height:30px; margin:11px 10px;}
    .wap-nav-list-close{display:none;}
    .wap-nav-shade{ position:fixed; width:100%;height:100%;left:0;top:0;z-index:999;display:none;overflow: hidden;}
    .wap-nav-list{ width:50%;height:100%; padding:50px 0;position:fixed; left:100%; top: 0; text-align: left;z-index: 11111; overflow: hidden;background: #FBFBFB;}
    .wap-nav-list ul i{ display: block; height:10px;}
    .wap-nav-list ul li{ line-height:45px; font-size:1rem; text-indent:40px; background: url(/template/img/wap-nav-d.png) 20px center no-repeat; background-size:4%;}
    .wap-nav-list ul li img{ margin: -10px 0 0 3px; animation: rubberBand 1.2s infinite linear;}
    .wap-nav-list ul li a{ display: block; color: #767676; height:45px; border-bottom: 1px solid #F1F1F1;}
    .wap-nav-list ul li a.nav-s{ background: url(/template/img/wap-nav-more.png) no-repeat right 1rem center; background-size:4%;}
    .wap-nav-list ul li div{ display: none;background: #FFFFFF;}
    .wap-nav-list ul li div span{ display: block;}
    .wap-nav-list ul li div span a{ display: block; background: url(/template/img/wap-nav-dit.png) no-repeat 40px center; background-size:4%; padding-left: 20px;}
    .wap-nav-list ul li.active{ background: url(/template/img/wap-nav-d-hover.png) no-repeat 20px 20px; background-size:4%;}
    .wap-nav-list ul li.active > a{ color: #F22D11;}
    .wap-nav-list ul li.active > a.nav-s{ background: url(/template/img/wap-nav-off.png) no-repeat right 1rem center; background-size: 4%;}
}
/* spps-分类导航 */
.spps-fl{width: 1220px;margin: 0 auto;overflow: hidden;}
.spps-fl dt{overflow: hidden; padding-top:100px;text-align: center;}
.spps-fl dt h1{ display: block; background: url(/template/img/x.png) bottom center no-repeat; text-align: center; padding-bottom: 20px;font-size:50px;color:#333 ;}
.spps-fl dt i{ display: block; text-align: center; padding-top: 20px;font-size:20px;}
.spps-fl ul li{ width: 263px;border: 1px solid #F1F1F1;float: left;  display: inline;overflow: hidden; margin:55px 20px 20px 20px;border-radius: 5px;box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.spps-fl ul li.xc{ background: url(/template/img/spps/fl-1.png) top 60px center no-repeat; padding-top:195px;}
.spps-fl ul li.xc em{ font-size:32px ; display: block; text-align: center; background: url(/template/img/x-white.png) bottom center no-repeat; padding-bottom: 25px;}
.spps-fl ul li.xc p{font-size:15px; padding:20px 15px 60px 15px; text-align: center; line-height:26px;}
.spps-fl ul li.xc:hover{ background: url(/template/img/spps/fl-1-hover.png) top 60px center no-repeat#F20956; padding-top: 195px;color: #FFFFFF;cursor:pointer;transition: background-color.5s;}
.spps-fl ul li.zt{ background: url(/template/img/spps/fl-2.png) top 60px center no-repeat; padding-top:195px;}
.spps-fl ul li.zt em{ font-size:32px ; display: block; text-align: center; background: url(/template/img/x-white.png) bottom center no-repeat; padding-bottom: 25px;}
.spps-fl ul li.zt p{font-size:15px; padding:20px 15px 60px 15px; text-align: center; line-height:26px;}
.spps-fl ul li.zt:hover{ background: url(/template/img/spps/fl-2-hover.png) top 60px center no-repeat#F20956; padding-top: 195px;color: #FFFFFF;cursor:pointer;transition: background-color.5s;}
.spps-fl ul li.shop{ background: url(/template/img/spps/fl-3.png) top 60px center no-repeat; padding-top:195px;}
.spps-fl ul li.shop em{ font-size:32px ; display: block; text-align: center; background: url(/template/img/x-white.png) bottom center no-repeat; padding-bottom: 25px;}
.spps-fl ul li.shop p{font-size:15px; padding:20px 15px 60px 15px; text-align: center; line-height:26px;}
.spps-fl ul li.shop:hover{ background: url(/template/img/spps/fl-3-hover.png) top 60px center no-repeat#F20956; padding-top: 195px;color: #FFFFFF;cursor:pointer;transition: background-color.5s;}
.spps-fl ul li.dsp{ background: url(/template/img/spps/fl-4.png) top 60px center no-repeat; padding-top:195px;}
.spps-fl ul li.dsp em{ font-size:32px ; display: block; text-align: center; background: url(/template/img/x-white.png) bottom center no-repeat; padding-bottom: 25px;}
.spps-fl ul li.dsp p{font-size:15px; padding:20px 15px 60px 15px; text-align: center; line-height:26px;}
.spps-fl ul li.dsp:hover{ background: url(/template/img/spps/fl-4-hover.png) top 60px center no-repeat#F20956; padding-top: 195px;color: #FFFFFF;cursor:pointer;transition: background-color.5s;}
@media screen and ( max-width:768px ){
   .spps-fl{ width: 100%;overflow: hidden}
   .spps-fl dt{ width: 100%;overflow: hidden; padding-top: 30px;}
   .spps-fl dt h1{ display: block; background: url(/template/img/x.png) bottom center no-repeat; text-align: center; padding-bottom: 20px;font-size:1.8rem;background-size: 10%;}
   .spps-fl dt i{ display: block; text-align: center; padding:20px 11% 0;font-size:0.9rem;line-height:1.4rem;}
   .spps-fl ul{ width: 100%;overflow: hidden; padding-top:10px;}
   .spps-fl ul li{ border: 0px dotted #F1F1F1;overflow: hidden;margin:10px 1% 0;float: left; width: 46%;border-radius:5px;box-shadow:0 0 10px 0 rgba(0,0,0,0.0);}
   .spps-fl ul li.xc,.spps-fl ul li.xc:hover{ background: url(/template/img/spps/fl-1.png) top 20px center no-repeat;  padding-top:100px;background-size:70px;color: #666; }
   .spps-fl ul li.xc em{ font-size:1.2rem ; display: block; text-align: center; background: url(/template/img/x-white.png) bottom center no-repeat;background-size:20%; padding-bottom: 15px;}
   .spps-fl ul li.xc p{font-size: 12px; padding:15px 10px 20px 10px; text-align: center;line-height: 18px;}
   .spps-fl ul li.zt, .spps-fl ul li.zt:hover{background: url(/template/img/spps/fl-2.png) top 20px center no-repeat;  padding-top:100px;background-size:70px;color: #666;}
   .spps-fl ul li.zt em{ font-size:1.2rem ; display: block; text-align: center; background: url(/template/img/x-white.png) bottom center no-repeat;background-size:20%; padding-bottom: 15px;}
   .spps-fl ul li.zt p{font-size: 12px; padding:15px 10px 20px 10px; text-align: center;line-height: 18px;}
   .spps-fl ul li.shop, .spps-fl ul li.shop:hover{ background: url(/template/img/spps/fl-3.png) top 20px center no-repeat;  padding-top:100px;background-size:70px;color: #666;}
   .spps-fl ul li.shop em{ font-size:1.2rem ; display: block; text-align: center; background: url(/template/img/x-white.png) bottom center no-repeat;background-size:20%; padding-bottom: 15px;}
   .spps-fl ul li.shop p{font-size: 12px; padding:15px 10px 20px 10px; text-align: center;line-height: 18px;}
   .spps-fl ul li.dsp, .spps-fl ul li.dsp:hover{ background: url(/template/img/spps/fl-4.png) top 20px center no-repeat;  padding-top:100px;background-size:70px;color: #666;}
   .spps-fl ul li.dsp em{ font-size:1.2rem ; display: block; text-align: center; background: url(/template/img/x-white.png) bottom center no-repeat;background-size:20%; padding-bottom: 15px;}
   .spps-fl ul li.dsp p{font-size: 12px; padding:15px 10px 20px 10px; text-align: center;line-height: 18px;}
}
/* tab-案例 */
.case-tab{width: 96%;margin:0 auto;}
.case-tab dt{overflow: hidden; padding-top:100px;text-align: center;}
.case-tab dt h1{ display: block; background: url(/template/img/x.png) bottom center no-repeat; text-align: center; padding-bottom: 20px;font-size:50px;color:#333;}
.case-tab dt i{ display: block; text-align: center; padding-top:15px;}
.case-tab h4{overflow: hidden; width: 100%; text-align: center;display: block;padding-top: 50px;font-size: 16px;}
.case-tab h4 span{padding:8px 30px;overflow: hidden;margin: 0 6px;line-height:38px;height: 38px;text-align:center; cursor:pointer;background:#AFAFAF; color: #FFFFFF; border-radius:20px;}
.case-tab h4 .current{color:#FFFFFF;line-height:38px;height: 38px;background:#F20956;}
.case-tab h4 a{color:#FFFFFF;}
.case-tab h4 a:hover{color:#FFFFFF;background:#d51633;}
.case-tab ol{ width:100%;}
.case-tab-list{width:100%;padding-top:30px;margin:0 auto;overflow: hidden; }
.case-tab-list ul{ width:100%;padding:10px 0;}
.case-tab-list ul li{float:left;overflow:hidden ;width:24%;margin:20px 0.5% 15px;position: relative;box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.case-tab-list ul li span{display: block; text-align: center;position: absolute; width: 100%; height:100%;left:0;bottom:20px;background:url(/template/img/play.png) no-repeat center center;background-size:15% ;}
.case-tab-list ul li img{display: inline-block;width: 100%;-webkit-transition: all 1s linear;-moz-transition: all 1s linear;-ms-transition: all 1s linear;-o-transition: all 1s linear;transition: all 1s linear;}
.case-tab-list ul li i{border-left: 1px solid #F1F1F1;border-right: 1px solid #F1F1F1;border-bottom: 1px solid #F1F1F1; display: block; text-align: center;font-size:1rem; padding: 15px 0; height:20px;}
.case-tab-list ul li:hover{position: relative;box-shadow: 0 0 10px rgba(0,0,0,0.5);opacity:1;filter:alpha(opacity=100);visibility: visible;}
.case-tab-list ul li:hover span{display: block; text-align: center;position: absolute;left:0;bottom:20px;background:url(/template/img/play-hover.png) no-repeat center center;background-size:15% ;}
.case-tab-list ul li:hover img{ -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1)}
.case-tab-list ul li a{color: #666;}
.case-tab-list ul li a:hover{ color: #F54766;}
@media screen and ( max-width:768px ){
	.case-tab{width:100%;overflow: hidden;}
	.case-tab dt{overflow: hidden; padding-top:40px;text-align: center;}
	.case-tab dt h1{ display: block; background: url(/template/img/x.png) bottom center no-repeat; text-align: center; padding-bottom: 20px;font-size: 1.8rem;background-size: 10%;}
	.case-tab dt i{ display: block; text-align: center; padding-top:15px;font-size:0.9rem;line-height:1.4rem}
	.case-tab h4{overflow: hidden; width: 100%; text-align: center;display: block; padding-top:20px;line-height: 3rem;font-size:0.8rem;}
	.case-tab h4 span{text-align:center; cursor:pointer;background:#FBFBFB; color: #666; border-radius:0; margin:0;border-top: 1px solid #F1F1F1;border-bottom: 1px solid #F1F1F1;border-right: 1px solid #F1F1F1;border-left:none;padding:0 0.6rem;overflow: hidden;display: inline-block;}
	.case-tab h4 span:nth-child(1){border-top-left-radius:5px ;border-bottom-left-radius:5px ;}
	.case-tab h4 span:nth-last-child(1){border-top-right-radius:5px ;border-bottom-right-radius:5px ;}
	.case-tab h4.current{color:#FFFFFF;background:#b7272b;border: 1px solid #b7272b;}
	.case-tab ol{ width:100%;overflow: hidden;}
   .case-tab-list{ width: 100%;overflow: hidden;padding-top:0; margin:0 auto;  }
   .case-tab-list ul{ width:100%;overflow:hidden;padding-top:0;}
   .case-tab-list ul li{overflow: hidden; width:96%; float:left; display: inline;margin:0 2% 5px;position: relative;box-shadow: 0 0 15px rgba(0,0,0,0.0);}
   .case-tab-list ul li span{display: block; text-align: center;position: absolute; width: 100%; height:100%;left:0;bottom:20px;background:url(/template/img/play.png) no-repeat center center;background-size: 18%; }
   .case-tab-list  ul li i{border-left: 0 solid #F1F1F1;border-right: 0 solid #F1F1F1;border-bottom: 0 solid #F1F1F1; text-align: center; font-size:1.1rem;padding:0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;  overflow: hidden;line-height:3rem;  height:3rem;}
   .case-tab-list ul li:hover{overflow: hidden; width:96%; float:left; display: inline;margin: 12px 2% 0;position: relative;}
   .case-tab-list ul li:hover span{display: block; text-align: center;position: absolute;left:0;bottom:20px;background:url(/template/img/play-hover.png) no-repeat center center;background-size: 18%;}
}
/* 视频营销-fl */
.spcb-fl{width: 1200px;margin:0 auto;overflow: hidden;text-align: center;}
.spcb-fl dt{overflow: hidden; padding-top:80px;}
.spcb-fl dt h1{ display: block; background: url(/template/img/x.png) bottom center no-repeat;  padding-bottom:20px;font-size:50px;color: #333;}
.spcb-fl dt i{ display: block; padding-top:20px;font-size:20px;letter-spacing: 1px;}
.spcb-fl ul{ overflow: hidden; padding:50px 0 0;}
.spcb-fl ul li{float: left; display: inline;overflow: hidden;font-size: 18px; line-height: 30px; color: #FFFFFF; width: 580px; background: #2fd188;text-align: center; padding: 60px 0;border-radius:15px;}
.spcb-fl ul li:nth-child(2){background: #ffae00;margin-left: 40px;}
.spcb-fl ul li p{}
.spcb-fl ul li i{display: block; padding:25px 60px 0 ;}
@media screen and ( max-width:768px ){
	.spcb-fl{width:100%;overflow: hidden;}
	.spcb-fl dt{overflow: hidden; padding-top:40px;text-align: center;}
	.spcb-fl dt h1{ display: block; background: url(/template/img/x.png) bottom center no-repeat; text-align: center; padding-bottom: 20px;font-size: 1.8rem;background-size: 10%;}
	.spcb-fl dt i{ display: block; text-align: center; padding:20px 20px 0;font-size:0.9rem;line-height:1.4rem;}
	.spcb-fl ul{ overflow: hidden; width: 100%;padding:20px 0;}
	.spcb-fl ul li{float: left; display: inline;overflow: hidden;font-size:0.8rem; line-height:1.2rem; color: #FFFFFF; width:48%;margin: 0 1%;border-radius:5px;}
	.spcb-fl ul li:nth-child(2){background: #ffae00;margin: 0 1%}
	.spcb-fl ul li p img{width:60%; height: auto;}
	.spcb-fl ul li i{display: block; padding:20px 5px 0 ;}
}	
/* 视频营销-六大体 */
.spcb-tx6{width:1200px;margin:0 auto;overflow: hidden;text-align: center;}
.spcb-tx6 dt{overflow: hidden; padding-top:90px;}
.spcb-tx6 dt h1{ display: block; background: url(/template/img/x.png) bottom center no-repeat;  padding-bottom:20px;font-size:50px;color: #333;}
.spcb-tx6 dt i{ display: block;  padding-top:20px;font-size:20px;}
.spcb-tx6 ul{ overflow: hidden; margin-top: 56px; text-align: center;}
@media screen and ( max-width:768px ){
	.spcb-tx6{width:100%;overflow: hidden;}
	.spcb-tx6 dt{overflow: hidden; padding-top:30px;text-align: center;}
	.spcb-tx6 dt h1{ display: block; background: url(/template/img/x.png) bottom center no-repeat; text-align: center; padding-bottom: 20px;font-size: 1.8rem;background-size: 10%;}
	.spcb-tx6 dt i{ display: block; text-align: center; padding:20px 20px 0;font-size:0.9rem;line-height:1.4rem;}
	.spcb-tx6 ul{ overflow: hidden; width: 100%;text-align: center;}
	.spcb-tx6 ul img{ overflow: hidden; width:96%;}
}
/* 视频营销-5大落系统大体 */
.spcb-ldxt5{width:100%;overflow: hidden;text-align: center; border-top: 1px solid #F1F1F1;border-bottom: 1px solid #F1F1F1;background-image: linear-gradient(to bottom, #fbfbfb, #fcfcfc, #fcfcfc, #fdfdfd, #fdfdfd); margin-top: 60px;}
.spcb-ldxt5 dt{overflow: hidden; padding-top:60px;}
.spcb-ldxt5 dt h1{display:block;background: url(/template/img/x.png) bottom center no-repeat;padding-bottom:20px;font-size:50px;color:#333;}
.spcb-ldxt5 dt i{ display: block;  padding-top:20px;font-size:20px;}
.spcb-ldxt5 ul{ overflow: hidden; text-align: center; width: 1196px; margin: 50px auto 60px auto;}
.spcb-ldxt5 ul li{float: left; width: 238px;border-top:1px solid #eeeeee;border-bottom:1px solid #eeeeee;border-left:1px solid #eeeeee;}
.spcb-ldxt5 ul li:nth-of-type(5){border-right:1px solid #eeeeee;}
.spcb-ldxt5 ul li em{ color: #F20956;font-size:40px; padding-top: 23px; display: block;}
.spcb-ldxt5 ul li h2{font-size:25px;display: block; padding-top:6px;color: #333;}
.spcb-ldxt5 ul li p{font-size: 14px; padding-top: 10px; padding-bottom: 30px;color:#373737 ;}
.spcb-ldxt5 ul li:nth-of-type(1){border-top-left-radius:10px;border-bottom-left-radius:10px;}
.spcb-ldxt5 ul li:nth-of-type(5){border-top-right-radius:10px;border-bottom-right-radius:10px;}
.spcb-ldxt5 ul dd{ width: 100%;overflow:hidden ; text-align: center; padding:80px 0 0; height: 40px;}
.spcb-ldxt5 ul dd span{overflow: hidden;font-size: 16px; margin: 0 20px;}
.spcb-ldxt5 ul dd span a{padding:12px 50px;overflow: hidden; background: #2F4858; border-radius:50px;color: #FFFFFF;}
.spcb-ldxt5 ul dd span:nth-of-type(2) a{padding:12px 50px;overflow: hidden; background: #5D4881;color: #FFFFFF;}
.spcb-ldxt5 ul dd span a:hover{background: #F20956; color: #FFFFFF;-webkit-transition:background-color .5s;transition:background-color .5s;}
@media screen and ( max-width:768px ){
	.spcb-ldxt5{width:100%;overflow: hidden;}
	.spcb-ldxt5 dt{overflow: hidden; padding-top:30px;text-align: center;}
	.spcb-ldxt5 dt h1{ display: block; background: url(/template/img/x.png) bottom center no-repeat; text-align: center; padding-bottom: 20px;font-size: 1.8rem;background-size: 10%;}
	.spcb-ldxt5 dt i{ display: block; text-align: center; padding:20px 20px 20px 20px;font-size:0.9rem;line-height:1.4rem;}
	.spcb-ldxt5 ul{ overflow: hidden;text-align: center; width:100%; margin:0; padding-bottom:40px;}
	.spcb-ldxt5 ul li{float: left; width:30%;border:1px #EEEEEE solid; border-radius:5px; margin:5px 1%; display:block }
	.spcb-ldxt5 ul li:nth-of-type(5){border-right:1px solid #eeeeee;}
	.spcb-ldxt5 ul li em{ color: #F20956;font-size:1.6rem; padding: 1.5rem 0 0.1rem; line-height:0.8rem; display: block;}
	.spcb-ldxt5 ul li h2{font-size:1rem;display: block; line-height:0.8rem;padding:1rem 0 1.5rem; color: #000000;}
	.spcb-ldxt5 ul li p{font-size: 14px; padding-top: 10px; padding-bottom: 30px; display: none;}
	.spcb-ldxt5 ul li:nth-of-type(1){ margin-left: 16%;}
	.spcb-ldxt5 ul li:nth-of-type(3){margin-left: 1.5%;}
	/* .spcb-ldxt5 ul dd{ width: 100%;overflow:hidden ; text-align: center; padding:30px 0px 0px 0px; height: 40px;display: none;} */
	.spcb-ldxt5 ul dd{ width: 100%;overflow:hidden ; text-align: center; padding:40px 0 0; height: 40px;}
	.spcb-ldxt5 ul dd span{overflow: hidden;font-size:0.9rem; margin: 0 5px;}
	.spcb-ldxt5 ul dd span a{padding:0.6rem 2.5rem;overflow: hidden; background: #2F4858; border-radius:50px;color: #FFFFFF;}
	.spcb-ldxt5 ul dd span:nth-of-type(2) a{padding:0.6rem 2.5rem;overflow: hidden; background: #5D4881;color: #FFFFFF;}
}
/* 投放媒体资源-tab */
.spcb-tab{width: 1300px;margin:0 auto;overflow: hidden;text-align: center;}
.spcb-tab dt{overflow: hidden; padding-top:80px;}
.spcb-tab dt h1{ display: block; background: url(/template/img/x.png) bottom center no-repeat;  padding-bottom: 20px;font-size:50px;color: #333;}
.spcb-tab dt i{ display: block; padding-top:20px;font-size:20px;}
.spcb-tab h4{overflow:hidden;font-size:14px;font-weight:normal;text-align:center;  width:304px; margin:0 auto;height:37px;display:inherit; padding-top: 50px;}
.spcb-tab h4 span{float:left; width:100px;line-height:35px;height: 35px;text-align:center; cursor:pointer;color: #666;border-left: 1px solid #F1F1F1;border-top: 1px solid #F1F1F1;border-bottom: 1px solid #F1F1F1;}
.spcb-tab h4 span:nth-child(1){border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.spcb-tab h4 span:nth-child(3){border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.spcb-tab h4 span:nth-child(3){border-right: 1px solid #F1F1F1;}
.spcb-tab h4 .current{color:#FFFFFF;line-height:35px;height: 35px;background:#F20956;border-top: 1px solid #F20956;border-bottom: 1px solid #F20956;}
.spcb-tab h4 a{color:#FFFFFF;}
.spcb-tab h4 a:hover{color:#FFFFFF;background:#d51633;}
.spcb-tab ol{ width:1300px;overflow: hidden; padding-top:30px;}
.spcb-tab dd{ width:100%;overflow: hidden;padding-top:30px;font-size:13px;}
.spcb-tab dd em{ border: 1px solid #F1F1F1;color: #999; padding:12px 55px; line-height: 45px;}
@media screen and ( max-width:768px ){ 
	.spcb-tab{width:100%;overflow: hidden;}
	.spcb-tab dt{overflow: hidden; padding-top:50px;text-align: center;}
	.spcb-tab dt h1{ display: block; background: url(/template/img/x.png) bottom center no-repeat; text-align: center; padding-bottom: 20px;font-size: 1.8rem;background-size: 10%;}
	.spcb-tab dt i{ display: block; text-align: center; padding:20px 20px 0;font-size:0.9rem;line-height:1.4rem;}
	.spcb-tab h4{overflow:hidden;font-size:0.8rem;font-weight:normal;text-align:center;  width:304px; margin:0 auto;height:37px;display:inherit; padding-top:30px;}
	.spcb-tab h4 span{float:left; width:100px;line-height:35px;height: 35px;text-align:center; cursor:pointer;color: #666;border-left: 1px solid #F1F1F1;border-top: 1px solid #F1F1F1;border-bottom: 1px solid #F1F1F1;}
	.spcb-tab h4 span:nth-child(3){border-right: 1px solid #F1F1F1;}
	.spcb-tab h4 .current{color:#FFFFFF;line-height:35px;height: 35px;background:#F20956;}
	.spcb-tab h4 a{color:#FFFFFF;}
	.spcb-tab h4 a:hover{color:#FFFFFF;background:#d51633;}
	.spcb-tab ol{ width:100%;overflow: hidden;padding-top:25px;}
	.spcb-tab dd{ width:100%;overflow: hidden;padding:15px 0 30px;text-align:center;font-size:0.7rem; border-bottom: 12px solid #F1F1F1;}
	.spcb-tab dd em{ border:0 solid #F1F1F1;color: #ccc; padding:0; line-height: 1.3rem;}
}
/* 投放媒体资源-媒体方 */
.otv-list{ width:1300px; margin: 0 auto;overflow: hidden;}
.otv-list p{ padding-bottom: 30px;}
.otv-list ul{ padding-left:650px; padding-right: 40px ; background: url(/template/img/spyx/zy-left.png) left 100px center no-repeat; background-size:35%;overflow: hidden;}
.otv-list ul li{float:left; width:160px; height: 80px; display:inline;overflow: hidden; margin:12px;}
.otv-list ul li img{width:160px; height:80px;}
@media screen and ( max-width:768px ){ 
	.otv-list{ width:100%;overflow: hidden;}
	.otv-list p{ padding:0 20px 15px 20px;font-size:0.8rem; line-height: 1.3rem; }
	.otv-list ul{ padding-left:0; padding-right: 0 ; background: url(/);}
	.otv-list ul li{float:left;display:inline;overflow: hidden; width: 32.3%; margin:3px 0.5%;height:auto;}
	.otv-list ul li img{width:98%;height:auto;}
}
/* 投放媒体资源-厂商 */
.ott-list{ width:1300px; margin: 0 auto;overflow: hidden;}
.ott-list p{ padding-bottom: 30px;}
.ott-list ul{ width: 100%;overflow: hidden;  }
.ott-list ul li{float:left; width:23%; height:auto;overflow: hidden; margin:5px 1%}
.ott-list ul li img{width:98%;border: 1px solid #F1F1F1;}
@media screen and ( max-width:768px ){ 
	.ott-list{ width:96%;overflow: hidden;margin: 0 auto;}
	.ott-list p{ padding:0 20px 15px 20px;font-size:0.8rem; line-height: 1.3rem; }
	.ott-list ul{ padding-left:0; padding-right: 0 ; background: url(/);}
	.ott-list ul li{float:left; width:46%; height:auto;overflow: hidden; margin:5px 1.5%}
	.ott-list ul li img{width:98%;border: 1px solid #F1F1F1;}
}
/* 投放媒体资源-APP */
.app-list{ width:1300px; margin: 0 auto;overflow: hidden;}
.app-list p{ padding-bottom: 30px;}
.app-list ul{ width: 80%;overflow: hidden; padding: 0 10%;  }
.app-list ul li{float:left; width:10%; height:auto;overflow: hidden; margin:10px 1.25%}
.app-list ul li img{width:50%;}
.app-list ul li i{display: block; padding-top: 8px;font-size: 12px;}
@media screen and ( max-width:768px ){ 
	.app-list{ width:94%;overflow: hidden;}
	.app-list p{ padding:0 5px 15px;font-size:0.8rem; line-height: 1.3rem; }
	.app-list ul{ padding-left:0; padding-right: 0 ; background: url(/);width:100%;}
	.app-list ul li{float:left; width:19%; height:auto;overflow: hidden; margin:5px 3%; text-align: center;}
	.app-list ul li img{width:80%;}
	.app-list ul li i{width:100%;display: block; padding-top:3px;font-size:0.6rem;}
}
/* 视频营销-case-list */
.spcb-case{width:1230px;overflow: hidden;padding-top:100px; padding-bottom:60px; margin:0 auto;border-bottom: 1px solid #F1F1F1; }
.spcb-case p{border-bottom: 1px solid #F1F1F1;font-size: 18px; padding-bottom: 10px;margin: 0 15px; }
.spcb-case ul{ width:1230px;overflow: hidden;}
.spcb-case ul li{float:left; display: inline;overflow: hidden; width:380px;margin:15px;position: relative;box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.spcb-case ul li span{display: block; text-align: center;position: absolute; width: 100%; height:100%;left:0;bottom:20px;background:url(/template/img/play.png) no-repeat center center;background-size:15% ;}
.spcb-case ul li img{display: inline-block;width: 100%;-webkit-transition: all 1s linear;-moz-transition: all 1s linear;-ms-transition: all 1s linear;-o-transition: all 1s linear;transition: all 1s linear;}
.spcb-case ul li i{border-left: 1px solid #F1F1F1;border-right: 1px solid #F1F1F1;border-bottom: 1px solid #F1F1F1; display: block; text-align: center;font-size: 16px; padding: 15px 0; height: 20px;}
.spcb-case ul li:hover{position: relative;box-shadow: 0 0 10px rgba(0,0,0,0.5);opacity:1;filter:alpha(opacity=100);visibility: visible;}
.spcb-case ul li:hover span{display: block; text-align: center;position: absolute;left:0;bottom:20px;background:url(/template/img/play-hover.png) no-repeat center center;background-size:15% ;}
.spcb-case ul li:hover img{ -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1)}
.spcb-case ul li a{color: #666;}
.spcb-case ul li a:hover{ color: #F20956;}
.spcb-case ul dt{ width: 100%;overflow:hidden ; text-align: center; padding: 60px 0 50px;}
.spcb-case ul dt span{overflow: hidden;font-size: 14px;}
.spcb-case ul dt span em{overflow: hidden;font-size: 16px;}
.spcb-case ul dt span a{border:solid 1px #eee;padding:16px 70px;overflow: hidden;}
.spcb-case ul dt span a:hover{border:dotted 1px #F1F1F1;background: #F20956; color: #FFFFFF;-webkit-transition:background-color .5s;transition:background-color .5s;}
@media screen and ( max-width:768px ){
   .spcb-case{ display: none;}
}
/* 案例列表 */
.case-list{width:100%;overflow: hidden;border-bottom: 1px solid #F1F1F1;text-align: center; padding-bottom: 70px;box-shadow:0 10px 30px #FBFBFB;}
.case-list dt{overflow: hidden; padding-top:100px;}
.case-list dt h1{ display: block; padding-bottom:20px;font-size: 35px;}
.case-list dt i{ display: block; font-size: 18px; padding-bottom:20px;}
.case-list dd { overflow: hidden; width: 100%; text-align: center}
.case-list dd a span{ overflow: hidden; line-height: 50px;margin: 0 6px;padding:8px 30px;border-radius: 20px;border:solid 1px #eee;font-size: 16px;}
.case-list dd a span:hover{border:solid 1px #F20956;background: #F20956; color: #FFFFFF;}
.case-list dd a span#cut{border:solid 1px #F20956;background: #F20956; color: #FFFFFF;}
.case-list ul{ width:1240px;margin: 0 auto;padding-top:15px;overflow: hidden;}
.case-list ul li{ float: left; display: inline;width:580px; margin: 15px 20px 20px;position: relative;overflow: hidden;box-shadow:0 0 10px rgba(0,0,0,0.2);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.case-list ul li span{display: block; text-align: center;position: absolute; width: 100%; height:100%;left:0;bottom:20px;background:url(/template/img/play.png) no-repeat center center;background-size:15%;}
.case-list ul li:hover{position: relative;box-shadow: 0 0 10px rgba(0,0,0,0.5);opacity:1;filter:alpha(opacity=100);visibility: visible;overflow: hidden;}
.case-list ul li img{display: inline-block;width: 100%;-webkit-transition: all 1s linear;-moz-transition: all 1s linear;-ms-transition: all 1s linear;-o-transition: all 1s linear;transition: all 1s linear;}
.case-list ul li:hover img{ -webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);}
.case-list ul li:hover span{display: block; text-align: center;position: absolute;left:0;bottom:20px;background:url(/template/img/play-hover.png) no-repeat center center;background-size:15% ;}
.case-list ul li i{display: block;font-size: 17px; text-align: center;height:50px;line-height:50px;}
.case-list ul li a{color: #666;}
.case-list ul li a:hover{color:#F20956;}
@media screen and ( max-width:768px ){
   .case-list{width:100%;overflow: hidden;border-bottom: 0 solid #F1F1F1;text-align: center; padding-bottom:30px;}
   .case-list dt{overflow: hidden; padding-top:30px;}
   .case-list dt h1{ display: block; padding-bottom:6px;font-size:1.5rem;}
   .case-list dt i{ display: block; font-size:1.1rem; padding-bottom:12px;}
   .case-list dd { overflow: hidden; width: 100%; text-align: center}
   .case-list dd a span{ overflow: hidden; line-height:3rem;margin: 0;border-top: 1px solid #F1F1F1;border-bottom: 1px solid #F1F1F1;border-right: 1px solid #F1F1F1;border-left:none;padding:0.6rem;border-radius: 0;font-size:0.8rem;}
   .case-list dd a:nth-child(1) span{border-top-left-radius:5px ;border-bottom-left-radius:5px ;border-left: 1px solid #F1F1F1;}
   .case-list dd a:nth-last-child(1) span{border-top-right-radius:5px ;border-bottom-right-radius:5px ;}
   .case-list dd span:hover{border:solid 1px #F20956;background: #F20956; color: #FFFFFF;}
   .case-list dd span#cut{border:solid 1px #F20956;background: #F20956; color: #FFFFFF;}
   .case-list ul{ width:100%;overflow: hidden; padding-top:10px; margin:0 auto;}
   .case-list ul li{margin:6px 2% 10px; width: 96%;overflow: hidden; border-bottom:0 solid #F1F1F1;position: relative;border-radius:0px;;box-shadow:0 0 10px rgba(0,0,0,0.1);}
   .case-list ul li:nth-last-of-type(2){margin:6px 2% 20px; width: 96%;overflow: hidden; position: relative;}
   .case-list ul li img{ width:100%; height: auto; display: block;}
   .case-list ul li i{  display: block;font-size:1rem; text-align: center;height:2.8rem;line-height: 2.8rem;}
   .case-list ul li span{display: block; text-align: center;position: absolute; width: 100%; height:100%;left:0;bottom:20px;background:url(/template/img/play.png) no-repeat center center;background-size: 18%; }
   .case-list ul li:hover span{display: block; text-align: center;position: absolute;left:0;bottom:20px;background:url(/template/img/play-hover.png) no-repeat center center;background-size: 18%;}
   .case-list ul li a, .case-list ul li a:hover{color:#666;}
}
/* 案例详情 */
.case-show-home{ width:1200px;margin:120px auto 0;height: 60px;line-height:60px;font-size:16px;}
#main-case-show{ width:1200px; margin: 0 auto;overflow: hidden;}
#case-show-right{ width:290px;float: right;display: inline;height: auto; }
#case-show-right p{ width:290px;overflow: hidden;}
#case-show-right p img{ width:100%;height: auto;}
#case-show-right ul{ width:288px; border: 1px solid #F1F1F1; background: #FBFBFB;overflow: hidden; }
#case-show-right ul li{width: 248px;margin:15px 20px; padding:8px 0 22px; background: url(/template/img/case/more.png) right center no-repeat; border-bottom: 1px solid #e2e2e2;  display: block;overflow: hidden; }
#case-show-right ul li:hover{ background: url(/template/img/case/more-hover.png) right center no-repeat;}
#case-show-right ul li img{float: left;  width: auto; display: inline;overflow: hidden; padding-right:20px;padding-top: 5px;}
#case-show-right ul li h1{ float: left;display: inline;overflow: hidden;font-size:16px;font-weight: 600;   }
#case-show-right ul li i{ float: left; display: inline;overflow: hidden; line-height: 28px;font-size: 14px;   }
#case-show-right ul li.yy{ background: url(/);overflow: hidden; text-align: center;border-bottom:0 solid #e2e2e2; margin-top:30px;}
#case-show-right ul li.yy span{  background: #F20956;border-radius:50px;color: #FFFFFF; width: 150px; height: 35px; display: block;margin: 0 auto; }
#case-show-right ul li.yy span a{ color: #FFFFFF;display: block; height: 35px; line-height: 35px;}
#case-show-right ul li.yy span:hover{  background: #F32043;}
#case-show-left{width:880px;float: left;display: inline;overflow: hidden; }
#video{width:880px;min-height:200px;overflow:hidden;background:#000000;margin:0 auto;position:relative;}
#video i{display:none}
#video video{width:100%;height:100%;object-fit:fill;}
#video video::-webkit-media-controls-fullscreen-button {display: none;}
.case-show-info{border-bottom: 1px solid #EEEEEE;overflow: hidden;  padding:50px 0 40px;}
.case-show-info h1{font-size: 30px;overflow: hidden;}
.case-show-info i{ display: block;font-size:18px; padding-top: 10px;}
.case-show-cot{ width:800px ; border-bottom: 1px solid #EEEEEE; padding: 40px;font-size: 16px; line-height:40px; color: #333;}
.case-show-cot img{ max-width: 800px; height: auto;}
.case-show-yy{border:1px solid #F1F1F1;box-shadow:0 0 10px rgba(0,0,0,0.1);margin:60px auto 0;display: none;}
.case-show-list{width:880px;overflow: hidden;padding:30px 0 80px; margin:0 auto; }
.case-show-list p{overflow: hidden; padding:40px 0 10px;font-size:30px;text-align: left;color: #666;}
.case-show-list p span{border-radius: 5px;width:6px;height:28px;background: #B5262B;display: inline-block;float: left;margin-top:7px;margin-right: 10px;}
.case-show-list ul{ width:900px;overflow: hidden;}
.case-show-list ul li{float:left; display: inline;overflow: hidden; width:430px;margin: 20px 20px 0 0;position: relative;}
.case-show-list ul li span{display: block; text-align: center;position: absolute; width: 100%; height:100%;left:0;bottom:20px;background:url(/template/img/play.png) no-repeat center center;background-size:15% ;}
.case-show-list ul li img{width: 100%; height: auto;display: inline-block;-webkit-transition: all 1s linear;-moz-transition: all 1s linear;-ms-transition: all 1s linear;-o-transition: all 1s linear;transition: all 1s linear;}
.case-show-list ul li i{border-left: 1px solid #F1F1F1;border-right: 1px solid #F1F1F1;border-bottom: 1px solid #F1F1F1; display: block; text-align: center;font-size: 16px; padding: 15px 0;}
.case-show-list ul li:hover{position: relative;box-shadow: 0 0 10px rgba(0,0,0,0.5);opacity:1;filter:alpha(opacity=100);visibility: visible;}
.case-show-list ul li:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1)}
.case-show-list ul li:hover span{display: block; text-align: center;position: absolute;left:0;bottom:20px;background:url(/template/img/play-hover.png) no-repeat center center;background-size:15% ;}
.case-show-list ul li a{color: #666;}
.case-show-list ul li a:hover{ color: #333;}
@media screen and ( max-width:768px ){
	.case-show-home{ display: none;}
	 #main-case-show{ width:100%;overflow: hidden;}
     #case-show-right{display: none;}
	 #case-show-left{ width: 100%;overflow: hidden;}
	 #video{width:100%;height:auto;margin-left:0%;min-width:none;background:url(/) #151515}
	 #video i{display:block;padding:15px;font-size:0.7rem;text-align:center;color:#C23136}
	 #video video::-webkit-media-controls-fullscreen-button {display: block;}
	 .case-show-info{border-bottom: 1px solid #EEEEEE;overflow: hidden;  padding:20px 0; width: 96%; margin:0 2%;}
	 .case-show-info h1{font-size:1.2rem;overflow: hidden;}
	 .case-show-info i{ display: block;font-size:0.8rem; padding-top:5px;}
	 .case-show-cot{ width: 96%; margin:0 2%;border-bottom: 1px solid #EEEEEE;padding:30px 8px;font-size:0.9rem; line-height:1.3rem;}
	 .case-show-cot img{ max-width: 100%; height: auto;}
	 .case-show-yy{border:0px solid #F1F1F1;box-shadow:0 0 0 rgba(0,0,0,0.5);margin:0 auto;display: block;}
	 .case-show-list{width:100%;overflow: hidden; padding-bottom:2rem; border-top: 12px solid #F1F1F1;padding-top:1px;}
	 .case-show-list p{overflow: hidden; padding:40px 0 10px;border-bottom:0 solid #F1F1F1;font-size:1.2rem; text-align: center;margin: 0 auto;}
	 .case-show-list p span{display: none;}
	 .case-show-list ul{ width:100%;overflow:hidden;}
	 .case-show-list ul li{overflow: hidden; width:48%; float: left; display: inline;margin:10px 1% 0 1%;}
	 .case-show-list ul li img{ width: 100%; height: auto;}
	 .case-show-list ul li i{border-left: 1px solid #F1F1F1;border-right: 1px solid #F1F1F1;border-bottom: 1px solid #F1F1F1; text-align: center; font-size:0.9rem;padding:0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;  overflow: hidden;line-height:2.5rem; }
	 .case-show-list ul li span{display: block; text-align: center;position: absolute; width: 100%; height:100%;left:0;bottom:20px;background:url(/template/img/play.png) no-repeat center center;background-size: 18%; }
	 .case-show-list ul li:hover span{display: block; text-align: center;position: absolute;left:0;bottom:20px;background:url(/template/img/play-hover.png) no-repeat center center;background-size: 18%;}
}

/* 关于我们 */
.about-cot{ width: 920px; margin:0 auto;overflow: hidden; padding:100px 0;}
.about-cot h1{ display: block;text-align: center; color: #000;font-size:60px;letter-spacing:2px;}
.about-cot p{ padding-top:30px;font-size: 18px;line-height:36px;letter-spacing:2px;color: #333;}
.about-cot p span{font-weight: 600;}
@media screen and ( max-width:768px ){
	.about-cot{ width: 94%; overflow: hidden; padding:40px 3% 40px 3%;}
	.about-cot h1{ display: block;text-align: center; color: #333;font-size:2rem;letter-spacing:0.1rem;}
	.about-cot p{ padding-top:1.2rem;font-size: 0.9rem;line-height:1.5rem;letter-spacing:0.1rem;}
}