.clr{ clear:both;}
/*banner*/

.forumBanner_Img{ height:360px;background:url("../images/forumbanner.jpg");background-size: auto 100%;background-repeat: no-repeat;background-position: 50% 50%;}
.forumBanner_Img>.banner{max-width:1182px; height:auto; margin:0 auto; }
.forumBanner_Img>.banner img{width: 100%;}
.forumBanner_Img .banner .banner_text .txt{ float:left; margin-top:83px; font-size:48px; color:white;}
.forumBanner_Img .banner .banner_text .txt_img{ float:left; width:40%; margin-left:5%;}
.forumBanner_Img .banner .banner_text .banner_btn{ clear:both; display:inline-block; background:#ffae00; margin-top:-10%; width:165px; height:66px; line-height:66px; font-size:24px; text-align:center; border-radius:10px; color:white; }
.forumBanner_Img .banner .banner_text .banner_btn:hover{ cursor:pointer;}

/*内容各标题*/
i{ font-style:normal;}
.main{ width:100%; float:left; padding-bottom:5%;}
.main>div{  margin:0 auto; max-width:1180px;}
.main .page{  padding-top:5%; float:left;width:100%;}
.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{ max-width:1180px; margin-top:5%;}

/*营销特点*/
.yxtd{ background:#eee;}
.td_page div:last-of-type>div{ margin:0;}
.td_page div:last-of-type .td_box{ width:223px; height:240px; background:white; padding-top:28px; float:left;}
.td_page div:last-of-type .td_box>div:first-of-type{ background:#eee; width:140px; height:137px; border-radius:50%; margin:0 auto;}
.td_page div:last-of-type .td_box .box_txt{ font-size:18px; width:100%; text-align:center; height:75px; line-height:75px;}
@keyframes dh{
	0%{ transform: rotateY(0deg);}
	100%{ transform: rotateY(360deg);}
}

/*营销的优势*/
.advantage{ background:white;}
.advantagePage >div:last-of-type{ width:100%; height:591px; }
.advantagePage >div:last-of-type .advantageUp{ width:100%; padding-top:59px;}

.advantagePage >div:last-of-type>div .advantageBox{ float:left; margin-left:50px; width:190px; height:250px; color:white; text-align:center;}
.advantagePage >div:last-of-type>div .advantageBox>div:last-of-type{ font-size:14px; margin-top:10px; line-height:20px;}
.advantagePage >div:last-of-type>div .advantageBox>div:first-of-type{ width:82px; margin:0 auto;}

.advantagePage >div:last-of-type .advantageUp .advantageBox:nth-of-type(2),.advantagePage >div:last-of-type .advantageUp .advantageBox:nth-of-type(3){ margin-left:110px;}
.advantagePage >div:last-of-type .advantageUp .advantageBox:last-of-type{ float:right; margin-right:50px;}
.advantagePage >div:last-of-type>div .advantageBox>div:nth-of-type(2){ font-weight:600; font-size:18px; margin-top:20px;}

.advantagePage >div:last-of-type .advantageDown{ clear:both; width:100%;}
.advantagePage >div:last-of-type .advantageDown .advantageBox{ margin-left:110px;  margin-top:10px;}
.advantagePage >div:last-of-type .advantageDown .advantageBox:first-of-type{ margin-left:195px;}


.youshio{width:1200px;margin:0 auto;}

/*营销服务*/
.service{ background:#eee;}
.service .servicePage>div:last-of-type{  position:relative;}
.service .servicePage>div:last-of-type .serviceBg{ max-width:1182px; height:482px; background:#108cee;}
.service .servicePage>div:last-of-type .serviceCon{width:1270px; height:340px; overflow:hidden;  position:absolute; left:-44px; top:65px;}

.sliderService{ position:relative; }
.serviceBigBox{ float:left; position:absolute; left:0;}
.serviceBigBox .serviceBox{ width:300px; height:340px; background:white; margin:0; text-align:center; margin:0 12.5px; float:left;}
.serviceBigBox .serviceBox .serviceImg{ width:79px; margin:0 auto; padding-top:20px;}
.serviceBigBox .serviceBox>div:nth-of-type(2){ font-size:18px; margin-top:25px; font-weight:600;}
.serviceBigBox .serviceBox>div:nth-of-type(3){ width:215px; height:95px; margin:25px auto; margin-top:5px; text-align:justify; font-size:14px;}
.serviceBigBox .serviceBox .serviceBtn{ width:159px; height:39px; font-size:16px; line-height:39px; color:white; border-radius:20px; margin:0 auto; background:#108cee;}
.serviceBigBox .serviceBox .serviceBtn:hover{ cursor:pointer; background:0; border:2px solid #108cee; color:#108cee; line-height:35px; }


.serviceArrow{ width:240px; margin:50px auto;}
.serviceArrow div{ width:100px; margin:0 10px; height:30px; float:left; background:#108cee;}
.serviceArrow div:hover{cursor:pointer;}


/*营销优势*/
.youShi{ background:white;}
.youShi .youShiPage>div:last-of-type .youshiBox{ width:393px; height:195px; margin:0; float:left;}
.youShi .youShiPage>div:last-of-type .youshiBox>div:first-of-type{ width:70px; background:#108cee; float:left; margin-right:2%;}
.youShi .youShiPage>div:last-of-type .youshiBox dl dt{ font-size:18px; font-weight:600;}
.youShi .youShiPage>div:last-of-type .youshiBox dl dd{ font-size:14px; color:#333; margin-top:1%; width:375px;}



/*案例展示*/
.samplePage>div:first-of-type>i{ color:white;}
.sampleBg{ background:url(../images/sampleBg.jpg) no-repeat top center; padding-bottom:0;}
.sampleBtn{ width:660px; margin:0 auto;}
.sampleBtn .samBtn{ width:200px; height:46px; border:1px solid #108cee; margin:0; float:left; color:#108cee; line-height:46px; text-align:center; font-size:18px;}
.sampleBtn .samBtn:hover{ cursor:pointer;}
.sampleBtn .samBtn:nth-of-type(2){ margin:0 30px;}
.sampleBtn .samBtn:first-of-type{ color:white; background:#108cee;}
.sample{ clear:both; padding-top:50px;}



/*论坛资源展示 */
.resources{ background:#eee;}
.resourcesPage>div:last-of-type .resIcon li{ float:left; margin:5px;}
.resourcesPage>div:last-of-type .resIcon li:hover{ cursor:pointer;}
.resourcesPage>div:last-of-type .resIcon{ margin-bottom:5%; float:left;}
.resourcesPage>div:last-of-type .resBtn{ clear:both;; font-size:18px; text-align:center; line-height:60px; width:255px; height:60px; background:#108cee; border-radius:10px; color:white;}
.resourcesPage>div:last-of-type .resBtn:hover{ cursor:pointer;}
.resourcesPage>div:last-of-type .resBtn>img{ width:50px; margin-left:2%; margin-top:-2%;}
.td_box5{margin-bottom: 15px !important;}
/* 新的css */




@media screen and (max-width: 1180px){
	.service .servicePage>div:last-of-type .serviceBg{margin-top:30px;}
	.forumBanner_Img{}
	.main .page>div:last-of-type{overflow: hidden;}
	.forumBanner_Img>.banner{}
.forumBanner_Img .banner .banner_text .txt{font-size: 30px;width:52%;}
.txt_img img{height:auto !important;margin-top: 30px;}
.advantagePage{width: 100%;}
.youshio{width: 100% ;	}

.sampleBtn{width:95% !important;padding: 0 !important;margin:0 auto;}
.sampleBtn .samBtn:nth-of-type(2){margin:0 5%;}
.sampleBtn .samBtn{width:calc(30% - 2px);}
.samBox{width:100% !important;}
.main .page{width: 100%;}
.samCon{width:90% !important;margin:0 auto !important;overflow: hidden;}
.td_page div:last-of-type .td_box{width:calc(20% - 12px);}
.td_page div:last-of-type .td_box>div:first-of-type{width: 120px;height: 120px;border-radius: 50%;}
.td_page div:last-of-type .td_box{height: 200px;}
.youShi .youShiPage>div:last-of-type .youshiBox{margin-top: 40px;width: 32%;}
.youShi .youShiPage>div:last-of-type .youshiBox dl dd{width: 95%;}
.main .page>div:last-of-type{margin-top: 0;}

.youShi .youShiPage>div:last-of-type .youshiBox>div:first-of-type{margin-top: 3px;}
.youShi .youShiPage>div:last-of-type .youshiBox dl dt{font-size: 16px;}
.youShi .youShiPage>div:last-of-type .youshiBox dl dd{font-size: 12px;}
.youShi .youShiPage>div:last-of-type .youshiBox{height:75px !important;}






.samplePage{width:100%;overflow: hidden;}

.youShi .youShiPage>div:last-of-type .youshiBox{height: auto;}


.youshio{margin-top:40px !important;height:auto !important;}

.sampleBtn{margin-top:20px;}
}

@media screen and (max-width: 960px){

.forumBanner_Img .banner .banner_text .txt{font-size: 26px;width:55%;}
.forumBanner_Img .banner .banner_text .txt_img{width:40%;}


}
@media screen and (max-width: 768px){

.td_page div:last-of-type .td_box{width:calc(25% - 9px);}


.td_box1{margin-bottom: 12px !important;}
.td_box2{margin:0 12px 12px 12px !important;}
.td_box3{margin:0 12px 12px 0 !important;}
.td_box4{margin:0 !important;margin-bottom:12px !important;}
.td_box5{margin-bottom: 12px !important;}
.td_box6{margin:0 12px 12px 12px !important;}
.td_box7{margin:0 12px 12px 0 !important;}
.td_box8{margin:0 !important;margin-bottom:12px !important;}
.td_box9{margin:0 !important;margin-bottom: 12px !important;margin-left: calc(25% + 3px) !important;}
.td_box10{margin:0 12px 12px 12px !important;}

.main .page>div:first-of-type>i{font-size: 26px;}


}
@media screen and (max-width: 640px){
.forumBanner_Img .banner .banner_text .banner_btn{margin-top:0;}

.forumBanner_Img .banner .banner_text .txt{font-size: 20px;}

.td_page div:last-of-type .td_box>div:first-of-type{width: 90px;height: 90px;border-radius: 50%;}
.td_page div:last-of-type .td_box{height: 150px;}
.td_page div:last-of-type .td_box .box_txt{font-size: 14px;}
.td_page div:last-of-type .td_box>div:first-of-type{width: 60px;height: 60px;border-radius: 50%;}


.youShi .youShiPage>div:last-of-type .youshiBox{width:95%;}
.youShi .youShiPage>div:last-of-type .youshiBox dl dd{width: 100%;}
.youShi .youShiPage>div:last-of-type .youshiBox dl dt{font-size: 16px;}
.youShi .youShiPage>div:last-of-type .youshiBox dl dd{font-size: 12px;}

.sampleBtn .samBtn{font-size: 14px;}

}

@media screen and (max-width: 414px){
	.resourcesPage>div:last-of-type .resIcon li{width: 47%;}
	.forumBanner_Img>.banner{position: relative;height: 260px;padding-left: 23px;}
	.forumBanner_Img .banner .banner_text .txt{margin-top: 23px;font-size:18px;}
	.forumBanner_Img .banner .banner_text .txt_img{position: absolute;right: 0;bottom: -30px;}
	.forumBanner_Img .banner .banner_text .txt_img img{height:auto !important;}
	.forumBanner_Img .banner .banner_text .banner_btn{margin-top: 10%;width: 110px;height: 40px;line-height: 40px;font-size: 16px;}
	.td_page div:last-of-type .td_box{height:auto;margin:0;}
}

@media screen and (max-width: 320px){
	.resourcesPage>div:last-of-type .resIcon li{width: 46%;}
}