/* 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}

/*col2 ip*/
.col2{background:#FFFFFF;padding-bottom: 0}
/*iplist*/
.iplist{width:100%;height: auto;display:flex}
.iplist .ipli{width:160px;height: 400px;background-position: center;background-size: auto 100%;background-repeat: no-repeat;background-repeat: no-repeat;position: relative;cursor: pointer}
.iplist .ipli .tomore{position:absolute;bottom: 0;right: 0;color: #FFFFFF;background-color: rgba(0,0,0,0.5);font-size: 14px;text-align: center;line-height: 36px;height: 36px;width: 100px;border-radius: 8px;opacity: 0;}
.iplist .current{width:720px;}
.iplist .current .tomore{right:20px;bottom: 20px;opacity: 1}
.iplist .current .tomore:hover{background:#FFFFFF;color: #333333}


/*col3 plist*/
.col3{background:#FFFFFF;padding-bottom: 0}
.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;}

/*col4*/
.col4 .con{width:100%;height: auto;}
.col4 .con .left{width: 600px;height: 480px;position: relative;}
.col4 .con .left .img{width:600px;height: 480px;}

.col4 .con .right{width:510px;height: 400px;font-size: 16px;line-height: 32px;color: #333333;padding: 40px 45px;background: #f8f8f8;position: relative}

.col4 .more{width:100%;height: auto;position: absolute;bottom: 40px;left: 45px;}
.col4 .more .btnmore{width:98px;height: 28px;font-size: 14px;color: #999999;line-height: 28px;display: inline-block;cursor: pointer;border-radius: 28px;text-align: center;border: 1px solid #999999}
.col4 .more .btnmore:hover{background: #e60012;color: #FFFFFF;border: 1px solid #e60012}


/*newslist*/
.col6{background:#FFFFFF;padding-bottom: 100px;}
.newslist{width:100%;height: auto;}
.newslist .nli{width:393px;height: auto;margin-right: 10.5px;margin-bottom: 25px;}
.newslist .nli .nimg{width:100%;height: 249px;overflow: hidden;}
.newslist .nli .nimg img{width:100%;height: 100%;}
.nli .msg{width: 363px;height: auto;padding: 0 15px;}
.nli .msg .fs_20{width:100%;height: 56px;line-height: 28px;font-size: 20px;color: #333333;overflow: hidden;margin-top: 25px;}
.nli .msg .fs_14{width:100%;height: 44px;line-height: 22px;font-size: 14px;color: #999999;overflow: hidden;margin-top: 15px;}
.newslist .nli:nth-child(3n){margin-right:0;}
.newslist .nli:hover .nimg img{transform:scale(1.1)}
.newslist .nli:hover .msg .fs_20{color:#000000}
.newslist .nli:hover .msg .fs_14{color:#333333}

.col6 .more_con{width:100%;height: auto;margin-top: 15px;text-align: center}
.col6 .more_con .tomore{display:inline-block;width:160px;height: 40px;line-height: 40px;text-align: center;font-size: 16px;color: #999999;background: #f8f8f8;border-radius: 40px;}
.col6 .more_con .tomore:hover{background: #e60012;color: #FFFFFF}