/* 排版样式 */
body, form, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, li, dt, dd, blockquote{ margin: 0; padding: 0; font-family:"思源黑体";font-size:14px;}
li{ list-style-type: none}
img,button,input{ border: none}
*{ font-family:"思源黑体"; margin: 0; padding: 0;}
a {color: #666;text-decoration: none; }
textarea {resize: none;}
img{display:block;}
a:active, a:focus{text-decoration: none;outline: none;}
/* 文本溢出 */
.ellipsis{ text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden;  white-space: nowrap;}
input, textarea, button, a {outline:0}
.container{width:1440px;margin:0 auto; overflow: hidden;}
.fl{  float:left;}
.fr{  float:right;}
.clearfix { clear:both; }
.hidden {  display:none; }
html,body{background:#fff;}
.f-cb {zoom: 1;}
.hide{display:none;}

.logo{width:194px;height:56px;position:absolute;left:38px;top:18px;}
.logo img{width:194px;height:56px;}

/*index-about*/
.index-about{border-radius: 10px;height:266px;width:910px;margin:0 auto;position:relative;z-index:9;background:#fff;box-shadow: 0px 0px 84px 0px rgba(219, 219, 219, 0.75);
    top: 0; opacity: 0; filter: alpha(opacity=0); box-sizing: border-box; }
.index-about {
  background-image: url(https://media.winbaoxian.com/assets-uploader/websites-baoxiaozhu-banner-1757580836199.png);
  background-position: center;
  background-size: auto 100%;
  background-repeat: no-repeat;
}


/*index-product*/
.index-product{
	position:relative;

}
.index-product h3{font-size:28px;font-weight: normal;text-align: center;line-height: 28px;
    position:relative;
    top: 100px;
    opacity: 0;
    filter: alpha(opacity=0);
}
.index-product p{color:#999;font-size:16px;text-align: center;line-height: 16px;margin-top:20px;
    position:relative;
    top: 100px;
    opacity: 0;
    filter: alpha(opacity=0);
}
.index-product ul{margin-top:80px;min-height: 234px;

}
.index-product ul.hide{margin-top: 0;}
.index-product li{cursor:pointer;float:left;width:214px;height:120px;box-sizing: border-box;border:1px solid #eee;text-align: center; margin-right: 30px;margin-bottom: 30px; overflow: hidden;
    position:relative;
    top: 100px;
    opacity: 0;
    filter: alpha(opacity=0);

}
.index-product li img{width:214px;height:120px; overflow: hidden;-webkit-transition: all .2s linear;
    transition: all .2s linear;}
.index-product li:hover img{transform: scale(1.04);
    -ms-transform:scale(1.04);     /* IE 9 */
    -moz-transform:scale(1.04);     /* Firefox */
    -webkit-transform:scale(1.04); /* Safari 和 Chrome */
    -o-transform:scale(1.04);}
.index-product li:nth-child(6n){margin-right: 0;}
.index-product .k-more{position:relative;margin:30px auto 60px;display:block;width:189px;height:52px;border-radius: 26px;background:#518bed;color:#fff;line-height: 52px;font-size: 14px;
    top: 100px;
    opacity: 0;
    filter: alpha(opacity=0);
}
.index-product .k-more span{display:block;width:84px;margin:0 auto;background:url(../images/right.png) no-repeat;background-position: center right;-webkit-transition: all .2s linear;
    transition: all .2s linear;}
.index-product .k-more:hover span{width:100px;}

/*footer*/
.footer{border-top:1px solid #eee;width:100%;padding:20px 0; overflow: hidden;}
.footer .container{position:relative;}
.footer p{color:#999;font-size:14px;line-height: 24px;}
.footer p a{color:#999;display: inline-block;margin-right:16px;}
.footer p a:hover{color:#333;}
.footer .footer1{position:absolute;right:0;top:5px;}
.footer .footer2{position:absolute;right:0;top:53px;}

/*手机底部*/
.footer-m{width:100%;background:#262424;display: none;}
.footer-m .sub-menu {width:100%;padding:0 3%;box-sizing:border-box;}
.footer-m .sub-menu ul {width:100%;}
.footer-m .sub-menu li {border-bottom:1px solid #323131;font-size:16px;}
.footer-m .sub-menu a {display:block;width:100%;padding:0 3%;line-height:60px;color:#fff;position:relative;box-sizing:border-box;}
.footer-m .bot{padding:15px 3%;box-sizing: border-box;color:#777;font-size:12px;line-height: 24px;}
.footer-m .bot a{color:#777;}

/*最大分辨率1440*/
@media screen and (max-width: 1440px) {
/*首页*/
.container{width:1200px;margin:0 auto;}
.index-product li{width:192px;height:108px;margin-right:9px;margin-bottom: 9px;}
.index-product li img{width:192px;height:108px;}
}

/*最大分辨率1280*/
@media screen and (max-width: 1280px) {

/*首页*/
.container{width:1000px;margin:0 auto;}
.index-product li{width:160px;height:90px;margin-right: 8px;margin-bottom: 8px;}
.index-product li img{width:160px;height:90px;}

}

/*最大分辨率1024*/
@media screen and (max-width: 1024px) {

.footer{display: none;}
.footer-m{display: block;}

/*首页*/
.index-about{top:50px;width:880px;}
.container{width:880px;margin:0 auto;}
.index-product li{width:140px;height:78px;}
.index-product li img{width:140px;height:78px;}
}

/*最大分辨率992*/
@media screen and (max-width: 992px) {
/*首页*/
.index-about{width:750px;}
.container{width:750px;}
.index-product li{width:118px;height:66px;}
.index-product li img{width:118px;height:66px;}
}
/*最大分辨率768*/
@media screen and (max-width: 768px) {
/*首页*/
.index-about{width:96%;height:auto;margin:0 auto;top:0;
    opacity: 1;
    filter: alpha(opacity=100);}
.container{width:96%;margin:0 auto;}
.index-product li{width:214px;height:120px;margin-right:47px;margin-bottom: 47px;}
.index-product li:nth-child(3n){margin-right:0;}
.index-product li img{width:214px;height:120px;}
.index-product{margin-top: -30px;}
.index-product ul{margin-top:20px;}
}

/*最大分辨率414*/
@media screen and (max-width: 414px) {
/*首页*/
 .index-product h3{font-size:20px;}
 .index-product p{font-size:12px;}
 .index-product li{width:49%;margin-right: 2%;margin-bottom: 20px;}
 .index-product li img{width:100%;height:auto;padding:0;}
 .index-product li:nth-child(2n){margin-right: 0;}
 .index-product li:nth-child(3){margin-right: 2%;}
 .index-product li:nth-child(9){margin-right: 2%;}
 .index-product li:nth-child(9),.index-product li:nth-child(10),.index-product li:nth-child(11),.index-product li:nth-child(12){display:none;}
}