

/*
 
 * 17素材vip建站专区模块代码
 * 详尽信息请看官网：http://www.17sucai.com/pins/vip
 *
 * Copyright , 温州易站网络科技有限公司版权所有
 * 图片不能商用，代码可商用。
 
 * 请尊重原创，未经允许请勿转载。
 * 在保留版权的前提下可应用于个人或商业用途
 
*/

*{margin:0;padding:0;border:0;outline:0;font-family:'微软雅黑'}
ul{list-style:none}
/*a{text-decoration:none;color:#333}*/
/*a:hover{color:#e62318!important}*/
.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden}
.none{display:none}
.Left{float:left}
.header1{background-color:#fff}
.header1 .menu-bar{height:50px}
.view{width:1200px;margin:0 auto}
.header1 .menu-bar .category{width:250px;position:relative;float:left;cursor:pointer;z-index:999999}
.header1 .menu-bar .category .h2{background:#2e7ba9;height:50px;line-height:50px;text-align:center;color:#fff;font-size:22px;  font-family:黑体;   border-bottom:1px solid #fff}
.category-option{width:250px; margin:0px auto; padding:0px 0px; background:rgba(00,00,00,.7);position:absolute;z-index:101;display:block}
.category-option .cat-item{ width:100%; height:60px;line-height:60px;  text-align:center; transition:.2s ease-in-out;  font-size:20px;  border-bottom:1px solid #fff}
.category-option .cat-item .sub-cat{overflow:hidden;display:none;width:900px;   height:auto;   min-height:325px; padding:9px 30px 25px 0;left:250px;top:0px;background:rgba(255,255,255,11.0);z-index:10000;position:absolute;line-height:20px}
.category-option .cat-item.top-cat .sub-cat{width:800px; background-color:#eee }
.category-option .top-cat .sub-cat .sub-cat-links{width:794px}
.category-option .sub-cat .sub-cat-links .sub-group{padding-top:16px}
.category-option .sub-cat .sub-cat-links .sub-title{width:93px;font-size:16px;font-weight:700}
.category-option .sub-cat .sub-cat-links .sub-title .i-t{overflow:hidden;width:5px;height:5px;float:left;}
.category-option .sub-cat .sub-cat-links .sub-content{font-size:14px;width:300px;padding-bottom:16px;  overflow:hidden;  text-align:left; border-bottom:1px dotted #afacb1}
.category-option .cat-item.top-cat .sub-cat .sub-cat-links .sub-content{width:813px; margin-left:20px}
.category-option .sub-cat .sub-cat-links .sub-content a{ width:200px; line-height:35px; text-align:left; display:inline-block;color:#666}
.category-option .sub-cat .sub-cat-brand{width:190px;padding-left:16px}
.category-option .sub-cat .sub-cat-brand h6{font-size:14px;padding:16px 0 12px;color:#333}
.category-option .sub-cat .sub-cat-brand .tag{margin-bottom:25px;font-size:12px;height:88px;overflow:hidden}
.category-option .sub-cat .sub-cat-brand .tag a{margin-right:16px;display:inline-block;color:#666;line-height:22px}
.category-option .cat-item.top-cat .icon{opacity:1}
.category-option .cat-item .icon{float:left;width:20px;height:20px;margin:8px 10px 0 15px;background:url(https://www.wlwhxkz.com/images/menu.png) no-repeat;opacity:.65}
.category-option .cat-item .txt{color:#c8c8c8;margin-right:10px;float:left;font-size:24px;font-family:宋体;}
.category-option .cat-item.top-cat .txt{color:#fff;font-size:22px;  font-family:宋体;}
.category-option .cat-item.top-cat .txt img{ height:30px;}
.category-option .cat-item .txt img{ height:30px;}

.category-option .cat-item.hover{background:#fff;background:rgba(255,255,255,.9);padding-left:5px}
.category-option .cat-item.hover a{color:#333!important}
.category-option .cat-item.hover a:hover{color:#e62318!important}
.category-option .cat-item:hover .sub-cat{display:block;opacity:1;padding-left:10px;animation:subcat .3s ease-in-out}
@keyframes subcat{from{padding-left:0}
to{padding-left:10px}
}
.header1 .menu-bar .navigator{margin-left:300px;height:50px}
.header1 .menu-bar .navigator li{padding:0 30px;height:50px;line-height:50px;float:left;position:relative; font-family:黑体; font-weight:bold}
.header1 .menu-bar .navigator li a{font-size:20px; }
.header1 .menu-bar .navigator li.current a{color:#555}
.scroll-banner{position:relative;z-index:0;overflow:hidden;height:460px}
.scroll-banner .scroll-content{height:460px}
.scroll-banner .scroll-content li{position:absolute;height:460px;width:100%}
.scroll-banner .scroll-item{position:absolute;width:100%;top:0;left:0;text-align:center;display:none}
.scroll-banner .scroll-item .banner_r{position:absolute;right:0;top:20px}
.scroll-banner .scroll-item .banner_r a{display:block;position:absolute;right:0;width:180px;height:200px;background-color:rgba(255,255,255,.7);transition:background-color .4s}
.scroll-banner .scroll-item .banner_r a:last-child{top:220px}
.scroll-banner .scroll-item .banner_r a img{;width:100%}
.scroll-banner .scroll-item .banner_r a:hover{background-color:#fff}
.scroll-banner .scroll-index{position:relative;-webkit-filter:inherit;filter:inherit;width:1200px;height:460px;margin:0 auto}
.scroll-banner .scroll-item .sc-big{position:relative}
.fadeInR{animation-name:fadeInR;animation-duration:1.5s;animation-timing-function:linear}
@keyframes fadeInR{from{left:-20px}
to{opacity:1;filter:alpha(opacity=100);left:0}
}
.scroll-btn{position:absolute;overflow:hidden;bottom:30px;z-index:3;width:100%;text-align:center}
.scroll-btn span{display:inline-block;width:30px;height:5px;margin:0 1px;cursor:pointer;background:#fff}
.scroll-btn span.current{background:#333}


.ywhq{width:300px; float:left}
.ywhqdiv1{width:200px; height:40px; background-color:#fff; line-height:40px; color:#333; font-weight:bold; margin:0px auto; border-radius:10px;  font-size:26px; text-align:center}
