﻿@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal; }
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{  font-family: "Microsoft Yahei";}
body{min-width: 1200px; width: 100%;overflow-x: hidden;}


/*透明开始为0*/
.apa{ opacity: 0; }

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated.infinite{
    animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
}
.animated.s1{animation-duration:1s; -webkit-animation-duration:1s;}
.animated.s2{animation-duration:2s; -webkit-animation-duration:2s;}
.animated.s05{animation-duration:0.5s; -webkit-animation-duration:0.5s;}
/*end*/

/*头部*/
.banner{ height:660px;}
.banner li a{ display: block; height:660px; background:url("../images/banner.jpg") no-repeat center;}
/**/
.wdbj{ height:1794px;}
.wdbj .wd{ height:1714px; padding-top:80px;}
.wd .w1{border-bottom:1px solid #ededed; height:463px; padding-bottom:50px;}
.wd .w1 dl{ width:345px; height:380px; margin-left:120px; float:left;margin-top: 20px;}
.wd .w1 dl dt{font-weight: bold; font-size: 36px; color:#1a1a1a; margin-bottom:50px;}
.wd .w1 dl dt i{width:86px; height:86px;margin-bottom: 27px; background: url("../images/lb.png") no-repeat left; display:block; }
.wd .w1 dl dt span{ display: block; font-size: 36px; color:#1a1a1a; font-family: "Microsoft Yahei";}
.wd .w1 dl dd em{font-size: 18px;color:#1a1a1a;  display: block;    font-family: "Microsoft Yahei"; letter-spacing: 2px;margin-bottom:65px;}
.wd .w1 dl dd a{ display: block; font-size: 14px; color:#f58220;    font-family: "Microsoft Yahei"; width:254px;border-bottom:1px solid #f58220;letter-spacing: 2.8px;}
.wd .w1 .r{ float:right; width:514px; height:463px; margin-right:128px;}
.wd .w2{border-bottom:1px solid #ededed; height:463px; padding-bottom:50px; padding-top:88px;}
.wd .w2 dl{ width:345px; height:380px; margin-right:120px; float:right;margin-top: 20px;}
.wd .w2 dl dt{font-weight: bold; font-size: 36px; color:#1a1a1a; margin-bottom:50px;}
.wd .w2 dl dt i{width:86px; height:86px;margin-bottom: 27px; background: url("../images/j.png") no-repeat left; display:block; }
.wd .w2 dl dt span{ display: block; font-size: 36px; color:#1a1a1a;font-family: "Microsoft Yahei";}
.wd .w2 dl dd em{font-size: 18px;color:#1a1a1a;  display: block;  font-family: "Microsoft Yahei"; letter-spacing: 2px;margin-bottom:65px;}
.wd .w2 dl dd a{ display: block; font-size: 14px; color:#f58220; font-family: "Microsoft Yahei";  width:254px;border-bottom:1px solid #f58220;letter-spacing: 2.8px;}
.wd .w2 .r{ float:left; width:496px; height:385px;}
.wd .w3{ height:463px; padding-bottom:50px; padding-top:95px;}
.wd .w3 dl{ width:400px; height:402px; margin-left:120px; float:left;margin-top: 20px;}
.wd .w3 dl dt{font-weight: bold; font-size: 36px; color:#1a1a1a; margin-bottom:50px;}
.wd .w3 dl dt i{width:86px; height:86px;margin-bottom: 27px; background: url("../images/w.png") no-repeat left; display:block; }
.wd .w3 dl dt span{ display: block; font-size: 36px;font-family: "Microsoft Yahei"; color:#1a1a1a;}
.wd .w3 dl dd em{font-size: 18px;color:#1a1a1a;  line-height:26px;font-family: "Microsoft Yahei"; display: block; letter-spacing: 2px;margin-bottom:65px;}
.wd .w3 dl dd a{ display: block; font-size: 14px; color:#f58220;font-family: "Microsoft Yahei"; width:303px;border-bottom:1px solid #f58220;letter-spacing: 2.8px;}
.wd .w3 .r{ float:right; width:514px; height:463px; margin-top:17px; margin-right:70px;}
/*高效玩转网络营销运营*/
.gxbj{ height:1280px; background:#f1f1f1; overflow: hidden;}
.gxbj .gx{ height:1173px; padding-top:107px;}
.gx h3{ text-align: center;font-size: 60px;font-weight: normal;font-family: "Microsoft Yahei";  color:#333333; margin-bottom:30px;}
.gx h3 span{font-size: 36px; font-weight: bold; color:#f58220;}
.gx h3 em{display: block;font-size:18px; width:296px; margin:35px auto 9px; font-weight: normal;letter-spacing: 11px;  height:37px; line-height:37px; background:#333333; color:#FFF;}
.gx h3 i{display: block; margin-top:20px;}
.gx ul{ height:787px;}
.gx ul li{ float:left; width:591px;}
.gx ul li.cur{margin-right:18px;}
.gx ul li dl{width:591px;height:787px;}
.gx ul li dl dt{height:431px;}
.gx ul li dl dt img{ display: block;width:100%;height:100%;}
.gx ul li dl dd{ text-align: center;background:#FFF; padding:48px 48px 80px;}
.gx ul li dl dd i{ display: block; margin:24px 0;}
.gx ul li dl dd span{display: block;font-weight: bold; font-size:48px; font-family: "Microsoft Yahei"; color:#f58220; margin-bottom:24px;}
.gx ul li dl dd em{ display: block; font-size: 24px; color:#333333;font-family: "Microsoft Yahei";  }
.gx ul li dl dd em strong{ font-weight: normal;color:#f58220;}
.gx ul li dl dd p{ font-size: 14px; color:#666666;font-family: "Microsoft Yahei";}
.gx ul li:hover{box-shadow: 0 0 20px rgba(0,0,0,0.1);}
/**/
.zzbj{height:922px; background:url("../images/zzbj.jpg") no-repeat center; overflow: hidden;}
.zzbj .zz{ height:844px;padding-top:78px;}
.zz h3{ text-align: center;font-family: "Microsoft Yahei"; font-weight: bold; color:#f58220; font-size: 52px;}
.zz h3 span{display: block; font-size: 24px; color:#333333; font-weight: normal; font-weight: normal; margin-top:30px;}
.zz h3 span em{ color:#f58220;}
.zz h3 i{display: block;color:#f58220; height:23px;margin-bottom: 40px;  margin-top:18px;}
.zzt{width:1163px; height:591px; position: relative; background:url("../images/zztbj.jpg") no-repeat right;position: relative;right: -153px;}
.zzt p{ font-size: 24px; color:#333333;width: 121px; font-family: "Microsoft Yahei";}
.zzt .h{ position: absolute;left:33.2%;}
.zzt .p{ position: absolute;left:1%; bottom:9%;}
.zzt .x{ position: absolute;left: 64%;bottom: 9%;}
/*什么是获客转化力？品牌曝光力？系统成长力？*/
.zzsmbj{ height:1963px;}
.zzsmbj .zzsm{height:1833px; padding-top:130px;}
.zzsm h3{ font-weight: bold; color:#333333;font-size:36px;line-height: 104px;padding-left: 96px;border: 5px solid #333; margin-bottom:72px;}
.zzsm h3 i{ float:right;width:104px; height:103px; display: block; margin-right:60px;}
.zzsm .zhl{ height:1530px; margin-bottom:50px;border: 5px solid #333;}
.zzsm .zhl em.n{ width:104px; height:104px; background:url("../images/n.png") no-repeat center; display: block;margin-top: -55px; margin-left: 96px; margin-bottom:20px;}
.zzsm .zhl .zhl1{height:415px; margin-bottom:50px;}
.zzsm .zhl .zhl1 dl{width:390px;height:415px; padding-left: 108px; float:left;}
.zzsm .zhl .zhl1 dl dt span{ margin-bottom:28px; font-size: 48px; color:#f58220;font-weight: bold; display: block;}
.zzsm .zhl .zhl1 dl dt em{display: block; font-size: 24px; color:#333333;}
.zzsm .zhl .zhl1 dl dt i{ display: block; width:49px; height:2px;background:#f58220; margin:50px 0; }
.zzsm .zhl .zhl1 dl dd p{font-size: 14px; color:#999999; margin-bottom:37px; line-height: 25px;}
.zzsm .zhl .zhl1 dl dd strong{font-weight: normal; font-size: 14px; color:#333333;}
.zzsm .zhl .zhl1 i.s{width:600px; height:415px; display: block; float:right; margin-right:60px;}
.zzsm .zhl .zhl2{height:482px; margin-bottom:50px;}
.zzsm .zhl .zhl2 dl{width:412px;height:482px; padding-right: 81px; float:right;}
.zzsm .zhl .zhl2 dl dt span{ margin-bottom:28px; font-size: 48px; color:#f58220;font-weight: bold; display: block;}
.zzsm .zhl .zhl2 dl dt em{display: block; font-size: 24px; color:#333333;}
.zzsm .zhl .zhl2 dl dt i{ display: block; width:49px; height:2px;background:#f58220; margin:50px 0; }
.zzsm .zhl .zhl2 dl dd p{font-size: 14px; color:#999999; margin-bottom:37px; line-height: 25px;}
.zzsm .zhl .zhl2 dl dd strong{font-weight: normal; font-size: 14px; color:#333333;}
.zzsm .zhl .zhl2 i.s{width:600px; height:482px; display: block; float:left; margin-left: 70px;}
.zzsm .zhl .zhl3{height:399px;}
.zzsm .zhl .zhl3 dl{width:408px;height:399px; padding-left:81px; float:left;}
.zzsm .zhl .zhl3 dl dt span{ margin-bottom:28px; font-size: 48px; color:#f58220;font-weight: bold; display: block;}
.zzsm .zhl .zhl3 dl dt em{display: block; font-size: 24px; color:#333333;}
.zzsm .zhl .zhl3 dl dt i{ display: block; width:49px; height:2px;background:#f58220; margin:50px 0; }
.zzsm .zhl .zhl3 dl dd p{font-size: 14px; color:#999999; margin-bottom:37px; line-height: 25px;}
.zzsm .zhl .zhl3 dl dd strong{font-weight: normal; font-size: 14px; color:#333333;}
.zzsm .zhl .zhl3 i.s{width:600px; height:399px; display: block; float:right; margin-right:60px;}
/**/
.bzbj{ height:994px; background:url("../images/bj.jpg") no-repeat center;}
.bzbj .bz{height:886px;padding-top:108px;}
.bz h3{ text-align: center;font-size: 60px;font-weight: normal;overflow: hidden;  color:#FFF; margin-bottom:30px;}
.bz h3 span{font-size: 36px; font-weight: bold; color:#f58220;}
.bz h3 em{display: block;font-size:18px; width:376px; margin:35px auto 9px; font-weight: normal;letter-spacing: 11px;  height:37px; line-height:37px; background:#f58220; color:#FFF;}
.bz h3 i{display: block; margin-top:20px;}
.bz .b{ margin:0 auto; width: 600px;line-height: 20px;height: 38px;}
.bz .b p{ float:left; font-size:16px; color:#adadad; font-family:"Microsoft Yahei";}
.bz .b .p1{ height: 38px;background:url("../images/t1.png") no-repeat center 90%;}
.bz .b .p2{ height: 38px;background:url("../images/t2.png") no-repeat center 90%; margin:0 84px;}
.bz .b .p3{ height: 38px;background:url("../images/t3.png") no-repeat center 90%;}
/*全网运营*/
.qwyybj{ height:1798px; background: url("../images/qwyybj.jpg") no-repeat center;}
.qwyybj .qwyy{ height:1658px; padding-top:140px;}
.qwyy .yqjf1{ height:456px; position: relative;}
.yqjf1 dl{ width:600px; }
.yqjf1 dl dt{ font-size: 36px; color:#1a1a1a; font-weight: bold;margin-bottom:52px;}
.yqjf1 dl dt span{ color:#f58220; }
.yqjf1 dl dt em{ display: block; font-size: 18px;font-weight: normal; margin-top:17px;letter-spacing: 5px;}
.yqjf1 dl dd i{ width:28px; height:28px;  border-radius: 50%; text-align: center; background:#FFF; float:left; display: block; margin-right:18px;}
.yqjf1 dl dd p{line-height:30px; height:30px; font-size: 16px; color:#666666;}
.yqjf1 dl dd a.zx{ display: block; width:160px; height:39px; margin-top:64px; line-height: 39px; text-align: center; border:1px solid #f58220; color:#f58220; font-size: 14px;}
.yqjf1 dl dd p strong{ font-weight: normal;display: block; margin-left:45px;}
.yqjf1 .dn{ width:650px; height:391px; position: absolute; top:0; right:0;}
.yqjf1 dl dd p:hover a{color:#f58220; }
.yqjf1 dl dd p:hover i{background:#f58220;color:#FFF; }
.yqjf1 dl dd a.zx:hover{ background:#f58220;color:#FFF; }
.qwyy .yqjf2{ height:463px; padding-top:140px; position: relative;}
.yqjf2 dl{ width:600px; float:right; }
.yqjf2 dl dt{ font-size: 36px; color:#1a1a1a; font-weight: bold;margin-bottom:52px;}
.yqjf2 dl dt span{ color:#f58220; }
.yqjf2 dl dt em{ display: block; font-size: 18px;font-weight: normal; margin-top:17px;letter-spacing: 5px;}
.yqjf2 dl dd i{ width:28px; height:28px;  border-radius: 50%; text-align: center; background:#FFF; float:left; display: block; margin-right:18px;}
.yqjf2 dl dd p{line-height:30px; height:30px; font-size: 16px; color:#666666;}
.yqjf2 dl dd a.zx{ display: block; width:160px; height:39px; margin-top:64px; line-height: 39px; text-align: center; border:1px solid #f58220; color:#f58220; font-size: 14px;}
.yqjf2 dl dd p strong{ font-weight: normal;display: block; margin-left:45px;}
.yqjf2 .dn{ width:583px; height:391px; float:left;}
.yqjf2 dl dd p:hover a{color:#f58220; }
.yqjf2 dl dd p:hover i{background:#f58220;color:#FFF; }
.yqjf2 dl dd a.zx:hover{ background:#f58220;color:#FFF;  }
.qwyy .yqjf3{ height:547px; padding-top:45px;}
.yqjf3 dl{ width:600px; float:left; margin-top:95px;}
.yqjf3 dl dt{ font-size: 36px; color:#1a1a1a; font-weight: bold;margin-bottom:52px;}
.yqjf3 dl dt span{ color:#f58220; }
.yqjf3 dl dt em{ display: block; font-size: 18px;font-weight: normal; margin-top:17px;letter-spacing: 5px;}
.yqjf3 dl dd i{ width:28px; height:28px;  border-radius: 50%; text-align: center; background:#FFF; float:left; display: block; margin-right:18px;}
.yqjf3 dl dd p{line-height:30px; height:30px; font-size: 16px; color:#666666;}
.yqjf3 dl dd a.zx{ display: block; width:160px; height:39px; margin-top:64px; line-height: 39px; text-align: center; border:1px solid #f58220; color:#f58220; font-size: 14px;}
.yqjf3 dl dd p strong{ font-weight: normal;display: block; margin-left:45px;}
.yqjf3 .dn{ width:501px; height:391px; float:right;}
.yqjf3 dl dd p:hover a{color:#f58220; }
.yqjf3 dl dd p:hover i{background:#f58220;color:#FFF; }
.yqjf3 dl dd a.zx:hover{ background:#f58220; color:#FFF; }
/**/
.czgsbj{ height:914px;overflow: hidden;}
.czgsbj .czgs{ height:808px; padding-top:106px;}
.czgs h3{ text-align: center;font-size: 60px;font-weight: normal;  color:#333333; margin-bottom:30px;}
.czgs h3 span{font-size: 36px; font-weight: bold; color:#f58220;}
.czgs h3 em{display: block;font-size:18px; width:296px; margin:35px auto 9px; font-weight: normal;letter-spacing: 11px;  height:37px; line-height:37px; background:#333333; color:#FFF;}
.czgs h3 i{display: block; margin-top:20px;}
.czgs .smjs{ height:365px; background:#f2f2f2;}
.czgs .smjs span{display: block;width:677px; float:left; height:391px;  background:url("../images/sp.png") no-repeat center;}
.czgs .smjs span img{padding: 24px 85px;}
.czgs .smjs dl{ width:495px; height:274px; float:right; margin-top:45px;}
.czgs .smjs dl dt{ font-size: 20px; color:#333; font-weight: bold; margin-bottom:35px;}
.czgs .smjs dl dd ul li{ font-size: 14px; color:#666666; line-height: 20px; }
.czgs .smjs dl dd ul li.cur{ margin-bottom:30px;}
.czgs .smjs dl dd a{display: block; width:162px; height:41px; line-height: 41px; margin-top:35px; text-align: center;  background:#f58220; color:#FFF; }
.czgs .smjs p{ font-size: 20px; color:#c6c6c6;text-align: right; font-weight:bold;padding-right: 20px;}
.czgs .an ul{height:15px; width:150px; margin:70px auto;}
.czgs .an ul li{ float:left; margin-left:9px; }
.czgs .an ul li a{background:#ccc; display: block;width:15px;height:15px;border-radius: 20px;}

.czgs .an ul li.on a{background:#f58220;}
/**/
.ljzsbj{ height:835px;background:#f1f1f1;overflow: hidden;}
.ljzsbj .ljzs{ height:710px; padding-top:125px;}
.ljzs h3{ text-align: center;font-size: 60px;font-weight: normal;  color:#333333; margin-bottom:30px;}
.ljzs h3 span{font-size: 36px; font-weight: bold; color:#f58220;}
.ljzs h3 em{display: block;font-size:18px; width:635px; margin:35px auto 9px; font-weight: normal;letter-spacing: 11px;  height:38px; line-height:38px; background:#333333; color:#FFF;}
.ljzs h3 i{display: block; margin-top:20px;}
.ljzs ul{height:54px; margin-bottom:85px;}
.ljzs ul li{ text-align: center; float:left; font-size: 18px; color:#333333; padding:0 74px;}
.ljzs ul li em{ font-size: 30px; }
.ljzs ul li em i{ font-weight: bold; color:#f26b17;}
.ljzs .sbs{ text-align: center;}
.ljzs .sbs p{ margin-bottom:55px; font-size: 20px;color:#7d7d7d;}
.ljzs .sbs a{ display: block; width:185px; height:50px;font-size: 22px; line-height: 50px; font-weight: bold; margin: 0 auto; color:#FFF; background:url("../images/wzbj.png") no-repeat center;}










