*{margin: 0;padding: 0;text-decoration: none;list-style-type: none;font-family: Times New Roman;}

img{border:none;}
a{border:none;text-decoration: none;color:#000;}
.border{border:1px solid red;}
.center{margin: 0 auto;}
.w{width: 1226px;margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
.clear{clear:both;}
.mt20{margin-top: 20px;}
.mt10{margin-top: 10px;}
.ml20{margin-left: 20px;}
.ml40{margin-left: 40px;}
.mr40{margin-right: 40px;}
.mb20{margin-bottom: 20px;}
.border2{border:2px solid #ff6700;}
.ft20{font-size: 20px;}
.ftbc{color: #ff6700;font-weight: bold;}
.pr{padding-right: 40px;}

.h3{font-size: 22px;font-weight: bold;}


/*header*/
header{width: 100%;height: 40px;background: #333}
header .top{width: 1226px;height: 40px;line-height: 40px;}
header .top .left ul li{float: left;font-size: 12px;color: #ccc;}
header .top .left ul  span{float: left;font-size: 14px;color: #b0b0b0;}
header .top .left ul li a{display:block;padding:0 8px;font-size: 12px;font-family: Times New Roman;color: #b0b0b0;}
header .top .left ul li a:hover{color:#fff;}
header .top .right ul li{float: left;font-size: 12px;color: #ccc;}
header .top .right ul li a{display:block;padding:0 8px;font-size: 12px;font-family: Times New Roman;color: #b0b0b0;}
header .top .right ul li a:hover{color:#fff;}
header .top .right .gouwuche a{color:#fff;}
header .top .right .gouwuche{margin:0 0px;background: #424242;width: 120px;text-align: center;font-size: 12px;cursor:pointer;background: #ff6700;color: #fff;}

header .top .right .gouwuche:hover{color:#000;background: #666;}
/*banner_x*/
.banner_x {width: 1226px;height: 100px;}
.banner_x .logo{background: url('../image/logo.png') no-repeat center center;width: 60px;height: 100px;}
.banner_x .ad_top{width: 20px;height: 100px;background: url('../image/') no-repeat center center;}
.banner_x .nav ul li{float: left;height: 100px;line-height: 100px;}
.banner_x .nav ul li a{display:inline-block;color: #000;font-size: 16px;padding: 0 10px;}
.banner_x .nav ul li a:hover{color: rgb(255,103,0); }
.banner_x .search{width: 308px;height: 100px;line-height: 100px;}
.banner_x .search .text{width: 250px;height:50px;line-height: 50px;font-size: 12px;margin-top: 25px;border:1px solid #ccc;}
.banner_x .search .text:hover{border-color: #ff6700;}
.banner_x .search .text .shuru{border: none;width: 250px;height: 50px;text-indent:6px;}
.banner_x .search .submit{width: 50px;height:50px;line-height: 50px;text-align:center;font-size: 12px;margin-top: 25px;border:1px solid #ccc;}
.banner_x .search .submit .sousuo{letter-spacing:3px;text-align:center;width: 50px;height:50px;border: none;background: none;cursor:pointer;}
.banner_x .search .submit:hover{border-color: #ff6700;color:#ff6700;} 
/*banner_y*/
.banner_y{width:1226px;height:460px;background: url('../image/banner2.jpg') no-repeat;}
.banner_y .nav{width: 234px;height: 460px;background: rgb(12,12,19);}
.banner_y .nav ul{padding: 20px 0;position:relative;}
.banner_y .nav ul li{display: block;width: 174px;height: 25px;line-height:25px;font-size: 14px;padding: 0 30px;}
.banner_y .nav ul li .pop{width: 992px;height: 460px;background: #fff;position:absolute;left:234px;top:0px;display: none;}

.banner_y .nav ul li .pop .more{width: 130px;height: 40px;font-size: 15px;margin-right: -20px;bottom: 0;text-align:center;}
.banner_y .nav ul li .pop .more  a{display: block;color:#fff;border:1px solid #ff6700;background:#ff6700;}
.banner_y .nav ul li .pop .more  a:hover{display: block;color:#ff6700; background:#fff;}

.banner_y .nav ul li:hover .pop{display: block;box-shadow: 2px 3px 5px #ccc; border-top: 1px solid #ccc;}
.banner_y .nav ul li .pop .left{width: 300px;height: 460px;background: #fff;}
.banner_y .nav ul li .pop .left div{margin-bottom: 3px;}
.banner_y .nav ul li .pop .left .xuangou_left{height: 40px;line-height:40px; font-size: 14px;margin-left: 10px;margin-top: 20px;}
.banner_y .nav ul li .pop .left .xuangou_left a{color: #000;}
.banner_y .nav ul li .pop .left .xuangou_left a img{valign:middle;}
.banner_y .nav ul li .pop .left .xuangou_left a span{display: inline-block;margin-left: 10px;font-size: 14px;}
.banner_y .nav ul li .pop .left .xuangou_left a span:hover{color:#ff6700;}
.banner_y .nav ul li .pop .left .xuangou_right{margin-top: 25px;height: 40px;line-height: 40px;}
.banner_y .nav ul li .pop .left .xuangou_right a{display: block;width: 60px;line-height:24px;height: 24px;text-align: center;font-size: 12px;color:#ff6700;border:1px solid #ff6700;}
.banner_y .nav ul li .pop .left .xuangou_right a:hover{display: block;background:#ff6700;color:#fff; }

.banner_y .nav ul li .pop .ctn{width: 300px;height: 460px;}
.banner_y .nav ul li .pop .ctn div{margin-bottom: 3px;}
.banner_y .nav ul li .pop .ctn .xuangou_left{height: 40px;line-height:40px; font-size: 14px;margin-left: 10px;margin-top: 20px;}
.banner_y .nav ul li .pop .ctn .xuangou_left a{color: #000;}
.banner_y .nav ul li .pop .ctn .xuangou_left a img{valign:middle;}
.banner_y .nav ul li .pop .ctn .xuangou_left a span{display: inline-block;margin-left: 10px;font-size: 14px;}
.banner_y .nav ul li .pop .ctn .xuangou_left a span:hover{color:#ff6700;}
.banner_y .nav ul li .pop .ctn .xuangou_right{margin-top: 25px;height: 40px;line-height: 40px;}
.banner_y .nav ul li .pop .ctn .xuangou_right a{display: block;width: 60px;line-height:24px;height: 24px;text-align: center;font-size: 12px;color:#ff6700;border:1px solid #ff6700;}
.banner_y .nav ul li .pop .ctn .xuangou_right a:hover{display: block;background:#ff6700;color:#fff; }

.banner_y .nav ul li .pop .right{width: 300px;height: 460px;margin-right: 5px;}
.banner_y .nav ul li .pop .right div{margin-bottom: 3px;}
.banner_y .nav ul li .pop .right .xuangou_left{height: 40px;line-height:40px; font-size: 14px;margin-left: 10px;margin-top: 20px;}
.banner_y .nav ul li .pop .right .xuangou_left a{color: #000;}
.banner_y .nav ul li .pop .right .xuangou_left a img{valign:middle;}
.banner_y .nav ul li .pop .right .xuangou_left a span{display: inline-block;margin-left: 10px;font-size: 14px;}
.banner_y .nav ul li .pop .right .xuangou_left a span:hover{color:#ff6700;}
.banner_y .nav ul li .pop .right .xuangou_right{margin-top: 25px;height: 40px;line-height: 40px;}
.banner_y .nav ul li .pop .right .xuangou_right a{display: block;width: 60px;line-height:24px;height: 24px;text-align: center;font-size: 12px;color:#ff6700;border:1px solid #ff6700;}
.banner_y .nav ul li .pop .right .xuangou_right a:hover{display: block;background:#ff6700;color:#fff; }

.banner_y .nav ul li:hover{background: #ff6700; }
.banner_y .nav ul li a{display:inline-block;margin-left:10px;color: #fff;}

/*sub_banner*/
.sub_banner{width: 1226px;height: 170px;margin-top: 15px;}


.sub_banner .datu{width: 316px;height: 170px;margin-left: 14px;}
.sub_banner .datu a img{width: 316px;height: 170px;opacity:0.8;}
.sub_banner .datu a img:hover{opacity:1;}
/*danpin*/

.danpin .main{width: 1226px;height: 340px;}
.danpin .main .mingxing{width: 234px;height: 339px;background: rgb(250,250,250);}
.danpin .main .mingxing:nth-of-type(1){border-top: 1px solid orange;margin-right:14px;}
.danpin .main .mingxing:nth-of-type(2){border-top: 1px solid green;margin-right:14px;}
.danpin .main .mingxing:nth-of-type(3){border-top: 1px solid blue;margin-right:14px;}
.danpin .main .mingxing:nth-of-type(4){border-top: 1px solid red;margin-right:14px;}
.danpin .main .mingxing:nth-of-type(5){border-top: 1px solid teal;}
.danpin .main .mingxing .sub_mingxing{padding: 37px;}
.danpin .main .mingxing .sub_mingxing a img{display:block;width: 160px;height: 160px;opacity: 0.85}
.danpin .main .mingxing .sub_mingxing a img:hover{width: 160px;height: 160px;opacity: 1;}
.danpin .main .mingxing .pinpai{width: 234px;height: 14px;line-height: 14px;text-align: center;margin-top: -10px;}
.danpin .main .mingxing .pinpai a{font-size: 14px;color:#333;}
.danpin .main .mingxing .youhui{width: 234px;height: 12px;line-height: 12px;margin:15px 0;font-size: 12px;color: rgb(176,176,176);text-align: center;}
.danpin .main .mingxing .jiage{font-size: 14px;text-align: center;color:#ff6709;}
.title{font:26px/40px "微软雅黑","Microsoft YaHei","黑体","SimHei";}
/*工程案例*/
.peijian{}
.peijian .main{height:314px;}
.peijian .main .content{width: 1226px;height: 300px;}
.peijian .main .content:nth-of-type(2){margin-top: 14px;}
.peijian .main .content .remen{width:234px;height: 300px;margin-right: 14px;position:relative;background: #fff;margin-top: -2px;box-shadow: 0px 0px 20px #ccc;}
.peijian .main .content .remen:hover{margin-top: -2px;box-shadow: 0px 0px 30px #ff6700;}
.peijian .main .content .remen:nth-of-type(5){margin:0;}
.peijian .main .content .remen .xinpin span{display: block;margin:0 auto;font-size: 10px;line-height:20px;height: 20px;color:#fff;width: 65px;background: #83c44e;text-align: center;}
.peijian .main .content .remen .tu a img{margin:10px 10px 20px 20px;width: 190px;height: 120px;}

.peijian .main .content .remen .miaoshu{width: 234px;height: 25px;line-height: 25px;text-align: center;overflow: hidden;}
.peijian .main .content .remen .miaoshu a{color:#000;font-size: 14px;}
.peijian .main .content .remen .jiage{color:#ff6700;font-size: 14px;text-align:center;width: 234px;height: 25px;line-height: 25px;}
.peijian .main .content .remen .pingjia{width:234px;height: 15px;line-height: 15px;font-size: 12px;color:#aaa;text-align: center;}

.peijian .main .content .remen .piao{width: 204px;height: 60px;font-size:12px;padding:20px 0px 0px 30px;background:#ff6700; position: absolute;display: none;text-align: center;}
.peijian .main .content .remen .piao a{color:#fff;}
.peijian .main .content .remen .piao span{display: block;margin-top:5px;}
.peijian .main .content .remen:hover .piao{display: block;margin-top: -20px;}

.peijian .main .content .remenlast{width:234px;height: 300px;}

.hongmi:hover{margin-top: -2px;box-shadow: 0px 0px 15px #ccc;}
.liulangengduo{margin-top: 12px;}
.liulangengduo:hover{margin-top: 10px;box-shadow: 0px 0px 30px #ccc;}
/*xiangqing*/
.xiangqing{width: 100%;height: 58px;background: rgb(240,240,240);}
.xiangqing .neirong{height: 58px;width: 1226px;}
.xiangqing .neirong .xiaomi6{width:300px;height: 58px;line-height: 58px;font-size: 
22px;font-weight: bold;}
.xiangqing .neirong nav{display:inline-block;width: 410px;height: 58px;line-height: 58px;}
.xiangqing .neirong nav li{font-size:14px;float: left;display: block;margin:0px 5px;}
.xiangqing .neirong nav li a{color: #333;font-size: 14px;}
.xiangqing .neirong nav li a:hover{color:#ff6700;}
/*jieshao*/
.jieshao{height: 560px; }
.jieshao .left{width:560px;height:560px;border:1px solid #ccc;}
.jieshao .right{width:620px;background: rgb(248,248,248);height: 600px;}
.jieshao .right .jianjie{font-size: 14px;color: rgb(176,176,176);line-height: 20px;}
.jieshao .right .jiage{font-size: 18px;color:#ff6700;font-weight: bold;}
.jieshao .right .xzbb{height: 58px;line-height:58px;}
.jieshao .right .xzbb .banben{height: 58px;line-height: 58px;width: 278px;cursor:pointer;margin-right: 5px;border:1px solid #bbb;}
.jieshao .right .xzbb .banben a{display:block;font-size: 18px;color:#000;padding:0 10px;}
.jieshao .right .xzbb .banben a span{display: inline-block;margin-right: 10px;}
.jieshao .right .xzbb .banben a:hover{color:#ff6700;}
.jieshao .right .xzbb .banben:hover{border:1px solid #ff6700;}
.jieshao .right .xzbb .banben a .yuandian{display: inline-block;height: 15px;width: 15px;border-radius: 50%;background: #000;margin-left: 80px;}
/*选取详情*/
.xqxq{height: 80px;width: 555px;background: rgb(255,255,255);padding:20px;}
/*是否下单*/
.xiadan{height: 50px;line-height: 50px;}
.xiadan .jrgwc{height: 50px;width: 200px;border:none;background:#ff6700;color:#fff;font-size: 18px;font-weight: bold;cursor:pointer;margin-right: 50px;}
.xiadan .jrgwc:hover{border:1px solid #fff;}
/*我的购物车*/
.banner_x .wdgwc{height: 100px;line-height: 100px;font-weight:bold;font-size: 24px;}
.banner_x .wxts{height: 90px;line-height: 105px;font-size: 12px;color:#777;}
.banner_x .dlzc{height: 100px;line-height: 100px;}
.banner_x .dlzc ul li{float: left;font-size: 12px;}
.banner_x .dlzc ul li a{display:block;padding:0 8px;font-size: 12px;font-family: Times New Roman;color: #777;}
.banner_x .dlzc ul li a:hover{color:#ff6700; }
.xiantiao{width: 100%;height: 2px;background:#ff6700; }

/*页脚*/
/*footer*/	
	
.footer{
	width: 100%;
	background:#333;
	border-top:1px solid #bebebe;
    padding-top:50px;
	margin-top: 0px;
	padding-bottom:50px;
	}
	
.lian{
	overflow:hidden;
	}	
.lian li{
	float:left;
	margin:26px 46px 50px;
	}
	
.lian li p{
	font-size:16px;
	color:#666666;
	line-height:24px;
	margin-bottom:16px;
	}	
	
.lian li p img{
	float:left;
	margin-right:10px;
	}	
	
.lian li a{
	font-size:12px;
	color:#999999;
	display:block;
	line-height:24px;
	padding-left:34px;
	}	
	
.lian li a:hover{
	text-decoration:underline;
	}	

.adv{
	overflow:hidden;
	padding:0 43px;
	margin-bottom:50px;
	}
	
.adv li{
	float:left;
	font-size:18px;
	color:#666666;
	line-height:28px;
	border-right:1px solid #b2b2b2;
	padding:0 78px;
	}	
	
.adv li img{
	float:left;
	margin-right:14px;
	}	
	
.ad{
	font-size:12px;
	color:#999999;
	line-height:22px;
	text-align:center;
	}
	/*推荐商品图片跳动效果*/
	@keyframes czzo{
	0%{ margin-top:0}
	13%{ margin-top:-10px}
	26%{ margin-top:0}
	39%{ margin-top:-8px}
	52%{ margin-top:0}
	65%{ margin-top:-6px}
	78%{ margin-top:0px}
	91%{ margin-top:-3px}
	100%{ margin-top:0px}
	}
@-webkit-keyframes czzo{
	0%{ margin-top:0}
	13%{ margin-top:-10px}
	26%{ margin-top:0}
	39%{ margin-top:-8px}
	52%{ margin-top:0}
	65%{ margin-top:-6px}
	78%{ margin-top:0px}
	91%{ margin-top:-3px}
	100%{ margin-top:0px}
	}
@-ms-keyframes czzo{
	0%{ margin-top:0}
	13%{ margin-top:-10px}
	26%{ margin-top:0}
	39%{ margin-top:-8px}
	52%{ margin-top:0}
	65%{ margin-top:-6px}
	78%{ margin-top:0px}
	91%{ margin-top:-3px}
	100%{ margin-top:0px}
	}
@-moz-keyframes czzo{
	0%{ margin-top:0}
	13%{ margin-top:-10px}
	26%{ margin-top:0}
	39%{ margin-top:-8px}
	52%{ margin-top:0}
	65%{ margin-top:-6px}
	78%{ margin-top:0px}
	91%{ margin-top:-3px}
	100%{ margin-top:0px}
	}			
@-o-keyframes czzo{
	0%{ margin-top:0}
	13%{ margin-top:-10px}
	26%{ margin-top:0}
	39%{ margin-top:-8px}
	52%{ margin-top:0}
	65%{ margin-top:-6px}
	78%{ margin-top:0px}
	91%{ margin-top:-3px}
	100%{ margin-top:0px}
	}
	
/*推荐商品轮播的*/
.kongzhianniu{ width:1226px; height:340px; margin:0 auto; position:relative; margin-top:50px}
.lunbobanner{ width:1226px; height:340px;position:relative; overflow:hidden}
.lunboimg{ width:100000px; height:340px;float:left; position:absolute}
.lunboimg li{height:340px; float:left;padding-top:10px;}
.btnl{ width:35px; height:25px; background:rgba(0,0,0,0.8); position:absolute; top:-28px; right:37px; text-align:center; line-height:25px; font-size:20px; font-family:"宋体"; color:#666; cursor: pointer} 
.btnr{ width:35px; height:25px; background:rgba(0,0,0,0.8); position:absolute; top:-28px; right:0; text-align:center; line-height:25px; font-size:20px; font-family:"宋体"; color:#666; cursor: pointer} 
.btnl:hover{ color:#fff; background:rgba(0,0,0,1)}
.btnr:hover{ color:#fff; background:rgba(0,0,0,1)}

.lunboimg li a{ display:block; width:234px; height:300px; float:left; margin-left:10px;margin-right:14px;box-shadow: 0px 0px 20px #ccc;margin-right: 14px;background: #fff;margin-top: 10px;}  
.lunboimg li a b{ width:100%; height:217px; display:block;text-align:center; line-height:380px}
.lunboimg li a b img{margin:10px 10px 20px 10px;width: 190px;height: 120px;}
.lunboimg li a h5{ text-align:center; font-weight:100; font-size:14px; color:#000}
.lunboimg li a p{ text-align:center; font-size:12px; color:#b0b0b0; margin-top:10px}
.lunboimg li a span{ text-align:center; display:block; width:100%; font-size:12px; color:#000; margin-top:10px} 
.lunboimg li a:hover{animation: 0.7s czzo ease-in 1;-webkit-animation: 0.7s czzo ease-in 1;-ms-animation: 0.7s czzo ease-in 1;-moz-animation: 0.7s czzo ease-in 1;-o-animation: 1.2s czzo ease-in 1}

.guanfangremai{ position:absolute; top:-56px; left:0; font-family:"微软雅黑"; color:#333; line-height: 58px;font-size: 22px;font-weight: bold;}

.biaoti{width: 1226px;height: 58px;line-height: 58px;font-size:22px;font-weight: bold;margin-top: 20px;}
.biaoti2{width: 1226px;height: 58px;line-height: 58px;margin-top: 20px;font:26px/40px "微软雅黑","Microsoft YaHei","黑体","SimHei";}

.more{ position:absolute; right:60px; margin-right:60px;padding-top:20px; line-height:25px; font-size:17px;font-family:"微软雅黑"; color:#666; cursor: pointer} 

/*内页,flex 设置等高列，背景相同。*/ 
.box3 {
display:flex;
}
.myinfo{width: 100%;height:auto;background: rgb(245,245,245);padding-bottom: 20px;padding-top: 20px;}
.myinfo .selfinfo{width: 1226px;}
.myinfo .selfinfo .lfnav{width: 234px;height: auto;background: #fff;}
.myinfo .selfinfo .lfnav .ddzx{width: 234px;height: 40px;line-height: 40px;font-size: 19px; margin:30px 20px 10px 20px;color:rgb(51,51,51);font-weight:bold;}
.myinfo .selfinfo .lfnav .subddzx ul li{display: block;width: 194px;height: 40px;line-height: 40px;padding-left: 20px;}
.myinfo .selfinfo .lfnav .subddzx ul li a{color:rgb(117,117,117);}
.myinfo .selfinfo .lfnav .subddzx ul li a:hover{color:rgb(51,51,51);}
.myinfo .selfinfo .rtcont{width: 978px;height: auto;background: #fff;min-height:500px;}

.myinfo .selfinfo .rtcont .what{width: 938px;height: 50px;line-height: 63px;font-size: 18px;font-weight:bold;color:rgb(117,117,117);padding-left: 40px;border-bottom: 1px solid #ccc;}

.myinfo .selfinfo .rtcont .what span{display: inline-block;font-size: 18px;font-weight: bold;color:rgb(117,117,117);padding-left: 20px;color:#ff6700;}

.myinfo .selfinfo .rtcont .grzlbt{width:938px;height: 60px;line-height: 60px;font-size: 20px;color:rgb(117,117,117);}
.myinfo .selfinfo .rtcont .subgrzl{height: 45px;line-height: 45px;width: 900px;background: rgb(253,253,253);border:1px solid #aaa;margin-top: 10px;margin-bottom: 10px;border-radius: 3px;}

.myinfo .selfinfo .rtcont .subgrzl span:nth-of-type(1){display: inline-block;font-size: 15px;font-weight: bold;color:rgb(117,117,117);width: 90px;height: 45px;line-height: 45px;padding-left: 10px;}


.myinfo .selfinfo .rtcont .subgrzl span a{color:teal; }
.myinfo .selfinfo .rtcont .subgrzl span a:hover{color:#ff6700; }

/*内页产品图列表展示.plis .remen:nth-of-type(5){margin:0;}*/

.plis{height:280px;}
.plis .content:nth-of-type(2){margin-top: 14px;}
.plis .remen{width:210px;height: 270px;margin-right: 14px;position:relative;background: #fff;margin-top: -2px;box-shadow: 0px 0px 20px #ccc;}
.plis .remen:hover{margin-top: -2px;box-shadow: 0px 0px 30px #ff6700;}

.plis .remen .xinpin span{display: block;margin:0 auto;font-size: 10px;line-height:20px;height: 20px;color:#fff;width: 65px;background: #83c44e;text-align: center;}
.plis .remen .tu a img{margin:10px 10px 20px 10px;width: 190px;height: 150px;}

.plis .remen .miaoshu{width: 210px;height: 25px;line-height: 25px;text-align: center;overflow: hidden;}
.plis .remen .miaoshu a{color:#000;font-size: 14px;}
.plis .remen .jiage{color:#ff6700;font-size: 14px;text-align:center;width: 210px;height: 25px;line-height: 25px;}
.plis .remen .pingjia{width:210px;height: 15px;line-height: 15px;font-size: 12px;color:#aaa;text-align: center;}
/*搜索列表*/
.ser{}
.ser ul{column-count:1;display:table}
.ser ul li {display:table-cell;width:100%; float:left; margin-left:0px;margin-right:14px;font-size:14px; color:#666;padding-bottom:10px;} 
.ser ul li a{color:#666;}  
.ser span:nth-of-type(1){color:#ff6700;}
.ser span:nth-of-type(0){color:#666;}  
.ser ul li a:hover{font-size:15px; color:#000;}  

/*留言*/
.gbook{font-size:14px; color:#666;}

.ser ul{column-count:1;display:table}
.ser ul li {display:table-cell;width:100%; float:left; margin-left:0px;margin-right:14px;font-size:14px; color:#666;padding-bottom:10px;} 
.ser ul li a{color:#666;}  
.ser span:nth-of-type(1){color:#ff6700;}
.ser span:nth-of-type(0){color:#666;}  
.ser ul li a:hover{font-size:15px; color:#000;}  
/*技术动态模块*/

.sub_banner .sidebar{width: 234px;height: 170px;background:#7E7872;}

.sub_banner .sidebar div a img{opacity:0.8;}
.sub_banner .sidebar div a img:hover{opacity:1;}

.dt_tit {width:234px;height:50px;background: #fff;box-shadow: 0px 0px 20px #ccc;margin:10 10 10 10;line-height: 25px;text-align: center;}
.dt_pic {}

.sidebar ul{column-count:1;display:table;margin-left:20px;margin-right:10px;margin-top:10px;}
.sidebar ul li {display:table-cell;width:100%; float:left; font-size:12px; color:#fff;padding-bottom:5px;} 
.sidebar ul li a{color:#fff;}  
.sidebar ul li a:hover{font-size:12px; color:#ccc;} 

/*show显示文字*/
.show {font-size:14px; color:#666;} 
.show a:hover{color:#ccc;} 
/*分页*/
.page{
    margin-top: 20px;
	margin-bottom: 20px;
    text-align: center;

}
.page a{
    display: inline-block;
    background: #fff url() 0 0 no-repeat;
    color: #888;
    padding: 10px;
    min-width: 15px;
    border: 1px solid #7E7872;

}
.page span{
    display: inline-block;
    padding: 10px;
    min-width: 15px;
    border: 1px solid #7E7872;
}
.page span.current{
    display: inline-block;
    background: #ff6700 url() 0 0 no-repeat;
    color: #fff;
    padding: 10px;
    min-width: 15px;
    border: 1px solid #7E7872;
}
.page .pagination li{
    display: inline-block;
    margin-right: 5px;
    text-align: center;
}
.page .pagination li.active span{
    background: #ff6700 url() 0 0 no-repeat;
    color: #fff;
    border: 1px solid #7E7872;

}
.button {
  --background: #275efe;
  --text: #fff;
  --font-size: 11px;
  --duration: .5s;
  --move-hover: -4px;
  --shadow: 0 2px 8px -1px rgba(39, 94, 254, 0.32);
  --shadow-hover: 0 4px 20px -2px rgba(39, 94, 254, 0.5);
  padding: 5px 10px;
  font-family: 'Roboto';
 
  line-height: var(--font-size);
  border-radius: 24px;
 
  outline: none;
  border: none;

  text-decoration: none;
  font-size: var(--font-size);
  letter-spacing: .5px;
  background: var(--background);
  color: var(--text);
  box-shadow: var(--shadow);
  -webkit-transform: translateY(var(--y));
          transform: translateY(var(--y));
  transition: box-shadow var(--duration) ease, -webkit-transform var(--duration) ease;
  transition: transform var(--duration) ease, box-shadow var(--duration) ease;
  transition: transform var(--duration) ease, box-shadow var(--duration) ease, -webkit-transform var(--duration) ease;
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none;
}
.button.dark {
  --background: #2F3545;
  --shadow: 0 2px 8px -1px rgba(21, 25, 36, 0.32);
  --shadow-hover: 0 4px 20px -2px rgba(21, 25, 36, 0.5);
}