@charset "utf-8";
/* CSS Document */

/*common*/
body { font-family: "Microsoft Yahei"; min-width: 1200px;    width: 100%;}
span { overflow:hidden;}/*兼容IE8*/

/*正文开始*/
.banner a { height:599px; display:block}



/******************************广告*********************************/
.banners{height: 599px;}
.fullSlide {
	width:100%;
	position:relative;
	height:599px;
}
.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.fullSlide .bd ul {
	width:100% !important;
}
.fullSlide .bd li {
	width:100% !important;
	height:599px;
	overflow:hidden;
	text-align:center;
	 background-position:center top;
}
.fullSlide .bd li a {
	display:block;
	height:599px;
}

.fullSlide .hd {
	position:absolute;
	z-index:999;
	bottom:0px;
 width:100%;
	height:30px;
	line-height:30px;
}
.fullSlide .hd ul {
	text-align:center;
}
.fullSlide .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:48px;
	height:8px;
	margin:1px;
	overflow:hidden;
	background:#fff;
	line-height:999px;
}
.fullSlide .hd ul .on {
	background:#FD4443;
}
.fullSlide .prev,.fullSlide .next {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	left:5%;
	z-index:1;
	width:40px;
	height:60px;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
	display:none;
	width:73px; 
	height:73px;
}
.fullSlide .prev
{
      background:url(img/Index/left1s.png) no-repeat;
  }
.fullSlide .next {
	left:auto;
	right:5%;
	background:url(img/Index/right1s.png) no-repeat;
}


/*38种服务项目*/
.xm { padding:70px 0 0; height:170px;}
.xm ul li { float:left; width:300px; text-align:center;}
.xm ul li span { display:block; font-size:48px; color:#eb544c}
.xm ul li span i { font-size:72px; padding-right:10px;}
.xm ul li em { display:block; font-size:18px; color:#333; padding:5px 0 0;}

/*服务范围*/
.fw_bg { background:#f3f3f3; padding:80px 0 0; height:2475px;}
.fw_bt { text-align:center; padding-bottom:48px;}
.fw_bt a { font-size:48px; color:#111;}
.fw_con { background:#fff; height:440px; margin-bottom:24px;}
.fw_nr { width:660px; padding:48px 0 0;}
.fw_nr02 { padding-left:40px;}
.fw_nr span { display:block; height:70px;}
.fw_nr span b { font-size:32px; color:#111; display:block; float:left; padding:8px 0 0;}
.fw_nr span em { background:url(Img/Index/fw_bt01.gif) no-repeat; width:212px; height:44px; line-height:30px; float:left; text-align:center; font-size:20px; color:#fff; margin-left:10px;}
.fw_nr span .fw_em02 { background:url(Img/Index/fw_bt02.gif) no-repeat; width:252px; }
.fw_nr span .fw_em03 { background:url(Img/Index/fw_bt03.gif) no-repeat; width:212px; }
.fw_nr span .fw_em04 { background:url(Img/Index/fw_bt04.gif) no-repeat; width:212px; }
.fw_nr span .fw_em05 { background:url(Img/Index/fw_bt05.gif) no-repeat; width:372px; }
.fw_nr p { font-size:18px; color:#333; line-height:25px; height:70px;}
.fw_nr ul { height:203px;}
.fw_nr ul li { float:left;}
.fw_nr ul li a { width:172px; height:32px; line-height:32px; text-align:center; font-size:16px; color:#333; display:block; margin:0 12px 10px 0; background:#f2f2f2;}
.fw_nr ul li a:hover { background:#fdeeed; color:#eb544c;}
.fw_but a { font-size:21px; color:#eb544c; background:url(Img/Index/fw_ico01.gif) no-repeat right center; width:120px; display:block; float:left;}
.fw_but .fw_a02 { width:100px; margin-left:60px;}

/*网络营销之路*/
.wl_bt { text-align:center; padding:70px 0 50px;}
.wl_bt a { font-size:48px; color:#111}
.wl_bt a em { font-size:72px;}
.wl_con ul li { float:left; margin:0 25px 24px 0;}
.wl_con ul li a { background:url(Img/Index/wl_bg01.gif) no-repeat; float:left; width:220px; height:100px; display:block; text-align:center; font-size:16px; color:#333; line-height:25px; padding:40px 0 0;}
.wl_con ul li a:hover { background:url(Img/Index/wl_bg02.gif) no-repeat; color:#fff;}
.wl_con ul .wl_li02 a { background:url(Img/Index/wl_bg01.gif) no-repeat -245px 0;}
.wl_con ul .wl_li02 a:hover { background:url(Img/Index/wl_bg02.gif) no-repeat -245px 0;}
.wl_con ul .wl_li03 a { background:url(Img/Index/wl_bg01.gif) no-repeat -490px 0;}
.wl_con ul .wl_li03 a:hover { background:url(Img/Index/wl_bg02.gif) no-repeat -490px 0;}
.wl_con ul .wl_li04 a { background:url(Img/Index/wl_bg01.gif) no-repeat -735px 0;}
.wl_con ul .wl_li04 a:hover { background:url(Img/Index/wl_bg02.gif) no-repeat -735px 0;}
.wl_con ul .wl_li05 { margin:0 0 24px;}
.wl_con ul .wl_li05 a { background:url(Img/Index/wl_bg01.gif) no-repeat -980px 0;}
.wl_con ul .wl_li05 a:hover { background:url(Img/Index/wl_bg02.gif) no-repeat -980px 0;}
.wl_con ul .wl_li06 a { background:url(Img/Index/wl_bg01.gif) no-repeat 0 -164px;}
.wl_con ul .wl_li06 a:hover { background:url(Img/Index/wl_bg02.gif) no-repeat 0 -164px;}
.wl_con ul .wl_li07 a { background:url(Img/Index/wl_bg01.gif) no-repeat -245px -164px;}
.wl_con ul .wl_li07 a:hover { background:url(Img/Index/wl_bg02.gif) no-repeat -245px -164px;}
.wl_con ul .wl_li08 a { background:url(Img/Index/wl_bg01.gif) no-repeat -490px -164px;}
.wl_con ul .wl_li08 a:hover { background:url(Img/Index/wl_bg02.gif) no-repeat -490px -164px;}
.wl_con ul .wl_li09 a { background:url(Img/Index/wl_bg01.gif) no-repeat -735px -164px;}
.wl_con ul .wl_li09 a:hover { background:url(Img/Index/wl_bg02.gif) no-repeat -735px -164px;}
.wl_con ul .wl_li10 { margin:0;}
.wl_con ul .wl_li10 a { background:url(Img/Index/wl_bg01.gif) no-repeat -980px -164px;}
.wl_con ul .wl_li10 a:hover { background:url(Img/Index/wl_bg02.gif) no-repeat -980px -164px;}

/*在云南，做全网营销就找如水科技*/
.kj_bg { background:url(Img/Index/kj_bg.jpg) no-repeat center 0; height:587px; margin:50px 0 0;}
.kj_top { text-align:center; padding:78px 0 48px;}
.kj_top a { font-size:48px; color:#fff;}
.kj_top a em { display:block; font-size:32px; padding:10px 0 0;}
.kj_con ul li { float:left; width:300px; text-align:center;}
.kj_con ul li a i img { width:160px; height:160px; display:block; margin:0 auto;
-moz-transition: width 1s, height 1s, -webkit-transform 1s; /* For Safari 3.1 to 6.0 */
-webkit-transition: width 1s, height 1s, -webkit-transform 1s; /* For Safari 3.1 to 6.0 */
transition: width 1s, height 1s, transform 1s;}
.kj_con ul li a:hover i img {   
-webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
transform: rotate(deg);
-moz-transform: rotate(360deg); /* Chrome, Safari, Opera */
-ms-transform: rotate(360deg); /* Chrome, Safari, Opera */
}	
.kj_con ul li a b { font-size:24px; color:#fff; display:block; padding:25px 0 15px;}
.kj_con ul li a em { display:block; font-size:14px; color:#f5f6f6; line-height:25px;} 

/*产品好才是真的好*/
.dw_bt { text-align:center; padding:80px 0 50px;} 
.dw_bt a { font-size:48px; color:#111;}
.dw_bt a em { display:block; font-size:30px; padding:10px 0 0;}
.dw_con { background:url(Img/Index/dw_bg.jpg) no-repeat center 65px; height:375px; position:relative;}
.dw_con a { display:block; position:absolute; top:0; left:55px;}
.dw_con a span { display:block; float:left; width:180px; text-align: right; padding:10px 25px 0 0;}
.dw_con a span b { display:block; font-size:24px; color:#333; padding-bottom:10px;}
.dw_con a:hover span b { color:#eb544c;}
.dw_con a span em { display:block; font-size:16px; color:#666;}
.dw_con a i { background:url(Img/Index/dw_spbg.png) no-repeat -88px 0; width:88px; height:88px; display:block; float:left;}
.dw_con a:hover i { background:url(Img/Index/dw_spbg.png) no-repeat 0 0; width:88px; height:88px; display:block; float:left;}
.dw_con a i img { width:55px; height:50px; margin:0 auto; padding:20px 0 0; display:block;}

.dw_con .dw_a02 { top:134px; left:0;}
.dw_con .dw_a03 { top:267px; left:33px;}
.dw_con .dw_a04 { top:0; left:850px;}
.dw_con .dw_a05 { top:134px; left:930px; width:330px;}
.dw_con .dw_a06 { top:267px; left:875px;}
.dw_con .dw_a04 span,.dw_con .dw_a05 span,.dw_con .dw_a06 span { text-align:left; padding-left:20px;}
.dw_con .dw_a07 { font-size:21px; color:#eb544c; top:10px; left:480px;}
.dw_but { text-align:center; padding-bottom:80px;}

/*如水5大核心优势*/
.ys_bg { background:#f3f3f3; padding:80px 0 0; height:475px;}
.ys_bt { text-align:center; padding-bottom:45px;}
.ys_bt a { font-size:48px; color:#111;}
.ys_bt a span { display:block; font-size:30px; color:#333; padding:10px 0 0;}
.ys_con ul li { width:240px; text-align:center; float:left;}
.ys_con ul li a i { background:url(Img/Index/ys_libg.png) no-repeat; width:148px; height:103px; padding:45px 0 0; display:block; margin:0 auto;}
.ys_con ul li a:hover i { background:url(Img/Index/ys_libg.png) no-repeat -148px 0;}
.ys_con ul li a i img { width:95px; height:64px; display:block; margin:0 auto; 
-moz-transition: width 1s, height 1s, -webkit-transform 1s; /* For Safari 3.1 to 6.0 */
-webkit-transition: width 1s, height 1s, -webkit-transform 1s; /* For Safari 3.1 to 6.0 */
transition: width 1s, height 1s, transform 1s;}
.ys_con ul li a:hover i img {   
-webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
transform: rotate(deg);
-moz-transform: rotate(360deg); /* Chrome, Safari, Opera */
-ms-transform: rotate(360deg); /* Chrome, Safari, Opera */
}	
.ys_con ul li a b { display:block; font-size:24px; color:#333; padding:25px 0;}
.ys_con ul li a:hover b { color:#eb544c;}
.ys_con ul li a em { display:block; font-size:16px; color:#333;}

/*如水科技 · 服务流程*/
.lc_bg { background:url(Img/Index/lc_bg.jpg) no-repeat center 0; height:632px;}
.lc_bt { text-align:center; padding:90px 0 0; height:107px;}
.lc_bt a { font-size:48px; color:#fff;}
.lc_con { padding-left:8px; height:295px;}
.lc_con a { background:url(Img/Index/lc_libg.png) no-repeat -112px 0; width:112px; height:90px; display:block; text-align:center; font-weight:bold; color:#888; font-size:24px; padding:22px 0 0; float:left;}
.lc_con a:hover { background:url(Img/Index/lc_libg.png) no-repeat 0 0; color:#fff;}
.lc_con a b { display:block; font-size:16px; color:#111; padding:8px 0 0;}
.lc_con a:hover b { color:#fff; }
.lc_con .lc_a02 { margin:127px 17px 0 18px;}
.lc_bot a { width:280px; height:60px; line-height:60px; background:#e43340; font-size:24px; color:#fff; border-radius:3px; margin:0 auto; display:block; text-align:center;}

/*直击服务现场*/
.xc_bg { background:#f3f3f3; padding:80px 0 0; height:525px; margin-bottom:90px;}
.xc_bt { text-align:center; margin-bottom:50px}
.xc_bt a { font-size:48px; color:#333;}
.xc_bt a em { font-size:30px; color:#666; display:block; padding:15px 0 0;}

.fc_con { height:250px;}
.fc01 { top:73px; left:-90px;}
.fc01 a { background: url(Img/Index/xc_but01.gif) no-repeat; width:64px; height:64px; display:block;}
.fc01 a:hover { background:url(Img/Index/xc_but01.gif) no-repeat 0 -64px;}

.fc02 { top:73px; right:-90px;}
.fc02 a { background:url(Img/Index/xc_but01.gif) no-repeat -64px  0; width:64px; height:64px; display:block;}
.fc02 a:hover { background:url(Img/Index/xc_but01.gif) no-repeat -64px -64px;}

.fc03 { width:1200px; margin:0 auto;}
.fc03 ul li { float:left; width:282px; margin-right:22px;}
.fc03 ul .nobor { margin:0;}
.fc03 ul li a img { width:282px; height:212px;}
.fc03 ul li a em { display:block; text-align:center; height:60px; padding:20px 0 0; background:#fff;   font-size:18px; color:#333;}
.fc03 ul li a em span { display:block; font-size:14px; color:#666; padding:5px 0 0;}

/*最新案例*/
.dt01 { width:590px;}
.al_bt { background:url(Img/Index/al_xx01.gif) no-repeat 0 bottom; height:38px; margin-bottom:23px;}
.al_bt em a { display:block; float:right; font-size:14px; color:#eb544c}
.al_bt span a { font-size:24px; color:#111;}
.al_bt span a:hover { font-size:24px; color:#eb544c;}
.al_con  { width:590px; height:298px; position:relative; margin-bottom:36px;}
.al_con a img { width:588px; height:296px; border:solid 1px #ddd;}
.al_con a em { display:block; background:url(Img/Index/btm06.png) repeat; width:564px; padding-left:24px; height:50px; line-height:50px; position:absolute; top:248px; left:1px; font-size:18px; color:#fff;}
.al_con02 a { width:285px; height:36px; line-height:36px; display:block; float:left; background:url(Img/Index/dt_ico01.gif) no-repeat 0 18px; padding-left:10px; font-size:14px; overflow:hidden;}
.al_con02 a:hover { color:#eb544c;}

.wd { width:590px;} 
.dt_con dl { height:160px;}
.dt_con dl dt { float:left; width:180px; height:136px; overflow:hidden;}
.dt_con dl dt a img { width:180px; height:136px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.dt_con dl dt a img:hover  { 
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1);}

.dt_con dl dd { float:right; width:365px; padding-right:20px;}
.dt_con dl dd b { height:30px; line-height:30px; display:block;}
.dt_con dl dd b a { font-size:16px; color:#333;}
.dt_con dl dd b a:hover { color:#eb544c}
.dt_con dl dd p { line-height:25px; font-size:14px; color:#666; height:85px; overflow:hidden}
.dt_con dl dd span { display:block; color:#888; font-size:14px;}

.dt_list ul li { height:36px; line-height:36px; padding: 0 0 0 10px;  overflow:hidden; background: url(Img/Index/dt_ico01.gif) no-repeat 0 18px; }
.dt_list ul li a em { display:block; float:right;}
.dt_list ul li a { color:#555; font-size:14px;}
.dt_con ul li a:hover { color:#eb544c;}

/*友情链接*/
.yq { height:96px; line-height:96px; border-top:solid 3px #d6d6d6; overflow:hidden; margin:50px 0 0;}
.yq p { width:1060px; float:left;}
.yq p a { color:#757575; margin-right:50px;}
.yq em { display:block; float:right; background:url(Img/Index/yq_xx01.gif) no-repeat 0 40px; padding-left:20px;}
.yq em a { color:#424242; font-weight:bold;}


/*小程序正文开始*/
.ban_cx a { background: url(Img/Index/ban01.jpg) no-repeat center 0; height:599px; display:block}

.cxnt_bt { text-align:center; padding:80px 0 35px;}
.cxnt_bt a { font-size:32px; color:#333}
.cxnt_bt a em { display:block; font-size:48px; padding:15px 0;}
.cxnt_bt a em span { font-size:72px;}
.cxnt_con { background:url(Img/Index/cx_bg01.jpg) no-repeat; height:238px; margin-bottom:80px;}
.cxnt_con b { display:block; float:left; width:234px; text-align:center; padding:130px 88px 0 0; font-size:32px; color:#fff;}
.cxnt_con .nobor { padding:130px 0 0;}

.cxll_bg { background:#f3f3f3; height:730px;}
.cxll_con ul li { width:384px; height:300px; padding:50px 0 0; background:#fff; float:left; margin-right:24px;}
.cxll_con ul .nobor { margin:0;}
.cxll_con ul li b { background:url(Img/Index/cx_llbg.gif) no-repeat; width:160px; height:160px; line-height:160px; text-align:center; font-size:32px; color:#fff; margin:0 auto; display:block;}
.cxll_con ul li em { display:block; font-size:18px; color:#333; text-align:center; padding:30px 0 0; line-height:30px;}
.cxll_con p { font-size:18px; color:#333; padding:48px 0 0; text-align:center;}

.cxwx_con { background:url(Img/Index/cx_bg04.jpg) no-repeat center 0; height:578px; position:relative;}
.cxwx_con dl { position:absolute; top:100px; left:0; width:400px;}
.cxwx_con dl dd { float:left; width:280px; text-align:right; padding-right:15px;}
.cxwx_con dl dd em { display:block; font-size:32px; color:#333; padding:20px 0 15px;}
.cxwx_con dl dd span { font-size:18px; color:#333; line-height:30px; }
.cxwx_con dl dt { background:url(Img/Index/cx_llbg02.gif) no-repeat; width:88px; height:88px; float:left; line-height:88px; font-size:42px; color:#fff; text-align:center;}
.cxwx_con .wx_dl02 { top:322px;}
.cxwx_con .wx_dl03 { top:100px; left:815px;}
.cxwx_con .wx_dl04 { top:322px; left:815px;}
.cxwx_con .wx_dl03 dd,.cxwx_con .wx_dl04 dd { text-align:left; padding:0 0 0 15px;}
.cxwx_con p { position:absolute; top:230px; left:437px; text-align:center; font-size:36px; width:326px; text-transform:uppercase; line-height:50px;}
.cxwx_con p em { display:block; font-size:18px; padding:20px 0; line-height:30px;}

.cxnt_bg { background:#f3f3f3; height:618px;}
.cxntyx_con ul li { float:left; margin:0 24px 24px 0;}
.cxntyx_con ul li a { background: url(Img/Index/cx_bg02.jpg) no-repeat; float:left; width:282px; height:90px; display:block; text-align:center; font-size:21px; color:#333; padding:50px 0 0;}
.cxntyx_con ul li a:hover { background:url(Img/Index/cx_bg03.jpg) no-repeat; color:#fff;}
.cxntyx_con ul .wl_li02 a { background:url(Img/Index/cx_bg02.jpg) no-repeat -306px 0;}
.cxntyx_con ul .wl_li02 a:hover { background:url(Img/Index/cx_bg03.jpg) no-repeat -306px 0;}
.cxntyx_con ul .wl_li03 a { background:url(Img/Index/cx_bg02.jpg) no-repeat -612px 0;}
.cxntyx_con ul .wl_li03 a:hover { background:url(Img/Index/cx_bg03.jpg) no-repeat -612px 0;}
.cxntyx_con ul .wl_li04 { margin:0 0 24px}
.cxntyx_con ul .wl_li04 a { background:url(Img/Index/cx_bg02.jpg) no-repeat -919px 0;}
.cxntyx_con ul .wl_li04 a:hover { background:url(Img/Index/cx_bg03.jpg) no-repeat -919px 0;}
.cxntyx_con ul .wl_li05 a { background:url(Img/Index/cx_bg02.jpg) no-repeat 0 -164px;}
.cxntyx_con ul .wl_li05 a:hover { background:url(Img/Index/cx_bg03.jpg) no-repeat 0 -164px;}
.cxntyx_con ul .wl_li06 a { background:url(Img/Index/cx_bg02.jpg) no-repeat -306px -164px;}
.cxntyx_con ul .wl_li06 a:hover { background:url(Img/Index/cx_bg03.jpg) no-repeat -306px -164px;}
.cxntyx_con ul .wl_li07 a { background:url(Img/Index/cx_bg02.jpg) no-repeat -612px -164px;}
.cxntyx_con ul .wl_li07 a:hover { background:url(Img/Index/cx_bg03.jpg) no-repeat -612px -164px;}
.cxntyx_con ul .wl_li08 { margin:0 0 24px}
.cxntyx_con ul .wl_li08 a { background:url(Img/Index/cx_bg02.jpg) no-repeat -919px -164px;}
.cxntyx_con ul .wl_li08 a:hover { background:url(Img/Index/cx_bg03.jpg) no-repeat -919px -164px;}

.cxgj_con { background:url(Img/Index/cx_vsbg.jpg) no-repeat; height:346px;}
.cxgj_con p { width:590px; text-align:center; padding:60px 0 0; float:left; font-size:32px; color:#000;}
.cxgj_con p span { display:block; font-size:48px; color:#eb544c}
.cxgj_con p span em { font-size:72px; padding-right:10px;}
.cxgj_con p i { font-size:24px; color:#000; line-height:36px; display:block; padding:20px 0 0; height:112px;}
.cxgj_bot { text-align:center; font-size:21px; color:#eb544c; padding:45px 0;}
.cxgj_bot a { font-size:21px; color:#eb544c;}

.cxrk_bg { background:url(Img/Index/cx_bg05.jpg) no-repeat center 0; height:651px; text-align:center; color:#fff;}
.cxrk_bg span { display:block; padding:75px 0 0; font-size:48px;}
.cxrk_bg em { display:block; padding:15px 0 0; font-size:24px; line-height:45px;}
.cxrk_bg p { font-size:32px; line-height:56px; padding:30px 0}

.cxfw_con { background:url(Img/Index/cx_fwbg.jpg) no-repeat; height:465px;}
.cxfw_con p { width:155px; padding-left:25px; float:left;}
.cxfw_con p em { display:block; height:60px; line-height:60px; font-size:24px; color:#fff;}
.cxfw_con p i { display:block; height:80px; line-height:80px; font-size:24px; color:#111}
.cxfw_con .fw_p02 { width:405px;}
.cxfw_con .fw_p02 i { font-size:18px;}
.cxfw_con .fw_p03 { width:560px;}
.cxfw_con .fw_p03 i { font-size:18px; color:#eb544c}

.cxal_bg { background:#f3f3f3; height:1060px; margin:80px 0 0;}
.cxal_con { height:730px;}
.cxnt01 { top:310px; left:-90px;}
.cxnt01 a { background: url(Img/Index/xc_but01.gif) no-repeat; width:64px; height:64px; display:block;}
.cxnt01 a:hover { background:url(Img/Index/xc_but01.gif) no-repeat 0 -64px;}

.cxnt02 { top:310px; right:-90px;}
.cxnt02 a { background:url(Img/Index/xc_but01.gif) no-repeat -64px  0; width:64px; height:64px; display:block;}
.cxnt02 a:hover { background:url(Img/Index/xc_but01.gif) no-repeat -64px -64px;}

.cxnt03 { width:1200px; margin:0 auto;}
.cxnt03 ul li { float:left; width:384px; margin-right:22px;}
.cxnt03 ul .nobor { margin:0;}
.cxnt03 ul li a img { width:382px; height:680px; border:solid 1px #d6d6d6;}
.cxnt03 ul li a em { display:block; text-align:center; height:60px; padding:20px 0 0; background:#fff;   font-size:18px; color:#333;}
.cxnt03 ul li a em span { display:block; font-size:14px; color:#666; padding:5px 0 0;}
.cxal_bot { text-align:center;}
.cxal_bot a { font-size:21px; color:#333;}
.cxal_bot a em {  color:#eb544c}

.lx_con { width:610px; overflow:hidden; height:460px;}
.lx_con ul li { height:85px; float:left; width:305px;}
.lx_con ul li img { float:left; padding:0 10px 0 0;}
.sbt { display:block; font-size:14px; color:#333; line-height:24px;}
.sinp01{ background: url(Img/Index/lx_inp01.gif)  no-repeat; width:272px; padding:0 5px; height:40px; line-height:40px; border:none; float:left; outline:none;font-family:"Microsoft YaHei";}
.sinp02 { background: url(Img/Index/lx_inp02.gif) no-repeat; width:66px; padding:0 5px; height:24px; line-height:24px; border:none; float:left; outline:none;font-family:"Microsoft YaHei";}
.sbz { color:#db262d; padding:6px 0 0 3px; float:left; display:block;}
.area { background: url(Img/Index/lx_inp02.gif) no-repeat; width:578px; height:73px; padding:5px; overflow:auto; border:none; outline:none;font-family:"Microsoft YaHei";}
.lx_con ul .h66 { width:610px; height:130px;}

.wd { width:590px; overflow:hidden;} 
.dt_con dl { height:160px;}
.dt_con dl dt { float:left; width:180px; height:136px; overflow:hidden;}
.dt_con dl dt a img { width:180px; height:136px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.dt_con dl dt a img:hover  { 
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1);}

.dt_con dl dd { float:right; width:365px; padding-right:20px;}
.dt_con dl dd b { height:30px; line-height:30px; display:block;}
.dt_con dl dd b a { font-size:16px; color:#333;}
.dt_con dl dd b a:hover { color:#eb544c}
.dt_con dl dd p { line-height:25px; font-size:14px; color:#666; height:85px; overflow:hidden}
.dt_con dl dd span { display:block; color:#888; font-size:14px;}

.dt_list ul li { height:36px; line-height:36px; padding: 0 0 0 10px;  overflow:hidden; background: url(Img/Index/dt_ico01.gif) no-repeat 0 18px; }
.dt_list ul li a em { display:block; float:right;}
.dt_list ul li a { color:#555; font-size:14px;}
.dt_con ul li a:hover { color:#eb544c;}

.al_bt { background:url(Img/Index/al_xx01.gif) no-repeat 0 bottom; height:38px; margin-bottom:23px;}
.al_bt em a { display:block; float:right; font-size:14px; color:#eb544c}
.al_bt span a { font-size:24px; color:#111;}
.al_bt span a:hover { font-size:24px; color:#eb544c;}

/*如水科技内页孵化运营*/
.ban_fw a { background: url(Img/Index/yy_ban1.jpg) no-repeat center 0; height:599px; display:block}

.yy_bt { text-align:center; padding:80px 0 45px; font-size:48px; color:#333; }
.yy_bt em { font-size:72px; padding:0 10px;}
.yy_bt span { line-height:50px; display:block;}
.yy_con { height:500px;}
.yy_con ul li { width:385px; height:370px; background:#f3f3f3; padding:50px 0 0; float:left; margin-right:22px;}
.yy_con ul .nobor { margin:0;}
.yy_con ul li span { background:url(Img/Index/yy_spbg.gif) no-repeat; width:140px; height:115px; display:block; margin:0 auto 30px; font-size:30px; color:#fff; padding:25px 0 0; line-height:30px; text-align:center; line-height:45px;}
.yy_con ul li b { display:block; font-size:24px; color:#333; text-align:center;}
.yy_con ul li em { display:block; font-size:16px; color:#333; width:314px; margin:20px auto 0; line-height:28px; text-align:center;}

.yy_bg01 { background:#f3f3f3; height:2475px;}
.yy_con02 dl { height:500px; background:#fff; margin-bottom:33px; clear:both;}
.yy_con02 dl dt { float:left; width:554px; height:500px;}
.yy_con02 dl dt a img { width:554px; height:500px;}
.yy_con02 dl dd { float: left; width:550px; padding:80px 0 0 88px;}
.yy_con02 dl dd em { display:block; font-size:48px; color:#333;}
.yy_con02 dl dd p { font-size:18px; color:#333; line-height:32px; padding:15px 0 25px;}
.yy_con02 dl dd .yy_spbg a { font-size:18px; color:#ea544c; display:block;}
.yy_con02 dl dd .yy_spbg span { background:url(Img/Index/yy_spbg.png) no-repeat; width:461px; height:167px; padding:40px 0 0 35px; display:block;}
.yy_con02 dl dd .yy_spbg span b { display:block; font-size:18px; color:#333}
.yy_con02 dl dd .yy_spbg span i { display:block; font-size:14px; color:#333; line-height:25px; padding:10px 0 0;} 

.yy_con02 .yy_dl02 dt { float:right;}
.yy_con02 .yy_dl02 dd { padding:110px 0 0 80px;}
.yy_but { text-align:center; clear:both; padding:10px 0 0;}
.yy_but a { font-size:32px; color:#ea544c;}

.yy_bot01 { padding:78px 0; text-align:center;}
.yy_bot01 span { font-size:48px; color:#333; display:block;}
.yy_bot01 p { font-size:18px; color:#333; line-height:31px; padding:20px 0 40px;}



/*手机正文开始*/
.ban_sj a { background: url(Img/Index/sj_ban1.jpg) no-repeat center 0; height:599px; display:block}

.sj_bt { text-align:center; padding:80px 0 45px; font-size:30px; color:#111; }
.sj_bt em { display:block; font-size:48px; padding:10px 0;}
.sj_bt span { line-height:50px; display:block;}

.sj_con { background:url(Img/Index/sj_bg02.jpg) no-repeat center 0; height:1075px; position:relative;}
.sj_con p { position:absolute; width:490px; height:140px; background:#f3f3f3; border-radius:10px; top:135px; left:13px;}
.sj_con p i { background:url(Img/Index/sj_szbg.gif) no-repeat; width:88px; height:88px; line-height:88px; text-align:center; float:left; display:block; font-size:36px; color:#fff; margin:25px 15px 0 30px;}
.sj_con p span { float:left; display:block; font-size:32px; color:#111; width:320px; padding:10px 0 0;}
.sj_con p span em { display:block; font-size:18px; padding:10px 0 0; line-height:25px;}
.sj_con .sj_p02 { top:220px; left:755px;}
.sj_con .sj_p03 { top:360px; left:-20px;}
.sj_con .sj_p04 { top:520px; left:755px;}
.sj_con .sj_p05 { top:620px; left:95px;}

.sj_bg01 { background:#f3f3f3; height:1414px;}
.sj_con02 dl { height:540px; background:#fff; margin-bottom:30px;}
.sj_con02 dl dt { float:left; padding:44px 0 0 160px;}
.sj_con02 dl dd { float:left; padding:100px 0 0 160px; width:430px;}
.sj_con02 dl dd span { font-size:32px; color:#333;}
.sj_con02 dl dd p { font-size:18px; color:#333; line-height:32px; padding:25px 0 50px;}
.sj_con02 .sj_dl02 dt { float:right; padding:37px 130px 0 0;}
.sj_con02 .sj_dl02 dd { float:left; padding:95px 0 0 160px;}


.sj_nav { padding-left:323px; height:95px;}
.sj_nav a { width:280px; height:64px; line-height:64px; text-align:center; font-size:24px; color:#fff; display:block; float:left; background:#888;}
.sj_nav a:hover,.sj_nav .cur { background:#eb544c;}
.cxal_con { height:730px;}
.cxnt01 { top:310px; left:-90px;}
.cxnt01 a { background: url(Img/Index/xc_but01.gif) no-repeat; width:64px; height:64px; display:block;}
.cxnt01 a:hover { background:url(Img/Index/xc_but01.gif) no-repeat 0 -64px;}

.cxnt02 { top:310px; right:-90px;}
.cxnt02 a { background:url(Img/Index/xc_but01.gif) no-repeat -64px  0; width:64px; height:64px; display:block;}
.cxnt02 a:hover { background:url(Img/Index/xc_but01.gif) no-repeat -64px -64px;}

.cxnt03 { width:1200px; margin:0 auto;}
.cxnt03 ul li { float:left; width:384px; margin-right:22px;}
.cxnt03 ul .nobor { margin:0;}
.cxnt03 ul li a img { width:382px; height:680px; border:solid 1px #d6d6d6;}
.cxnt03 ul li a em { display:block; text-align:center; height:60px; padding:20px 0 0; background:#fff;   font-size:18px; color:#333;}
.cxnt03 ul li a em span { display:block; font-size:14px; color:#666; padding:5px 0 0;}

.sj_bot02 { padding:25px 0 75px; text-align:center;}
.sj_bot02 em { display:block; font-size:32px; color:#666; padding-bottom:20px;}
.sj_bot02 span { display:block; font-size:18px; color:#666; line-height:30px;}

/*如水科技内页营销型网站建设*/
.ban_yx a { background: url(Img/Index/yx_ban1.jpg) no-repeat center 0; height:600px; display:block}

.yx_bt { text-align:center; padding:80px 0 45px; font-size:30px; color:#111; }
.yx_bt em { display:block; font-size:48px; padding:10px 0;}
.yx_bt span { line-height:50px; display:block;}
.yx_bt i { color:#e43340}
.yx_con { height:160px;}
.yx_con p { float:left; width:300px; text-align:center;}
.yx_con p span { display:block; font-size:48px; color:#eb544c;}
.yx_con p span em { font-size:72px; padding-right:5px;}
.yx_con p i { font-size:18px; color:#333; padding:10px 0 0;}
.yx_bot { font-size:30px; color:#111; text-align:center;}
.yx_bot a { display:block; margin:35px 0 80px;}

.yx_bg01 { background:#f3f3f3; height:760px;}
.yx_con02 { background:url(Img/Index/yx_bg01.jpg) no-repeat; height:430px;}
.yx_con02 p { position:absolute; top:0; left:194px; padding:35px 0 0; width:236px; text-align:center;}
.yx_con02 p em { display:block; font-size:48px; color:#999;}
.yx_con02 p b { font-size:24px; color:#333; padding:10px 0 0; line-height:30px; display:block;}
.yx_con02 .yx_p02 { top:115px; left:0;}
.yx_con02 .yx_p03 { top:228px; left:194px;}
.yx_con02 .yx_p04 { top:0; left:767px;}
.yx_con02 .yx_p05 { top:228px; left:767px;}
.yx_con02 .yx_p06 { top:115px; left:960px;}

.dw_con { background:url(Img/Index/dw_bg.jpg) no-repeat center 65px; height:375px; position:relative;}
.dw_con a { display:block; position:absolute; top:0; left:55px;}
.dw_con a span { display:block; float:left; width:180px; text-align: right; padding:10px 25px 0 0;}
.dw_con a span b { display:block; font-size:24px; color:#333; padding-bottom:10px;}
.dw_con a:hover span b { color:#eb544c;}
.dw_con a span em { display:block; font-size:16px; color:#666;}
.dw_con a i { background:url(Img/Index/dw_spbg.png) no-repeat -88px 0; width:88px; height:88px; display:block; float:left;}
.dw_con a:hover i { background:url(Img/Index/dw_spbg.png) no-repeat 0 0; width:88px; height:88px; display:block; float:left;}
.dw_con a i img { width:55px; height:50px; margin:0 auto; padding:20px 0 0; display:block;}

.dw_con .dw_a02 { top:134px; left:0;}
.dw_con .dw_a03 { top:267px; left:33px;}
.dw_con .dw_a04 { top:0; left:850px;}
.dw_con .dw_a05 { top:134px; left:930px; width:330px;}
.dw_con .dw_a06 { top:267px; left:875px;}
.dw_con .dw_a04 span,.dw_con .dw_a05 span,.dw_con .dw_a06 span { text-align:left; padding-left:20px;}
.dw_con .dw_a07 { font-size:21px; color:#eb544c; top:10px; left:480px;}
.dw_but { text-align:center; padding-bottom:80px;}

.yx_ppbg { background:url(Img/Index/yx_bg.jpg) no-repeat center 0; height:644px;}
.yx_ppbg .yx_bt { text-align:center; padding:75px 0 30px; font-size:30px; color:#fff;}
.yx_ppcon p { float:left; width:384px; margin-right:23px;}
.yx_ppcon .nobor { margin:0;}
.yx_ppcon p span { background:url(Img/Index/yx_libg.png) no-repeat; width:324px; height:77px; display:block; padding:60px 0 0 60px; font-size:24px; color:#fff;}
.yx_ppcon p em { display:block; font-size:30px; color:#fff; text-align:center; padding:30px 0 0; line-height:55px; height:135px;}
.yx_ppcon p i { font-size:36px; color:#fff; text-align:center; display:block;}

.yx_con03 ul li { width:384px; height:285px; background:#f3f3f3; float:left; padding:35px 0 0; margin:0 24px 24px 0;}
.yx_con03 ul .nobor { margin:0 0 24px;}
.yx_con03 ul li a img { width:140px; height:140px; display:block; margin:0 auto 35px;
-moz-transition: width 1s, height 1s, -webkit-transform 1s; /* For Safari 3.1 to 6.0 */
-webkit-transition: width 1s, height 1s, -webkit-transform 1s; /* For Safari 3.1 to 6.0 */
transition: width 1s, height 1s, transform 1s;}
.yx_con03 ul li a:hover img {   
-webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
transform: rotate(deg);
-moz-transform: rotate(360deg); /* Chrome, Safari, Opera */
-ms-transform: rotate(360deg); /* Chrome, Safari, Opera */
}
.yx_con03 ul li a em { display:block; font-size:24px; color:#111; line-height:36px; text-align:center;}

/*直击服务现场*/
.xc_bg02 { background:#f3f3f3; padding:80px 0 0; height:630px; margin:60px 0 0;}]
.xc_bg02 p{ margin-bottom:50px; padding:40px 0 0; font-size:32px; color:#111; line-height:50px;}
.xc_bg02 p a{ display:block; margin:50px 0 0;text-align:center; }
.xc_bt { text-align:center; margin-bottom:50px}
.xc_bt a { font-size:48px; color:#333;}
.xc_bt a em { font-size:30px; color:#666; display:block; padding:15px 0 0;}

.fc_con { height:250px;}
.fc01 { top:73px; left:-90px;}
.fc01 a { background: url(Img/Index/xc_but01.gif) no-repeat; width:64px; height:64px; display:block;}
.fc01 a:hover { background:url(Img/Index/xc_but01.gif) no-repeat 0 -64px;}

.fc02 { top:73px; right:-90px;}
.fc02 a { background:url(Img/Index/xc_but01.gif) no-repeat -64px  0; width:64px; height:64px; display:block;}
.fc02 a:hover { background:url(Img/Index/xc_but01.gif) no-repeat -64px -64px;}

.fc03 { width:1200px; margin:0 auto;}
.fc03 ul li { float:left; width:282px; margin-right:22px;}
.fc03 ul .nobor { margin:0;}
.fc03 ul li a img { width:282px; height:212px; display:block;}
.fc03 ul li a em { display:block; text-align:center; height:60px; padding:20px 0 0; background:#fff;   font-size:18px; color:#333;}
.fc03 ul li a em span { display:block; font-size:14px; color:#666; padding:5px 0 0;}
.xc_bg p { text-align:center; padding:40px 0 0; font-size:32px; color:#111; line-height:50px;}
.xc_bg p a { display:block; margin:50px 0 0;}
.yx_con04 { height:330px;}
.yx_con04 p { width:384px; height:320px;  float:left; margin-right:24px; text-align:center;}
.yx_con04 .nobor { margin:0;}
.yx_con04 p a { font-size:32px; color:#111; width:384px; height:284px; padding:36px 0 0; display:block; background:#f3f3f3;}
.yx_con04 p a img { width:164px; height:164px; display:block; margin:0 auto 35px;
-moz-transition: width 1s, height 1s, -webkit-transform 1s; /* For Safari 3.1 to 6.0 */
-webkit-transition: width 1s, height 1s, -webkit-transform 1s; /* For Safari 3.1 to 6.0 */
transition: width 1s, height 1s, transform 1s;}
.yx_con04 p a:hover img {   
-webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
transform: rotate(deg);
-moz-transform: rotate(360deg); /* Chrome, Safari, Opera */
-ms-transform: rotate(360deg); /* Chrome, Safari, Opera */
}	

.lx_con { width:610px; overflow:hidden; height:460px;}
.lx_con ul li { height:85px; float:left; width:305px;}
.lx_con ul li img { float:left; padding:0 10px 0 0;}
.sbt { display:block; font-size:14px; color:#333; line-height:24px;}
.sinp01{ background: url(Img/Index/lx_inp01.gif)  no-repeat; width:272px; padding:0 5px; height:40px; line-height:40px; border:none; float:left; outline:none;font-family:"Microsoft YaHei";}
.sinp02 { background: url(Img/Index/lx_inp02.gif) no-repeat; width:66px; padding:0 5px; height:24px; line-height:24px; border:none; float:left; outline:none;font-family:"Microsoft YaHei";}
.sbz { color:#db262d; padding:6px 0 0 3px; float:left; display:block;}
.area { background: url(Img/Index/lx_inp02.gif) no-repeat; width:578px; height:73px; padding:5px; overflow:auto; border:none; outline:none;font-family:"Microsoft YaHei";}
.lx_con ul .h66 { width:610px; height:130px;}



/*如水内页全网营销*/
.ban_qwyx a { background:url(Img/Index/qwyx_ban.jpg) no-repeat center 0; height:600px; display:block;}
.qwyx_bot { padding:25px 0 0; text-align:center; font-size:32px; color:#333; line-height:56px; clear:both;}
.qwyx_bot em { background:#eb544c; color:#fff;}
.qwyx_bot p { font-size:48px; line-height:80px; padding:20px 0;}
.qwyx_bot p span { display:block; color:#fe4445}
.qwyx_bg01 { background:url(Img/Index/qwyx_bg01.jpg) no-repeat; height:140px; margin:20px 0 80px; padding:60px 0 0 80px;}
.qwyx_bg01 p { float:left; width:148px; text-align:center; font-size:32px; color:#fff; margin-right:76px;}
.qwyx_bg01 p em { display:block; font-size:24px; padding:8px 0 0;}

.qwyx_bg02 { background:#f3f3f3; height:1333px;}
.qwyx_bt01 { text-align:center; padding:75px 0 40px; font-size:48px; color:#191c1f; line-height:70px;}
.qwyx_con01 { background:#fff; width:590px; height:440px; margin-bottom:24px;}
.qwyx_con01 dl { padding:24px 0 0 24px;}
.qwyx_con01 dl dt { background:url(Img/Index/qwyx_spbg.gif) no-repeat; width:100px; height:100px; line-height:100px; text-align:center; font-size:48px; color:#fff; float:left;}
.qwyx_con01 dl dd { float:left; width:425px; padding:10px 0 0 13px;}
.qwyx_con01 dl dd em { display:block; font-size:32px; color:#333;}
.qwyx_con01 dl dd span { display:block; font-size:20px; color:#333; line-height:30px; padding:20px 0;}
.qwyx_con01 p { clear:both; padding-left:25px;}
.qwyx_con01 p span { display:block; float:left; width:172px; height:32px; line-height:32px; background:#f2f2f2; text-align:center; font-size:16px; color:#333; margin:0 12px 12px 0; text-transform:uppercase}
.qwyx_con01 .qwyx_p02 span { width:500px; padding:10px 20px 0; font-size:16px; color:#666; height:72px; text-align:left;}
.qwyx_con01 .qwyx_p02 span em { display:block; font-size:18px; color:#333;}
.qwyx_con01 .qwyx_p02 .qwyx_sp02 { height:96px;}
.qwyx_con01 .qwyx_p02 .qwyx_sp03 { height:32px;}
.qwyx_con01 .qwyx_p03 span { width:240px; text-align:left; padding-left:25px;}
.qwyx_but01 { text-align:center; padding:20px 0 0;}

.qwyx_bg03 { border-bottom:solid 1px #d6d6d6;}
.qwyx_con02 ul li { float:left; width:384px; padding:0 24px 0 0; margin-bottom:24px;}
.qwyx_con02 ul .nobor { padding:0;}
.qwyx_con02 ul li i a { display:block; overflow:hidden; width:384px; height:240px;}
.qwyx_con02 ul li i a img { width:384px; height:240px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.qwyx_con02 ul li i a img:hover  { 
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1);}
.qwyx_con02 ul li span a { display:block; height:81px; padding:15px 0 0; background:#f3f3f3; text-align:center; color:#333; font-size:22px;}
.qwyx_con02 ul li span a em { color:#666; font-size:18px; display:block; padding:5px 0 0;}
.qwyx_but02 { text-align:center; padding:35px 0 80px;}