
/*SEM竞价推广视频*/

.login-wrapper{background:#feffff;overflow-x:hidden}
.login-wrapper .login-video-wrapper{position:relative;background:#000;padding:0;overflow:hidden;height:100vh;width:100%}
.login-wrapper .login-video-wrapper .login-video{width:100%;height:100%;/* min-width:1260px; */position:absolute;top:0;left:0}
.login-wrapper .login-video-wrapper .login-video video{width:100%;height:100%;position:relative;-o-object-fit:cover;object-fit:cover}

.login-wrapper .login-main{width:1180px;/* margin:30vh auto 0; */display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.login-wrapper .login-main .slogan{position:relative;margin: 0 auto;}
.login-wrapper .login-main .slogan p{color:#fff;}
.login-wrapper .login-main .slogan .p1{font-size:50px; font-weight:bold;}
.login-wrapper .login-main .slogan .p1 .sp1{padding:5px 15px 10px;border:8px solid #fff; border-bottom:none; border-right:none; border-left:none; }
.login-wrapper .login-main .slogan .p1 .sp2{padding:5px 0 10px;border:8px solid #fff; border-left:none;}
.login-wrapper .login-main .slogan .p2{ padding:0 23px;font-size:16px; letter-spacing:3.5px; border-top:none; border-right:none; border-bottom:none;}

@media (max-width:640px){
	.login-wrapper .login-video-wrapper{height:50vh;}
	.login-wrapper .login-main .slogan .p1{font-size:30px;}
	
	.login-wrapper .login-main .slogan .p2{ font-size: 12px;letter-spacing: 1.5px;}
}




/*SEM竞价推广---想做SEM竞价推广却处处都是难题？*/
.sem-2-wrapper{overflow:auto;}
.sem-2-wrapper .m-web-title{padding: 30px 15px;}
.sem-2-wrapper .do-desc {margin-bottom: 1%;text-align: center;}

.sem-2-wrapper .content{background:url("../images/sem/ico.png") center bottom no-repeat;overflow:auto;}
.sem-2-wrapper .content ul{font-size:0;text-align:center}
.sem-2-wrapper .content li{width:33%;float:left;}
.sem-2-wrapper .content li a.con{position:relative;display:inline-block;vertical-align:top;*display:inline;*zoom:1;margin-bottom:77px;font-size:14px;line-height:20px;color:#666; border:2px solid #eee;padding:1%;border-radius:5px;}

.sem-2-wrapper .content .ico{}
.sem-2-wrapper .content .ico img{width:100% !important;height:auto !important}
.sem-2-wrapper .content h3{display:none;position:absolute;top:35%;left:50%;font-size:18px;line-height:30px;color:#fff;text-align: center;background-color:#da251d;border-radius:30px;padding:0 20px; transform: translate(-50%);}
.sem-2-wrapper .content p{margin:10px auto}
.sem-2-wrapper .content li a.con:hover{border:2px solid #da251d;}
.sem-2-wrapper .content li a.con:hover h3{display:block;}

@media (max-width:640px){
	.sem-2-wrapper .content li{width:100%;float:left;}
}


/*SEM竞价推广*/
.sem-3-wrapper{overflow:auto; max-width:1200px !important;}
.sem-3-wrapper .m-web-title{padding: 30px 15px 0;}
.sem-3-wrapper .do-desc {margin-bottom: 7.5%;text-align: center;}
.sem-3-wrapper .content{width:100%;float:left;}
.sem-3-wrapper .content .ico{float:left; width:50%;}
.sem-3-wrapper .content .txt{float:left; width:50%;margin-top: 100px;}
.sem-3-wrapper .content .txt h3{font-weight:bold;font-size:22px;}
.sem-3-wrapper .content .txt span{font-weight:bold;font-size:22px;}
.sem-3-wrapper .content .txt p{padding:30px 0;max-width: 500px;}
.sem-3-wrapper .content3{width:100%;float:left;padding: 100px 0 0;}
.sem-3-wrapper .content3 .ico{ width:100%; margin:0 auto;text-align: center;}
.sem-3-wrapper .content3 .txt{ width:100%; margin:0 auto; text-align: center;}
.sem-3-wrapper .content3 .txt h3{font-weight:bold;font-size:22px;}
.sem-3-wrapper .content3 .txt span{font-weight:bold;font-size:22px;}
.sem-3-wrapper .content3 .txt p{padding:0 0 30px;}

@media (max-width:640px){
.sem-3-wrapper .content .ico{float:left; width:50%;margin-top: 20px;}
.sem-3-wrapper .content .txt{float:left; width:50%;margin-top: 0;}
.sem-3-wrapper .content .ico img{width:100%;}

.sem-3-wrapper .content .txt h3{font-weight:bold;font-size:16px;}
.sem-3-wrapper .content .txt span{font-weight:bold;font-size:16px;}
.sem-3-wrapper .content .txt p{font-size:12px;line-height:20px;padding:10px 0;}

.sem-3-wrapper .content3{padding: 50px 0 0;}
.sem-3-wrapper .content3 .ico img{width:100%;}
.sem-3-wrapper .content3 .txt h3{font-weight:bold;font-size:16px;}
.sem-3-wrapper .content3 .txt span{font-weight:bold;font-size:16px;}
.sem-3-wrapper .content3 .txt p{font-size:12px;line-height:20px;padding:10px 0;}

}


/*SEM竞价推广*/
.sem-4-wrapper{  position: relative;/* height: 503px; */padding: 80px 0 50px; }
.sem-4-wrapper .m-web-title{position:relative;z-index:10;margin-bottom:5px;color:#fff}
.sem-4-wrapper .do-desc {position:relative;z-index:10;margin-bottom: 4%;text-align: center;color:#fff;text-transform:uppercase;font-size:24px;}
.sem-4-wrapper .m-full-bg{position:absolute;left:0;top:0;overflow:hidden;width:100%}
.sem-4-wrapper .m-full-bg img{position:relative;left:50%;transform: translate(-50%);}
.sem-4-wrapper .content{position:relative;z-index:10;overflow:hidden;}
.sem-4-wrapper .content ul{text-align:center;}
.sem-4-wrapper .content li{float:left;width:20%;font-size:16px;line-height:24px;color:#fff;text-transform:uppercase}
.sem-4-wrapper .content li h3{ font-size:16px; line-height:30px;font-weight:bold;}
.sem-4-wrapper .content li p{ font-size:16px;line-height:24px; }

@media (max-width:640px){
.sem-4-wrapper{  position: relative;padding: 50px 0 50px; }
.sem-4-wrapper .m-web-title{font-size: 20px;line-height: 28px;}
.sem-4-wrapper .do-desc {font-size:14px;}
.sem-4-wrapper .content li{width:50%; margin-bottom:25px;}
.sem-4-wrapper .content li:nth-child(even){display:none;}
.sem-4-wrapper .content li h3{ font-size:12px; line-height:24px;font-weight:bold;}
.sem-4-wrapper .content li p{ font-size:12px;line-height:14px; }
}


/*SEM竞价推广*/
.sem-5-wrapper{padding: 80px 0 50px;overflow:auto;}
.sem-5-wrapper .do-desc {margin-bottom: 4%;text-align: center;}

.sem-5-wrapper ul{float: right;width: 61.25%;}
.sem-5-wrapper ul.w100{width: 100%;}
.sem-5-wrapper .pc-column .txt{color: #333;}
.sem-5-wrapper .pc-column .con{color: #333;font-size: 14px;line-height: 24px;max-width: 240px;margin: 0 auto;}
.sem-5-wrapper .pc-column .wtech-icon {width: 250px; height: 250px;}
.sem-5-wrapper .pc-column .wtech-icon img{width: 100%; }

@media (max-width:640px){
.sem-5-wrapper ul{float: none;width: 100%;}
.sem-5-wrapper .pc-column-4{width:48%;padding:20px 0 0;}
.sem-5-wrapper .pc-column-4:nth-child(3){clear:both;}


.sem-5-wrapper .pc-column .wtech-icon {width: 100%; height: 100%;}
.sem-5-wrapper .pc-column .txt{}
.sem-5-wrapper .pc-column .con{font-size: 12px;line-height: 20px;}
}







/*SEM竞价推广*/
.sem-6-wrapper{}
.sem-6-wrapper .do-desc {margin-bottom: 7.5%;text-align: center;}





@media (max-width:640px){
	

}






/*SEM竞价推广*/
.sem-7-wrapper{margin:50px auto; overflow:hidden;}
.sem-7-wrapper .do-desc {margin-bottom: 7.5%;text-align: center;}

.sem-7-wrapper .swiper-container {width: 100%; height:100%;}
.sem-7-wrapper .swiper-container .swiper-wrapper{margin: 60px 0;}
    

.sem-7-wrapper .swiper-slide{
      text-align: center;
      font-size: 18px;
      background: #fff;
      /* Center slide text vertically */
      /* display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center; */
	  transition: 300ms;
	  transform: scale(0.9);
	  box-shadow: 0 0 5px #888888;
	  margin:30px 0;
	  border-radius:5px;
}
.sem-7-wrapper .swiper-slide-active,.sem-7-wrapper .swiper-slide-duplicate-active{
	transform: scale(1.5);
	box-shadow: 0 0 5px #888888;
	z-index: 1000;
	border-radius:5px;
	
}

.sem-7-wrapper .swiper-slide .txt{ width:100%; background-color:#da251d;color:#fff;float:left;border-radius:5px 5px 0 0;font-size:20px;font-weight:bold;line-height:24px;padding:10px 0;}
.sem-7-wrapper .swiper-slide .con{width:100%;float:left; font-size:14px;line-height:20px;}
.sem-7-wrapper .swiper-slide .con h3{width:100%;float:left;font-size:16px;line-height: 20px;margin:20px 0 0;}
.sem-7-wrapper .swiper-slide .con p{width:100%;float:left;font-size: 12px;line-height: 18px;}

.sem-7-wrapper .swiper-slide.content1 .con ul{width:100%;float:left;}
.sem-7-wrapper .swiper-slide.content1 .con ul li{width:100%;float:left; padding:15px 0;}
.sem-7-wrapper .swiper-slide.content1 .con ul li:nth-child(even){ background-color:#efefef;}


.sem-7-wrapper .swiper-slide.content2 .con ul{width:100%;float:left;margin:20px 0 0;}
.sem-7-wrapper .swiper-slide.content2 .con ul li{ width:44%;float:left;background-color:#efefef;margin-left:4%;padding:20px 0;}
.sem-7-wrapper .swiper-slide.content2 .con ul li .p1{font-size:16px;line-height: 20px;}
.sem-7-wrapper .swiper-slide.content2 .con ul li .p2{padding:20px 0 5px;}
.sem-7-wrapper .swiper-slide.content2 .con ul li .p3 span{font-size:20px;font-weight:bold;}
.sem-7-wrapper .swiper-slide.content2 .con .more{color:#fff;background-color:#da251d;border-radius:40px;padding:5px 20px; margin:30px auto;display: block;float: left;margin-left:50%;transform: translate(-50%);}
.sem-7-wrapper .swiper-slide.content2 .con .more:hover{background-color:#000;}

@media (max-width:640px){
.sem-7-wrapper .swiper-slide-active,.sem-7-wrapper .swiper-slide-duplicate-active{ transform: scale(2.5);  -webkit-transform: scale(2.5)}

.sem-7-wrapper .swiper-slide .txt{font-size:8px;font-weight:bold;line-height:12px;padding:5px 0;}
.sem-7-wrapper .swiper-slide .con{font-size:5px;line-height:10px;}
.sem-7-wrapper .swiper-slide .con h3{font-size:6px;line-height: 8px;margin:6px 0 0;}
.sem-7-wrapper .swiper-slide .con p{font-size: 4px;line-height: 6px;}

.sem-7-wrapper .swiper-slide.content1 .con ul li{padding:1px 0;}

.sem-7-wrapper .swiper-slide.content2 .con ul{width:100%;float:left;margin:4px 0 0;}
.sem-7-wrapper .swiper-slide.content2 .con ul li{ width:47%;margin-left:2%;padding:5px 0;}
.sem-7-wrapper .swiper-slide.content2 .con ul li .p1{font-size:5px;line-height: 10px;}
.sem-7-wrapper .swiper-slide.content2 .con ul li .p2{padding:4px 0;}
.sem-7-wrapper .swiper-slide.content2 .con ul li .p3 span{font-size:12px;font-weight:bold;}
.sem-7-wrapper .swiper-slide.content2 .con .more{margin:4px auto;border-radius:5px;padding:0 4px;margin-left:50%;transform: translate(-50%);}
}






/*SEM竞价推广*/
.sem-8-wrapper{}
.sem-8-wrapper .do-desc {margin-bottom: 4%;text-align: center;}
.sem-8-wrapper .content{overflow:auto;}
.sem-8-wrapper .content ul{font-size:0;text-align:center}
.sem-8-wrapper .content li{width:20%;float:left;}
.sem-8-wrapper .content li img{width:100%;}
.sem-8-wrapper .content li a.con{display: block;overflow: hidden;margin: 0 13px 23px;border: 1px solid #d2d2d2;padding: 1px;-webkit-transition: all ease .3s;-o-transition: all ease .3s;-moz-transition: all ease .3s;transition: all ease .3s;}
.sem-8-wrapper .content li a.con:hover{border:1px solid #da251d;}

@media (max-width:640px){
.sem-8-wrapper .content li{width:50%;float:left;}
}



/*tag 标签更多效果*/
#taglist{overflow:hidden; height:208px;}
#taglist .clickmore{display:block;position:absolute;bottom:0;left:0;width: 100%;background-color:#fff;}
#taglist .clickmore a{width: 100%;background-color:#fff;}
#taglist .clickmore a:hover{color:#d90000;}

#taglist .clickmore_wap{display:none;position:absolute;bottom:0;left:0;width: 100%;background-color:#fff;}
#taglist .clickmore_wap a{width: 100%;background-color:#fff;}
#taglist .clickmore_wap a:hover{color:#d90000;}

@media (max-width:640px){
	#taglist{overflow:hidden; height:168px;}
	#taglist .clickmore{display:none;}
	#taglist .clickmore_wap{display:block;}
}


