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

body,td,th {
	font-family: "微软雅黑", Arial;
	font-size: 12px;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background:url(../images/bj.jpg);
	padding-bottom:90px;
}

a{ text-decoration:none;}

*{ padding:0px; margin:0px; border:0px;}

.head_box{ width:100%; min-width:1340px; height:90px; margin:0px auto 0px auto; background:#FFF; border-top:3px #f15433 solid;}
.head_cont{ width:1340px; height:90px; margin:0px auto; }
.head_cont .logo_box{ width:536px; height:73px; float:left; margin-top:14px; margin-left:13px;}
.sousuokuang{ width:286px; height:32px; float:right; margin-top:28px; margin-right:20px;}
.sousuokuang .word_text_box{ width:187px; height:30px; float:left; background:url(../images/sousuo_text_bj.jpg) no-repeat;}
.sousuokuang .word_text_box input{ width:148px; height:28px; padding:0px 5px 0px 5px; margin-top:1px; outline:none; margin-left:28px; background:#FFF; border:0px;}
.sousuokuang .anniu_box{ float:right; width:82px; height:30px;}
.sousuokuang .anniu_box input{ width:82px; height:30px; background:url(../images/sousuo_anniu_bj.jpg); outline:none; border:0px;}


.cont_box{ width:1340px; margin:35px auto 0px auto; overflow:hidden; }

/*左侧菜单*/
.left_daohang{ width:197px; padding:20px 0px 20px 12px; float:left; background:url(../images/caidan_bj.jpg); color:#bbbbbb; font-size:14px;}
.left_daohang p{ font-weight:bold; width:197px; float:left;}
.left_caidan_box{ margin:9px 0px 9px 0px; float:left; }
.left_caidan_box .lie_box{ width:90px; float:left; background:#33363f; color:#c5c5c5; font-size:12px; border:1px #16191e solid; margin:0px 5px 4px 0px;}
.left_caidan_box .lie_box a{ display:block; color:#c5c5c5; padding:5px 8px 5px 8px;}
.left_caidan_box .lie_box a:hover{ color:#dbdbdb; background:#525664}
.left_caidan_box .sekuai_lie{margin:0px; width:30px; height:20px; float:left; line-height:20px; padding:0px;  text-indent:-9999px;  border:0px; overflow:hidde;}
.left_caidan_box .sekuai_lie a{ display:block;text-indent:-999px;padding:0px;}
/*右边列表*/

.right_cont{ width:1118px; float:left; margin:15px 0px 0px 13px;  }
.right_cont .title_box{ width:100%; float:left; border-bottom:1px #202028 solid; margin-bottom:25px; }
.right_cont .title_box p{ display:block; float:left; color:#ffffff; font-size:16px; line-height:35px; padding:0px 10px 0px 10px; background:#202028;}
.right_cont .title_box a{ color:#FFF;}
.right_cont .title_box a:hover{ color:#F30;}


.right_list_cont{ width:100%; float:left; color:#FFF; }
.right_list_cont a{ color:#F90;}
.right_list_cont a:hover{ color:#F00;}


/*阿里巴巴*/
.pic_list_lie{ width:20%; float:left;  margin-bottom:12px; position:relative;  overflow:hidden;}
.pic_list_lie .pic_box{ width:94%; padding:7px 0px 7px 0px;  text-align:center; margin:0px auto 0px auto; background:#FFF;  overflow:hidden; position:relative;}
.pic_list_lie .pic_box img{ width:92%;height:300px}
.pic_list_lie .list_sekuai{ width:100%; height:40px; background:rgba(255,255,255,0.7); position:absolute; bottom:-40px; transition:0.2s;}
.pic_list_lie .list_sekuai .bainma_box{ line-height:40px;float:left; margin-left:3%; font-size:13px; color:#000}
.pic_list_lie .list_sekuai .bainma_box span{ color:#F00}
.pic_list_lie .list_sekuai .yulanbutton{ width:57px; height:25px; line-height:25px; border-radius:5px; float:right; margin-right:3%; background:#33363f; margin-top:7px;}
.pic_list_lie .list_sekuai .yulanbutton a{ display:block; color:#FFF;}
.pic_list_lie .list_sekuai .yulanbutton a:hover{ color:#ffa200;}
.pic_list_lie:hover .list_sekuai{ bottom:0px; transition:0.2s;}


/*w网站案例*/
.case_web_cont{ width:1340px;}




.fenye_box{ float:right;}



/*模板网站*/
.caseweb_list_lie{ width:16%; float:left;  margin-bottom:18px; position:relative; margin-left:7px;  overflow:hidden;}
.case_cont_box{ width:95%; padding:6px 0px 6px 0px;  margin:0px auto 0px auto; background:#FFF;  overflow:hidden; position:relative;  }
.case_cont_box .case_img{ width:94%; margin:0px auto 0px auto; border:1px #e6e6e6 solid; overflow:hidden;}
.case_cont_box .case_img img{ width:100%;}
.case_cont_box .case_word{ width:93%; line-height:30px; margin:0px auto 0px auto; font-size:12px; }
.case_cont_box .case_word a{ color:#000;}
.case_cont_box .case_word a:hover{ color:#cb0404;}
.case_cont_box .case_ewm{ width:129px; height:129px; border:1px #CCCCCC solid; right:-133px; bottom:30%; position:absolute; background:#FFF; overflow:hidden; padding:2px; transition:0.2s;}
.case_cont_box .case_ewm img{ width:100%; height:100%}
.case_cont_box:hover .case_ewm{ right:15%; transition:0.6s; }


/*微信*/
.weixin_list_lie{ width:16%; float:left;  margin-bottom:15px; position:relative; margin-left:7px;  overflow:hidden;}
.weixin_cont_box{ width:95%; padding:6px 0px 6px 0px;  margin:0px auto 0px auto; background:#FFF;  overflow:hidden; position:relative;  }
.weixin_cont_box .weixin_img{ width:94%; margin:0px auto 0px auto; border:1px #e6e6e6 solid; overflow:hidden;}
.weixin_cont_box .weixin_img img{ width:100%;}
.weixin_cont_box .weixin_word{ width:94%; line-height:30px; text-align:center; margin:0px auto 0px auto; font-size:12px; color:#000; }
.weixin_cont_box .weixin_word a{ color:#000;}
.weixin_cont_box .weixin_word a:hover{ color:#cb0404;}
.weixin_cont_box .weixin_ewm{ width:119px; height:119px; border:1px #CCCCCC solid; right:19%; top:-150px; position:absolute; background:#FFF; overflow:hidden; padding:2px; transition:0.6s;}
.weixin_cont_box .weixin_ewm img{ width:100%; height:100%}
.weixin_cont_box:hover .weixin_ewm{ top:30px; transition:0.2s; }


/*分页*/
.page{  clear:both; padding-top:0px; margin-top:20px; float:right;height:33px; padding-right:10px; text-align:right; color:#bbbbbb; }
.page .page_hmoe,.page .page_end{ float:left; width:46px; text-align:center; height:33px; line-height:33px; color:#5e666f; background:#24262b; margin-right:5px;}
.page .page_prov,.page .page_next{float:left; width:55px; text-align:center; height:33px; line-height:33px; color:#5e666f; background:#24262b; margin-right:5px;}

.page .pagenume{ float:left; height:33px; line-height:33px; font-size:13px; margin-right:10px; margin-left:5px;}
.page .pagetz{ float:left; height:33px; line-height:33px; font-size:13px;}
.page .pagetz .tznum{ width:30px; height:33px; font-size:13px; text-align:center; outline:none;  color:#FFF; border:0; background:#24262b; }
.page .pagetz .tzanniu{ width:40px; height:33px; border:0px; outline:none; color:#FFF;background:#24262b;}

.page .page_prov a,.page .page_next a,.page .page_end a,.page .page_hmoe a{ display:block; color:#5e666f;}
.page .page_prov a:hover,.page .page_next a:hover,.page .page_end a:hover,.page .page_hmoe a:hover{ background:#33363f; color:#e7e7e7;}






/*阿里信息查看*/
.al_info_box{ width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.8); z-index:98; }

.info_cont_box{ width:60%; height:80%; background:#FFF; margin:5% auto 0px auto; overflow-y:scroll; position:relative;   z-index:99;}
.info_cont_box .titles_box{ width:95%; margin:0px auto 0px auto; border-bottom:1px #333333 solid; text-align:center; font-size:20px; padding:15px 0px 13px 0px; }
.info_cont_box .pic_box{width:95%; text-align:center; margin:20px auto 10px auto; }
.info_cont_box .pic_box img{ max-width:100%;}
.info_cont_close{ width:100%; height:33px; line-height:33px; position:absolute; margin:28% auto 0px auto;   z-index:100;}
.info_cont_close_cont{ width:60%; margin:0px auto 0px auto;}
.info_cont_close_cont .wrd_box{ width:113px; height:33px; font-weight:bold;  font-size:16px;  text-align:center; float:right; background:rgba(255,255,255,0.7); margin-right:16px;}
.info_cont_close_cont .wrd_box a{ color:#F00;}