﻿
/* CSS Document */
body{ margin: 0;padding: 0;font-family: "微软雅黑";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: #fff;}
.box{width: 100%; height:auto; float: left;}
/*头部*/
.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;}
.navbody{width: 1200px;height: 68px;margin: auto;}
.logo{width: 168px;height: 68px;float: left;}
.nav{width: 770px;height: 68px;float:right;}
#lie{width: 770px;height: 68px;float:right;}
#lie li{width: 110px;height: 68px;float: left;text-align: center;line-height: 68px;font-size: 14px;}
#lie li a{color: #85c9f9;}
/**banner**/
.bannerbox{width:100%;height:auto;}
.banner{width: 100%;height: auto;}
.banner>img {width: 100%; height: auto;}
/*您的企业是否存在困扰?*/
.kunrao{width:100%;height: 757px;background: url(../image/bg1.jpg);}
.kunraobody{width: 1200px;height: 737px;margin: auto;}
.biaoti1{width: 412px;height: auto;margin:auto;}
.biaoti1 img{margin: auto;margin-top: 20px;margin-left: 10px;}
.kunraomain{width: 1200px;height:657px;margin: auto; background: url(../image/index_03.png) no-repeat;}
.bao1{width: 700px;height: 657px;float: left;}
.bao2{width:500px;height: 657px;float: left;}
.step1{width: 80px;height: 80px;margin-top:20px;margin-left:80%; background: url(../image/before12.png);cursor:pointer;position:relative;}
.step1:hover{background: url(../image/after12.png) no-repeat;}
.step2{width: 80px;height: 80px;margin-top: 50px;margin-left: 48%; background: url(../image/before22.png);cursor:pointer;position:relative;}
.step2:hover{background: url(../image/after22.png) no-repeat;}
.step3{width: 80px;height: 80px;margin-top: 150px;margin-left:46%; background: url(../image/before32.png);cursor:pointer;position:relative;}
.step3:hover{background: url(../image/after32.png) no-repeat;}
.step4{width: 80px;height: 80px;margin:60px 0 0 560px; background: url(../image/before42.png);cursor:pointer;position:relative;}
.step4:hover{background: url(../image/after42.png) no-repeat;}
.step6{width: 80px;height: 80px;margin: auto;margin-top: 150px;margin-left:16%;background: url(../image/before62.png);cursor:pointer;position:relative;}
.step6:hover{background: url(../image/after42.png) no-repeat;}
.step5{width: 80px;height: 80px;margin: auto;margin-top: 150px;margin-left:18%;background: url(../image/before52.png);cursor:pointer;position:relative;}
.step5:hover{background: url(../image/after52.png) no-repeat;}
/*针对您的“困境”，我们提供以下服务*/
.fuwu{width: 100%;height:auto;}
.biaoti2{width: 412px;height: auto;margin:auto;}
.biaoti2 img{margin: auto;margin-top: 20px;margin-left: 5px;}
.fuwumain{width: 1200px;height:auto;margin: auto;}
.fuwumain1{width: 1200px;height: auto;margin: auto;}
.fuwumain1_a{width: 240px;height: 180px; background: url(../image/quanbg.png) no-repeat;float: left;background-position: center;}
.fuwumain1_a img{margin-left: 93px;margin-top: 67px;}
.fuwumain1_b{width: 240px;height: 180px; background: url(../image/quanbg.png) no-repeat;float: left;background-position: center;}
.fuwumain1_b img{margin-left: 92px;margin-top: 68px;}
.fuwumain1_c{width: 240px;height: 180px; background: url(../image/quanbg.png) no-repeat;float: left;background-position: center;}
.fuwumain1_c img{margin-left: 89px;margin-top: 60px;}
.fuwumain1_d{width: 240px;height: 180px; background: url(../image/quanbg.png) no-repeat;float: left;background-position: center;}
.fuwumain1_d img{margin-left: 94px;margin-top: 65px;}
.fuwumain1_e{width: 240px;height: 180px; background: url(../image/quanbg.png) no-repeat;float: left;background-position: center;}
.fuwumain1_e img{margin-left: 102px;margin-top: 60px;}


.fuwumainbg1_a{width: 240px;height: 180px; background: url(../image/quanbgafter.png) no-repeat;float: left;background-position: center;display: none;}
.fuwumainbg1_a p{text-align: center;font-size: 14px;line-height: 25px;color: #fff;padding-top: 50px;}
.fuwumain1_a:hover .fuwumainbg1_a{display: block;}

.fuwumainbg1_b{width: 240px;height: 180px; background: url(../image/quanbgafter.png) no-repeat;float: left;background-position: center;display: none;}
.fuwumainbg1_b p{text-align: center;font-size: 14px;line-height: 25px;color: #fff;padding-top: 80px;}
.fuwumain1_b:hover .fuwumainbg1_b{display: block;}

.fuwumainbg1_c{width: 240px;height: 180px; background: url(../image/quanbgafter.png) no-repeat;float: left;background-position: center;display: none;}
.fuwumainbg1_c p{text-align: center;font-size: 14px;line-height: 25px;color: #fff;padding-top: 80px;}
.fuwumain1_c:hover .fuwumainbg1_c{display: block;}

.fuwumainbg1_d{width: 240px;height: 180px; background: url(../image/quanbgafter.png) no-repeat;float: left;background-position: center;display: none;}
.fuwumainbg1_d p{text-align: center;font-size: 14px;line-height: 25px;color: #fff;padding-top: 50px;}
.fuwumain1_d:hover .fuwumainbg1_d{display: block;}

.fuwumainbg1_e{width: 240px;height: 180px; background: url(../image/quanbgafter.png) no-repeat;float: left;background-position: center;display: none;}
.fuwumainbg1_e p{text-align: center;font-size: 14px;line-height: 25px;color: #fff;padding-top: 50px;}
.fuwumain1_e:hover .fuwumainbg1_e{display: block;}

.fuwumain2{width: 1200px;height: 40px;margin: auto;float: left;}
.fuwumain2_body{width: 240px;height: 40px;float: left;}
.fuwumain2_body p{width: 240px;height: 40px; color: #000;font-size: 14px;display: block;float: left;text-align: center;}

.fuwumain3{width: 650px;height: auto; margin: auto;}
.fuwumain3 p{color: #a0a0a0;font-size: 14px;text-align: center;}
#anniu{width: 212px;height: 48px;margin: auto;margin-top: 30px;}
/*我们可以帮您做什么？*/
.what{width: 100%;height: auto;background: url(../image/bg22.png);margin-top: 20px;margin: auto;}
.biaoti3{width: 412px;height: auto;margin:auto;}
.biaoti3 img{margin: auto;margin-top: 20px;margin-left: 25px;}
.whatmain{width: 100%;height: auto;margin: auto;}
.whatmain img{width: 100%;height:auto;margin: auto;}
/*针对您的“困境”，我们解决方案*/
.fangan{width: 100%;height: auto;}
.fanganbody{width: 1200px;height: auto;margin: auto;}
.biaoti4{width: 412px;height: auto;margin:auto;}
.biaoti4 img{margin: auto;margin-top: 20px;margin-left: 5px;}
.fanganmain{width: 1200px;height:928px;margin: auto; background:url(../image/index_05.png) no-repeat;}
.fanganmain1{width: 1200px;height:928px;margin: auto; }
.bao3{width: 930px;height: 928px;float: left;}
.bao4{width: 270px;height: 928px;float: left;}
.one{width: 475px;height: auto;margin-left: 40%;margin-top: 30px;}
.one p:nth-child(1){color: #000;font-size:18px;text-align: center;}
.one p:nth-child(2){color: #a0a0a0;font-size:12px;padding-top: 10px;line-height: 18px;text-indent: 2em;}

.two{width: 300px;height: auto;margin-top: 150px;}
.two p:nth-child(1){color: #000;font-size:18px;text-align: center;}
.two p:nth-child(2){color: #a0a0a0;font-size:12px;padding-top: 10px;line-height: 18px;text-indent: 2em;}

.three{width: 300px;height: auto;margin-top:25%; }
.three p:nth-child(1){color: #000;font-size:18px;text-align: center;}
.three p:nth-child(2){color: #a0a0a0;font-size:12px;padding-top: 10px;line-height: 18px;text-indent: 2em;}

.four{width: 475px;height: auto;margin-left: 40%;margin-top: 10%;}
.four p:nth-child(1){color: #000;font-size:18px;text-align: center;}
.four p:nth-child(2){color: #a0a0a0;font-size:12px;padding-top: 10px;line-height: 18px;text-indent: 2em;}

.six{width:270px;height: auto;margin-top:110%;}
.six p:nth-child(1){color: #000;font-size:18px;text-align: center;}
.six p:nth-child(2){color: #a0a0a0;font-size:12px;padding-top: 10px;line-height: 18px;text-indent: 2em;}

.five{width: 270px;height: auto;margin-top:80%;}
.five p:nth-child(1){color: #000;font-size:18px;text-align: center;}
.five p:nth-child(2){color: #a0a0a0;font-size:12px;padding-top: 10px;line-height: 18px;text-indent: 2em;}
.anniu{width: 212px;height: 48px;margin: auto;margin-top: 30px;}
/*通过我们的服务，您可以达到取得*/
.qude{width: 100%;height: 752px;background: url(../image/bg32.png);margin-top: 100px;}
.qudebody{width: 1200px;height: 752px;margin: auto;}
.biaoti5{width: 412px;height: auto;margin:auto;}
.biaoti5 img{margin: auto;margin-top: 20px;margin-left: 2px;}
.qudemain{width: 1200px;height: auto;margin-top: 50px;}
.qudemainleft{width:543px;height: auto;float: left;margin-top: 50px;}
.qudemainright{width: 600px;height:500px;margin: auto; margin-left: 40px; float: left;margin-top: 30px;}
.qude1{width: 600px;height: 130px;float: left;}
.qude1 img{width: 90px;height: 71px;float: left; }
.coushu{width:20px;height: 71px;float: left;}
.p1{width: 480px;height: auto; float: left;}
.p1 p:nth-child(1){width: 480px; font-size:18px;color:#000;text-align: left;float: left;padding-top: 10px;}
.p1 p:nth-child(1):hover{color:#0069be;cursor:pointer;}
.p1 p:nth-child(2){font-size:12px;color:#a0a0a0;text-align:left;line-height: 20px;float: left;padding-top: 5px;}

.qude2{width: 600px;height: 130px;float: left;}
.qude2 img{width: 90px;height: 71px;float: left; }
.p2{width: 480px;height: auto; float: left;}
.p2 p:nth-child(1){width: 480px; font-size:18px;color:#000;text-align: left;float: left;padding-top: 10px;}
.p2 p:nth-child(1):hover{color:#0069be;cursor:pointer;}
.p2 p:nth-child(2){font-size:12px;color:#a0a0a0;text-align:left;line-height: 20px;float: left;padding-top: 5px;}

.qude3{width: 600px;height: 130px;float: left;}
.qude3 img{width: 90px;height: 71px;float: left; }
.p3{width: 480px;height: auto; float: left;}
.p3 p:nth-child(1){width: 480px; font-size:18px;color:#000;text-align: left;float: left;padding-top: 10px;}
.p3 p:nth-child(1):hover{color:#0069be;cursor:pointer;}
.p3 p:nth-child(2){font-size:12px;color:#a0a0a0;text-align:left;line-height: 20px;float: left;padding-top: 5px;}

.qude4{width: 600px;height: 130px;float: left;}
.qude4 img{width: 90px;height: 71px;float: left; }
.p4{width: 480px;height: auto; float: left;}
.p4 p:nth-child(1){width: 480px; font-size:18px;color:#000;text-align: left;float: left;padding-top: 10px;}
.p4 p:nth-child(1):hover{color:#0069be;cursor:pointer;}
.p4 p:nth-child(2){font-size:12px;color:#a0a0a0;text-align:left;line-height: 20px;float: left;padding-top: 5px;}
/*为什么选择我们？*/
.we{width: 100%;height: auto;margin-top: 10px;margin: auto;}
.biaoti6{width: 412px;height: auto;margin:auto;}
.biaoti6 img{margin: auto;margin-top: 20px;margin-left: 70px;}
.wemain{width: 100%;height: 537px;background: url(../image/choose.png) center top no-repeat;margin-top: 20px;}
.wemainbody{width: 700px;height: 380px;margin: auto;margin-top: 60px;}
.wemain1{width:350px;height: 76px;float:right;padding-top: 55px;margin-left: 90px;}
.coushu1{width: 30px;height: 76px;float: left;}
.wemain1 p:nth-child(2){color: #fff;font-size: 18px;}
.wemain1 p:nth-child(3){color: #fff;font-size: 12px;line-height: 30px;}

.wemain2{width:350px;height: 76px;float:left;margin-top: 13px;}
.coushu2{width: 30px;height: 76px;float: right;}
.wemain2 p:nth-child(2){color: #fff;font-size: 18px;float: right;}
.wemain2 p:nth-child(3){color: #fff;font-size: 12px;float: right;line-height: 30px;}

.wemain3{width:350px;height: 76px;float:right;padding-top:95px;}
.coushu3{width: 30px;height: 76px;float: left;}
.wemain3 p:nth-child(2){color: #fff;font-size: 18px;}
.wemain3 p:nth-child(3){color: #fff;font-size: 12px;line-height: 30px;}

.wemain4{width:350px;height: 76px;float:left;margin-top: 93px;}
.coushu4{width: 30px;height: 76px;float: right;}
.wemain4 p:nth-child(2){color: #fff;font-size: 18px;float: right;}
.wemain4 p:nth-child(3){color: #fff;font-size: 12px;float: right;line-height: 30px;}

.wemain5{width:350px;height: 76px;float:right;padding-top:95px;}
.coushu5{width: 30px;height: 76px;float: left;}
.wemain5 p:nth-child(2){color: #fff;font-size: 18px;}
.wemain5 p:nth-child(3){color: #fff;font-size: 12px;line-height: 30px;}
/*他们选择了我们的服务*/
.choose{width: 100%;height: auto;margin: auto;}
.biaoti7{width: 412px;height: auto;margin:auto;}
.biaoti7 img{margin: auto;margin-top: 20px;}
.anli{width: 100%;height: auto;margin: auto;margin-top: 20px;}
.anli img{width: 100%;height: auto;margin: auto;}
/**立即开始您的推广**/
.tuiguang{width: 1200px;height: 65px;background:url(../image/zixun2.png);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(../image/lijizixun.png);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(../image/lijizixun.png);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(../image/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;}

.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;}
.finally p a{color: #8c8c8c;}
.yingxiaobody p a{color: #fff;}

@media screen and (max-width: 1024px){
	.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%;}
	.tuiguang{width: 100%;}
	.buzhou{width: 50%;height: auto;}
	.buzhoubody{width: 100%;height: auto;}
	.buzhoubody1{margin-top: 2rem;margin-right: -12.4rem;}
	.buzhoubody2{margin-top: 2rem;}
	
	
	.freezixun img{width: 100%;margin-top: 2rem;}
    .choose{width: 100%;height: auto;}
	.biaoti7{width: 100%;}
	.anli{width: 100%;height: auto;}
	.anli img{width: 100%;}
	
	.what{width: 100%;height: auto;}
	.biaoti3{width: 100%;}
	.whatmain{width: 100%;height: auto;}
	.whatmain img{width: 100%;}
	
	.topbody{width: 80%;}
	.navbody{width: 100%;}
	.nav{width: 100%; height: auto}
	.bannerbox{width: 100%; height: auto;}
	.banner{width: 100%; height: auto;}
	
	#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;}
	
	
	.kunrao{width: 100%;height: auto;}
	.kunraobody{width: 100%;height: auto;}
	.biaoti1{width: 100%;height: auto;}
	
	.kunraomain{width: 100%; height: auto; margin: 0; left: 0;}
	.bao1{width: 60%;}
	.bao2{width: 40%;}
	
	.we{width:100%;height: auto;}
	.biaoti6{width: 100%;}
	.wemain{width: 100%;}
	.wemainbody{width: 100%;height: auto;}
	.wemain1{width: 50%;float: right;}
	.wemain2{width: 50%;float: left;}
	.wemain3{width: 50%;float: right;}
	.wemain4{width: 50%;float: left;}
	.wemain5{width: 50%;float: right;}
	
	
	.qude{width: 100%;height: 76rem;}
	.qudebody{width: 100%;height: auto;}
	.biaoti5{width: 100%;height: auto;}
	.qudemain{width: 100%;height: auto;}
	.qudemainleft{width: 50%;}
	.qudemainright{width: 50%;}
	
	.kunrao{display: none;}
	 
	.fuwu{width: 100%;height: auto;}
	.biaoti2{width: 100%;height: auto;}
	.fuwumain{width: 100%;height: auto;}
	.fuwumain1{width: 100%;height: auto;}
	.fuwumain1_a{width: 50%;float: left;}
	.fuwumain1_b{width: 50%;float: left;}
	.fuwumain1_c{width: 50%;float: left;}
	.fuwumain1_d{width: 50%;float: left;}
	.fuwumain1_e{width: 50%;float: left;}
	 
	.fuwumainbg1_a{width: 50%;float: left;position: absolute;}
	.fuwumainbg1_b{width: 50%;float: left;position: absolute;}
	.fuwumainbg1_c{width: 50%;float: left;position: absolute;}
	.fuwumainbg1_d{width: 50%;float: left;position: absolute;}
	.fuwumainbg1_e{width: 50%;float: left;position: absolute;}
	
	.fuwumain1_a img:nth-child(2){display: none;}
	.fuwumain1_b img:nth-child(2){display: none;}
	.fuwumain1_c img:nth-child(2){display: none;}
	.fuwumain1_d img:nth-child(2){display: none;}
	.fuwumain1_e img:nth-child(2){display: none;}
	
	.fuwumain2{display: none;}
	.fuwumain3{display: none;}
	#anniu{width: 100%;height: auto;}
	
	.fangan{width: 100%;height: auto;display: none;}
	
	
	}

