body{width: 100%;position: relative;background: #f2f2f2;}

.banner {position: relative;overflow: hidden;}
.banner .bx-wrapper,.banner .bx-viewport{overflow: hidden;}
.banner .slider{position: relative;width: 100%;overflow: hidden;}
.banner .slider .list,.banner .slider .list li{overflow: hidden;}
.banner .slider .list li a{display: block;}
.banner .slider .list .img{width: 100%;overflow: hidden;}
.banner .slider .list .img img{width: 100%;}
.banner .bx-pager{display: none;}
.banner .bx-controls .bx-controls-direction a{text-indent: -999999px;width: 40px;height: 40px;position: absolute;top: 50%;margin-top: -20px;display: block;background-repeat: no-repeat;background-position: center center;background-size: 100%;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; ;transition: all 0.3s ease;}
.banner .bx-controls .bx-controls-direction a.bx-prev{left: 70px;background-image: url("../images/icon_prev.png"); }
.banner .bx-controls .bx-controls-direction a.bx-next{right: 70px;background-image: url("../images/icon_next.png"); }
.banner .bx-controls .bx-controls-direction a.bx-prev:hover{background-image: url("../images/icon_prevh.png");}
.banner .bx-controls .bx-controls-direction a.bx-next:hover{background-image: url("../images/icon_nexth.png");}



.content{position: relative;z-index: 10;}
.content .wrap{padding: 60px 0;position: relative;}

.content .index-about{margin-top: -165px;background-color: #fff;background-position: left bottom;background-repeat: no-repeat;background-image:url("../images/about_bg.png");background-size: auto 100%; overflow: hidden;}

.index-about .about-img{float: left;width: 649px;position: relative;padding-top: 38px;padding-bottom: 24px;}
.index-about .about-img .img img{width: 100%;}
.index-about .videobox{width: 310px;height: 175px;position: absolute;right: -144px;bottom: -35px;overflow: hidden;}
.index-about .videobox a{display: block;width: 100%;height: 100%;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.index-about .videobox video{width: 100%;height: 100%;object-fit: fill;}

.index-about .about-mes{float: right;width: 682px;}







.detail{}
.detail a{display: inline-block;font-size: 16px;line-height: 32px;color: #e8ad0f;font-weight: bold;padding: 0 28px;border: 3px solid #e8ad0f;border-radius: 25px;background: #fff;-webkit-transition: all .3s ease; -moz-transition: all .3s ease;-o-transition: all .3s ease ;transition: all .3s ease;}
.detail a em{display: inline-block;width: 13px;height: 32px;background-image: url("../images/icon_jt.png");background-repeat: no-repeat;background-position: center center;background-size: 13px;margin-left: 10px;}
.detail a:hover{box-shadow: 3px 4px 15px rgba(0,0,0,0.08);color: #f00;}

.content .index-product .detail{position: absolute;right: 0;top:90px;z-index: 10;}





.index-about .about-mes .info{font-size: 14px;line-height: 22px;color: #323232;}
.index-about .about-mes .info p{margin-bottom: 20px;}
/*以上是关于我们*/



.content .index-product{background-color: #fff;background-position: right bottom;background-repeat: no-repeat;background-image:url("../images/product_bg.png");background-size: cover; }



.index-product .product-list{padding-top: 50px;}
.index-product .product-list li{float: left;width: 23.5%;margin-right: 2%;position: relative;-webkit-transition: all .3s ease; -moz-transition: all .3s ease;-o-transition: all .3s ease ;transition: all .3s ease;}
.index-product .product-list li:last-child{margin-right: 0;}
.index-product .product-list li a{display: block;padding-top: 32px;padding-bottom: 44px;position: relative;z-index: 20;}
.index-product .product-list li .img{width: 100%;}
.index-product .product-list li .img img{width: 100%;}
.index-product .product-list li .mes{color: #332c2b;margin-top: 32px;}
.index-product .product-list li .mes,.index-product .product-list li .look{width: 71%;padding: 0 20px;box-sizing: border-box;}

.index-product .product-list li .mes h3{font-size: 30px;line-height: 38px;height:76px;font-weight: bold;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;margin-bottom: 15px;}
.index-product .product-list li .mes p{font-size: 18px;line-height: 26px;height: 52px;}
.index-product .product-list li .mes p em{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-transform: uppercase;font-family: 'gotham';}
.index-product .product-list li .look{font-size: 16px;line-height: 24px;color: #fff;font-weight: bold;margin-top: 10px;}
.index-product .product-list li .look span{display: inline-block;border-bottom: 3px solid #fff;}


/*.index-product .product-list li:hover:after{width: 100%;box-shadow: 5px 5px 40px rgba(0,0,0,0.20);background:#eabc40; background: -webkit-linear-gradient(to top left, #eeb922 5%, #fae865 50%, #eeb922 100%);  background: -o-linear-gradient(to top left, #eeb922 5%, #fae865 50%, #eeb922 100%);  background: -moz-linear-gradient(to top left, #eeb922 5%, #fae865 50%, #eeb922 100%);  background: linear-gradient(to top left, #eeb922 5%, #fae865 50%, #eeb922 100%);   }*/

.index-product .product-list li:after{content: "";position: absolute;left: 0;top:0;width: 71%;height: 100%;background-color: #fff;z-index: 9;-webkit-transition: all .3s ease; -moz-transition: all .3s ease;-o-transition: all .3s ease ;transition: all .3s ease;}

.index-product .product-list li:hover:after{width: 100%;box-shadow: 5px 5px 40px rgba(0,0,0,0.20);background-color:#fff;background-repeat: no-repeat;;background-position: center center;background-size: 100% 100%; }

.index-product .product-list #product1:hover:after{background-image: url("../images/proli_bg1.png");}
.index-product .product-list #product2:hover:after{background-image: url("../images/proli_bg2.png");}
.index-product .product-list #product3:hover:after{background-image: url("../images/proli_bg3.png");}
.index-product .product-list #product4:hover:after{background-image: url("../images/proli_bg4.png");}


/*.index-product .product-list li .bg{content: "";position: absolute;left: 0;top:0;width: 71%;height: 100%;z-index: 8;-webkit-transition: all .3s ease; -moz-transition: all .3s ease;-o-transition: all .3s ease ;transition: all .3s ease;background-color:#fff;background-repeat: no-repeat;background-position: center center;background-size: 100% 100%; }
.index-product .product-list li:hover .bg{width: 100%;}*/

.index-product .product-list li:hover .mes{color: #ce1212;}
.index-product .product-list li:hover .look{color: #ce1212;}
.index-product .product-list li:hover .look span{border-bottom: 3px solid #ce1212;}
/*以上是产品中心*/


.content .index-news{background-color: #fff;background-position: right bottom;background-repeat: no-repeat;background-image:url("../images/news_bg.png");background-size: auto 100%; }

.news-nav{position: absolute;right: 0;top:94px;z-index: 10;}
.news-nav a{display: inline-block;font-size: 14px;line-height: 14px;color: #5e5e5e;padding-left: 8px;margin-left: 20px;border-left: 3px solid #bcbcbc; }
.news-nav a:hover,.news-nav a.active{color: #ce1212;border-left: 3px solid #e8ad0f;font-weight: bold;}

.news-con{}
.news-con .news-hot{float: left;width: 476px;}
.news-con .news-hot a{display: block;position: relative;overflow: hidden;}
.news-con .news-hot .img{width: 100%;overflow: hidden;}
.news-con .news-hot .img img{width: 100%;-webkit-transition: all .5s linear; -moz-transition: all .5s linear;-o-transition: all .5s linear ;transition: all .5s linear;}
.news-con .news-hot .info{position:absolute;left: 0;bottom: -50px;width: 100%;-webkit-transition: all .5s ease; -moz-transition: all .5s ease;-o-transition: all .5s ease ;transition: all .5s ease; background: rgba(0,0,0,0.8);}
.news-con .news-hot .info p{padding: 10px 20px;font-size: 18px;line-height: 28px;color: #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news-con .news-hot a:hover .img img{-webkit-transform: scale(1.02,1.02);-moz-transform: scale(1.02,1.02);-ms-transform: scale(1.02,1.02);-o-transform: scale(1.02,1.02);transform: scale(1.02,1.02);}

.news-con .news-hot a:hover .info{bottom: 0;}


.news-con .newsList{float: left;width:940px; }
.news-con .newsList li{float: left;width: 48%;margin-left: 2%;padding-bottom: 15px;border-bottom: 1px solid #e8e8e8;margin-bottom: 15px;}
.news-con .newsList li:nth-child(3),.news-con .newsList li:nth-child(4){border-bottom: none;}
.news-con .newsList li a{display: block;color: #332c2b;}
.news-con .newsList li h3{font-size: 20px;line-height: 24px;color: #332c2b;font-weight: bold;height: 48px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 7px;}
.news-con .newsList li p{font-size: 12px;line-height: 20px;color: #5e5e5e;height: 60px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.news-con .newsList li span{display: block;font-size: 14px;line-height: 24px;color: #332c2b;font-weight: bold;margin-top: 20px;}
.news-con .newsList li:hover h3{color: #ce1212;}
/*以上是新闻中心*/


.content .index-aboutN{background-color: #fff;background-position: right bottom;background-repeat: no-repeat;background-image:url("../images/aboutN_bg.png");background-size: cover; }
.aboutN{padding: 60px 0;}
.aboutN .tit{color: #fff;}
.aboutN .tit em{display: block;font-size: 24px;line-height: 36px;text-shadow: 2px 2px 0 rgba(0,0,0,0.39);margin-bottom: 5px;}
.aboutN .tit p{font-size: 42px;line-height: 46px;font-weight: bold;text-shadow: 2px 2px 0 rgba(0,0,0,0.39);}

.aboutN .nlist{margin-top: 68px;}
.aboutN .nlist li{float: left;width: 24.5%;background-color: #fff;padding-bottom: 30px;margin-right: 0.666%;-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;}
.aboutN .nlist li:last-child{margin-right: 0;}
.aboutN .nlist li a{display: block;padding: 0 20px;}
.aboutN .nlist li .icon{padding-top: 40px;margin-bottom: 20px;}
.aboutN .nlist li .icon img{width: 44px;}
.aboutN .nlist li .icon img.icon-img-h{display: none;}
.aboutN .nlist li h3{font-size: 22px;line-height: 32px;color: #323232;height: 32px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: bold;margin-bottom: 5px;}
.aboutN .nlist li p{font-size: 14px;line-height: 18px;color: #717171;height: 36px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.aboutN .nlist li:hover .icon img.icon-img{display: none;}
.aboutN .nlist li:hover .icon img.icon-img-h{display: inline-block;}

/*.aboutN .nlist li:hover{background:#eabc40; background: -webkit-linear-gradient(to top left, #eeb922 0%, #fbe965 50%, #eeb922 100%);  background: -o-linear-gradient(to top left, #eeb922 0%, #fbe965 50%, #eeb922 100%);  background: -moz-linear-gradient(to top left, #eeb922 0%, #fbe965 50%, #eeb922 100%);  background: linear-gradient(to top left, #eeb922 0%, #fbe965 50%, #eeb922 100%);}*/

.aboutN .nlist li:hover{background-image: url("../images/nlist_bg.png");background-position: center center;background-repeat: no-repeat;background-size: 100% 100%;}
.aboutN .nlist li:hover h3,.aboutN .nlist li:hover p{color: #ce1212;/*text-shadow: 2px 2px 2px rgba(0,0,0,0.41);*/}