.yfwbancon{background:url(images_2015yfqban.jpg) center center no-repeat;}
.dsjbancon{background:url(images_2015dsjban.jpg) center center no-repeat;}
.xtjcbancon{background:url(images_2015xtjcban.jpg) center center no-repeat;}
.wapyfwban{ background-color:#2867ce;}
.wapxtjcban{ background-color:#bbb;}
.wapdsjwban{ background-color:#106fc0;}
.zxbancon{background:url(images_2015zxban.jpg) center center no-repeat;}
.wapzxwban{ background-color:#d2cfd2;}
.nintroft{max-width:1170px;margin:0 auto;}
.nintro{ width:570px; height:80px; margin:120px 0 0 100px;}
.nintro h1{ font-weight:bold; font-size:51px; color:#fff; margin-bottom:20px; }
.nintro p{ font-size:33px;color:#fff;}
.explan{ width:1110px; margin:0 auto; border:1px solid #d6d6d6; padding:20px 30px;}
.explan em{ display:block; width:370px;  height:220px; float:left;}
.explan  span{ display:block; margin-left:400px; color:#3a3a3a; font-size:16px; line-height:32px; margin-top:40px;}
.intdct{ width:1170px; margin:30px auto; padding-bottom:40px; text-align:center; border-bottom:1px solid #d6d6d6;}
.intdct .intdcton{ width:200px; height:175px;font-family:"微软雅黑"; display:inline-block; vertical-align:middle; *float:left;}
.intdct .intdcton em{ display:inline-block; height:72px;}
.intdct .intdcton em img{ vertical-align:middle;}
.intdct .intdcton h1{ font-size:22px; color:#5b5b5b; height:36px; line-height:36px;}
.intdct .intdcton h2{ font-size:14px; color:#5b5b5b;line-height:24px; font-weight:bold;}
.intdct .intdcton p{ font-size:14px; color:#5b5b5b; text-align:left; line-height:20px;}
.intdct .vline{height:175px; width:1px; background-color:#d3d3d3; margin:0 50px; display:inline-block; vertical-align:middle; *float:left;}

.sureCase{ width:1170px; margin:0 auto;}
.sureCaseCon{}
.sureCaseT{ padding:20px 120px;}
.sureCaseT h1{ font-size:28px; color:#3a3a3a; text-align:center; margin-bottom:20px;}
.sureCaseT p{ font-size:16px; color:#3a3a3a; line-height:24px;}
.sureCaseCon dl{ width:42%; margin-bottom:20px; border:1px solid #d6d6d6; padding:2% 3%; display:block;}
.sureCaseCon dl dt{float:left; width:183px; height:155px;}
.sureCaseCon dl dd{ margin-left:250px; padding-top:5px;}
.sureCaseCon dl dd h1{ font-weight:normal; font-size:18px; color:#3a3a3a; margin-bottom:10px;}
.sureCaseCon dl dd ul li{ font-weight:normal; font-size:14px; color:#5b5b5b;   line-height:24px; list-style:url(images_2015dot.jpg);}
.keCase{ background-color:#f5f5f5; padding:30px 0;}
.sureCaseCon dl dd p{font-size:14px; color:#5b5b5b; line-height:24px;}
.keCase .sureCaseCon dl{ border:none;padding:0; width:48%;}
.keCase .sureCaseCon dl dd{margin-left:208px;}
.sertip{ width:1170px; margin:30px auto;  text-align:center;}
.sertip .sertipcon{ width:200px; height:120px;font-family:"微软雅黑"; display:inline-block; vertical-align:middle; *float:left;}
.sertip .sertipcon em{ display:inline-block; height:78px;}
.sertip .sertipcon em img{ vertical-align:middle;}
.sertip .sertipcon p{ font-size:18px; color:#3a3a3a; margin-top:10px; line-height:20px;*line-height:32px;*height: 32px; *margin-top:5px;}
.sertip .sertipcon p span{ font-size:22px;}
.sertip .vline{height:120px; margin:0 50px; display:inline-block; vertical-align:middle; *float:left; border:1px dashed #eee;}
.titbg1{ border-left:8px solid #1fb9ed;}

.zxcon{ width:1170px; margin:0 auto;}
.zxcon>a,.zxcon>a:visited{text-decoration:none;}
.zxcon dl{ width: 49%; position:relative;}
.zxcon dl div.zhenz{position:absolute;height:278px; display:block; z-index:1}
.zxcon dl dt{ width:50%; margin-bottom:20px; display:block;z-index:2;height:273px;}
.zxcon dl dt.qian1{ background-color:#bdde9c;}
.zxcon dl dt.qian2{ background-color:#f8dfa9;}
.zxcon dl dt.qian3{ background-color:#e4d7ef;}
.zxcon dl dt.qian4{ background-color:#a9dbf9;}
.zxcon dl div.zhenz.shen1{ background-color:#9fd26b; width:0%; }
.zxcon dl div.zhenz.shen2{ background-color:#fdc243; width:0%; }
.zxcon dl div.zhenz.shen3{ background-color:#b681df; width:0%; }
.zxcon dl div.zhenz.shen4{ background-color:#3db2f7; width:0%; }
.zxcon dl dd{height:273px; width:50%; background-color:#f4f4f4; text-align:center; margin-bottom:20px; display:block;z-index:2}
.zxcon dl dd h1{ font-size:30px; margin-bottom:20px; color:#5f5f5f;}
.zxcon dl dd span{ font-size:14px; display:inline-block; margin-right:14px; line-height:24px;color:#5f5f5f;}
.zxcon dl dd .zxconft{ width: 220px; margin:0 auto 0; position:relative; top:30%; z-index:2;}
.zxcon dl dd.zxabout h1,.zxcon dl dd.zxabout span{ color:#fff;}
.zxcon dl img{ display:block; margin:10px; z-index:2;position: relative;}

.aboutb{}
.aboutbcon{ position:relative;}
.aboutc1{ background:url(images_2015aboutb1.jpg) center bottom no-repeat;   height:560px;}
.aboutc2{ background:url(images_2015aboutb2.jpg) center bottom no-repeat;  height:690px;}
.aboutc3{ background:url(images_2015aboutb3.jpg) center bottom no-repeat;  height:680px;}
.aboutc4{ background:url(images_2015aboutb4.jpg) center bottom no-repeat; height:680px;}
.aboutc5{ background:url(images_2015aboutb5.jpg) center bottom no-repeat;  height:680px;}
.aboutbft{ position:absolute; width:800px;left:50%; margin-left:-400px; top:10%;}
.aboutbft1{color:#363636;}
.aboutbft2{color:#fff;}
.aboutbft h1{ text-align:center; display:block; font-size:36px; margin-bottom:20px;}
.aboutbft p{  font-size:16px; line-height:24px;}
#dingwei1{width: 100px; position:fixed; top:200px; left:5px; z-index:9999;}
#dingwei1 ul li{width: 100px;cursor: pointer;}
#dingwei1 ul li a{ display:block;font-size: 18px;color: #fff;width: 90px;text-align: center; text-decoration:none; padding:26px 0;  background: #0081d4;}
#dingwei1 ul li.cur{background:url(images_2015fcsj.png) right center no-repeat;}
#dingwei1 ul li.cur a{background: #fccb31}


/*业务营销*/
.ywcon{ height:640px;padding-top:45px; overflow:hidden}
.ywcon.bg1{background: url(images_2015ywyxbg.jpg) center center no-repeat;}
.ywcon.bg2{ background:#fff}
.ywcon.bg3{background:#f0f0f0}
.ywcon .tith2{ font-size:45px; color:#333; text-align:center; line-height:45px}
.ywcon .tith3{ font-family:Arial; font-size:22px;color:#333; text-align:center; line-height:36px}
.ywcon .tith2.white,.ywcon .tith3.white{ color:#fff}
.ywcon .imgbnt{ cursor:pointer;padding-top:200px;}
.ywcon .arrowBox{ width:48px; float:left; height:500px}
.ywcon .gdBox { margin:0 auto; width:1116px; padding-top:35px}
.ywcon .gundong { overflow: hidden;width:1020px; float:left}
.ywcon .gundong ul li{float: left;width:1020px; height:500px; background:# }
.ywcon .loopBox,.ywcon .gmBox{height:500px;overflow:hidden;width:2080px; }
.ywcon .caseBox{ margin:0 20px 10px 20px; float:left; display:inline; width:300px; height:240px; background: ;}
.ywcon .caseimg{ height:200px; background:#00a1ef}
.ywcon .titBox{ height:20px; padding:15px 0 0 0;}
.ywcon .title{font-size:16px; color:#fff; float:left; vertical-align:middle}
.ywcon .titIcon{ float:right; vertical-align:middle}
.ywcon .floatLeft{ float:left; display:inline}
.ywcon .zhCon{ width:900px; margin:0 auto; padding-top:35px}
.ywcon .zhCon li{  width:162px; float:left; display:inline}
.ywcon .zhCon li.arrow{ width:207px; text-align:center; padding-top:60px}
.ywcon .zhCon li p{ font-size:16px; color:#777; margin:25px 0 60px 0; text-align:center}
.ywcon .gmtit{font-size:16px; color:#777; float:left}

/*前端开发*/
.qdcon{ height:585px;overflow:hidden}
.qdcon .cusBox{ width:1170px; margin:0 auto}
.qdcon .cusBox p{ font-size:14px; color:#777; margin-bottom:10px; line-height:24px}
.qdcon .more a{ display:inline-block; background: url(../images_2015/more_icon.png) no-repeat; font-size:14px; line-height:16px; padding-left:20px; color:#777; text-decoration:none}
.qdcon.bg{ background:#f0f0f0}
.qdcon h2{ font-size:48px; color:#333;margin-bottom:20px}
.qdcon h3{ font-size:30px; color:#333;margin-bottom:15px}
.qdcon .leftText{ float:left; width:506px}
.qdcon .rightImg{ float:right;}
.qdcon .leftImg{ float:left;}
.qdcon .rightText{ float:right;width:506px}

.qdcon .padText1{padding-top:140px; }
.qdcon .padImg1{padding-top:100px; }
.qdcon .padImg2{padding-top:130px; }
.qdcon .padText2{padding-top:140px; }
.qdcon .padText3{padding-top:140px; }
.qdcon .padImg3{padding-top:70px; }
.qdcon .padImg4{padding-top:60px; }
.qdcon .padText4{padding-top:140px; }
.qdcon .padImg5{padding-top:60px; }
.qdcon .padText5{padding-top:140px; }
.ywwap, .yswap,.dqwap,.qdcon .botimg{ display:none}


/*创意设计*/
.designban{background:url(images_2015design.jpg) center center no-repeat;overflow:hidden; height:568px}
.designMenu ul{ width:1170px; height:400px; text-align:center; padding-top:140px; margin:0 auto;}
.designMenu ul li{ float:left; display:inline-block;margin:0 19px}
.descon{  margin-top: 50px;border: 1px solid #e4e4e4;background-color: #f5f5f5; }
.descon .cpBox{  width:1130px; margin:0 auto; position:relative}
.descon .tit{position: absolute;width: 144px;height: 52px;}
.descon .tit.one{top: -23px;left: 20px}
.descon .tit.two{top: -23px;left: 255px}
.descon .tit.three{top: -23px;left: 495px}
.descon .tit.four{top: -23px;right: 255px}
.descon .tit.five{top: -23px;right:20px}

.descon ul{ padding:70px 0 50px 0}
.descon li{ width:350px; margin:0 10px;  float:left; display:inline-block; background:#fff;box-shadow: 0 0 5px  #d5d5d5; margin-bottom:20px}
.descon .intBox{ overflow:hidden; padding:10px}
.descon .intBox h3{ font-size:16px; color:#292828; margin:8px 0 10px 0;}
.descon .intBox span{margin-right:12px; font-size:14px; color:#a6a6a6; display:inline-block}
.descon .intBox span img{ margin-right:3px}

.designMenu li a{opacity:0.5;}
.designMenu li a:hover{opacity:1;}

/*底部统一按钮*/
.btnBar{ padding:40px 0 20px 0; text-align:center}
.btnBar .return{ width:238px; height:98px;border:1px solid #dedede; font-size:30px;color:#5b5b5b;  line-height:100px; display:inline-block; text-decoration:none; background: url(images_2015arrow_bot2.png) no-repeat 40px center;  margin:0 25px; padding-left:60px}
.btnBar .nextPage{width:343px; height:98px;border:1px solid #22acf4; font-size:30px;color:#22acf4;  line-height:100px; display:inline-block; text-decoration:none; background: url(images_2015arrow_bot1.png) no-repeat 320px center; padding-right:55px;margin:0 25px}

/*浮动导航*/
#nav_left{ width: 90px; position:fixed; top:225px; left:5px; z-index:9999;}
#nav_left div{padding-right:10px; position:relative}
#nav_left a{font: 18px/22px "MicroSoft YaHei"; height:80px; color:#fff; display:block; text-align:center;  text-decoration:none; font-weight:500; }
* html,* html body{background-image:url(about:blank);background-attachment:fixed;} /* 修正fixed托滚动条IE6振动bug */
#nav_left .bg1 a{ background:#0082d6;}
#nav_left .bg2 a{ background:#007ac8;}
#nav_left .bg3 a{ background:#0471b7;}
#nav_left a span{ padding-top:18px; display:block}
#nav_left .bg1 .arrow,#nav_left .bg2 .arrow,#nav_left .bg3 .arrow{ position:absolute; z-index:99999; top:50%; right:-10px}
#nav_left .on{background:url(images_2015arrow.png) no-repeat right center;}
#nav_left .on a{ background:#fccb31}

/*about3 background*/
.about3_bg{ background:url(images_2015aboutb3_bg.png) center bottom repeat; padding:2% 2%;border-radius: 5px; }	


@media only screen and (max-width:1200px){
	.nintro{margin:100px 0 0 80px;}
    .nintro h1{ font-size:50px;} 
    .nintro p{ font-size:32px;}
	.intdct,.hylink,.sertip { width:auto;}
   .intdct .vline{ margin:0 40px;}
   .sertip .vline{ margin:0 40px;}
   .explan{ width:90%; padding:2.5%;}
   .sureCase{ width:auto;}
   .sureCaseCon{ width:95%; margin:0 auto;}
   .zxcon{ width:auto;}
   
   
/*业务营销_一统江湖栏目自适应*/
.ywweb{ display:none}
.ywwap{ width:100%; height: auto; padding:45px 0 20px 0; background-image:url(images_2015ywyxbg.jpg); display:block}
.ywwap h2{ font-size:36px; color:#fff; text-align:center; line-height:36px}
.ywwap h3{ font-family:Arial; font-size:22px;color:#fff; text-align:center; line-height:36px} 
.ywwap ul{ width:100%; margin:0 auto;padding-top:35px}
.ywwap ul li{  float:left; display: inline }
.ywwap .caseBox{ width:29%;margin:0  2.16% 15px 2.16%;  width:29.4%; margin:0  0 15px 3%;}
.ywwap .caseimg img{ width:100%; background:#00a1ef}
.ywwap .caseimg img:hover{ background:# }
.ywwap .titBox{ padding:15px 0 0 0}
.ywwap .title{font-size:16px; color:#fff; float:left}
.ywwap .titIcon{ float:right}

 /*业务营销_营销策划栏目自适应*/
.ywweb{ display:none}
.yswap{ width:100%; height:auto; padding:45px 0 20px 0; background:#fff; display:block}
.yswap h2{ font-size:36px; color:#333; text-align:center; line-height:36px}
.yswap h3{ font-family:Arial; font-size:22px;color:#333; text-align:center; line-height:36px} 
.yswap .zhCon{ width:98%; margin:0 auto;padding-top:35px}
.yswap .zhCon li{  width:29%;margin:0 2.16% 15px 2.16%; float:left; text-align:center; width:29.4%; margin:0  0 15px 3%;}
.yswap .zhCon li img{ width:60%}
.yswap .zhCon li.arrow{  display:none}
.yswap .zhCon li p{ font-size:16px; color:#777; margin:25px 0 15px 0; text-align:center}
.yswap .gmBox{height:500px;overflow:hidden;width:2080px; }
.yswap .gmtit{font-size:16px; color:#777; float:left} 


 /*业务营销_玩法大全栏目自适应*/   
.dqweb{ display:none}
.dqwap{width:100%; height:auto; padding:45px 0 20px 0; background:#f0f0f0; display:block}
.dqwap h2{ font-size:36px; color:#333; text-align:center; line-height:36px}
.dqwap h3{ font-family:Arial; font-size:22px;color:#333; text-align:center; line-height:36px} 
.dqwap ul{ width:100%; margin:0 auto;padding-top:35px; padding-bottom:10px}
.dqwap ul li{  float:left; display: inline }
.dqwap .caseBox{ width:29%;margin:0  2.16% 15px 2.16%; width:29.4%; margin:0  0 15px 3%; }
.dqwap .caseimg img{ width:100%; background:#00a1ef}
.dqwap .titBox{ padding:15px 0 0 0}
.dqwap .gmtit{font-size:16px; color:#777; float:left}


 /*前端开发自适应*/
.qdcon{ height:auto;overflow:visible; padding:30px 20px 20px 20px}
.qdcon .cusBox{ width:100%;}
.qdcon .cusBox p{ font-size:14px; color:#777; margin-bottom:10px; line-height:24px}
.qdcon h2{ font-size:48px; color:#333;margin-bottom:20px}
.qdcon h3{ font-size:30px; color:#333;margin-bottom:15px}
.qdcon .leftText{ float:none; width:auto; padding:0 0 20px 0}
.qdcon .rightImg{ float:none;}
.qdcon .rightImg img{ width:100%; }
.qdcon .padImg1,.qdcon .padImg2,.qdcon .padImg3,.qdcon .padImg4,.qdcon .padImg5{ padding-top:0}
.qdcon .rightText{ padding-top:0}
.qdcon .leftImg{ float:none;}
.qdcon .leftImg img{ width:100%}
.qdcon .rightText{ float:none;width: auto; padding-bottom:20px}
.qdcon .botimg{ display:block}
.qdcon .botimg img{ width:100%}
.qdcon .dnPic{ display:none}



 /*创意设计*/
.designban{ height:auto;}
.designMenu ul{ width:100%; height:auto; padding-top:0; }
.designMenu ul li{width:18%; margin:0 1%; padding:10% 0}
.designMenu ul li img{ width:100%}
.descon{  margin-top: 50px;border: 1px solid #e4e4e4;background-color: #f5f5f5; }
.descon .cpBox{  width:100%}
.descon li{ width:29.4%; margin:0  0 20px 3%;}
.descon .fullImg{ width:100%}
.descon .zjybBox{ padding:0 20px;}
.descon .tit.one{left:1%;}
.descon .tit.two{left:20%}
.descon .tit.three{left:40%}
.descon .tit.four{left:60%}
.descon .tit.five{ right:1%}
#nav_left{display:none}
   
   

}
@media only screen and (max-width:1100px){
	.yfwbancon{background-size:auto 100%;}
	.nintro{margin:90px 0 0 60px;}
    .nintro h1{ font-size:46px;} 
    .nintro p{ font-size:30px;}
	.intdct .vline,.sertip .vline{ margin:0 20px;}
	.sureCaseCon dl{float:none; width:auto;padding: 2% 3% 1%;}
	.sureCaseCon dl dt{ height:175px;}
	.keCase .sureCaseCon dl{ width:auto;}
	.sureCaseT em img{ width:100%;}
	.zxcon dl img{ width:90%;}
}

@media only screen and (max-width:980px){
	.nintro{margin:90px 0 0 60px;}
    .nintro h1{ font-size:42px;} 
    .nintro p{ font-size:28px;}
	.intdct .intdcton,.sertip .sertipcon{ width:20%;}
	.sertip .sertipcon p{ font-size:16px;}
	.sertip .sertipcon p span{ font-size:20px;}
	.explan span{ margin-top:10px;}
	.aboutc1,.aboutc2,.aboutc3,.aboutc4,.aboutc5{ height:500px;}
}


@media only screen and (max-width:900px){
	.nintro{margin:90px 0 0 50px;}
    .nintro h1{ font-size:36px;} 
    .nintro p{ font-size:24x;}
	.verson .vcon li{ height:auto; line-height:20px;}
	.xglink li{ width:30%;}
	.explan em{ width:350px;}
	.explan em img{ width:100%;}
	.explan span{ margin-top:0px; font-size:15px; margin-left:370px; line-height:28px;}
	.zxcon{ width:95%;}
	.zxcon dl dt{ width:50%;}
	.zxcon dl dd{ width:50%;}
	.zxcon dl{ float:none;}
	.zxcon dl img{ width:60%; margin:20px 0 0 20px;}
}

@media only screen and (max-width:830px){
	.nintro{margin:90px 0 0 30px;}
    .nintro h1{ font-size:32px;} 
    .nintro p{ font-size:22x;}
	.hyusecon dl{ width:45%;}
	.zxcon dl img{ width:65%; margin:20px 0 0 20px;}
	.aboutbft{ width:80%; margin-left:-40%;}
	.aboutbft h1{ font-size:26px;}
	.aboutc1,.aboutc2,.aboutc3,.aboutc4,.aboutc5{ height:400px;}
	
/*底部统一按钮*/
.btnBar .return{ width:149px; height:58px; font-size:18px;  line-height:58px; display:inline-block; text-decoration:none; background: url(images_2015arrow_bot2_33.png) no-repeat 26px center;   padding-left:31px;margin:0 10px}
.btnBar .nextPage{width:218px; height:58px; font-size:18px;  line-height:58px; display:inline-block; text-decoration:none; background: url(images_2015arrow_bot1_33.png) no-repeat 192px center; padding-right:20px;margin:0 10px}
	
	
}
@media only screen and (max-width:800px){
	.nintro{margin:90px 0 0 30px;}
    .nintro h1{ font-size:30px;} 
    .nintro p{ font-size:22px;}
	.intdct .intdcton,.sertip .sertipcon{ width:40%; margin-bottom: 20px;}
	.intdct .vline:nth-child(5),.sertip .vline:nth-child(4){ display:none;}
	.sureCaseT{ padding:15px 40px;}
	.sureCaseT h1{ font-size:24px;}
	.explan em{ width:330px;}
	.explan em img{ width:100%;}
	.explan span{ margin-top:0px; font-size:14px; margin-left:350px; line-height:24px;}
}



@media only screen and (max-width:768px){
 /*业务营销目自适应*/
 .ywwap h2,.yswap h2,.dqwap h2{ font-size:30px; line-height:30px}
 .ywwap h3,.yswap h3,.dqwap h3{ font-size:14px; line-height:24px}
 .ywwap ul,.yswap .zhCon,.dqwap ul{ padding-top:20px }
 
 /*创意设计*/ 
.descon .intBox{ }
.descon .intBox h3{ font-size:14px;  margin:2px 0 10px 0;}
.descon .intBox span{font-size:12px; }
 }



@media only screen and (max-width:720px){
	.nintro{margin:0px; padding:20px; float:none; width:auto;}
    .nintro h1{ font-size:26px;} 
    .nintro p{ font-size:20px; line-height:24px;}
	.sureCaseT h1{ font-size:20px;}
	.zxcon dl img{ width:75%; margin:20px 0 0 20px;}
	#dingwei1{ display:none;}
	.aboutc1,.aboutc2,.aboutc3,.aboutc4,.aboutc5{ height:250px;background-position:center bottom;background-size: 100% auto;}
	.aboutc1{background-color: #664D47;}
	.aboutc2{background-color: #01ABE6;}
	.aboutc3{background-color: #E5F4FB;}
	.aboutc4{background-color: #42C172;}
	.aboutc5{background-color: #ffffff;}
	.aboutbft h1{ font-size:22px; margin-bottom:10px;}
	.aboutbft p{ font-size:14px; line-height:18px;}
}


@media only screen and (max-width:640px){
 /*业务营销目自适应*/
 .ywwap,.yswap,.dqwap{ padding:35px 0 10px 0}
 .yswap .zhCon li p{ margin:15px 0 25px 0}

 /*创意设计*/
.descon .tit{ width:100px; height:36px}
.descon .tit img{ width:100%}
.descon ul{ padding:50px 0 30px 0}
.descon .tit.one{top:-16px}

}




@media only screen and (max-width:600px){
	.nintro h1{ font-size:24px;} 
    .nintro p{ font-size:18px;}
	.intdct .intdcton h1{ font-size:20px;}
	.hyusecon dl{ width:90%;}
	.xglink li{ width:50%;}
	.sureCaseT h1{ font-size:20px; }
	.sureCaseT h1{ font-size:18px;}
	.explan em{ width:auto; height:auto; float:none;}
	.explan em img{ width:100%;}
	.explan span{ margin-left:0;}
	.aboutb img{ width:100%; height:200px;}
}





@media only screen and (max-width:580px){

 /*业务营销目自适应*/
 .ywwap ul,.dqwap ul{ width:98%}
.ywwap .caseBox{ width:48%;margin:0  1% 15px 1%; }
.yswap .zhCon li img{ width:75%}
.dqwap .caseBox{ width:48%;margin:0  1% 15px 1%; }
.ywwap .titBox,.dqwap .titBox{ padding:10px 0 0 0}
.yswap .zhCon li p{ margin:10px 0 10px 0}

 /*创意设计*/
.descon .cpBox{  width:98%}
.descon li{ width:48%; margin:0 1% 20px 1%;}
.descon ul{ padding:40px 0 20px 0}
.descon .tit{ width:90px; height:33px}
.descon .tit.one,.descon .tit.two,.descon .tit.three,.descon .tit.four,.descon .tit.five{top: -14px;}
.descon{ margin-top:40px}


 /*前端开发自适应*/
.qdcon h2{ font-size:40px; }
.qdcon h3{ font-size:22px;}

}

@media only screen and (max-width:530px){
	.nintro{width:auto;height:auto;}
    .nintro h1{ font-size:20px; margin-bottom:8px;} 
    .nintro p{ font-size:16px;}
	.jstbtn a{ margin-bottom:10px;}
	.sureCaseCon dl{padding:2% 3%;}
	.sureCaseCon dl dt{float:none; margin:0 auto; width:auto; height:auto; }
	.sureCaseCon dl dt img{ width:100%;}
	.sureCaseCon dl dd,.keCase .sureCaseCon dl dd{ width:auto; margin:20px auto 0;}
	.sureCaseCon dl dd ul li{ list-style:inside;}
	.intdct .intdcton em{ height:55px;}
	.intdct .intdcton em img{ width:90%; vertical-align:middle;}
	.intdct .intdcton h1{ font-size:16px; height:36px; line-height:40px;}
	.sureCaseCon dl dd h1{ font-size:16px;}
	.explan span{ font-size:14px; line-height:24px; margin-top:10px;}
	.sureCaseT h1{ font-size:16px; margin-bottom:10px;}
	.sureCaseT{ padding:15px 2.5%;}
	.sureCaseT p{ font-size:14px;}
	.sertip .sertipcon p{ font-size:14px;}
	.sertip .sertipcon p span{ font-size:16px;}
	.zxcon dl img{ width:80%; margin:20px 0 0 20px;}
} 

@media only screen and (max-width:483px){
/*底部统一按钮*/
.btnBar{ padding:20px 0 10px 0; width:90%; margin:0 auto}
.btnBar .return{ width:90%; height:48px; font-size:16px;  line-height:48px;background: url(../images_2015/arrow_bot2_23.png) no-repeat 10% center;   padding-left:10%;margin: 6px auto;}
.btnBar .nextPage{width:90%; height:48px; font-size:16px;  line-height:48px; display:inline-block; text-decoration:none; background: url(../images_2015/arrow_bot1_23.png) no-repeat 90% center; padding-right:10%;margin:6px auto}


}


@media only screen and (max-width:480px){
/*底部统一按钮*/
.btnBar{ padding:20px 0 10px 0; width:90%; margin:0 auto}
.btnBar .return{ width:90%; height:58px; font-size:18px;  line-height:58px;background: url(images_2015arrow_bot2_33.png) no-repeat 10% center;   padding-left:10%;margin: 10px auto;}
.btnBar .nextPage{width:90%; height:58px; font-size:18px;  line-height:58px; display:inline-block; text-decoration:none; background: url(images_2015arrow_bot1_33.png) no-repeat 90% center; padding-right:10%;margin:10px auto}

}





@media only screen and (max-width:460px){
	.zxcon dl{ }
	.zxcon dl dt{ float:none; width:100% !important; margin-bottom:-1px;}
	.zxcon dl dd{ float:none; width:100% !important;margin-bottom:20px;height:auto; padding:40px 0; }
	.zxcon dl img{ width:65%; margin:0 auto;padding-top:10px;}
	
	
  /*业务营销目自适应*/
 .ywwap h2,.yswap h2,.dqwap h2{ font-size:24px; line-height:24px}
 .ywwap h3,.yswap h3,.dqwap h3{ font-size:12px; line-height:22px}
 .ywwap ul,.yswap .zhCon,.dqwap ul{ padding-top:20px }
  /*前端开发自适应*/
.qdcon h2{ font-size:36px;margin-bottom:15px }
.qdcon h3{ font-size:22px;margin-bottom:10px}
.qdcon .cusBox p{ margin-bottom:10px;}
	
	
}




@media only screen and (max-width:420px){

  /*前端开发自适应*/
.qdcon h2{ font-size:30px;margin-bottom:15px }
.qdcon h3{ font-size:22px;margin-bottom:10px}
.qdcon .cusBox p{ margin-bottom:10px;}

 /*创意设计*/
.descon{ margin-top:30px}

}




@media only screen and (max-width:350px){
	.zxcon dl img{ height:auto; }
	.zxcon dl dd{ height:auto; padding:40px 0; }
	.intdct .intdcton{ height:220px;}
	.zxcon dl img{ width:80%; margin:0 auto; padding-top:20px;}
	.aboutc1,.aboutc2,.aboutc3,.aboutc4,.aboutc5{ height:280px;}
	
	
 /*业务营销目自适应*/
 .ywwap h2,.yswap h2,.dqwap h2{ font-size:18px; line-height:18px}
 .ywwap h3,.yswap h3,.dqwap h3{ font-size:12px; line-height:22px}
 .ywwap ul,.yswap .zhCon,.dqwap ul{ padding-top:20px }
.ywwap,.yswap,.dqwap{ padding:25px 0 10px 0}
.ywwap .title,.yswap .zhCon li p,.dqwap .gmtit{ font-size:12px}
.yswap .zhCon li p{ margin:10px 0 20px 0}
.ywwap, .yswap, .dqwap{ padding:25px 0 5px 0}
.ywwap .title,.yswap .zhCon li p,.dqwap .gmtit{ font-size:14px}
	
	
	}
}