@charset "utf-8";
/* CSS Document */
@import url(global.css); 

.h-top,.nav ul,.w1280{width:1280px; margin:0 auto;}
.h-top .logo{float:left; padding-top:18px;}
.h-top .logo a{ background:url(../images/logo.png) no-repeat;width:164px; height:57px; display:block;}
.follow{float:right; height:25px; font-size:12px; font-family:"宋体"; color:#aaa; padding:57px 0 9px 0;}
.follow span{display:inline-block; height:25px;line-height:25px; float:left;}
.follow a{ display:inline-block; float:left; margin:0 1px;width:25px; height:25px;
		transition:All 0.5s ease-in-out;
		-webkit-transition:All 0.5s ease-in-out;
		-moz-transition:All 0.5s ease-in-out;
		-o-transition:All 0.5s ease-in-out;}
.follow .follow1{ background:url(../images/icon_gz.png) no-repeat 0 0; position:relative; z-index:9999;}
.follow .follow2{ background:url(../images/icon_gz.png) no-repeat -31px 0;}
.follow .follow3{ background:url(../images/icon_gz.png) no-repeat -62px 0;}
.follow .follow1:hover{ background-position:0 -31px; }
.follow .follow2:hover{ background-position:-31px -31px;}
.follow .follow3:hover{ background-position:-62px -31px;}
.follow .follow1 .code{ position:absolute;width:100px; height:100px; right:20px; top:25px; z-index:99999;}

.nav{width:100%; height:41px; background-color:#444;}
.nav li{ height:41px; line-height:41px;width:12.5%; text-align:center; float:left; position:relative; z-index:990;}
.nav li a{ color:#fff; display:block;transition: all 0.5s ease 0s;}
.nav li a:hover{background-color:#1fcf6d;}
.nav li .sonmenu{ display:none; position:absolute; right:0px;top:41px;width:100%;background-color:#444; z-index:999;}
.nav .hover a{color:#fff;}
.burger{ position:fixed; display:none; right:20px; top:25px; z-index:9998;}
.burger li{ height:4px;width:30px; margin:5px 0; background-color:#fff;}
.closeBtn{display:none;}

/*背景颜色*/
.bgeee{ background-color:#eee;}
.bgfff{background-color:#fff;}
.bgblue{background-color:#5babe6;}


.btnYello{ background-color:#f59c00; color:#fff; display:block;width:132px; height:42px; line-height:42px; text-align:center;
        transition:All 0.5s ease-in-out;
		-webkit-transition:All 0.5s ease-in-out;
		-moz-transition:All 0.5s ease-in-out;
		-o-transition:All 0.5s ease-in-out;
}

/*底部*/
.bottom{ background-color:#444;font-size:12px; font-family:"宋体"; color:#aaa; padding:15px 0;}
.bottom .contact{ float:right;width:395px; line-height:18px; background:url(../images/contact.png) no-repeat left 5px; padding:0 0 25px 160px;}
.bottom .contact span{color:#aaa;}
.bottom .footer{ line-height:18px;}
.bottom .footer p{ color:#aaa; padding-bottom:5px;}
.bottom .footer p a{color:#aaa;}

/*轮播图*/
.main_visual{height:498px;overflow:hidden;position:relative;}
.main_image{height:498px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:498px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:498px;}
.main_image li a{display:block;width:100%;height:498px}

div.flicking_con{position:absolute;top:460px;left:50%;z-index:999;width:330px;height:21px;margin:0 0 0 -165px;}
div.flicking_con a{float:left;margin:0 2px;padding:0; width:50px; height:6px; background-color:#fff;display:block;text-indent:-9000px}
div.flicking_con a.on{ background-color:#1fcf6d;}


#slides{ display: none !important;}

/*爱E客服务模块*/
.m-service{padding:65px 0 85px;}
.m-service h2{ text-align:center; font-size:30px; margin-bottom:6px;}
.m-service .s-desc{ font-size:18px; text-align:center; color:#888; padding-bottom:80px;}
.m-service .pc-service li{width:256px; float:left; cursor:pointer; overflow:hidden; height:320px;background-color:#fff;}
.m-service .pc-service li .s-wid{width:512px;}
.m-service .pc-service li .s-info{ display:block;height:300px; padding:20px 20px 0;width:216px;}
.m-service .pc-service li .s-info strong{ font-weight:normal; line-height:40px;display:block; color:#000}
.m-service .pc-service li .s-info strong a{color:#000}
.m-service .pc-service li .s-info strong a:hover{ color:#5babe6;}
.m-service .pc-service li .s-info .xline{display:block;width:100%; height:25px; margin-bottom:15px; border-bottom:1px solid #ebebeb; overflow:hidden;}
.m-service .pc-service li .s-info p{color:#888; font-size:12px;}
.m-service .pc-service li .s-demo,.m-service ul li .s-info{ float:left;}
.m-service .pc-service li .s-demo{ padding-top:10px;height:310px;width:256px; text-align:center; color:#fff;}
.m-service .pc-service li .s-demo h3{ font-size:24px; line-height:55px; font-weight:bold;}
.m-service .pc-service .service1{width:512px;}
.m-service .pc-service .service1 .s-demo{ background-color:#5babe6;}
.m-service .pc-service .service2 .s-demo{ background-color:#1fcf6d;}
.m-service .pc-service .service3 .s-demo{ background-color:#01bba4;}
.m-service .pc-service .service4 .s-demo{ background-color:#e87e04;}
.m-service .pc-service li .s-demo .icon{ display:block; width:102px; height:83px; margin:40px auto;}
.m-service .pc-service .service1 .s-demo .icon{ background:url(../images/icon_fw1.png) no-repeat center center;}
.m-service .pc-service .service2 .s-demo .icon{ background:url(../images/icon_fw2.png) no-repeat center center;}
.m-service .pc-service .service3 .s-demo .icon{ background:url(../images/icon_fw3.png) no-repeat center center;}
.m-service .pc-service .service4 .s-demo .icon{ background:url(../images/icon_fw4.png) no-repeat center center;}
.m-service .pc-service .service2 .s-info .xline{ height:15px; margin-bottom:5px;}
.m-service .pc-service .service2 .s-info{ height:310px; padding:10px 20px 0;}

.m-service .mobile-service{ display:none;}
.m-service .mobile-service li{width:100%; cursor:pointer; overflow:hidden; height:180px;background-color:#fff;}
.m-service .mobile-service li .s-info{ height:170px; padding:10px 0px 0;}
.m-service .mobile-service li .s-info strong,.m-service .mobile-service li .s-info p{ padding:0 15px;}
.m-service .mobile-service li .s-info strong{ font-weight:normal; line-height:40px;display:block;}
.m-service .mobile-service li .s-info .xline{display:block;width:100%; height:15px; margin-bottom:5px; border-bottom:1px solid #ebebeb; overflow:hidden;}
.m-service .mobile-service li .s-info p{color:#888; font-size:12px;}
.m-service .mobile-service li .s-demo,.m-service ul li .s-info{ float:left;width:50%;}
.m-service .mobile-service li .s-demo{height:180px;text-align:center; color:#fff;}
.m-service .mobile-service li .s-demo h3{ font-size:24px; line-height:55px; font-weight:bold;}

.m-service .mobile-service .service1 .s-demo{ background-color:#5babe6;}
.m-service .mobile-service .service2 .s-demo{ background-color:#1fcf6d;}
.m-service .mobile-service .service3 .s-demo{ background-color:#01bba4;}
.m-service .mobile-service .service4 .s-demo{ background-color:#e87e04;}
.m-service .mobile-service li .s-demo .icon{ display:block; width:65px; height:53px; margin:40px auto 10px;}
.m-service .mobile-service .service1 .s-demo .icon{ background:url(../images/icon_fw1.png) no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover; background-size:cover}
.m-service .mobile-service .service2 .s-demo .icon{ background:url(../images/icon_fw2.png) no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover; background-size:cover}
.m-service .mobile-service .service3 .s-demo .icon{ background:url(../images/icon_fw3.png) no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover; background-size:cover}
.m-service .mobile-service .service4 .s-demo .icon{ background:url(../images/icon_fw4.png) no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover; background-size:cover}

.m-service .mobile-service .service2{ height:210px;}
.m-service .mobile-service .service2 .s-info .xline{ height:5px; margin-bottom:2px;}
.m-service .mobile-service .service2 .s-info strong{ line-height:25px;width:65px; padding-right:0; display:inline-block;}
.m-service .mobile-service .service2 .s-info p{ display:inline-block; padding-left:10px; padding-right:0; text-align:left;}
.m-service .mobile-service .service2 .s-info{ height:190px; padding-top:20px;}
.m-service .mobile-service .service2 .s-demo{ height:210px;}

.m-service .mobile-service .service3{ height:230px;}
.m-service .mobile-service .service3 .s-info strong{ line-height:30px;}
.m-service .mobile-service .service3 .s-info .xline{ height:10px; margin-bottom:2px;}
.m-service .mobile-service .service3 .s-info{ height:210px;padding-top:20px;}
.m-service .mobile-service .service3 .s-demo{ height:230px;}

.m-service .mobile-service .service4 .s-info strong{ line-height:30px;}
.m-service .mobile-service .service4 .s-info .xline{ height:10px; margin-bottom:2px;}

/*网站定制模块*/
.m-tailor{padding:65px 0 85px; color:#fff;}
.m-tailor h2{ text-align:center; font-size:30px; margin-bottom:6px;}
.m-tailor .t-desc{ font-size:18px; text-align:center; color:#fff; padding-bottom:80px;}
.m-tailor .pc-tailor li{width:320px; float:left; overflow:hidden; height:260px; text-align:center;}
.m-tailor .pc-tailor li .iconimg{ display:block; cursor:pointer; width:141px; height:141px; margin:10px auto 40px;border:3px solid #fff; border-radius:141px; position:relative; overflow:hidden;
 transition:All 0.2s ease-in-out;
		-webkit-transition:All 0.3s ease-in-out;
		-moz-transition:All 0.3s ease-in-out;
		-o-transition:All 0.3s ease-in-out;}
.m-tailor .pc-tailor li .iconimg1,.m-tailor .pc-tailor li .iconimg2{display:block;width:141px; height:141px; position:absolute;}
.m-tailor .pc-tailor li .iconimg1{ left:0px;}
.m-tailor .pc-tailor li .iconimg2{ left:-141px;}
.m-tailor .pc-tailor li h3{ font-size:18px; margin-bottom:5px;}
.m-tailor .pc-tailor li h3 a{ color:#FFF;}
.m-tailor .pc-tailor li p{ color:#d1d1d1; font-size:12px;font-family:"宋体"; line-height:20px; padding:0 40px;}
.m-tailor .pc-tailor .tailor1 .iconimg1{ background:url(../images/icon_dz1.png) no-repeat center center;}
.m-tailor .pc-tailor .tailor2 .iconimg1{ background:url(../images/icon_dz2.png) no-repeat center center;}
.m-tailor .pc-tailor .tailor3 .iconimg1{ background:url(../images/icon_dz3.png) no-repeat center center;}
.m-tailor .pc-tailor .tailor4 .iconimg1{ background:url(../images/icon_dz4.png) no-repeat center center;}
.m-tailor .pc-tailor .tailor1 .iconimg2{ background:url(../images/hpone_dz1.png) no-repeat center center;}
.m-tailor .pc-tailor .tailor2 .iconimg2{ background:url(../images/hpone_dz2.png) no-repeat center center;}
.m-tailor .pc-tailor .tailor3 .iconimg2{ background:url(../images/hpone_dz3.png) no-repeat center center;}
.m-tailor .pc-tailor .tailor4 .iconimg2{ background:url(../images/hpone_dz4.png) no-repeat center center;}
.m-tailor .pc-tailor li .iconimg:hover{ background-color:#fff; box-shadow:0px 0px 10px #83c2ec;}

.m-tailor .mobile-tailor{ display:none;width:100%; margin:0 auto;}
.m-tailor .mobile-tailor li{width:50%; float:left; overflow:hidden; height:260px; text-align:center;}
.m-tailor .mobile-tailor li .icon{ display:block; cursor:pointer; width:121px; height:121px; margin:10px auto 20px; background-color:#fff;border-radius:141px;}
.m-tailor .mobile-tailor li h3{ font-size:18px; margin-bottom:5px;}
.m-tailor .mobile-tailor li p{ color:#fff; font-size:12px;font-family:"宋体"; line-height:20px; padding:0 10px;}
.m-tailor .mobile-tailor .tailor1 .icon{ background-image:url(../images/hpone_dz1.png); background-repeat: no-repeat; background-position: center center;-moz-background-size:cover;-webkit-background-size:cover; background-size:cover}
.m-tailor .mobile-tailor .tailor2 .icon{ background-image:url(../images/hpone_dz2.png); background-repeat: no-repeat; background-position: center center;-moz-background-size:cover;-webkit-background-size:cover; background-size:cover}
.m-tailor .mobile-tailor .tailor3 .icon{ background-image:url(../images/hpone_dz3.png); background-repeat: no-repeat; background-position: center center;-moz-background-size:cover;-webkit-background-size:cover; background-size:cover}
.m-tailor .mobile-tailor .tailor4 .icon{ background-image:url(../images/hpone_dz4.png); background-repeat: no-repeat; background-position: center center;-moz-background-size:cover;-webkit-background-size:cover; background-size:cover}


	
/*移动营销模块*/
.m-market{padding:65px 0 0px;}
.m-market h2{ text-align:center; font-size:30px; margin-bottom:6px;}
.m-market .m-desc{ font-size:18px; text-align:center; color:#888; padding-bottom:80px;}
.market-left{width:580px; float:left; padding-left:20px;}
.market-left h3{font-size:24px; margin-bottom:15px;}
.market-left p{color:#888; line-height:22px; margin-bottom:35px;}
.market-left .m-more{ background-color:#f59c00; background-image:url(../images/icon_arrow.png); background-repeat:no-repeat;background-position:100px center; display:inline-block; border-radius:30px; height:31px; line-height:31px;width:120px; text-align:center; color:#fff;
        transition:All 0.5s ease-in-out;
		-webkit-transition:All 0.5s ease-in-out;
		-moz-transition:All 0.5s ease-in-out;
		-o-transition:All 0.5s ease-in-out;}
.market-left .m-more:hover{ background-color:#ffbf50;}

.market-right{width:680px; height:315px; overflow:hidden; float:right; background:url(../images/m_bg.png) no-repeat right bottom; position:relative;}
.appicon ul li{width:69px; height:69px; position:absolute;  }
.appicon ul li.appone{
	background:url(../images/icon_wx.png) no-repeat;-moz-background-size:cover;-webkit-background-size:cover; background-size:cover;
	animation-name:myfirst;
	animation-duration:15s;
	animation-iteration-count:infinite;
	animation-timing-function:linear;
	left:0px; bottom:200px;
}
.appicon ul li.apptwo{
	background:url(../images/icon_photo.png) no-repeat;-moz-background-size:cover;-webkit-background-size:cover; background-size:cover;
	animation-name:mytwo;
	animation-duration:15s;
	animation-iteration-count:infinite;
	animation-timing-function:linear;
	left:80px; bottom:150px;
}
.appicon ul li.appthree{
	background:url(../images/icon_cart.png) no-repeat;-moz-background-size:cover;-webkit-background-size:cover; background-size:cover;
	animation-name:mythree;
	animation-duration:15s;
	animation-iteration-count:infinite;
	animation-timing-function:linear;
	left:160px; bottom:200px;
}
.appicon ul li.appfour{
	background:url(../images/icon_photo.png) no-repeat;-moz-background-size:cover;-webkit-background-size:cover; background-size:cover;
	animation-name:myfour;
	animation-duration:13s;
	animation-iteration-count:infinite;
	animation-timing-function:linear;
	left:240px; bottom:50px;
}
@keyframes myfirst
{
0%   {left:0px; bottom:0px;}
20%  {left:0px; bottom:150px;}
30%  {left:0px; bottom:180px;}
50%  {left:0px; bottom:190px;}
70%  {left:0px; bottom:200px;}
80%  {left:0px; bottom:150px;}
90%  {left:0px; bottom:70px;}
100%  {left:0px; bottom:0px;}
}
@keyframes mytwo{
0%   {left:80px; bottom:0px;}
50%  {left:80px; bottom:100px;}
60%  {left:80px; bottom:200px;}
80%  {left:80px; bottom:100px;}
90%  {left:80px; bottom:50px;}
100%  {left:80px; bottom:0px;}
}
@keyframes mythree{
	0%   {left:160px; bottom:0px;}
	20%  {left:160px; bottom:100px}
	50%  {left:160px; bottom:150px;}
	60%  {left:160px; bottom:200px;}
	90%  {left:160px; bottom:150px;}
	100%   {left:160px; bottom:0px;}
}
@keyframes myfour{
	0%   {left:240px; bottom:50px;}
	70%  {left:240px; bottom:230px;}
	90%  {left:240px; bottom:0px;}
	100%  {left:240px; bottom:50px;}
}


/*案例展示模块*/
.m-case{padding:65px 0 50px;}
.m-case h2{ text-align:center; font-size:30px; margin-bottom:6px;}
.m-case .c-desc{ font-size:48px; text-align:center; color:#d5d5d5; text-transform:uppercase; font-family:"宋体"; padding-bottom:60px;}
.m-case .t-desc{font-size:18px; text-align:center; color:#888; padding-bottom:65px;}

/*------ 图片左右滚动 ---------*/
/* hot picture */
.hotPic{margin:0;}
.hotPic .JQ-slide{position:relative;width:100%;height:440px;}
.hotPic .JQ-slide .conn{width:1172px;height:440px;overflow:hidden;position:relative; margin:0 auto;}
.hotPic .JQ-slide-content{position:absolute;}/*必须要的元素*/
.hotPic .imgList li{width:1172px;height:390px;}
.hotPic .imgdemo{width:269px; padding:0 12px; float:left; height:195px; }
.hotPic .imgdemo .pic{ display:block;width:269px;height:171px; overflow:hidden;}
.hotPic .imgdemo .pic img{width:269px;height:171px;transition: all 2s ease 0s;
    transform:scale(1.0);
	-webkit-transform:scale(1.0);
	-moz-transform:scale(1.0);
	-o-transform:scale(1.0);
	-ms-transform:scale(1.0);
}
.hotPic .imgdemo .pic img:hover{
	transform:scale(1.2);
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-o-transform:scale(1.2);
	-ms-transform:scale(1.2);}
.hotPic .imgdemo .nm{ display:block; }
.hotPic .JQ-slide-nav a{display:block;z-index:99;width:38px;height:38px;overflow:hidden;text-indent:-999em;text-decoration:none;position:absolute;top:170px; background-color:#1fcf6d;}
.hotPic .JQ-slide-nav a.prev{left:0px; background-image:url(../images/leftBtn.png); background-repeat:no-repeat; background-position:center center; }
.hotPic .JQ-slide-nav a.next{right:0px;background-image:url(../images/rightBtn.png); background-repeat:no-repeat; background-position:center center;}
.pcPic .imgdemo .nm {display:block;height:32px; color:#fff;line-height:32px; text-align:center; position:absolute;width:100%;background-color:#1fcf6d;left:0px; bottom:-32px; z-index:101;}
.pcPic .imgdemo .tbg{ display:block;position:absolute;background-color:#1fcf6d;width:100%; height:171px;left:0px; bottom:-171px; z-index:100; color:#fff;}
/* imgList */
.hotPic .imgList{float:none;overflow:hidden;zoom:1}
.hotPic .imgList li{float:left;display:inline;overflow:hidden;}
.hotPic .imgdemo a{display:block;overflow:hidden;}

.pcPic .imgdemo a{ height:171px;position:relative; overflow:hidden;}
.pcPic .imgdemo a:hover .nm{ color:#fff;}
.mobilePic{width:100%; margin:0 auto; display:none;}
.mobilePic .imgdemo .nm{ height:32px; line-height:32px; text-align:center;}

/*免费咨询模块*/
.m-advice{padding:40px 0 50px;}
.m-advice .title{ height:26px; border-bottom:1px solid #d7d7d7;width:300px; margin:0 auto; position:relative;}
.m-advice h2{ text-align:center; font-size:18px; position:absolute; left:105px; top:15px;width:90px; height:25px; line-height:25px; background-color:#fff;}
.m-advice .form{width:550px; margin:50px auto 0; color:#444;}
.m-advice .form label{ display:inline-block;width:75px; text-align:right; padding-right:10px; font-family:"宋体";}
.m-advice .form .label2{width:50px; text-align:right; padding-right:5px; }
.m-advice .form li{ padding-bottom:18px;}
.m-advice .form textarea{ border:1px solid #ccc;width:420px;}
.m-advice .form .input1,.m-advice .form .input2{ height:30px; line-height:30px;border:1px solid #ccc;}
.m-advice .form .input1{width:140px;}
.m-advice .form .input2{width:420px;}
.m-advice .form select{width:210px;height:30px;}
.m-advice .btnYello{ margin-left:85px;}
.m-advice .btnYello:hover{ background-color:#ffbf50;}
.bgeee .m-advice h2{ background-color:#eee;}

/*右侧导航*/
#zt-rightMenu .zt-rightMenu-inner{right: 20px;}
.zt-rightMenu .zt-rightMenu-inner{position:fixed;bottom:100px;z-index:1001; width: 45px; height: 91px;}
.zt-rightMenu .zt-rightMenu-inner a{display:block;width:45px;height:45px;text-indent:-9999px;background: url(../images/goback.png) no-repeat;transition: all 0.2s ease 0s;}
.zt-rightMenu .zt-rightMenu-inner .bakctop a{ background-position:0 0;}
.zt-rightMenu .zt-rightMenu-inner .bakctop a:hover{background-position:-45px 0px;}
.zt-rightMenu .zt-rightMenu-inner .message-icon a{ margin-top:1px;background-position:0 -45px;}
.zt-rightMenu .zt-rightMenu-inner .message-icon  a:hover{background-position:-45px -45px;}


/*二级页面*/
.pc-banner{ height:497px;width:100%;}
.mobile-banner{ display:none;width:100%;}
.mobile-banner img{ max-width:100%;}

/*解决方案模块*/
.m-scheme{padding:65px 0 85px;}
.m-scheme h2{ text-align:center; font-size:30px; margin-bottom:6px;}
.m-scheme .t-desc{ font-size:18px; text-align:center; color:#888; padding-bottom:65px;}
.m-scheme .pc-scheme li{width:320px; float:left; overflow:hidden; height:260px; text-align:center;}
.m-scheme .pc-scheme li .iconimg{ position:relative;width:152px; margin:0 auto; padding:10px 0 15px;height:152px; overflow:hidden;}
.m-scheme .pc-scheme li .iconimg1,.m-scheme .pc-scheme li .iconimg2{ display:block; position:absolute; left:0px; cursor:pointer; width:152px; height:152px;  background:url(../images/icon-dz.png) no-repeat;}
.m-scheme .pc-scheme li h3{ font-size:18px; margin-bottom:5px;}
.m-scheme .pc-scheme li p{ color:#888; font-size:14px;line-height:20px; padding:0 40px;}
.m-scheme .pc-scheme li .iconimg1{ top:10px;}
.m-scheme .pc-scheme li .iconimg2{ top:-152px;}
.m-scheme .pc-scheme .scheme1 .iconimg1{ background-position:0 0; }
.m-scheme .pc-scheme .scheme1 .iconimg2{background-position:0 -153px;}

.m-scheme .pc-scheme .scheme2 .iconimg1{ background-position:-316px 0;}
.m-scheme .pc-scheme .scheme2 .iconimg2{ background-position:-316px -152px;}

.m-scheme .pc-scheme .scheme3 .iconimg1{ background-position:-633px 0;}
.m-scheme .pc-scheme .scheme3 .iconimg2{ background-position:-633px -152px;}
.m-scheme .pc-scheme .scheme4 .iconimg1{ background-position:-949px 0;}
.m-scheme .pc-scheme .scheme4 .iconimg2{ background-position:-949px -152px;}


/*服务流程模块*/
.m-serviceProcess{padding:65px 0 50px;}
.m-serviceProcess h2{ text-align:center; font-size:30px; margin-bottom:6px;}
.m-serviceProcess .m-desc{ font-size:18px; text-align:center; color:#888; padding-bottom:80px;}
.m-serviceProcess .m-spcon{width:100%; height:70px; position:relative;}
.m-serviceProcess .m-xinle{ height:1px; overflow:hidden;width:100%; background-color:#1fcf6d; position:absolute; left:0px; top:0;}
.m-serviceProcess .m-spList{width:100%; position:absolute; left:0px; top:-42px; height:105px;}
.m-serviceProcess .m-spList li{ float:left;width:10%; cursor:pointer;}
.m-serviceProcess .m-h55{ display:block;width:26px; margin:0 auto; height:55px; position:relative;}
.m-serviceProcess .m-num{ display:none;width:24px; height:24px; border:2px solid #1fcf6d;border-radius:24px; color:#1fcf6d;  text-align:center; line-height:24px; font-weight:bold;}
.m-serviceProcess .m-h55 .m-dot{ display:block; position:absolute; top:38px; left:9px;width:9px; height:9px; border-radius:9px; background-color:#888888;}
.m-serviceProcess .m-lihover .m-num{ display:block;}
.m-serviceProcess .m-lihover .m-dot{ background-color:#1fcf6d;}
.m-serviceProcess .m-info{ display:block;width:104px; margin:0 auto; height:40px; padding-top:9px; font-size:12px; text-align:center;}
.m-serviceProcess .m-lihover .m-info{ background:url(../images/tab_bg.png) no-repeat; color:#fff;}
.m-serviceProcess .m-info i{ font-style:normal; display:block;}

/*丰富的企业网站应用*/
.m-webside{padding:65px 0 85px;}
.m-webside h2{ text-align:center; font-size:30px; margin-bottom:6px;}
.m-webside .t-desc{ font-size:18px; text-align:center; color:#888; padding-bottom:25px;}
.m-webside .btn-webside{ display:block;width:185px; height:50px; line-height:50px; text-align:center; margin:0 auto; font-size:30px;background-color:#4495e7; color:#fff;transition:All 0.5s linear;
		-webkit-transition:All 0.5s linear;
		-moz-transition:All 0.5s linear;
		-o-transition:All 0.5s linear;}
.m-webside .btn-webside:hover{background-color:#6fb4fa;box-shadow:0px 0px 5px #ccc; }
/*标签云*/
#tagscloud {position:relative; width:100%; height:550px; margin: 40px auto 0; }
#tagscloud a {position:absolute; top:0px; left:0px; font-family: Microsoft YaHei; color:#fff; font-weight:bold; text-decoration:none; padding: 3px 6px; }
#tagscloud a:hover {border: 1px solid #eee; background: #000; }
#tagscloud .blue {color:#4495e7;}
#tagscloud .red {color:#ff001e;}
#tagscloud .yellow {color:#ff9920;}
#tagscloud .green{ color:#42ad74;}
#tagscloud .green2{ color:#4fd0e2;}

/*我们的优势*/
.m-advantage{padding:65px 0 85px;}
.m-advantage h2{ text-align:center; font-size:30px; margin-bottom:6px;}
.m-advantage .t-desc{ font-size:18px; text-align:center; color:#888; padding-bottom:55px;}
.m-advantage .pc-advantage li{width:20%; height:220px; float:left; overflow:hidden;text-align:center;}
.m-advantage .pc-advantage li .icon{ display:block; cursor:pointer; width:120px; height:120px; margin:10px auto 5px; background:url(../images/icon-dz.png) no-repeat; border:3px solid #ecedee; border-radius:120px;
        transition:All 0.5s linear;
		-webkit-transition:All 0.5s linear;
		-moz-transition:All 0.5s linear;
		-o-transition:All 0.5s linear;
		}
.m-advantage .pc-advantage li h3{ font-size:18px; margin-bottom:5px;}
.m-advantage .pc-advantage li p{ color:#888; font-size:14px;line-height:20px; padding:0 5px;}
.m-advantage .pc-advantage .advantage1 .icon{ background-position:-11px -305px;}
.m-advantage .pc-advantage .advantage2 .icon{ background-position:-255px -305px;}
.m-advantage .pc-advantage .advantage3 .icon{ background-position:-500px -305px;}
.m-advantage .pc-advantage .advantage4 .icon{ background-position:-745px -305px;}
.m-advantage .pc-advantage .advantage5 .icon{ background-position:-990px -305px;}
.m-advantage .pc-advantage .icon:hover{ border:3px solid #aaa; box-shadow:0px 0px 8px #999;}

/*案例展示模块*/
.tab-case{width:386px; margin:0 auto 60px;}
.tab-case li{width:182px; float:left; margin:0 5px 0 6px; height:38px; line-height:38px; background-color:#eee; cursor:pointer; font-size:18px; text-align:center;}
.tab-case li.on{ background-color:#5babe6; color:#fff;}

.casePiclist{margin:0 auto;}
.casePiclist .imgdemo{width:300px; padding:0 10px; height:217px;}
.casePiclist .imgdemo .pic{width:300px; height:197px;}
.casePiclist .imgdemo .pic img{width:300px; height:197px;}
.casePiclist .imgdemo a{ height:197px;}

.case-pic{width:290px;padding-top:40px; float:left; text-align:center;}
.case-pic img{ margin:0 auto;}
.case-info{width:986px; padding-top:40px; float:right;}
.case-info .backcase{ display:block;width:160px; padding-left:10px; height:45px; line-height:45px; background-image:url(../images/icon_arrow2.png); background-repeat:no-repeat; background-position:10px center; background-color:#e87e04; float:right; color:#fff; font-size:18px; text-align:center;transition:All 0.5s ease-in-out;
		-webkit-transition:All 0.5s ease-in-out;
		-moz-transition:All 0.5s ease-in-out;
		-o-transition:All 0.5s ease-in-out;}
.case-info .backcase:hover{ background-color:#ff9c2a;}
.case-info h2{color:#1fcf6d; font-size:36px; margin-bottom:10px;}
.case-info .case-p{font-size:18px;margin-bottom:10px;}
.case-info .case-p span{ padding-right:50px;}
.case-info .case-p2{ padding:30px 0;}
.case-info p{ color:#888;}
.case-info .case-p2 a{ display:inline-block; margin-left:20px;width:160px;height:45px; line-height:45px;background-color:#1fcf6d; color:#fff; font-size:18px; text-align:center;transition:All 0.5s ease-in-out;
		-webkit-transition:All 0.5s ease-in-out;
		-moz-transition:All 0.5s ease-in-out;
		-o-transition:All 0.5s ease-in-out;}
.case-info .case-p2 a:hover{background-color:#25f07f;}
.case-info .piclist li{ padding-bottom:30px;}

/*关于我们*/
.selectUs{ padding:80px 0 70px;}
.selectUs h2{ font-size:30px; height:45px;}
.selectUs .s-keyword,.selectUs .s-con{ font-size:12px; color:#888; font-family:"宋体"; line-height:24px;}
.selectUs .s-con p label{color:#444;}
.selectUs .s-keyword{ padding:10px 0 20px;}
.selectUs .factor{ margin:0 auto;width:840px;}
.selectUs .factor li{width:210px; float:left; overflow:hidden;text-align:center;}
.selectUs .factor li .icon{ display:block; cursor:pointer; width:83px; height:83px; margin:60px auto 5px; background:url(../images/icon-dz.png) no-repeat; border:2px solid #e0e0e0; border-radius:83px;
        transition:All 0.5s linear;
		-webkit-transition:All 0.5s linear;
		-moz-transition:All 0.5s linear;
		-o-transition:All 0.5s linear;
		}
.selectUs .factor li h3{ font-size:14px; color:#888; margin-top:5px;}
.selectUs .factor li p{ color:#888; font-size:14px;line-height:20px; padding:0 5px;}
.selectUs .factor .factor1 .icon{ background-position:-17px -430px;}
.selectUs .factor .factor2 .icon{ background-position:-229px -433px;}
.selectUs .factor .factor3 .icon{ background-position:-436px -430px;}
.selectUs .factor .factor4 .icon{ background-position:-647px -433px;}
.selectUs .factor .icon:hover{ border:2px solid #aaa; box-shadow:0px 0px 8px #999;}

/*服务客户*/
.m-client{padding:65px 0 85px;}
.m-client h2{ text-align:center; font-size:30px; margin-bottom:6px;}
.m-client .t-desc{ font-size:18px; text-align:center; color:#888; padding-bottom:55px;}
.m-client .clientList{width:100%;}
.m-client .clientList li{width:240px; margin:0 5px;float:left;}
.m-client .clientList a{ display:block;width:240px; margin:10px auto 0; height:80px; overflow:hidden; border:1px solid #ccc; position:relative;}
.m-client .clientList a span{ position:absolute;}
.m-client .clientList a .nm{ display:block; width:100%; height:80px; line-height:80px; overflow:hidden; left:0px; top:-80px; text-align:center; z-index:100; color:#fff; font-size:30px;}
.m-client .clientList a .bg{display:none; width:100%; height:100%; left:0px; top:0px;text-align:center; background-color:#1fcf6d; z-index:99; opacity:0.95;}
.m-client .clientList a .img{display:block; width:100%; height:100%; left:0px; top:0px;text-align:center; background-color:#ccc; z-index:97;}
.m-client .clientList a img{width:240px; height:80px;transition: all 1s ease 0s;
    transform:scale(1.0);
	-webkit-transform:scale(1.0);
	-moz-transform:scale(1.0);
	-o-transform:scale(1.0);
	-ms-transform:scale(1.0);
}
.m-client .clientList a:hover img{
	transform:scale(1.2);
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-o-transform:scale(1.2);
	-ms-transform:scale(1.2);}
	

/*联系我们*/
.m-contact{padding:65px 0 85px;}
.m-contact h2{ text-align:center; font-size:60px; margin-bottom:6px; font-weight:bold;}
.m-contact .t-desc{ font-size:18px; text-align:center; color:#888; padding-bottom:55px;}
.m-contact h3{ font-size:36px; color:#f59c00;text-align:center; margin-bottom:30px;}
.m-contact .lx-icon{width:187px; height:154px; background:url(../images/icon-contact.png) no-repeat center center; margin:0 auto 30px;}
.m-contact p{ text-align:center; color:#444; font-size:18px; line-height:25px;}
.m-contact p a{ color:#444;}
.m-contact p label{ color:#bbb;}
.m-contact ul{ padding-top:40px;width:530px; margin:0 auto;}
.m-contact ul li { height:80px;width:100%; }
.m-contact ul li span{ display:block; float:left; height:61px; line-height:61px; color:#fff;background:url(../images/icon-qq.png) no-repeat;}
.m-contact ul li .kf-name{width:61px; background-position:0 0; text-align:center;font-size:18px;}
.m-contact ul li .kf-tel{width:403px; margin-right:3px; background-position:-61px 0; text-align:center;font-size:30px; font-weight:bold;}
.m-contact ul li .kf-qq{width:61px; background-position:-468px 0;}
.m-contact ul li .kf-qq a{ display:block;width:100%; height:61px; text-indent:-9999px;}
.m-contact ul li .tel-icon{width: 45px; background:url(../images/ihoneicon.png) no-repeat; display:none;}
.m-contact ul li .tel-icon a{ display:block;width:100%; height:45px; text-indent:-9999px;}

/*域名服务模块*/
.m-domain{padding:65px 0 85px;}
.m-domain h2{ text-align:center; font-size:30px; margin-bottom:6px; font-weight:bold;}
.m-domain .t-desc{ font-size:18px; text-align:center; color:#888; padding-bottom:55px; padding-left:15%; padding-right:15%;}
.m-domain .pc-domain li{width:213px; float:left; }
.m-domain .pc-domain li .m-demo{width:173px; margin:0 auto; padding-top:53px;position:relative;}
.m-domain .pc-domain li .txt{ background-color:#fff; padding:70px 0 10px; height:150px; font-family:"宋体"; font-size:14px; color:#888;}
.m-domain .pc-domain li .txt h3{ text-align:center;  height:30px; line-height:30px; margin-bottom:5px; font-weight:bold; color:#666;}
.m-domain .pc-domain li .txt p{ padding:0 15px; line-height:22px;}
.m-domain .pc-domain li .icon{ display:block; cursor:pointer;width:91px; height:91px;border-radius:91px; position:absolute; top:0px; left:35px; text-align:center; line-height:91px; color:#fff; font-size:24px;        transition:All 0.5s linear;
		-webkit-transition:All 0.5s linear;
		-moz-transition:All 0.5s linear;
		-o-transition:All 0.5s linear;}
.m-domain .pc-domain .domain1 .icon{ background-color:#fb4c4d; border:10px solid #efcdce ; }
.m-domain .pc-domain .domain2 .icon{ background-color:#eb9036; border:10px solid #eddac9; }
.m-domain .pc-domain .domain3 .icon{ background-color:#fab72e; border:10px solid #efe2c7; }
.m-domain .pc-domain .domain4 .icon{ background-color:#8bb64c; border:10px solid #d9e2ce; }
.m-domain .pc-domain .domain5 .icon{ background-color:#47c4cf; border:10px solid #cbe5e8; }
.m-domain .pc-domain .domain6 .icon{ background-color:#6aafe4; border:10px solid #d2e1ec; }

.m-domain .pc-domain .domain1 .icon:hover{ background-color:#f32123; border:10px solid #f3aaac ; box-shadow:0px 0px 10px #f32123; }
.m-domain .pc-domain .domain2 .icon:hover{ background-color:#f97d03; border:10px solid #edc6a4; box-shadow:0px 0px 10px #f97d03;}
.m-domain .pc-domain .domain3 .icon:hover{ background-color:#ffab00; border:10px solid #f4d593; box-shadow:0px 0px 10px #ffab00;}
.m-domain .pc-domain .domain4 .icon:hover{ background-color:#65a803; border:10px solid #cae7a8; box-shadow:0px 0px 10px #65a803;}
.m-domain .pc-domain .domain5 .icon:hover{ background-color:#00a5b3; border:10px solid #8de1eb; box-shadow:0px 0px 10px #00a5b3;}
.m-domain .pc-domain .domain6 .icon:hover{ background-color:#0081e4; border:10px solid #92cbf4; box-shadow:0px 0px 10px #0081e4;}

/*云主机*/
.m-yunzj{padding:65px 0 85px;}
.m-yunzj h2{ font-size:30px; margin-bottom:10px; color:#6aafe4;}
.m-yunzj p{ margin-bottom:20px; color:#888; font-size:16px; line-height:30px;}
.m-yunzj p.colororg{ color:#ff760d;}
.m-yunzj .txt{ float:right;width:574px;}
.m-yunzj .img{float:left;}

/*域名的优势*/
.m-yumi{padding:65px 0 85px;}
.m-yumi h2{ font-size:36px; margin-bottom:20px; color:#8bb64c;}
.m-yumi p{ margin-bottom:20px; color:#888; font-size:16px;line-height:30px;}
.m-yumi .txt{ float:left;width:574px;}
.m-yumi .img{float:right;}


/*优化推广*/
.m-yh1,.m-yh2,.m-yh3,.m-yh4{ padding:120px 0;}
.m-yh1 .icon,.m-yh2 .icon,.m-yh3 .icon,.m-yh4 .icon{display:block; float:left; margin:50px 95px 0; cursor:pointer;width:160px; height:160px;border-radius:160px;text-align:center; line-height:160px; color:#fff; font-size:70px; font-weight:bold; transition:All 0.5s linear;
		-webkit-transition:All 0.5s linear;
		-moz-transition:All 0.5s linear;
		-o-transition:All 0.5s linear;}
.m-yh1 .m-in3,.m-yh1 .m-in2,.m-yh2 .m-in2,.m-yh2 .m-in3,.m-yh3 .m-in3,.m-yh3 .m-in2,.m-yh4 .m-in2,.m-yh4 .m-in3{ float:left;}
.m-yh1 .m-in2 .txt,.m-yh2 .m-in3 .txt,.m-yh3 .m-in2 .txt,.m-yh4 .m-in3 .txt{ border-top:1px solid #ccc; margin-top:30px; padding-top:20px; line-height:22px;}
.m-yh1 .m-in2,.m-yh2 .m-in3,.m-yh3 .m-in2,.m-yh4 .m-in3{ padding-top:60px; width:310px;}
.m-yh1 .m-in2,.m-yh3 .m-in2{ padding-right:80px;}
.m-yh2 .m-in3,.m-yh4 .m-in3{ padding-left:80px;}

.m-yh1 h2{ text-align:center; font-size:30px; margin-bottom:6px;}
.m-yh1 .t-desc{ font-size:18px; text-align:center; color:#888; padding-bottom:55px; padding-left:15%; padding-right:15%;}
.m-yh1 .icon{ background-color:#5fa800; border:10px solid #dbebc7; }
.m-yh1 .icon:hover{ b background-color:#539202; border:10px solid #caeba0; box-shadow:0px 0px 10px #539202;}

.m-yh2 .icon{background-color:#ec760d; border:10px solid #ecddc6; }
.m-yh2 .icon:hover{background-color:#de6900; border:10px solid #e9d3b0; box-shadow:0px 0px 10px #de6900;}

.m-yh3 .icon{background-color:#5fa800; border:10px solid #dbebc7;}
.m-yh3 .icon:hover{ b background-color:#539202; border:10px solid #caeba0; box-shadow:0px 0px 10px #539202;}

.m-yh4 .icon{background-color:#21b1b5; border:10px solid #cbeaeb;}
.m-yh4 .icon:hover{background-color:#00a0a4; border:10px solid #84e7ea; box-shadow:0px 0px 10px #00a0a4;}

/*移动营销*/
.m-yingx{padding:65px 0 85px;}
.m-yingx h2{ font-size:36px; margin-bottom:20px; color:#4495e7;}
.m-yingx h2 span{ font-size:30px; color:#444;}
.m-yingx p{ margin-bottom:20px; color:#888; font-size:16px;line-height:30px;}
.m-yingx .txt{ width:430px; padding-top:70px;}
.m-yingx1 .txt,.m-yingx3 .txt,.m-yingx5 .txt,.m-yingx2 .img,.m-yingx4 .img{ float:left;}
.m-yingx1 .txt,.m-yingx3 .txt,.m-yingx5 .txt{ padding-left:70px;}
.m-yingx1 .img,.m-yingx3 .img,.m-yingx5 .img,.m-yingx2 .txt,.m-yingx4 .txt{ float:right;}
.m-yingx2 .img,.m-yingx4 .img{ padding-left:50px;}
.m-yingx5 .img{ padding-right:50px;}

.m-dz1{ text-align:center;padding:65px 0 85px;}
.m-dz1 h2{font-size:36px; color:#444;}
.m-dz1 p{ font-size:16px; color:#888; margin:10px 0 0px;}
.m-dz1 .img{ margin-top:50px;}
.m-dz1 .img img{ margin:0 auto;}

.m-dz2 .img{float:left; padding-top:50px; }
.m-dz2 .txt{ float:right;width:580px; padding-top:0px;}
.m-dz2 .txt h3{font-size:18px; color:#888; margin-bottom:5px;}
.m-dz2 .txt p{ font-size:14px; line-height:20px;}

.m-dz3  h2{ padding-left:60px;}
.m-dz3 .txt ul li {width:33%; float:left; text-align:center;}
.m-dz3 .txt ul li .icon{ display:block; background:url(../images/icon-dz1.gif) no-repeat; margin:25px auto 15px;width:41px; height:41px;}
.m-dz3 .txt ul li p{font-size:14px; line-height:20px;}
.m-dz3 .txt ul h3{height:37px; line-height:37px; margin-bottom:5px; font-size:18px;}
.m-dz3 .txt ul .li1 .icon{ background-position:0 -2px;}
.m-dz3 .txt ul .li2 .icon{ background-position:-155px -2px;}
.m-dz3 .txt ul .li3 .icon{ background-position:-312px -2px;}
.m-dz3 .img{float:right; }
.m-dz3 .txt{ float:left;width:620px;}

.m-dz4 .txt ul li {width:50%; float:left;}
.m-dz4 .txt ul li h3{ background:url(../images/icon-dz2.png) no-repeat left -15px; padding-left:45px; text-align:left; height:37px; line-height:37px; font-size:18px;}
.m-dz4 .txt ul li p{ padding-left:45px; font-size:14px; line-height:20px; text-align:left;}
.m-dz4 .txt ul .li1 h3{ background-position:left -15px;}
.m-dz4 .txt ul .li2 h3{ background-position:-345px -15px;}
.m-dz4 .txt ul .li3 h3{ background-position:left -115px;}
.m-dz4 .txt ul .li4 h3{ background-position:-345px -115px;}
.m-dz4 .img{float:left; padding-left:100px;}
.m-dz4 .txt{ float:right;width:620px;}

/*分页*/
.page{ padding:20px 0;}
.page a{ display:block; float:left; margin-right:3px;width:40px; height:40px; text-align:center; font-size:18px; line-height:40px; color:#fff; background-color:#ccc;}
.page a:hover,.page a.curr{ background-color:#5babe6;}
.page .pageprev ,.page .pagenext{ font-weight:bold;}

/*媒体查询*/
@media screen and (max-width:1280px){
	/*头部*/
	.h-top {width:100%;}
	.h-top .logo{ padding-left:20px;}
	.follow{ padding-right:20px;}
	
	/*导航*/
	.nav ul{width:100%;}
	.w1280{width:100%;}
	
	.hotPic .JQ-slide .conn,.hotPic .imgList li{width:879px;}

}
@media screen and (max-width:1180px){
	.casePiclist{width:100%;}
	}
@media screen and (max-width:1040px){
	.m-serviceProcess .m-desc{ padding-bottom:50px;}
	.m-serviceProcess .m-spList{width:640px; margin:0 auto}
	.m-serviceProcess .m-spList li{width:320px;}
	.m-serviceProcess .m-xinle{ display:none;}
	.m-serviceProcess .m-spcon{ height:auto; position:static;}
	.m-serviceProcess .m-spList{ position:static; height:auto;}
	.m-serviceProcess .m-h55{ float:left; padding:0 8px;}
	.m-serviceProcess .m-lihover .m-dot,.m-serviceProcess .m-h55 .m-dot{ display:none;}
	.m-serviceProcess .m-num{ display:block; margin-top:6px;}
	.m-serviceProcess .m-lihover .m-info,.m-serviceProcess .m-info{ float:left; background:url(../images/tab_bg2.png) no-repeat; height:44px; line-height:44px; text-align:left;width:220px; padding-left:20px; color:#fff; font-size:14px; padding-top:0px;}
	.m-serviceProcess .m-info i{ display:inline;}
}	
@media screen and (max-width:990px){
	.case-info{width:95%; margin:0 auto; float:none;}
	.case-info img{max-width:100%;}
}

@media screen and (max-width:840px){
	.selectUs .factor{width:100%;}
	.selectUs .factor li{width:25%;}
}
/*移动样式*/
@media screen and (max-width:768px){
	
	.w1280 { width:100%;}
	/*头部*/
	.h-top {width:100%;}
	.h-top .logo{ padding-top:15px;padding-bottom:10px;}
	.h-top .logo a{ background:url(../images/m-logo.png) no-repeat;}
	.follow{ display:none;}
	.wrap{ padding-top:82px;}
	
	/*导航*/
	.h-top{ position:fixed; background-color:#444; z-index:9998; left:0px; top:0px;}
	.nav{display:block;width:165px; height:100%; position:fixed; z-index:9999; right:-214px; top:0px; background-color:#3b3b3b;}
	.nav ul{ padding-top:82px;}
	.nav li{width:100%; height:45px; line-height:45px; font-size:16px;}
	.nav li .sonmenu{ right:100%;bottom:0; top:auto;}
	.burger{ display:block; cursor:pointer;}
	.closeBtn{display:block;width:39px; height:39px; cursor:pointer; background:url(../images/icon-close.png); position:fixed; z-index:9999; right:-39px; top:25px; }
	
	/*轮播图*/
	.main_visual{ display:none;}
	 #slides{position:relative;display: block !important;}
	.slidesjs-pagination{list-style:none;position:absolute;left:50%; margin-left:-40px; text-align:center; bottom:10px;z-index:999;}
	.slidesjs-pagination li{float:left;margin-left:0;}
	.slidesjs-pagination li a{display:block;width:25px;height:5px; text-indent:-9999px; overflow:hidden; margin:0 1px;background-color:#fff;float:left;overflow:hidden;}
	.slidesjs-pagination li a.active{background-color:#1fcf6d;}
	.slidesjs-container{z-index:555}
	.slidesjs-container img{width:100%;height:100%;}
	.slidesjs-total{ position: absolute; right: .5em; bottom: .5em; display:inline-block; font-size:.24em; color: #fff; z-index: 888; }
	
	/*爱E客服务模块*/
	.m-service .pc-service{ display:none;}
	.m-service .mobile-service{ display:block;}
	.m-service{ padding:40px 0}
	.m-service .s-desc{padding-bottom:40px;}
	
	/*网站定制模块*/
	.m-tailor .pc-tailor{ display:none;}
	.m-tailor .mobile-tailor{ display:block;}
	.m-tailor{ padding:40px 0}
	.m-tailor .t-desc{ padding-bottom:40px;}
	
	
	/*案例展示*/
	.pcPic{ display:none;}
	.casePiclist { display:block !important;}
	
	.mobilePic{display:block;}
	.mobilePic .imgdemo{width:135px; height:120px; margin-left:5px; padding:0; overflow:hidden;}
	.mobilePic .imgdemo  .pic{width:135px; height:86px;}
    .mobilePic .imgdemo .pic img{width:135px; height:86px;}
	.m-case{ padding:40px 0}
	.m-case .c-desc{padding-bottom:40px;}
	
	/*移动营销*/
	.m-market{ padding-top:40px;}
	.market-left{ padding-right:20px; padding-bottom:20px; float:none;width:auto;}
	.market-left h3{ margin-top:25px;}
	.market-left .m-more{ display:block; margin:0 auto;}
	.market-right{ float:none;width:100%;}
	.m-market .m-desc{padding-bottom:20px;}
	.appicon ul li{width:40px; height:40px;}
	
	/*底部*/
	.bottom{ background-color:#FFF; padding:0;}
	.bottom .contact{ float:none;width:240px; margin:0 auto;}
	.bottom .footer{ background-color:#444; text-align:center; padding:10px 0;}
		
	/*右侧导航*/
	.zt-rightMenu{ display:none;}
	
	
	/*二级栏目*/
	.m-yingx .img,.m-yingx .txt,.m-yunzj .img,.m-yunzj .txt,.m-yumi .img,.m-yumi .txt{ float:none;width:100%; padding:0;}
	.m-yingx .txt h2{ text-align:center;}
	.m-yingx .txt h3,.m-yingx .txt p,.m-yunzj .txt h2,.m-yunzj .txt p,.m-yumi .txt h2,.m-yumi .txt p{ padding-left:10px; padding-right:10px;}
	.m-yingx .img{ text-align:center;}
	.m-yingx .img img,.m-dz1 .img img,.m-yunzj .img img,.m-yumi .img img{margin:0 auto;max-width:100%;}
	.m-yingx .txt p,.m-yingx .txt h3{ text-align:center;}
	.m-dz2 .txt h3,.m-dz2 .txt p{ text-align:left ;}
	.selectUs .s-keyword, .selectUs .s-con,.selectUs h2{ padding-left:10px; padding-right:10px;}
	
	.m-advantage .pc-advantage li{width:140px;}
	.m-scheme .pc-scheme li{width:50%; height:280px;}
	.m-scheme .pc-scheme li h3{ font-size:16px;}
	.m-scheme .pc-scheme li p{ font-size:12px;}
	
	.m-serviceProcess .m-spList li{width:50%; margin-left:0;}
	
	.case-pic,.case-info{ float:none;}
	.case-pic{width:100%;}
	.case-info{width:90%; margin:0 auto;}
	.case-info .piclist img{ max-width:100%;}
}
@media screen and (max-width:640px){
	.m-contact ul{width:320px;}
	.m-contact ul li,.m-contact ul li span{ height:43px; line-height:43px;}
	.m-contact ul li span{ margin-bottom:10px;}
	.m-contact ul li .kf-name,.m-contact ul li .kf-qq{width:45px;}
	.m-contact ul li .kf-tel{width:180px; margin:0;}
	.m-contact ul li .kf-name{ background-position:0 -76px; font-size:14px;}
	.m-contact ul li .kf-tel{ background-position:-95px -76px; font-size:18px;}
	.m-contact ul li .kf-qq{ background-position:-275px -76px;}
	.m-contact ul li .tel-icon{ display:block;}
	
	.m-yh1 .icon, .m-yh2 .icon, .m-yh3 .icon, .m-yh4 .icon{ float:none; margin:0 auto 50px;}
	.m-yh1 .m-in3, .m-yh1 .m-in2, .m-yh2 .m-in2, .m-yh2 .m-in3, .m-yh3 .m-in3, .m-yh3 .m-in2, .m-yh4 .m-in2, .m-yh4 .m-in3{ float:none; text-align:center;}
	.m-yh1 .m-in3 img, .m-yh1 .m-in2 img, .m-yh2 .m-in2 img, .m-yh2 .m-in3 img, .m-yh3 .m-in3 img, .m-yh3 .m-in2 img, .m-yh4 .m-in2 img, .m-yh4 .m-in3 img{ max-width:100%; margin:0 auto;}
	.m-yh2 .m-in3, .m-yh4 .m-in3{width:100%; text-align:center; padding-left:0;}
	.m-yh1 .m-in2, .m-yh3 .m-in2{width:100%; text-align:center; padding-right:0;}
	.m-yh1 .m-in3,.m-yh3 .m-in3{ padding-top:50px;}
	
	.pc-banner{ display:none;}
	.mobile-banner{ display:block;}
	
	
	.m-serviceProcess .m-spList{width:100%;}
	.m-serviceProcess .m-spList li{width:282px;}
	
	.mobilePic .imgdemo{ margin-left:0px;width:33%; height:145px; }
	.mobilePic .imgdemo .pic,.mobilePic .imgdemo .pic img{width:175px; height:111px;}
	.mobilePic .imgdemo a{width:175px; height:145px; margin:0 auto;}
	
	.casePiclist .imgdemo{width:30%; padding:0 1%; height:160px;}
	.casePiclist .imgdemo .pic a{}
	.casePiclist .imgdemo .pic,.casePiclist .imgdemo .pic img{width:100%; height:125px;}
	.casePiclist .imgdemo a{ position:static;height:160px;}
	.casePiclist .imgdemo .nm{ position:static; background-color:#fff; color:#666;}
	.casePiclist .imgdemo a:hover .nm{color:#666;}
	.casePiclist .imgdemo .tbg{ display:none;}
}
@media screen and (max-width:580px){
	 .m-serviceProcess .m-spList{width:300px; margin:0 auto; padding-bottom:30px;}
	 .m-serviceProcess .m-spList li{width:100%;}
	 
    .casePiclist .imgdemo{height:150px;}
	.casePiclist .imgdemo .pic,.casePiclist .imgdemo .pic img{height:115px;}
	.casePiclist .imgdemo a{height:150px;}
	
	}
@media screen and (max-width:550px){
	/*免费咨询*/
	.m-advice .form{width:320px;}
	.m-advice .form .label2{width:35px;}
	.m-advice .form .input1{width:70px;}
	.m-advice .form .input2{width:190px;}
	.m-advice .form select{width:95px;}
	.m-advice .form textarea{width:190px;}
	
	/*二级栏目*/
	.m-yingx .txt h2,.m-dz1 h2{ font-size:26px;}
	.m-yingx .txt h2 span{ font-size:20px;}
	
	.m-client .clientList li{width:46%;}
	.m-client .clientList a{width:100%;}
	.m-client .clientList li .img img{width:100%; height:100%;}
	.m-domain .pc-domain li{width:50%; margin-bottom:20px;}
	.m-domain .pc-domain li .icon{width:76px; height:76px; border-radius:76px; left:28px;}
	
	.casePiclist .imgdemo{height:140px;}
	.casePiclist .imgdemo .pic,.casePiclist .imgdemo .pic img{height:105px;}
	.casePiclist .imgdemo a{height:140px;}
}
@media screen and (max-width:540px){
	.mobilePic .imgdemo{ margin-left:0px;width:50%; height:145px; }
	}
@media screen and (max-width:500px){
	.m-service .mobile-service .service2 .s-info{ height:210px; padding-top:0px;}
	
	.casePiclist .imgdemo{height:130px;}
	.casePiclist .imgdemo .pic,.casePiclist .imgdemo .pic img{height:95px;}
	.casePiclist .imgdemo a{height:130px;}
	}
@media screen and (max-width:428px){
	  /*底部*/
	  .bottom .contact{width:160px; margin:0 auto;}
	  
	  .selectUs .factor li{width:50%;}
	  
	  .m-domain .pc-domain li .m-demo{width:150px;}
	  .tab-case{width:100%;}
	  .tab-case li{width:45%;}
	  
	  .m-service .mobile-service .service3 .s-info{ height:230px;padding-top:0px;}
	  
	 .casePiclist .imgdemo{height:140px;width:47%}
	.casePiclist .imgdemo .pic,.casePiclist .imgdemo .pic img{height:105px;}
	.casePiclist .imgdemo a{height:140px;}
}
	}	
	
@media screen and (max-width:380px){
	.mobilePic .imgdemo{ margin-left:3%;width:45%; height:135px;}
	.mobilePic .imgdemo .pic,.mobilePic .imgdemo .pic img{width:155px; height:100px;}
	.mobilePic .imgdemo a{width:155px; height:135px; margin:0 auto;}
}
@media screen and (max-width:360px){
	.mobilePic .imgdemo{ margin-left:3%;width:45%; height:120px;}
	.mobilePic .imgdemo .pic,.mobilePic .imgdemo .pic img{width:135px; height:86px;}
	.mobilePic .imgdemo a{width:135px; height:120px; margin:0 auto;}
}