@charset "utf-8";

.aboutys{font-size:14px; color:#333333; text-align:center;padding:20px 0px}



.aboutys figcaption{font-family: 'bebasregular'; font-size:44px;padding:5px 0px}

.aboutys figcaption span{font-size:24px; font-weight:bold}



.aboutlrjs{line-height:250%; color:#666666;padding:20px 0px}

.zsabout{background:#F5F6F7}

.contactfs{background:url(../imges/9.png) no-repeat center; color:#FFFFFF; text-align:center; padding:30px 0}

.contactfs h2{padding:10px 0px;font-family: 'HanHei-SC'; font-size:46px}

.contactfs strong{font-family: 'HanHei-SC'; font-size:28px; font-weight:normal}

.contactfs p{margin:0px auto; text-align:left; line-height:250%; width:36%}

.contactfs  a{border-radius:50px;background:#038ED4; padding:10px 70px; color:#FFFFFF; font-size:24px;font-family: 'HanHei-SC'; display:inline-table; margin:30px auto}



/*案例列表*/

.caselby

{text-align:center; padding-top:20px;}

/*.caselby{text-align:center; font-size:12px; color:#8F8F8F; line-height:180%}

.caselby img{padding:10px 0px 5px;}

.caselby figcaption{font-weight:bold; color:#000000}

.caselby p{font-style: italic}*/

.caselby ul

{padding:0; margin:0;}

.caselby ul li

{padding-bottom:20px; list-style:none;}

.caselby ul li .pic

{display:block;  position:relative; overflow:hidden;}

.caselby ul li .pic p

{padding:0px; margin:0;}

.caselby ul li .pic p img

{width:100%; height:100%;}

.caselby ul li .pic span

{display:block; text-align:center; width:100%; height:50%; background:url(../imges/t11.png); background-size:100% 100%; position:absolute; left:0; bottom:-150%;}

.caselby ul li .pic span img{max-width:90%; max-height:90%; display:inline-block; position:relative; top:50%; margin-top:15px\9;

  	transform:translateY(-50%);

	-webkit-transform:translateY(-50%);

	-moz-transform:translateY(-50%);

	-ms-transform:translateY(-50%);

}

.caselby ul li .txt

{text-align:center;  padding:11px 0; min-height:87px; position:relative; overflow:hidden;}

.caselby ul li .txt p

{color:#000;}

.caselby ul li .txt i

{display:block; margin-top:6px; font-size:12px; color:#8f8f8f; }

.caselby ul li .txt span

{display:block; width:100%; height:100%; position:absolute; left:0; top:-100%; z-index:-1; background-color:#dc060d;}

.caselby ul li img,

.caselby ul li p,

.caselby ul li i,

.caselby ul li span

{

	transition: all .6s linear 0s;

	-webkit-transition: all .6s linear 0s;

	-moz-transition: all .6s linear 0s;

	-ms-transition: all .6s linear 0s;

}

.caselby li:hover .pic p img{

	transform: scale(1.1,1.1);

	-webkit-transform: scale(1.1,1.1);

	-moz-transform: scale(1.1,1.1);

	-ms-transform: scale(1.1,1.1);	

}

.caselby ul li:hover .txt p,.caselby ul li:hover .txt i

{color:#fff;}

.caselby li:hover .pic span{bottom:0;}

.caselby li:hover .txt span{top:0;}



.caselby_b

{clear:both; text-align:center;}

.caselby .btn-default{border-radius:50px;background:#00C1DE; padding:10px 70px; color:#FFFFFF; font-size:24px;font-family: 'HanHei-SC'; display:inline-table; margin:30px auto; }



/*=====案例详情=====*/  

.case_con 

{width:1200px; background:#fff; margin:0 auto;} 



.case_conA

{position:relative;} 

.case_conA img

{width:100%;}  

.case_conA .fd

{width:100%; color:#fff; text-align:center; position:absolute; top:0px; left:0px;}

.case_conA .fd h2

{font-size:38px; font-weight:normal; padding:120px 0 10px;}

.case_conA .fd p

{line-height:30px; font-size:24px;}

    

/*详情遮挡*/

.case_conB

{min-height:380px; position:relative; z-index:10;}

.case_conB1

{width:556px; height:500px; background:url(http://www.cdxwcx.com/wangzhan/case/images/ti8.png) no-repeat left top/100% auto; position:absolute; left:80px; top:-150px;}    

.case_conB1 img

{width:521px; height:292px; padding:20px 0 0 18px;  box-sizing:content-box;}

.case_conB2

{width:450px; line-height:30px; float:right; padding-right:66px;}

.case_conB2 h3

{font-size:24px; font-weight:normal; color:#000; padding:25px 0 25px;}

.case_conB2 span

{color:#000; float:left;}

.case_conB2 p

{width:400px; float:left;}



.case_conC

{text-align:center; overflow:hidden; }

.case_conC img

{width:100%; position:relative; z-index:20;}



/*图片底部背景*/

.case_conD

{height:60px; position:relative; z-index:10;}



/*装饰网站设计制作*/

.host_shiyong

{padding:0 0 30px; background:url(../host/images/tb17.jpg) no-repeat top center;}

.host_shiyong2

{width:850px; margin:30px auto 0;}

.host_shiyong table tr td

{padding:18px 0 0px 10px;}

.host_shiyong .put1

{width:280px; height:34px; padding:0 10px; background:#fff; border:1px solid #efefef;}

.host_shiyong .put2

{width:186px; margin-right:10px;}

.host_shiyong select

{width:144px; height:38px; background:#fff; border:1px solid #efefef;}

.host_shiyong .set1

{margin-right:10px;}

.host_shiyong .put3

{width:140px; height:45px; font-size:16px; color:#fff; border:none; background:#ff8901; cursor:pointer; 

transition:all 0.4s ease;

-moz-transition: all 0.4s ease;	/* Firefox 4 */

-webkit-transition: all 0.4s ease;	/* Safari 和 Chrome */

-o-transition: all 0.4s ease;	/* Opera */

}

.host_shiyong .put3:hover

{background:#fec52c;}



.host_shiyongs1

{background:url(http://www.cdxwcx.com/wangzhan/case/images/ti14.png) no-repeat top center/cover; position:relative; top:0px; z-index:99;}



/*相关案例*/	

.case_conF	

{width:1200px; padding:37px 0 20px; margin:0px auto 0; background:#fff; overflow:hidden; clear:both;}

.case_conF_l

{width:670px; padding-left:28px; float:left; box-sizing:content-box;}

.case_conF_l h3

{line-height:50px; font-size:24px; padding-bottom:10px; font-weight:normal;}

.case_conF_l ul

{margin:0; padding:0;}

.case_conF_l ul li

{line-height:30px; width:325px; padding-right:10px; float:left; list-style:none;}

.case_conF_l p

{padding-top:20px; clear:both;}

.case_conF_l p a

{color:#ff8900; }



/*相关案例右边*/

.case_conF_r

{width:465px; min-height:233px; padding-left:25px; float:left; background:url(http://www.cdxwcx.com/tuiguang/images/td17.jpg) no-repeat left top;  box-sizing:content-box;}

.case_conF_r ul

{padding:0; margin:0;}

.case_conF_r ul li

{width:78px; text-align:center; padding:0 15px 5px 0; float:left; list-style:none; box-sizing:content-box;}

.case_conF_r ul li p

{height:30px; line-height:30px;}



.anli_title

{width:1200px; text-align:center;margin:0 auto; padding-bottom:0px;}

.anli_title h2,.anli_title h3

{font-size:44px; color:#333; font-weight:normal; padding:40px 0 15px;}

.anli_title span

{font-size:24px; color:#333; padding:2px 0 20px; display:block;}

.anli_title p

{clear:both; }



/*解决方案*/

.case_conG

{overflow:hidden; padding-bottom:20px; clear:both; margin-top:15px;}

.case_conG h2

{line-height:70px; color:#000; font-size:26px; font-weight:normal; padding-left:28px;}

.case_conG ul

{overflow:hidden; clear:both;}

.case_conG ul li

{width:350px; line-height:35px; font-size:12px; padding-left:50px; background:url(http://www.cdxwcx.com/wangzhan/case/images/ti9.jpg) no-repeat 35px center; float:left;}









/*手机超小屏幕下的单独样式 xs < 768px */

@media (min-width: 300px) and (max-width: 766px){

.aboutlr{padding:20px 10%}

.aboutlrjs{line-height:250%; color:#666666;padding:20px 10%}



.caselby ul li:nth-of-type(2n+1) 

{clear: both;}

.caselby ul li .txt

{min-height:20px;}

.caselby ul li .txt p

{margin-bottom:0;}

.caselby ul li .txt i

{display:none;}



.caselby .btn-default{padding:10px 20px; color:#FFFFFF; font-size:16px; margin:15px auto; }





/*=====案例详情=====*/  

.case_con 

{width:100%; padding:0;} 



.case_conA .fd h2

{font-size:18px; padding:20px 15px 5px;}

.case_conA .fd p

{line-height:22px; font-size:15px;}

    

/*详情遮挡*/

.case_conB

{min-height:380px; padding-top:300px; position:relative; z-index:10;}

.case_conB1

{width:320px; height:300px; margin-left:-160px; position:absolute; left:50%; top:20px;}    

.case_conB1 img

{width:299px; height:168px; padding:11px 0 0 11px;}

.case_conB2

{width:100%; line-height:1.6; float: none; padding:0 15px 25px; box-sizing:border-box; overflow:hidden; }

.case_conB2 h3

{font-size:18px;  padding:10px 0 5px;}

.case_conB2 span

{color:#000; float:left;}

.case_conB2 p

{width:400px; font-size:13px; float:left;}



/*装饰网站设计制作*/

.host_shiyong .anli_title

{width:100%; padding:0 15px; box-sizing:border-box; }

.host_shiyong .anli_title h2

{font-size:24px; padding:40px 0 0;}

.host_shiyong .anli_title span

{font-size:18px; padding:0 0 5px;}





.host_shiyong2

{width:100%; margin:30px auto 0; padding:0 15px; box-sizing:border-box; }

.host_shiyong table tr td

{padding:18px 0 0px 10px;}

.host_shiyong .put1

{width:100%; height:34px; padding:0 10px; box-sizing:border-box;}

.host_shiyong .put2

{width:100%; height:34px; padding:0 10px; box-sizing:border-box;}



.host_shiyong span

{display:none;}

.host_shiyong table tr:nth-of-type(1) td

{display:none;}

.host_shiyong table tr:nth-of-type(1) td:nth-of-type(4)

{display: block;}

.host_shiyong table tr:nth-of-type(2) td

{display:none;}

.host_shiyong table tr:nth-of-type(2) td:nth-of-type(2)

{display: block;}

.host_shiyong table tr:nth-of-type(3) td

{display:none;}

.host_shiyong table tr:nth-of-type(3) td:nth-of-type(4)

{display: block;}









}









/*平板小屏幕样式 768px <= sm < 992px */

@media (min-width: 768px) and (max-width: 991px){



.caselby ul li:nth-of-type(3n+1) 

{clear: both;}



/*=====案例详情=====*/  

.case_con 

{width:750px;} 



.case_conA .fd h2

{font-size:28px; font-weight:normal; padding:50px 0 5px;}

.case_conA .fd p

{line-height:30px; font-size:18px;}

    

/*详情遮挡*/

.case_conB

{min-height:280px; }

.case_conB1

{width:300px; height:300px;  left:40px; top:-50px;}    

.case_conB1 img

{width:280px; height:156px; padding:11px 0 0 11px;}

.case_conB2

{width:380px; line-height:26px; padding-right:40px;}

.case_conB2 h3

{font-size:24px; margin:0; padding:25px 0 10px;}

.case_conB2 p

{width:auto; float:left;}





/*装饰网站设计制作*/

.host_shiyong .anli_title

{width:750px; }

.host_shiyong .anli_title h2

{font-size:30px;  padding:45px 0 10px;}

.host_shiyong .anli_title span

{font-size:18px;}

.host_shiyong .anli_title p

{font-size:13px;}



.host_shiyong2

{width:750px; margin:30px auto 0;}





}



/*大于992px以上固定宽度为970px md >= 992px */

@media (min-width: 992px) and (max-width: 1199px){



/*=====案例详情=====*/  

.case_con 

{width:970px;} 

.case_conA .fd h2

{padding:80px 0 10px;}

    

/*详情遮挡*/

.case_conB

{min-height:310px; }

.case_conB1

{width:400px; height:500px; left:50px; top:-90px;}    

.case_conB1 img

{width:373px; height:210px; padding:14px 0 0 14px; }

.case_conB2

{width:480px; padding-right:50px;}

.case_conB2 h3

{margin:0; }



.case_conC img

{position:relative; z-index:20;}



/*图片底部背景*/



/*装饰网站设计制作*/

.host_shiyong .anli_title

{width:970px;}

.host_shiyong .put3:hover

{background:#fec52c;}











}