/* CSS Document */

/*banner*/
.banner{width: 100%;height: auto;}
.banner .swiper-container {width: 100%; height: auto; color: #fff; text-align: center;}
.banner .swiper-container .img{width:100%;height: auto;background-size: cover;background-position: center;background-repeat: no-repeat;}
.banner .pagination { position: absolute;z-index: 20;bottom: 10px;width: 100%;text-align: center; }
.banner .swiper-pagination-switch {display: inline-block; width: 20px; height: 20px; border-radius: 20px; background: #fff;margin-right: 15px; opacity: 0.6; cursor: pointer;}
.banner .swiper-visible-switch {background: #fff;opacity: 1;}
.banner .swiper-active-switch {background: #fff;opacity: 1;}


/*col1*/
.col1{background:#ffffff;padding-bottom: 0}
/*brand*/
.brandlist{width:100%;height: auto;}
.blistlist .bli{width:393px;height: 311px;overflow: hidden;position: relative;margin-right: 10.5px;}
.blistlist .bli .bimg{width:100%;height: 100%;overflow: hidden;position: absolute;top: 0;left: 0;z-index: 1;}
.blistlist .bli .bimg img{width:100%;height: 100%;}
.blistlist .bli .mask{width:353px;height:271px;position: absolute;left: 0;top: 0;z-index: 2;background: rgba(0,0,0,0);padding:20px;color: #FFFFFF;}
.blistlist .bli .mask .blogo{height: 60px;width: auto;}
.blistlist .bli .mask .fs_14{width:100%;height: auto;font-size: 14px;line-height: 26px;margin-top: 35px;opacity: 0}
.blistlist .bli .mask .tomore{display: inline-block;padding: 0 20px;line-height: 28px;border-radius: 30px;border: 1px solid #FFFFFF;text-align: center;position: absolute;bottom: 20px;right: 20px;color: #FFFFFF;font-size: 14px;opacity: 0;}
.blistlist .bli:nth-child(3n){margin-right:0;}

.blistlist .bli:hover {box-shadow: 0 0 10px rgba(0,0,0,0.8)}
.blistlist .bli:hover .bimg img{transform:scale(1.1)}
.blistlist .bli:hover .mask{background: rgba(0,0,0,0.7)}
.blistlist .bli:hover .mask .fs_14,.blistlist .bli:hover .mask .tomore{opacity:1;}
.blistlist .bli:hover .mask .tomore:hover{background:#FFFFFF;color: #333333}

/*产品展示*/
.p_top .mtitle{margin-bottom: 0;}
.p_top .mtitle .fs_20{line-height:38px }
.p_top .right{width:296px;height: 45px;}
.p_top .right .search{width:292px;height: 41px;border: 2px solid #e60012;margin-top: 33px;}
.p_top .right .search .inp{width:222px;padding-left: 20px;height: 41px;line-height: 41px;}
.p_top .right .search .btn{width:50px;height: 41px;display: inline-block;background-image: url("../images/icn-03.png");background-position: center;background-repeat: no-repeat;background-size: 20px 20px;}

/*cate_con*/
.cate_con{width:100%;height: auto;margin-top: 15px;margin-bottom: 20px;}
.cate_con .cate_ul{font-size:0;width:100%;}
.cate_con .cate_ul .cate_list{width:100%}
.cate_con .cate_ul .divli{position:relative;float:left}
.cate_con .cate_ul .cate_li{display:inline-block;padding: 0 15px;height: 52px;line-height: 52px;margin-right: 10px;font-size: 16px;color: #333333;text-align: center;background: #f0f0f0;margin-bottom: 10px;position:relative;cursor:pointer}
.cate_con .cate_ul .cate_li:hover,.cate_con .cate_ul .active{color:#FFFFFF;background: #e60012}
.cate_con .cate_ul.fr .cate_li{margin-right: 0;margin-left: 10px;}
.brandlogo {margin-right: 20px;height: 52px;width: auto;}
.brandlogo .img {width: auto;height: 100%;}
.limask{position:absolute;background:#ffffff;border:1px solid #f0f0f0;bottom: -60px;left:0;color:#000000;z-index:20;display:block;width: 600px;height: auto;padding: 10px;box-shadow: 0 0 10px rgba(0,0,0,0.1);display:none}
.limask .maskli{display:inline-block;width:auto;background: #f0f0f0;margin-right: 10px;padding: 0 10px;font-size: 14px;height: 40px;line-height:40px;text-align:center}
.limask .maskli:hover{background:#e60012;color:#fff}
.divli:hover .limask{display:block;}
/*main*/
.main{width:100%;height: auto;padding-bottom: 70px;}
.plist{width:100%;height: auto;margin-bottom: 10px;}
.plist .pli{width:292px;height: auto;margin-right: 10.5px}
.plist .pli .pimg{width:290px;height: 290px;border: 1px solid #f0f0f0;overflow: hidden;}
.pli .pimg img{width:100%;height: 100%;}
.pli .msg{width:100%;height: auto;padding-bottom: 16px;}
.pli .msg .fs_18{width:100%;height: 40px;font-size: 18px;line-height: 40px;text-align: center;color: #333333;overflow: hidden}
.pli .msg .fs_14{width:100%;height: 14px;line-height: 14px;color: #999999;font-size: 14px;text-align: center;overflow: hidden}
.plist .nomar{margin-right: 0;}
.plist .pli:hover .pimg img{transform:scale(1.1)}
.plist .pli:hover .msg .fs_18{color:#000000}
.plist .pli:hover .msg .fs_14{color:#333333;}


/*patchcon*/
.patchcon{width: 100%;height: 300px;background: #f0f0f0;margin-bottom: 60px}
.patchcon .left{width:600px;height: 300px;background-image: url("../images/ewm_bg.jpg");background-repeat: no-repeat;background-size: 600px 300px;background-position: center;}
.patchcon .left .ewm{width:258px;height: 258px;background: #FFFFFF;margin-left: 171px;margin-top: 21px;}
.patchcon .left .ewm img{width:100%;height: 100%;}
.patchcon .right {width:470px;height: auto;padding:  0 65px;}
.patchcon .right .fs_32{width:100%;height: auto;font-size: 32px;color: #333333;line-height: 40px;margin-top: 100px;}
.patchcon .right .fs_18{width:100%;height: auto;font-size: 16px;color: #999999;line-height: 22px;}




.load_con{width:100%;height:auto;text-align:center;margin-top:70px;}
.load_con .toLoad{width:160px;height:50px;line-height:50px;text-align:center;display:inline-block;background:#f0f0f0;color:#999999;font-size:16px;}
.load_con .toLoad:hover{background:#e60012;color:#ffffff;}


.mtitle .fs_36{margin-bottom:38px}