@charset "gb2312";
.banner{width:100%;height:940px;box-sizing:border-box;padding-bottom:280px;background:#f7f4f4}
.banner .banner_top{height:660px;background-color:#3d6888;background:url(../img/bgCom.jpg) no-repeat center;background-size:cover;position:relative}
.banner_top h2{width:100%;font-size:60px;color:rgba(255,255,255,.9);font-weight:400;position:absolute;top:80px;text-align:center}
.banner_top h3{position:absolute;color:rgba(255,255,255,.9);top:168px;width:100%;text-align:center}
.banner_top img{position:absolute;left:50%;top:35%;margin-left:-455px}
.merit{width:1200px;height:auto;overflow:hidden;margin:auto;padding:134px 0}
.merit ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.merit ul li{width:25%;height:100px;margin-bottom:45px;font-size:16px;color:#616161;text-align:center;line-height:24px;box-sizing:border-box;padding-top:76px}
.merit ul li:nth-child(1){background:url(../img/icon1.png) no-repeat center top}
.merit ul li:nth-child(2){background:url(../img/icon2.png) no-repeat center top}
.merit ul li:nth-child(3){background:url(../img/icon3.png) no-repeat center top}
.merit ul li:nth-child(4){background:url(../img/icon4.png) no-repeat center top}
.merit ul li:nth-child(5){background:url(../img/icon5.png) no-repeat center top}
.merit ul li:nth-child(6){background:url(../img/icon6.png) no-repeat center top}
.merit ul li:nth-child(7){background:url(../img/icon7.png) no-repeat center top}
.merit ul li:nth-child(8){background:url(../img/icon8.png) no-repeat center top}
.advertising,.search{position:relative;overflow:hidden}
.search .searchL{width:50%;left:0;top:0; margin:0;}
.search .searchR{width:50%; height:100%; background:#f9f9f9;position:absolute;right:0;top:0}
.searchR h3{width:510px;position:absolute;font-size:40px;color:#333;bottom:50%;margin-bottom:140px;left:60px}
.searchR p{font-size:18px;color:#555;width:510px;line-height:28px;position:absolute;bottom:50%;margin-bottom:55px;left:60px}
.searchR .canvas{position:absolute;top:50%;margin-top:-25px;left:60px}
.advertising .adverR{width:50%;position:relative;left:50%;top:0; margin:0;}
.advertising .adverL{width:50%;height:100%;background:#f9f9f9;position:absolute;left:0;top:0}
.adverL h3{width:510px;position:absolute;font-size:40px;color:#333;bottom:50%;margin-bottom:170px;right:60px}
.adverL p{font-size:18px;color:#555;width:510px;line-height:28px;position:absolute;bottom:50%;margin-bottom:55px;right:60px}
.adverL .canvas{position:absolute;top:50%;margin-top:-25px;right:60px}
.news{width:100%;height:880px;overflow:hidden;position:relative;color:#fff;}
.news img.bg{height:100%;position:absolute}
.news h2{width:100%;font-size:40px;text-align:center;position:absolute;top:195px;color:#fff}
.news>h3{width:100%;font-size:20px;text-align:center;position:absolute;top:260px;color:#fff}
.news>p{width:100%;line-height:30px;font-size:16px;text-align:center;position:absolute;top:330px;color:#fff}
.news p span{display:block; color:#fff;}
.news ul{width:1200px;height:200px;margin:0 auto;text-align:center;position:absolute;top:50%;margin-top:90px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);display:flex;justify-content:space-around}
.news ul li{width:210px;color:#fff}
.news ul li h3{font-size:30px;line-height:40px;padding-bottom:20px;position:relative;color:rgba(255,255,255,.9)}
.news ul li h3 span{font-size:18px;color:rgba(255,255,255,.7)}
.news ul li h3:after{content:'';width:70px;height:2px;background:#148af9;position:absolute;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);bottom:0}
.news ul li p{font-size:14px;line-height:24px;padding-top:25px;text-align:left; color:#fff;}
.video{width:100%;height:900px;overflow:hidden;position:relative}
.video .bg{height:100%;position:absolute}
.video .videoText{width:615px;height:390px;position:absolute;left:50%;top:50%;margin-top:-195px}
.videoText h3{line-height:64px;color:#333;font-size:40px;text-indent:30px}
.videoText h4{font-size:20px;color:#555;line-height:50px;text-indent:30px}
.videoText p{padding-top:45px;font-size:16px;color:#555;padding-left:30px;line-height:30px}
.know{width:100%;height:780px;position:relative;overflow:hidden}
.know .bg{height:100%;position:absolute}
.know .knowText{width:615px;height:230px;position:absolute;color:#fff;top:50%;margin-top:-115px;right:50%}
.knowText h3{font-size:40px;line-height:60px;text-indent:30px}
.knowText h4{font-size:20px;line-height:64px;text-indent:30px}
.knowText p{font-size:16px;line-height:30px;padding-left:30px;padding-top:40px; color:#fff;}
.Content{width:100%;height:auto;padding:70px;display:flex;justify-content:center;position:relative;margin:0;box-sizing:border-box}
.Content li{width:340px;height:100%;margin:0 45px;text-align:center;box-sizing:border-box;padding-top:125px}
.Content li:nth-child(1){background:url(../img/co1.png) no-repeat center top}
.Content li:nth-child(2){background:url(../img/co2.png) no-repeat center top}
.Content li:nth-child(3){background:url(../img/co3.png) no-repeat center top}
.Content li h3{font-size:20px;line-height:28px;color:#333}
.Content li p{font-size:16px;color:#888;padding-top:10px;line-height:26px}
.keyWord{width:100%;height:870px;position:relative;overflow:hidden;background:#000}
.keyWord .bg{height:100%;position:absolute}
.keyWord .keyText{width:470px;height:300px;position:absolute;right:50%;margin-right:140px;top:50%;color:#fff;margin-top:-150px}
.keyText h3{font-size:2.5rem;line-height:3.75rem;text-indent:1.88rem}
.keyText h4{font-size:20px;line-height:60px;padding-left:30px; }
.keyText p{padding-top:40px;line-height:30px;font-size:16px;padding-left:30px; color:#fff;}
.yingyong{width:100%;height:660px;overflow:hidden;position:relative}
.yingyong h3{width:100%;font-size:40px;position:absolute;top:125px;text-align:center;color:#344159}
.yingyong h4{width:100%;height:20px;color:#888;text-align:center;position:absolute;top:200px}
.yingyong ul{width:1200px;height:auto;display:flex;justify-content:left;flex-wrap:wrap;margin:0 auto;position:absolute;top:295px;left:50%;transform:translateX(-50%)}
.yingyong ul li{margin:0 24px 55px 24px;position:relative}
.yingyong ul li a {display: block; width:100%; height:100%;}
.yingyong ul li a:after{content:'';position:absolute;top:-9px;left:-9px;width:100px;height:100px;box-sizing:border-box;border:1px solid #efefef;border-radius:10px;background:rgba(255,255,255,.9);line-height:98px;text-align:center;font-size:18px;color:#344159;display:none; cursor: pointer;}

.yingyong ul li:nth-child(1) a:hover:after,.yingyong ul li:nth-child(10) a:hover:after,.yingyong ul li:nth-child(11) a:hover:after,.yingyong ul li:nth-child(12) a:hover:after,.yingyong ul li:nth-child(13) a:hover:after,.yingyong ul li:nth-child(14) a:hover:after,.yingyong ul li:nth-child(15) a:hover:after,.yingyong ul li:nth-child(16) a:hover:after,.yingyong ul li:nth-child(2) a:hover:after,.yingyong ul li:nth-child(3) a:hover:after,.yingyong ul li:nth-child(4) a:hover:after,.yingyong ul li:nth-child(5) a:hover:after,.yingyong ul li:nth-child(6) a:hover:after,.yingyong ul li:nth-child(7) a:hover:after,.yingyong ul li:nth-child(8) a:hover:after,.yingyong ul li:nth-child(9) a:hover:after{display:block}
.yingyong ul li:nth-child(1) a:after{content:'云搜索'}
.yingyong ul li:nth-child(2) a:after{content:'云广告'}
.yingyong ul li:nth-child(3) a:after{content:'云新闻'}
.yingyong ul li:nth-child(4) a:after{content:'企业问答'}
.yingyong ul li:nth-child(5) a:after{content:'推视频'}
.yingyong ul li:nth-child(6) a:after{content:'关键词直投'}
.yingyong ul li:nth-child(7) a:after{content:'企业百科';}
.yingyong ul li:nth-child(8) a:after{content:'云盟';}
.yingyong ul li:nth-child(9) a:after{content:'云网站';}
.yingyong ul li:nth-child(10) a:after{content:'三屏站';}
.yingyong ul li:nth-child(11) a:after{content:'云客服';}
.yingyong ul li:nth-child(12) a:after{content:'品牌宝';}
.yingyong ul li:nth-child(13) a:after{content:'云秀场'}
.yingyong ul li:nth-child(14) a:after{content:'G3盒子'}
.yingyong ul li:nth-child(15) a:after{content:'访问统计'}
.yingyong ul li:nth-child(16) a:after{content:'微信小程序'}
.earn{width:100%;height:440px;background:#fafafa;overflow:hidden;position:relative}
.earn ul{width:1200px;height:96px;padding-top:70px;padding-bottom:45px;border-bottom:1px solid #b5b5b5;margin:0 auto;display:flex}
.earn ul li{width:25%;height:100%;border-right:1px solid #aaa;text-align:center}
.earn ul li:last-child{border-right:none}
.earn ul li h3{font-size:60px;color:#326cad;font-weight:300;padding-bottom:10px}
.earn ul li h3 span{font-size:14px}
.earn ul li b{font-weight:400;font-size:16px;color:#555}
.earn .erwei{width:100%;height:220px;position:relative}
.erwei img{position:absolute;right:50%;margin-right:140px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.erwei dl{width:350px;height:70px;position:absolute;top:50%;left:50%;margin-left:-105px;transform:translateY(-50%)}
.erwei dl dt{font-size:24px;color:#333;line-height:40px;font-weight:400}
.erwei dl dt a {font-size:18px;}
.erwei dl dd{font-size:14px;line-height:30px;color:#555}
.header_bg .address .op em{ padding-top:0;}
.header_bg .address ul{ top:0;}

@media screen and  (max-width:1226px){
	.merit {width:1080px;}
	.searchR p, .adverL p, .searchR h3,.adverL h3{
			width: auto;
			box-sizing: border-box;
	}
	.searchR p ,.searchR h3{padding-right: 2rem}
	.adverL p ,.adverL h3{padding-left: 2rem}
	.searchR .canvas,.adverL .canvas {width:70%;}
	.news ul {
		width: 100%;
	}
	.video .bg {margin-left:-30%;}
	.video .videoText{width:auto; box-sizing: border-box; padding-right:2rem;}
	.know .knowText ,.keyWord .keyText {width:auto; box-sizing: border-box; padding-left:2rem;}
	.yingyong ul {width:100%;}
	.earn ul {width:100%;}

}