i{font-style: normal;}
ul,li{list-style: none;}
/*banner*/
#videoBanner{height:460px;background:url("../images/videobanner.jpg");background-size: auto 100%;background-position: 50% 50%;background-repeat: no-repeat;}
.videoBanner_Img {width: 100%; height:467px; background:url(../images/banner_bg.jpg) no-repeat top center #21201C;}
#banner_text {  width: 100%; margin: 0 auto; padding-top:80px; font-size: 48px; color: white;}
#banner_text>div{  width:1180px; margin:0 auto;}
.bt1>i { font-style: normal; color: #ff3c00;}
.bt2 { font-size: 30px; color: #ccc; margin-top: 2%; }
.btn_banner { width: 180px; height: 60px; font-size: 24px; margin-top: 40px; border-radius: 10px; border: 0; background-color: #108cee; color: white; }
.btn_banner:hover{ cursor:pointer;}


/*内容各标题*/
.main{ width:100%; padding-bottom:5%;}
.main>div{  margin:0 auto; width:1180px;}
.main .page{  padding-top:5%;}
.main .page>div:first-of-type{ width:100%; text-align: center;}
.main .page>div:first-of-type>i{ font-size: 36px; padding-bottom: 1.6%; border-bottom:1px solid #108cee;}
.main .page>.xian{ width:70px; height:3px; background:#108cee; margin:0 auto; margin-top:1.5%;}
.main .page>div:last-of-type{ width:1180px; margin-top:5%;}
/*特点*/
.pageMain_bg{ background:#ececec;}
.pageMain_bg .pageMain>div:last-of-type .td{ width:280px; background:white; float:left; padding-top:5%; text-align: center; font-size:24px; padding-bottom:50px;}
.pageMain_bg .pageMain>div:last-of-type .td>img{ width:50%;}
.td:hover img{ animation: dh 1s alternate;}
@keyframes dh{
	0%{ transform: rotateY(0deg);}
	100%{ transform: rotateY(360deg);}
}
.pageMain_bg .pageMain>div:last-of-type .td>div{ margin-top:10%;}
.pageMain_bg .pageMain>div:last-of-type .td1{ margin-right:1.5%;}
.pageMain_bg .pageMain>div:last-of-type .td2{ margin-right:1.5%;}
.pageMain_bg .pageMain>div:last-of-type .td3{ margin-right:1.5%;}



/* 精选案例 */
.anli{ background:white;}
.website_moblie_app .moban_anli { width: 44%; height:440px; float: left;margin: 0 3%;-webkit-box-shadow: 0 5px 15px #ccc;;-moz-box-shadow: 0 5px 15px #ccc;;box-shadow: 0 5px 15px #ccc;;border-radius: 5px;}
.sangar-pagination-wrapper {display:none !important;}
.sangar-slideshow-content {max-width: 1080px !important;background: transparent !important;}
.website_moblie_app .moban_anli .anli_img img { border-top-left-radius: 5px;border-top-right-radius: 5px;}
.website_moblie_app .moban_anli .anli_img { border-bottom: 3px solid #108cee;}
.website_moblie_app .moban_anli .anli_txt {padding: 20px;}
.website_moblie_app .moban_anli .anli_txt h3 {font-size: 18px;color: #333;margin-bottom: 10px;}
.website_moblie_app .moban_anli .anli_txt p {font-size: 16px;color: #666;line-height: 1.6;}
.website_moblie_app .moban_anli .anli_txt a {float: right;height: 32px;line-height: 32px;background: #108cee;padding: 0 28px;color: #fff;font-size: 16px;margin-top: 15px;}
/*视频网站资源*/
.gg{ background:white;}
.gg_page>div:last-of-type div{ width:84.8%;  margin:0 auto;}


/*一站式智能投放流程*/
.process{ background:#ECECEC;}
#process_page{ padding-top:5%;}
#process_page>div:nth-of-type(2){ width:80%; margin:0 auto; border:1px dashed #108cee;  margin-top:3%;  position: relative;}
#process_page>div:nth-of-type(2) ul:first-of-type{ width:100%; position: absolute; top:-12px; left:0%;}
#process_page>div:nth-of-type(2) ul:first-of-type li:first-of-type{ background:#108cee;}
#process_page>div:nth-of-type(2) ul:first-of-type li{ float:left; width:20px; height:20px;  background:white; border:2px solid #108cee; border-radius: 50%;margin-left:18%;}
#process_page>div:nth-of-type(2) ul:first-of-type li:hover{ cursor:pointer;}

#process_page>div:nth-of-type(3){ width:80%; margin:0 auto; position: relative;}
#process_page>div:nth-of-type(3) ul{ width:100%; position: absolute; margin-top:2%; margin-left:14%;}
.dian_bt{ float: left; color:#666; font-size:18px; margin-left:9%;}
.dian_bt:hover{ cursor:pointer;}
.dian_bt:first-of-type{ color:#108cee; margin-left:0%;}

.pro_content{ margin-top:55px;}
.pro_content .fx{ margin-top:15%; width:3%;}
.pro_content .fx img{ width:100%;}
.pro_left{ float:left;}
.pro_left:hover{ cursor:pointer;}
.pro_right{float:right;}
.pro_right:hover{ cursor:pointer;}
.pro_con{ width:84%; float:left; margin-left:5%;}
.pro_img{ width:40%; float:left;}
.pro_img img{ width:100%;}
.pro_con>div:last-of-type{ padding-top: 15%; float:left; margin-left:6%;}
.pro_con>div:last-of-type>i{font-size:30px; color:#108cee;}
.pro_con>div:last-of-type>p{ font-size:18px; color:#333; line-height: 30px; margin-top:2%;}
.pro_btn{ clear: both; width:186px; height:50px; background:#108cee; color:white; font-size: 18px; border:0;margin-left: calc(50% - 93px); display:block; text-align: center; line-height: 50px;}
.pro_btn:hover{ cursor:pointer; color:#fff;}

/*多维定向精准投放*/
.duowei{ background:white;}
.multi_img{ width:80%; margin:0 auto;  position: relative;}
.multi_img img{ width:100%;}
.multi_img>span{ position: absolute; text-align: center;  top:0; left:0; color:white; font-size:14px;}
.multi_img>span:first-of-type{ top:53.5%; left:3%;}
.multi_img>span:nth-of-type(2){ top:21%; left:13.8%;}
.multi_img>span:nth-of-type(3){ top:9.5%; left:36.6%;}
.multi_img>span:nth-of-type(4){ top:65.3%; left:24%;}
.multi_img>span:nth-of-type(5){ top:39%; left:46%;}
.multi_img>span:nth-of-type(6){ top:90%; left:46%;}
.multi_img>span:nth-of-type(7){ top:19.5%; left:60.6%;}
.multi_img>span:nth-of-type(8){ top:57%; left:66.8%;}
.multi_img>span:nth-of-type(9){ top:21.8%; left:79%;}
.multi_img>span:last-of-type{ top:47%; left:91%;}


/*广告形式*/
.type{ background:#ECECEC;}
.type_page>div:last-of-type{ background: white; float:left;}
.WCtab{ padding-bottom:2.6%; overflow:hidden; }
.wechat_tabs{ left:-960px; width:220px; height:390px; background:url(images/checked_05.jpg) repeat-y;}
.wechat_tabs a{ clear:both; display:block;  width:100%; text-align:center; height:130px; background:url(images/checked_05.jpg) no-repeat; line-height:130px; font-size: 24px;}
.wechat_tabs a:first-of-type{ background:url(images/checked_03.png) no-repeat;}
.swiper-container{ left:20%; overflow:hidden;}
.videoTit2{display: none;}

.clearhr{clear: both;border: none;}
.multi_img_2{display: none;}

@media screen and (max-width: 1180px){
.multi_img_2{display: block;}
#banner_text>div{width: 95%;}
.main>div{width: 100%;}
.main .page>div:last-of-type{width: 100%;}
.pageMain_bg .pageMain>div:last-of-type .td{width:23.5%;}

.videoTit1{display: none;}
.videoTit2{display: block;}
#video{height: auto;}

.multi_img{display: none;}
.multi_img_2{width: 100%;}
.multi_img_2 div{float: left;width: 16.65%;margin-top: 30px;}
.muimgbox7{margin-left:25%;}
.multi_img_2 img{width: 60%;display: block;margin: 0 auto;margin-bottom: 10px;}
.multi_img_2 p{text-align: center;font-size: 14px;color:#666;}
.titimg{float: none !important;width: 50% !important;}
.titimg img{width: 50% !important;}
.titimg p{font-size: 20px !important;}
.dian_bt{font-size: 14px;}
#process_page>div:nth-of-type(2){width: 100%;}
#process_page>div:nth-of-type(3){width: 100%;}
#process_page>div:nth-of-type(3) ul{margin-left: 0;}
#process_page>div:nth-of-type(2) ul:first-of-type{width: 100%;left:0;}
#process_page>div:nth-of-type(3) ul{width: 100%;}
.dian_bt{width:25%;margin-left:0;text-align: center;}
#process_page>div:nth-of-type(2) ul:first-of-type li{margin:0 calc(12.5% - 12px);}


.pro_con{width: 100%;float: none;margin-left: 0;}

.pro_con>div:last-of-type{padding-top: 0;float: left;margin-left: 0;width: 57%;}
.sttt{margin-top:60px !important;}



}
@media screen and (max-width: 960px){
.multi_img_2 div{width: 20%;}
.muimgbox7{margin-left:0;}
.muimgbox6{margin-left:10%;}
/*.mytestP{width:100%;height:200px;margin:20px 30px;}*/

}
@media screen and (max-width: 768px){

.multi_img_2 div{width: 25%;}

.main .page>div:first-of-type>i{font-size: 24px;}
.pageMain_bg .pageMain>div:last-of-type .td{width:calc(25% - 2px);margin-left: 0;border:1px solid #eee;font-size: 14px;padding-bottom: 5%;}
.pageMain_bg .pageMain>div:last-of-type .td1{margin-right: 0;}
.pageMain_bg .pageMain>div:last-of-type .td2{margin-right: 0;}
.pageMain_bg .pageMain>div:last-of-type .td3{margin-right: 0;}
.pageMain_bg .pageMain>div:last-of-type .td>img{width:70%;}

.muimgbox6{margin-left:0;}
.muimgbox9{margin-left:37.5%;}

}
@media screen and (max-width: 640px){
.bt1{font-size: 30px;}
.bt2{font-size:16px;}
.main .page>div:first-of-type>i{font-size: 20px;}
.pageMain_bg .pageMain>div:last-of-type .td{font-size: 12px;}
.dian_bt{font-size: 12px;margin-top:8px;}

.multi_img_2 div{float: left;width: 33.33%;margin-top: 30px;}
.muimgbox9{margin-left:0;}

.pro_con>div:last-of-type>i{font-size: 20px;}
.pro_con>div:last-of-type>p{font-size: 14px;}
.pro_con>div:last-of-type{float: right;width: 55%;margin-top}



}
@media screen and (max-width: 414px){

	#process_page>div:nth-of-type(2){width: 98%;}
	.sangar-slideshow-container,.sangar-slideshow-container div.sangar-wrapper,.sangar-slideshow-container div.sangar-slideshow-content,.sangar-slideshow-container .slideWrapperInside .sangar-content{height:460px !important}
}
@media screen and (max-width: 375px){

	
	#process_page>div:nth-of-type(2){width: 98%;}
	.website_moblie_app .moban_anli .anli_txt p{font-size: 15px;}
}
@media screen and (max-width: 320px){
	.dian_bt{font-size: 10px;}
	
	
	.btn_banner{width: 130px;height: 50px;font-size: 20px;}
	#process_page>div:nth-of-type(2){width: 98%;}
	.website_moblie_app .moban_anli .anli_txt p{font-size: 14px;}
	.website_moblie_app .moban_anli .anli_txt a{padding: 0 15px;}
	.pro_con>div:last-of-type>i{    font-size: 24px;}
	.pro_con>div:last-of-type>p{font-size: 12px;}
}