@charset "utf-8";
/* CSS Document */
@font-face{
	font-family:'思源黑体';
	src : url('../fonts/SourceHanSansCN-Regular.ttf');
}
body{font-size:12px; font-family:"思源黑体";color:#19110b;}
html, body, div, span, h1, h2, h3, h4, h5, h6, em, img, strong, sub, sup, tt,dd, dl, dt, form, label, table, caption, tbody, tfoot, thead, tr, th, td,ul,li,p,a{ margin: 0; padding: 0;  }
.cbody{ margin:0 auto;width:982px; position:relative;background:#FFF;}
input,select,textarea{ vertical-align:middle;font-family: "微软雅黑";}
img{ border:0; width:100%;}
ul,li{ list-style-type:none;}
a:link,a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
samp {font-family: "微软雅黑";}
.overhide{overflow:hidden;text-indent:-100em; }
.clear {clear: both;}
.clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}
.head{float:left; width:100%; height:75px; background:#FFF;box-shadow: 0 0 3px #c6c6c7;}
.mianb{ width:1100px; min-width:1100px;  margin:0 auto;padding-top:60px;padding-bottom:60px;}
.mian{ width:90%; min-width:1100px;  margin:0 auto;}
.head .logo{margin-top:10px;}
.head .nav{ float:left; margin-left:30px; line-height:90px;}
.head .nav li{ float:left; font-size:16px; width:90px; text-align:center;}
.head .nav li a{ color:#19110b; padding-bottom:17px;}
.head .nav li a:hover,.head .nav li a.hover{ font-weight:bold; border-bottom:3px solid #012c8c;}
.head .right{ float:right; margin-top:35px;}
.head .right li{ float:left; line-height:normal; font-size:14px;}
.head .right li:nth-child(1){ padding-left:22px; background:url(/Public/Home/images/zb.jpg) 0 no-repeat; margin-left:20px;}
.head .right li:nth-child(2){ padding-left:22px; background:url(/Public/Home/images/dh.png) 0 no-repeat; margin-left:20px;}
.head .right li:nth-child(3){ padding-left:22px; background:url(/Public/Home/images/zzzg.png) 0 no-repeat; margin-left:25px;}
.head .right li:nth-child(4){ width:22px; height:22px; background:url(/Public/Home/images/wx.jpg) no-repeat; margin-left:21px;}
.head .right li:nth-child(4):hover{background: url(/Public/Home/images/wx2.jpg) no-repeat;}
.head .right li a{color: #19110b;}
.public_tab {
    width: 100%;
    padding: 40px 0px 30px;
}
.sort{ width:80%;margin:auto;}
.sort ul{width:100%;display:flex;justify-content:center;}
.sort li{ width:160px;background:#f7f7f7;height:70px;line-height:70px;   font-size:18px; margin-left:5px;}
.sort li a{ color:#19110b;width:160px; height:70px; padding-left:45px;text-align: center; }
.sort li:nth-child(1){ margin-left:0; background:url(/Public/Home/images/ss.png) 16px 20px no-repeat,#f7f7f7;}
.sort li:nth-child(2){ background:url(/Public/Home/images/fgzd.png) 16px 25px no-repeat,#f7f7f7;}
.sort li:nth-child(3){ background:url(/Public/Home/images/js.png) 16px 25px no-repeat,#f7f7f7;}
.sort li:nth-child(4){ background:url(/Public/Home/images/bldz.png) 16px 25px no-repeat,#f7f7f7;}
.sort li:nth-child(5){ background:url(/Public/Home/images/tjal.png) 16px 25px no-repeat,#f7f7f7;}
.sort li:nth-child(6){ background:url(/Public/Home/images/cz.png) 16px 25px no-repeat,#f7f7f7;}
.sort li.select a,.sort li:hover a{ color:#FFF;}
.sort li:nth-child(1).select,.sort li:nth-child(1):hover{ margin-left:0; background:url(/Public/Home/images/ss_a.png) 16px 20px no-repeat,url(/Public/Home/images/select.png) no-repeat; color:#FFF;}
.sort li:nth-child(2).select,.sort li:nth-child(2):hover{ background:url(/Public/Home/images/fgzd_a.png) 16px 25px no-repeat,url(/Public/Home/images/select.png) no-repeat; color:#FFF;}
.sort li:nth-child(3).select,.sort li:nth-child(3):hover{ background:url(/Public/Home/images/js_a.png) 16px 25px no-repeat,url(/Public/Home/images/select.png) no-repeat; color:#FFF;}
.sort li:nth-child(4).select,.sort li:nth-child(4):hover{ background:url(/Public/Home/images/bldz_a.png) 16px 25px no-repeat,url(/Public/Home/images/select.png) no-repeat; color:#FFF;}
.sort li:nth-child(5).select,.sort li:nth-child(5):hover{background:url(/Public/Home/images/tjal_a.png) 16px 25px no-repeat,url(/Public/Home/images/select.png) no-repeat; color:#FFF;}
.sort li:nth-child(6).select,.sort li:nth-child(6):hover{background:url(/Public/Home/images/cz_a.png) 16px 25px no-repeat,url(/Public/Home/images/select.png) no-repeat; color:#FFF;}







.demo-class .layui-layer-setwin{top: 0;bottom: 2%; width:63px; height:63px;}
.demo-class .layui-layer-setwin .layui-layer-close2{top: 0; left:0; width:63px; height:63px;background :url(/Public/Home/images/gb.jpg) no-repeat;}
.demo-class .layui-layer-setwin .layui-layer-close2:hover{background-position:0;}





.shopping{width:100%; background:#f7f7f7; height: 600px;}
.shop { height: auto; overflow: hidden; background-color: #f7f7f7; padding-bottom: 184px; }
.shopbg { position: absolute; left: 0; bottom: -22px; z-index: 5; width: 100%; height: 22px; background: url(/Public/Home/images/shopbg.jpg) no-repeat 0 0; }
.shopImg { float: left; width: 220px; position: relative; height:220px;}
.shopImg a { display: block; }
.shopImg a img { width: 220px; height: 220px; }
.shopText { position: absolute; left: 56px; top: 44px; z-index: 5; color: #d4d4d4; }
.shopText h3 { font-size: 30px; text-transform: uppercase; }
.shopText p { font-size: 20px; margin: 4px 0 17px; }
.shopText span { display: block; height: 2px; width: 57px; background-color: #ff9c18; }
.shopList { background-color: #fff; height: 220px; }
.shopList li { float: left; width: 220px; text-align: center; }
.shopList li:hover { background:#012c8c; }
.shopList li:hover a{ color:#fff;}
.shopList li a { display: block; height: 220px; overflow: hidden; color: #666; font-size: 14px; border-left: 1px solid #e5e5e5; }
.shopList li a samp{ display: block; width: 100%; height: 55px; background-position: center top; background-repeat: no-repeat; margin: 57px 0 31px; }


.footer {position: fixed;right: 50px;bottom: 50px;width: 54px;height: 54px;}
.qqrx{ display:block; width:700px; height:125px; margin:0 auto; margin-top:70px;}
.qqrx .qqfwrx{ float:left; height:69px;padding-left:80px; background:url(/Public/Home/images/qqrx2.png) left no-repeat; background-size: 60px;}
.qqrx .qqfwrx span:nth-child(1){ display:block; font-size:14px; color:#19110b; line-height:25px;}
.qqrx .qqfwrx span:nth-child(2){ display:block; font-weight:bold; font-size:30px; color:#19110b;}
.qqrx .qqzsrx{ float:right; height:69px;  padding-left:80px; background:url(/Public/Home/images/qqrx.png) left no-repeat; background-size: 60px;}
.qqrx .qqzsrx span:nth-child(1){ display:block; font-size:14px; color:#19110b; line-height:25px;}
.qqrx .qqzsrx span:nth-child(2){ display:block; font-weight:bold; font-size:30px; color:#19110b;}



.bottom{ float:left; width:100%; background:#1b1b1b; padding-bottom:30px;}
.bottom .tom{ width:1100px; margin:0 auto;}
.bottom .tom .tom_img{ float:left; width:210px; height:27px; margin-top:60px;}
.bottom .tom dl{ float:left; width:170px; margin-left:50px;}
.bottom .tom dl dt{ float:left; width:100%; font-size:14px; height:24px; margin-top:11px; margin-bottom:14px;}
.bottom .tom dl dt a{ color:#FFF;}
.bottom .tom dl dd{ float:left; width:100%; font-size:14px; line-height:24px;}
.bottom .tom dl dd a{ color:#999;}
.bottom .tom dl dd a:hover{ color:#fff;}
.bottom .tom .links{ float:left; font-size:14px; color:#666;}
.bottom .tom .links a{ color:#666; padding:0 20px; border-left:1px solid #4d4d4d;}
.bottom .tom .links a:nth-child(2){ border:none;}
.bottom .tom .qgfwrx{ float:left; font-size:14px; color:#666; margin-left:50px;}
.bottom .tom .qgzsrx{ float:left; font-size:14px; color:#666; border-left:1px solid #4d4d4d; margin-left:22px; padding-left:22px;}
.bottom i{ float:left; width:100%; background:#333; height:1px; margin-top:10px;}
.foot{ float:left; color:#666; font-size:14px; line-height:30px;}
.foot span{ margin-left:30px;}
.foot span a{color:#666;}

.header{ position:relative;}
.conent{ display:none;}
.conent .div{border: 14px solid; border-color: transparent transparent #012c8c; margin-top:10px;}
.conent .tent{ position:absolute;width:116px; height:146px;background:#012c8c; padding:2px; z-index:9999; left:-45px;}
.conent .tent span{ float:left; width:100%; text-align:center; color:#FFF; font-size:14px; line-height:30px;}