@charset "utf-8";
/* CSS Document */
body{font-family:Arial, Helvetica, sans-serif,'微软雅黑',;background:#fff; color:#333;font-size: 12px;}
p,h3,h5,body,ul,li,ol,input,img,table{ margin:0; padding:0;}
ul,li,ol{list-style:none;} 
input,img{border:none;}
a{ text-decoration:none;color: #000;}
.block{width: 100%; height: auto; float: left; overflow-x: hidden}
a:hover{text-decoration:none;}
/*头部*/
.top{width: 100%;height: 24px;background:#004a86;}
.topbody{width: 1200px;height: 24px; margin: auto;}
.topbody p{width:68px;height: 24px;font-size:12px;line-height:24px;float: right;}
.topbody p a{width:68px;height: 24px;color: #abc1d3;}
.topbody p:nth-child(1) a{float: right;}
/**logo nav**/
.navbg{width: 100%;height: 68px;background: #0069be;position:relative; z-index:2;}
.navbody{width: 1200px;height: 68px;margin: auto;}
.logo{width: 168px;height: 68px;float: left;}
.logo1{width: 100px;height: 30px;float: left;margin-top:19px; }
*{list-style: none;text-decoration: none;}
    #lie{width: 750px;height: 40px;margin: 0 auto;float: right;text-align: center;margin-top: 10px;}
    #lie{background: #0069be;}
    #lie li{float:left;color: #FFFFFF; display:block;width: 145px;font-size: 18px; height: 50px; line-height: 50px;position: relative;}
	#lie li a{color:#FFFFFF;}
    #lie li:hover{background: #0f7ed8;color: #FFFFFF;}
    #lie li ul li{float: none;width: 145px;font-size: 14px;}
    /*将二级菜单设置为display：none;*/
    #lie li ul{position: absolute;top:50px;left: 0;display: none;background:url(http://www.topsky.com/uploadfile/index_files/daohangbg.png);}
    
	#lie li ul li a{color:#5c92de;}
	#lie li ul li:hover{background:url();}
#lie li ul li a:hover{color:#ee9758;}
    /*在划过二级菜单从属的一级菜单时，设置为display:block;*/
    #lie li:hover ul{display: block;}


/**关于雅虎**/
.gyyh{width: 1200px;height:37px;margin: auto;margin-top: 20px;}
.biaoti{width:1200px;height: 37px;;margin: auto;}
.gyyhbody{width:1200px;height: 300px;margin: auto;margin-top: 10px; }
.gyyht{width: 400px;height: 260px;float: left;color: #7f7f7f;margin-top: 20px;font-size: 14px;z-index: 2;line-height: 19px;margin-left: 150px;}
.gyyht p{text-indent: 2em;}
.gyyhtu{width: 500px;height: 290px;float: right;margin-left: 100px;}
/**广告位展现**/
.ggwzx{width: 1200px;height:37px;margin: auto;margin-top:20px;}
/**1**/
.adververtisement{width: 1200px;height:420px;margin: auto;margin-top:20px;}
.adleft{width: 620px;height: 400px;float: left;margin-top: 20px; background: url(http://www.topsky.com/uploadfile/yahoo/images/arrowright.jpg) no-repeat;}
.adlefts{display: none;}
.pcyuan{ align-items:baseline; color: #0069be;font-size: 24px; margin: 96px 0 0 150px;
	transform:rotate(10deg);
	/*css3属性兼容*/
-ms-transform:rotate(10deg); 	/* IE 9 */
-moz-transform:rotate(10deg); 	/* Firefox */
-webkit-transform:rotate(10deg); /* Safari 和 Chrome */
-o-transform:rotate(10deg); 	/* Opera */}
.yahooshoye{ align-items:baseline; font-size: 14px;width: 400px;margin: 9px 0 0 146px;
	transform:rotate(10deg);
	/*css3属性兼容*/
-ms-transform:rotate(10deg); 	/* IE 9 */
-moz-transform:rotate(10deg); 	/* Firefox */
-webkit-transform:rotate(10deg); /* Safari 和 Chrome */
-o-transform:rotate(10deg); 	/* Opera */}
.guanggaoright{float: left;margin-left: 80px;}
.guanggaorightimg{float: left;}
/**2**/
.adright{width: 620px;height: 400px;float: right;margin-top: 20px;margin-right: 60px; background:url(http://www.topsky.com/uploadfile/yahoo/images/arrowleft.png) no-repeat;}
.admove{ align-items:baseline; color: #0069be;font-size: 24px; margin: 78px 0 0 170px;
	transform:rotate(-10deg);
	/*css3属性兼容*/
-ms-transform:rotate(-10deg); 	/* IE 9 */
-moz-transform:rotate(-10deg); 	/* Firefox */
-webkit-transform:rotate(-10deg); /* Safari 和 Chrome */
-o-transform:rotate(-10deg); 	/* Opera */}
.banmian{ align-items:baseline; font-size: 14px;width: 400px;margin: 20px 0 0 166px;
	transform:rotate(-10deg);
	/*css3属性兼容*/
-ms-transform:rotate(-10deg); 	/* IE 9 */
-moz-transform:rotate(-10deg); 	/* Firefox */
-webkit-transform:rotate(-10deg); /* Safari 和 Chrome */
-o-transform:rotate(-10deg); 	/* Opera */}
.moveright{float: left;margin-left: 200px;}
.moveimg{float: left;}
/**3和1一样**/

/**我们的优势**/
.advantage{width: 100%;height: 480px;background: #f1f1f1;margin-top: 43px;}
.biaoti1{width:1200px;height: 47px;;margin: auto;}
.youshibiaoti{ margin-top: 10px;}
.advantagebody{width: 952px;height:330px;margin: auto;}
/**1**/
.youshi1{width: 284px;height: 230px;background: #68c9d2;margin-top: 50px;float: left;}
.youshi1tu{width: 88px;height:118px;margin:auto;margin-top: 20px;}
.youshi1tu img{margin-top: 20px;}
.quanqiu{font-size: 18px;text-align: center;color: #fff;}
.youshi1body{font-size: 14px;text-align: center;color: #fff;display: block;margin:auto;width:225px;height: auto;margin-top: 10px;}
.youshi1tu img:hover{transform: scale(1.5);-moz-transform: scale(1.5);-ms-transform: scale(1.5);-webkit-transform: scale(1.5);-o-transform: scale(1.5);}
/**2**/
.youshi2{width: 284px;height: 230px;background: #fbcf48;margin:50px 0 0 50px;float: left;}
/**3**/
.youshi3{width: 284px;height: 230px;background: #f76f6f;margin:50px 0 0 50px;float: left;}

.Yahooyoushi{text-align: center;color: #7f7f7f;font-size: 18px;display: block;width: 740px;height: auto;margin: auto;}
/**搜索再营销**/
.sousuo{width: 100%;height: 241px;position: relative;overflow: hidden;}
.search{width:1920px;height: 241px;background:url(http://www.topsky.com/uploadfile/yahoo/images/smallbanner.jpg) no-repeat;position:absolute;left:50%;margin-left:-960px;}
.kong{width: 200px;height: 142px;margin: auto;}
.searchbutton{width: 200px;height: 58px;margin: auto;}
/**客户案例**/
.anli{width: 1148px;height: 543px;margin: auto;margin-top: 20px;}
.anli1{width: 390px;height: 166px;float: left;background: url(http://www.topsky.com/uploadfile/yahoo/images/anli1.jpg) no-repeat;}
.anli2{width: 221px;height: 166px;float: left;background: url(http://www.topsky.com/uploadfile/yahoo/images/anli2.jpg) no-repeat;}
.anli3{width: 299px;height: 166px;float: left;background: url(http://www.topsky.com/uploadfile/yahoo/images/anli3.jpg) no-repeat;}
.anli4{width: 238px;height: 166px;float: left;background: url(http://www.topsky.com/uploadfile/yahoo/images/anli4.jpg) no-repeat;}
.anli5{width: 252px;height: 188px;float: left;background: url(http://www.topsky.com/uploadfile/yahoo/images/anli5.jpg) no-repeat;}
.anli6{width: 356px;height: 188px;float: left;background: url(http://www.topsky.com/uploadfile/yahoo/images/anli6.jpg) no-repeat;}
.anli7{width: 232px;height: 188px;float: left;background: url(http://www.topsky.com/uploadfile/yahoo/images/anli7.jpg) no-repeat;}
.anli8{width: 308px;height: 188px;float: left;background: url(http://www.topsky.com/uploadfile/yahoo/images/anli8.jpg) no-repeat;}
.anli9{width: 435px;height: 189px;float: left;background: url(http://www.topsky.com/uploadfile/yahoo/images/anli9.jpg) no-repeat;}
.anli10{width: 358px;height: 189px;float: left;background: url(http://www.topsky.com/uploadfile/yahoo/images/anli10.jpg) no-repeat;}
.anli11{width: 355px;height: 189px;float: left;background: url(http://www.topsky.com/uploadfile/yahoo/images/anli11.jpg) no-repeat;}

.anli1bg{width: 390px;height: 166px;background: #0069be;display: none;}
.anli2bg{width: 221px;height: 166px;background: #0069be;display: none;}
.anli3bg{width: 299px;height: 166px;background: #0069be;display: none;}
.anli4bg{width: 238px;height: 166px;background: #0069be;display: none;}
.anli5bg{width: 252px;height: 188px;background: #0069be;display: none;}
.anli6bg{width: 356px;height: 188px;background: #0069be;display: none;}
.anli7bg{width: 232px;height: 188px;background: #0069be;display: none;}
.anli8bg{width: 308px;height: 188px;background: #0069be;display: none;}
.anli9bg{width: 435px;height: 189px;background: #0069be;display: none;}
.anli10bg{width: 358px;height: 189px;background: #0069be;display: none;}
.anli11bg{width: 355px;height: 189px;background: #0069be;display: none;}

.anli1:hover .anli1bg{filter: alpha(opacity=80);opacity: 0.8;-moz-opacity: 0.8;display: block;}
.anli2:hover .anli2bg{filter: alpha(opacity=80);opacity: 0.8;-moz-opacity: 0.8;display: block;}
.anli3:hover .anli3bg{filter: alpha(opacity=80);opacity: 0.8;-moz-opacity: 0.8;display: block;}
.anli4:hover .anli4bg{filter: alpha(opacity=80);opacity: 0.8;-moz-opacity: 0.8;display: block;}
.anli5:hover .anli5bg{filter: alpha(opacity=80);opacity: 0.8;-moz-opacity: 0.8;display: block;}
.anli6:hover .anli6bg{filter: alpha(opacity=80);opacity: 0.8;-moz-opacity: 0.8;display: block;}
.anli7:hover .anli7bg{filter: alpha(opacity=80);opacity: 0.8;-moz-opacity: 0.8;display: block;}
.anli8:hover .anli8bg{filter: alpha(opacity=80);opacity: 0.8;-moz-opacity: 0.8;display: block;}
.anli9:hover .anli9bg{filter: alpha(opacity=80);opacity: 0.8;-moz-opacity: 0.8;display: block;}
.anli10:hover .anli10bg{filter: alpha(opacity=80);opacity: 0.8;-moz-opacity: 0.8;display: block;}
.anli11:hover .anli11bg{filter: alpha(opacity=80);opacity: 0.8;-moz-opacity: 0.8;display: block;}

.xiangqing1{width: 76px;height: 22px;margin:70px 0 0 160px;position: absolute;}
.xiangqing2{width: 76px;height: 22px;margin:70px 0 0 72px;position: absolute;}
.xiangqing3{width: 76px;height: 22px;margin:70px 0 0 112px;position: absolute;}
.xiangqing4{width: 76px;height: 22px;margin:70px 0 0 81px;position: absolute;}
.xiangqing5{width: 76px;height: 22px;margin:83px 0 0 88px;position: absolute;}
.xiangqing6{width: 76px;height: 22px;margin:83px 0 0 140px;position: absolute;}
.xiangqing7{width: 76px;height: 22px;margin:83px 0 0 78px;position: absolute;}
.xiangqing8{width: 76px;height: 22px;margin:83px 0 0 116px;position: absolute;}
.xiangqing9{width: 76px;height: 22px;margin:85px 0 0 180px;position: absolute;}
.xiangqing10{width: 76px;height: 22px;margin:85px 0 0 141px;position: absolute;}
.xiangqing11{width: 76px;height: 22px;margin:85px 0 0 140px;position: absolute;}
/**新闻资讯**/
.new{widows: 100%;height: 300px; background: #f1f1f1;margin-top: 50px;}
.newbody{width: 1150px;height: 130px;margin:auto;margin-top: 40px;}
.new1{width: 557px;height: 50px;background: #8a8a8a; font-size: 18px;text-align: center;line-height: 50px;float: left;}
.new1 a{color: #fff;}
.new1:hover{background:#0069be; }
.new2{width: 557px;height: 50px;background: #8a8a8a; font-size: 18px;text-align: center;line-height: 50px;margin-left: 36px; float: left;}
.new2 a{color: #fff;}
.new2:hover{background:#0069be; }
.new3{width: 557px;height: 50px;background: #8a8a8a; font-size: 18px;text-align: center;line-height: 50px;float: left;margin-top: 30px;}
.new3 a{color: #fff;}
.new3:hover{background:#0069be; }
.new4{width: 557px;height: 50px;background: #8a8a8a; font-size: 18px;text-align: center;line-height: 50px;margin-left: 36px; float: left;;margin-top: 30px;}
.new4 a{color: #fff;}
.new4:hover{background:#0069be; }
/**立即开始您的推广**/
.tuiguang{width: 1200px;height: 67px;background: url(http://www.topsky.com/uploadfile/yahoo/images/zixun.jpg);margin: auto;margin-top: 20px;}
.buzhou{width: 1200px;height: 80px;margin: auto;}
.buzhoubody{width: 850px;height: 28px; float: left;margin-top: 15px;}
.buzhoubody1{width: 197px;height: 28px; background: url(http://www.topsky.com/uploadfile/yahoo/images/lijizixun.jpg);margin-left: 124px;text-align: center;color: #fff;line-height: 28px;display: block;float: left;font-size: 14px;}
.arrow{float: left;margin:6px 0 0 10px;}
.buzhoubody2{width: 197px;height: 28px; background: url(http://www.topsky.com/uploadfile/yahoo/images/lijizixun.jpg);margin-left: 10px;text-align: center;color: #fff;line-height: 28px;display: block;float: left;font-size: 14px;}
.freezixun{width: 175px;height: 33px;float: left;}
/**底部**/
.lastbox{width: 100%;height: 400px;margin: auto;position: relative;}
.last{width: 1920px;height: 400px;background:url(http://www.topsky.com/uploadfile/yahoo/images/bg.jpg);margin: auto;position:absolute;left: 50%;margin-left: -960px;}
.lastbody{width: 1200px;height: 320px;position: absolute;margin-top: 75px;left: 50%;margin-left: -600px;}
.lastbody1{width: 300px;height: 235px;float: left;}
.yingxiaochanpin{width: 150px;height: 38px;margin: auto;}
.yingxiaochanpin img{float: left;}
.yxcp{font-size: 18px;color: #fff;line-height: 38px;text-align: center;display: block;float: left;margin-left: 10px;}
.yingxiaobody{width:260px;height: 180px;margin: auto;margin-top: 15px;}
.yingxiaobody p{text-align: center;color: #fff;font-size: 14px;display: block;line-height: 15px;margin-top: 22px;}
.lianxiwomen{width:260px;height: 180px;margin: auto;margin-top: 15px;}
.lianxiwomen p{margin-left: 25px; color: #fff;font-size: 14px;display: block;line-height: 15px;margin-top: 22px;}
.lianxiwomen p:nth-child(3){line-height: 20px;}
.guanzhubody{width:260px;height: 180px;margin: auto;margin-top: 15px;}
.skytech{width: 105px;height: 105px;margin: auto;margin-top: 20px;}
.saomiao{ color: #fff;font-size: 12px;display: block;margin-top: 10px;text-align: center;display: block;}

.finally{width: 1200px;height: 80px;float: left;}
.finally p{width: 420px;height: 40px; text-align: center;color: #8c8c8c;font-size: 12px;display: block;margin: auto;margin-top:20px;line-height: 16px;}
.yingxiaobody p a{color: #fff;}

@media screen and (max-width: 1024px){
	.lastbox{width: 100%; height: auto;}
	.last{width: 100%; background: #34383B; margin: 0;left: 0}
	.topbody{width: 80%;}
	.navbody{width: 100%;}
	.nav{width: 100%; height: auto}
	.bannerbox{height: auto}
	.banner{width: 100%; height: auto}
	.gyyhbody{width: 90%;}
	.ggwzx{width: 100%}
	.gyyht{width: 100%;margin-left: 0;}
	.gyyh{width: 100%; }
	.gyyhtu{width: 100%;}
	#lie{width: 100%; height:auto; line-height: 2.5rem; float: left}
	#lie li{width: 100%;  height: 2.5rem; line-height: 2.5rem; border-bottom: 1px solid #ccc; float: left}
	#lie li a{width: 100%; float: left;height:2.5rem; line-height: 2.5rem;}
	#lie li a:hover{width: 100%; height: 2.5rem; margin-top: 0; line-height: 2.5rem;}
	.adververtisement{width: 100%; }
	.guanggaorightimg{width: 80%; height: auto}
	.adleft{width: 100%; height: 10rem; margin-top: 5rem;margin-left: 0; background: none;}
	.adlefts{width: 100%; height: 10rem; margin-top: 5rem;margin-left: 0;display: block; float: left}
	.moveright{margin: 0;width: 100%; background: #fff}
	.moveimg{width: 80%; float: none; margin-left: 10%;}
	.pcyuan{ align-items:baseline; color: #4d0dbb;font-size: 24px; width: 100%; text-align: center; margin: 0;
		transform:rotate(0deg);
		/*css3属性兼容*/
		-ms-transform:rotate(0deg); 	/* IE 9 */
		-moz-transform:rotate(0deg); 	/* Firefox */
		-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
		-o-transform:rotate(0deg); 	/* Opera */}
	.yahooshoye{ align-items:baseline; font-size: 14px; width: 100%; text-align: center; margin: 0;
		transform:rotate(0deg);
		/*css3属性兼容*/
		-ms-transform:rotate(0deg); 	/* IE 9 */
		-moz-transform:rotate(0deg); 	/* Firefox */
		-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
		-o-transform:rotate(0deg); 	/* Opera */}
	.adright{display: none;float: left}
	.biaoti1{width: 100%; float: left}
	.advantagebody{width: 100%; height: auto; background: #fff;float: left}
	.advantage{width: 100%; height: auto; float: left}
	.Yahooyoushi{width: 100%;float: left; line-height: 2rem;}
	.youshi1{width: 80%; margin-left: 10%;}
	.youshi2{width: 80%; margin-left: 10%;}
	.youshi3{width: 80%; margin-left: 10%;}
	.search{width: 100%; margin: 0; left: 0;}
	.kong{width: 80%;}
	.anli{width: 100%; height: auto; float:left}
	.anli>div{width: 100%; background-size: 100%;}
	.biaoti1{background: #F1F1F1; float: left}
	.biaoti{background: #fff; float: left}
	.newbody{width: 100%;}
	.newbody>div{width: 100%; margin: 0}
	.buzhoubody{width: 100%;}
	.buzhoubody1{margin: 0; float: none; }
	.buzhoubody2{margin: 0; float: none; }
	.buzhoubody3{margin: 0; float: none; }
	.freezixun{float: right}
	.buzhou{width: 100%}
	.lastbox{float: left;width: 100%; height:auto; margin-top: 5rem;}
	.lastbody{width: 100%; left: 0; margin: 0; float: left}
	.lastbody1{width: 100%; left: 0; margin: 0;float: left;background: #34383B}
	.biaoti{width: 100%; height: auto}
	.biaoti img{width: 100%; height: auto}
	.bannerbox{width: 100%;}
	.bannerbox img{width: 100%;}
	.finally{width: 100%;}
}