@charset "utf-8";
html,body{background-color:#f9f9f9}
.banner_pic{margin-top:30px;overflow:hidden}
.banner_pic .banner{width:788px;height:464px;overflow:hidden;float:left}
.banner_pic .banner .swiper-container{width:788px;height:464px}
.banner_pic .banner .swiper-container a{display:block;width:788px;height:464px;position:relative;overflow:hidden}
.banner_pic .banner .swiper-container a img{width:788px;height:464px;transition:all 0.5s}
.banner_pic .banner .swiper-container a:hover img{transform:scale(1.2)}
.banner_pic .banner .swiper-container a .black_bg{width:100%;height:190px;position:absolute;bottom:0;left:0;background:linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.6) 100%)}
.banner_pic .banner .swiper-container a p{width:100%;box-sizing:border-box;padding:0 20px;font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#ffffff;position:absolute;bottom:44px;left:0;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.banner_pic .banner .swiper-container .swiper-pagination{bottom:16px}
.banner_pic .banner .swiper-container .swiper-pagination-bullet{width:14px;height:8px;background:#f4f6f8;opacity:0.6;border-radius:8px}
.banner_pic .banner .swiper-container .swiper-pagination-bullet-active{width:28px;opacity:1;background:#ff431e}
.pic{width:492px;margin-top:-19px;float:right;overflow:hidden}
.pic a{display:block;width:238px;height:142px;overflow:hidden;position:relative;margin-right:16px;margin-top:19px;float:left}
.pic a:nth-child(2n){margin-right:0px}
.pic a img{width:238px;height:142px;transition:all 0.5s}
.pic a:hover img{transform:scale(1.1)}
.pic a .black_bg{width:100%;height:71px;position:absolute;bottom:0;left:0;background:linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 40%,rgba(0,0,0,0.8) 100%)}
.pic a p{position:absolute;bottom:10px;left:0;box-sizing:border-box;width:100%;padding:0 10px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#ffffff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.comRec_coll{width:100%;background-color:#fff;margin-top:20px;padding:20px;box-sizing:border-box;overflow:hidden}
.comRec_coll .ineRec_box{width:100%;margin:0 auto}
.comRec_coll .rec_c a{display:block;width:299px;height:134px;background:#ffffff;border:1px solid #f2f2f2;position:relative;box-sizing:border-box;margin-right:21px;margin-top:18px;padding:16px;float:left}
.comRec_coll .rec_c a:hover{border:1px solid #3D7EFF;box-shadow:0px 4px 0px 0px rgba(200,200,255,0.1)}
.comRec_coll .rec_c a:nth-child(4n){margin-right:0px}
.comRec_coll .rec_c a .No{position:absolute;top:0;left:0;width:38px;height:38px;background:url("../images/icon.png") no-repeat;background-position:-290px -160px;font-size:16px;font-family:Alibaba PuHuiTi;font-weight:bold;font-style:italic;color:#ffffff;padding:3px;box-sizing:border-box}
.comRec_coll .rec_c a:nth-child(1) .No{background-position:-140px -160px}
.comRec_coll .rec_c a:nth-child(2) .No{background-position:-190px -160px}
.comRec_coll .rec_c a:nth-child(3) .No{background-position:-240px -160px}
.comRec_coll .rec_c a img{width:100px;height:100px;border-radius:20px;float:left}
.comRec_coll .rec_c a .info{width:150px;float:right;box-sizing:border-box}
.comRec_coll .rec_c a .info p{width:100%;font-size:15px;font-family:Microsoft YaHei;font-weight:400;color:#333333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:5px}
.comRec_coll .rec_c a .info span{font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:#999999}
.comRec_coll .rec_c a .info .btn{width:88px;height:28px;background:#ffffff;border:1px solid #3D7EFF;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#3D7EFF;line-height:28px;text-align:center;margin-top:14px}
.comRec_coll .rec_c a:hover .info .btn{background:#3D7EFF;color:#ffffff}
.recapp_tit{font-size:16px;font-family:Microsoft YaHei;font-weight:400;display:block;width:150px;height:22px;float:right;margin-bottom:14px}
.recapp_tit p{font-size:16px;color:#333333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}
.comRec_coll .rec_c a:hover .recapp_tit p{color:#3D7EFF}
ul.disc_list{overflow:hidden}
ul.disc_list li{display:block;width:160px;background:#ffffff;border:1px solid #f2f2f2;padding:18px;box-sizing:border-box;text-align:center;overflow:hidden;margin-right:23px;margin-top:22px;float:left}
ul.disc_list li:nth-child(7n){margin-right:0}
ul.disc_list li:hover{border:1px solid #3D7EFF;box-shadow:0px 4px 0px 0px rgba(200,200,255,0.1)}
ul.disc_list li a{display:block}
ul.disc_list li a img{width:100px;height:100px;box-sizing:border-box;border:1px solid #eee;border-radius:20px}
ul.disc_list li a span{font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:#adadad}
ul.disc_list li a p{width:100%;height:20px;font-size:15px;font-family:Microsoft YaHei;font-weight:400;color:#333333;overflow:hidden;word-break:break-all;margin-top:10px}
ul.disc_list li:hover a p{color:#3D7EFF}
.ineRec_box .word{width:770px;overflow:hidden;float:left;margin-top:20px}
.ineRec_box .word a{display:block;width:370px;line-height:22px;margin-right:30px;margin-bottom:18px;font-family:Microsoft YaHei;font-weight:400;overflow:hidden;float:left}
.ineRec_box .word a:nth-child(2n){margin-right:0px}
.ineRec_box .word a:nth-last-child(1){margin-bottom:0}
.ineRec_box .word a:nth-last-child(2){margin-bottom:0}
.ineRec_box .word a span:nth-of-type(1){font-size:15px;color:#3D7EFF;float:left;margin-right:10px}
.ineRec_box .word a p{color:#333333;font-size:15px;float:left;width:310px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ineRec_box .word a:hover p{color:#3D7EFF}
.ineRec_box .word a span:nth-of-type(2){font-size:12px;color:#999999;float:right}
ul.comm_wdList{width:460px;margin-right:30px;float:left;overflow:hidden}
ul.comm_wdList li{float:left;display:inline-block;margin-top:20px;width:220px;margin-right:20px;overflow:hidden}
ul.comm_wdList li:nth-child(2n){margin-right:0}
ul.comm_wdList li > a{width:100%;overflow:hidden;display:block}
ul.comm_wdList li > a img{width:220px;height:136px;float:left}
ul.comm_wdList li > a span{width:100%;float:left;display:block;text-align:center;height:20px;overflow:hidden;margin-top:8px}
.img-container{width:100%;margin:0 auto}
.img-container > div{float:left;margin:0 14px 10px 14px}
.img-container > div.img-con1{margin-left:0}
.img-container > div.img-con4{margin-right:0}
.img-container > div a{margin-top:25px;box-shadow:0px 2px 8px 0px rgba(149,149,149,0.94);border-radius:6px;overflow:hidden;width:100%;display:block;position:relative}
.img-container a span{width:100%;height:32px;overflow:hidden;background:rgba(0,0,0,0.5);position:absolute;left:0;bottom:0;line-height:32px;box-sizing:border-box;padding:0 20px;text-align:center}
.img-container a:hover span{width:100%;height:100%;overflow:hidden;background:rgba(0,0,0,0.5);position:absolute;left:0;top:0;box-sizing:border-box;padding:0 20px;text-align:center;display:table}
.img-container a span em{width:100%;text-align:center;display:block;vertical-align:middle;color:white;font-size:14px}
.img-container a:hover span em{font-size:16px;display:table-cell}
.img-con1{width:238px}
.img-con1 a{height:254px}
.img-con2{width:336px}
.img-con2 a{width:336px;height:534px}
.img-con3{width:276px}
.img-con3 a{height:161px}
.img-con4{width:324px}
.img-con4 a{height:254px}
.img-container div a img{width:100%;height:100%;display:block;vertical-align:bottom;transition:all .4s ease}
.img-container div a:hover img{transform:scale(1.3)}
.mr30{margin-right:30px}


.brandTit{width:100%;color:#fff;position:relative;background:url("../images/maxtitlebg.jpg") repeat;padding:10px 0 10px 20px;box-sizing:border-box;height:50px}
.brandTit span{width:100%;letter-spacing:0.4px;display:block;margin-top:6px}
.brandTit a{color:#ddd;position:absolute;right:12px;top:16px}
.brandTit a:hover{color:#fff}

.comRec_coll .item{overflow:hidden;width:1300px;margin:25px 0 0}
.comRec_coll .item .lis{display:block;float:left;margin:7px 55px 20px 0;position:relative;overflow:hidden}
.comRec_coll .item .lis,.comRec_coll .item .lis img{width:270px;height:135px}
.comRec_coll .item .lis img{transition:all .2s linear;position:relative;z-index:1}
.comRec_coll .item .lis p{width:260px;height:40px;line-height:40px;padding:0 5px;text-align:center;position:absolute;z-index:2;background:rgba(0,0,0,.6);left:0;bottom:0;color:#fffefe;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.comRec_coll .item .lis .upbox{position:absolute;background:rgba(0,0,0,.6);left:0;top:100%;bottom:100%;z-index:9;width:100%;height:100%;transition:all .3s linear;text-align:center}
.comRec_coll .item .lis .upbox span{font-size:24px;text-align:center;width:100%;color:#fff;margin:25px 0 20px 0;font-weight:700;display:inline-block}
.comRec_coll .item .lis .upbox .btn{display:block;width:84px;height:30px;line-height:30px;color:#fff;font-size:16px;background:#fe6553;margin:0 auto;text-align:center;overflow:hidden}
.comRec_coll .item .lis:hover p{bottom:-40px}
.comRec_coll .item .lis:hover .upbox{top:0}