*{word-break: break-word;}
img{max-width:100%;}
.banner{position: relative;overflow: hidden;}
.banner .words{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: #fff;font-weight: bold;font-size: 30px;font-style: italic;}
.banner .words:before{width:150px;height:35px;content:'';display:block;position:absolute;background:url(../images/bg2.png) center center no-repeat;left: -180px;top: -21px;}
.banner .words:after{width:150px;height:35px;content:'';display:block;position:absolute;background:url(../images/bg3.png) center center no-repeat;right: -180px;top: 21px;}
.banner img{width:100%;}
.list{display:flex;flex-wrap:wrap;border-bottom: 1px solid #e5e5e5;overflow: hidden;width: 100%;}
.list a{flex:1;text-align: center;line-height: 25px;border-right: 1px solid #e5e5e5;box-sizing: border-box;font-size: 16px;font-weight: bold;color: #666666;text-transform: capitalize;padding: 25px 10px;word-break: break-word;}
.list a:last-child{border:0;}
.list a.on{color:#dd0012;border-bottom: 2px solid #dd0012;}
.about{width:1200px;margin:0 auto;}
.content .name{font-size:30px;font-weight:bold;text-align:center;margin: 60px 0px 0px 0px;color: #333;font-style: italic;text-transform: uppercase;}
.content .name:after{width:100px;height:10px;background:url(../images/icon-slide.png) center center no-repeat;content:'';margin: 25px auto 20px;display:block;}
.aboutInfo{font-size:20px;color:#333333;line-height: 36px;}
.aboutInfo .img{margin:0px 20px 0px 0px;}
.aboutInfo img{max-width:100%;}
.aboutInfo .img2{margin: 30px 24px 0px 0px;}
.aboutInfo .img2:nth-child(3n){margin-right:0;}

.product li{width:380px;height:205px;float:left;overflow:hidden;margin: 0px 30px 30px 0px;}
.product li img{width:100%;height:100%;transition:0.5s all ease;}
.product li .title{font-weight:bold;font-size:18px;color:#fff;text-align:center;line-height: 30px;position: absolute;top: 50%;transform: translateY(-50%);left: 50%;width: 100%;left: 0px;}
.product li a{display:block;position:relative;width:100%;height:100%;}
.product li:hover img{/* transform:scale(1.2); */}
.product li:hover:after{display:none;}
.product li:nth-child(3n){margin-right:0;}
.product li a:before{position:absolute;left:0;top:0;background:rgba(0,0,0,0.5);content:'';width:100%;height:100%;opacity: 1;transition: 0.5s all ease;}
.product li:hover a:before{opacity:0;}

.about .more{width:155px;height:50px;line-height:50px;border:1px solid #e0e0e0;display:block;border-radius:100px;text-align:center;color:#333333;font-size:18px;margin: 0 auto 70px;transition:0.5s all ease;}
.about .more:hover{background:#dd0012;color:#fff;}

/*product*/
.product{width: 1200px;margin: 30px auto 0px;}
.threelist{text-align:center;margin: 30px auto 0px;width: 1200px;}
.threelist a{width: 224px;height:55px;line-height:55px;background:#f0f0f0;color:#333;font-size:16px;text-align:center;display:inline-block;border-radius:10px;margin: 0px 6px 15px 6px;}
.threelist a.on{background:#dd0012;color:#fff;}
.threelist a:hover{background:#dd0012;color:#fff;}
.productlist{width:1200px;margin:0 auto;}
.productlist ul{margin:40px 0px;}
.productlist ul li{width:380px;float:left;margin:0px 30px 30px 0px;}
.productlist ul li:nth-child(3n){margin-right:0;}
.productlist ul li .Img{height:250px;overflow:hidden;width:100%;text-align: center;line-height: 250px;}
.productlist ul li img{max-width:100%;max-height:100%;transition:0.5s all ease;vertical-align: middle;}
.productlist ul li .title{font-size:18px;color:#333;margin:16px 0px 0px 0px;text-align:center;}
.productlist ul li:hover img{transform:scale(1.2);}
.productlist ul li:hover .title{color:#dd0012;}

/*productInfo*/
.productInfo{width:1200px;margin:60px auto 70px;}
.productInfo1L{width:510px;float: left;}
.productInfo1L .mySwiper2{height: 338px;}
.productInfo1L .mySwiper2 .swiper-slide{width:100%;height:100%;}
.productInfo1L .mySwiper2 .swiper-slide img{width:100%;height:100%;}
.productInfo1L .mySwiper{height: 75px;margin:14px 0px 0px 0px;}
.productInfo1L .mySwiper .swiper-slide{width:115px;}
.productInfo1L .mySwiper .swiper-slide img{width:100%;height:100%;}


.productInfo1R{width:660px;float:right;height: 425px;position: relative;}
.productInfo1R .title{font-size:24px;color:#333333;font-weight:bold;padding: 0px 0px 25px 0px;border-bottom: 1px solid #e5e5e5;margin: 0px 0px 20px 0px;}
.productInfo1R .productInfo1R1{color:#333333;font-size:20px;line-height: 40px;}
.productInfo1R a{width:315px;height:60px;line-height:60px;font-size:18px;background:#03b605;font-weight:bold;color:#fff;display:inline-block;text-align:center;border-radius:6px;position:absolute;bottom:10px;}
.productInfo1R a img{vertical-align:middle;margin:-3px 10px 0px 0px;}
.productInfo1R a.Supplier{right:0px;background:#1959bb;}
.productInfo2 .details{text-align:center;height:60px;background:#f0f0f0;font-size:18px;color:#333;font-weight:bold;line-height:60px;margin:50px 0px 30px 0px;}
.productInfo2_1{font-size: 18px;color: #333;line-height: 36px;}
.productInfo2_1 img{max-width:100%;}
.productInfo2_1 .t1{color:#dd0012;font-size:24px;font-weight:bold;}
.Supplier_form{position:absolute;width:100%;height:376px;background:#e9effd;top:50px;padding:20px 30px;box-sizing:border-box;display: none;height: 400px;}
.Supplier_form .p3{font-size:18px;color:#333333;font-weight:bold;line-height:30px;margin: 0px 0px 5px 0px;}
.Supplier_form .p4{color:#666666;font-size:16px;line-height: 22px;margin:0px 0px 10px 0px;}
.Supplier_form textarea{border:1px solid #d1d1d1;width:100%;height:60px;border-radius:5px;padding:10px;box-sizing:border-box;outline:none;font-size:14px;color:#999999;margin: 0px 0px 13px 0px;resize: none;}
.Supplier_form .p3 em{color:#dd0012;font-style:normal;}
.Supplier_form .Inp1 .s_inp{width:290px;float:left;}
.Supplier_form .Inp1 .s_inp:nth-child(2n){float:right;}
.Supplier_form .Inp1 .s_inp input{border:1px solid #d1d1d1;width:100%;height:40px;background:#fff;text-indent:15px;border-radius:5px;box-sizing:border-box;}
.Supplier_form .Inp1 .s_inp .s1{width:98px;padding: 0px 0px 0px 40px;background:url(../images/icon-c1.png) #fff 10px center no-repeat;}
.Supplier_form .Inp1 .s_inp .phone{width:180px;float: right;}
.Supplier_form .btn{width:100%;height:60px;line-height:60px;background: #1959bb url(../images/icon-paper.png) 165px center no-repeat;color:#fff;font-size:18px;font-weight:bold;text-indent: 37px;margin: 23px 0px 0px 0px;cursor: pointer;}

/*factory*/
.factory{width:1200px;margin:0 auto;}
.factory ul{margin: 42px 0px 20px 0px;}
.factory li{float: left;width:585px;height: 380px;margin: 0px 30px 30px 0px;}
.factory li:nth-child(2n){margin-right:0;}
.factory li .Img{width:100%;height:100%;overflow:hidden;}
.factory li img{width:100%;height:100%;transition:0.5s all ease;}
.factory li:hover img{transform:scale(1.2)}

#pages{text-align:center;}
#pages a{width:41px;height:41px;display:inline-block;border:1px solid #d2d2d2;line-height:41px;box-shadow: 0px 2px 5px 1px #eee;font-size:18px;color:#666666;box-sizing: border-box;border-radius: 5px;margin: 0px 4px;}
#pages a.prev{background:url(../images/icon-left.png) center center no-repeat;font-size:0;position:relative;top:-6px;}
#pages a.next{background:url(../images/icon-right.png) center center no-repeat;font-size:0;position:relative;top:-6px;} 
#pages a.currentpage{color:#fff;background:#dd0012;}
/* Info */
.Info{width:1200px;margin:50px auto;}
.Info .articleTitle{text-align:center;font-size: 24px;color:#333;font-weight: bold;}
.Info .article_info{font-size: 20px;color: #333333;line-height: 36px;margin:30px 0px 0px 0px;}
.Info .time{color:#666666;font-size:16px;text-align:center;margin:30px 0px 20px 0px;}
.Info .article_info img{max-width:100%;}
/*partnets*/
.partnets{width:1200px;margin:0 auto;}
.partnets li{float:left;width: 220px;height:90px;line-height:90px;margin:0px 25px 25px 0px;text-align: center;box-shadow: 3px 6px 12px 2px #eee;}
.partnets li:nth-child(5n){margin-right:0;}
.partnets li img{vertical-align:middle;max-width:70%;max-height:90%;transition:0.5s all ease;}
.partnets ul{margin:0px 0px 25px 0px;}
.partnets li:hover img{transform:scale(1.2);}

/*.contact*/
.contact .productInfo1R{float: left;height: 415px;background: #e9effd;}
.contact .contactR{float: right;width: 510px;}
.contact .Supplier_form{top:0;padding: 35px 30px 0px 30px;display: block;}
.contact .contactR .title{color:#333333;font-size:20px;font-weight:bold;}
.contact .contactR .classInfo{font-size:18px;color:#666666;line-height: 36px;margin: 15px 0px 0px 0px;}
.contact .contactR .p22{font-size:18px;color:#215cae;padding:10px 0px 20px 0px;border-bottom:1px solid #f1f1f1;margin:0px 0px 20px 0px;}
.contact .contactR .p3{color:#333333;font-weight:bold;font-size:20px;margin: 0px 0px 10px 0px;}
.contact .contactR .p3 i{color:#666666;font-size:18px;font-weight: normal;}
.contact .contactR dd{color:#22689d;font-size:14px;padding:0px 0px 0px 30px;line-height: 24px;margin:0px 0px 15px 0px;}
.contact .more{width:155px;height:50px;line-height:50px;border:1px solid #e0e0e0;display:block;border-radius:100px;text-align:center;color:#333333;font-size:18px;margin: 0 auto 70px;transition:0.5s all ease;}
.contact .more:hover{background:#dd0012;color:#fff;}

/*news*/
.News{width:1200px;margin:0 auto;}
.News ul{margin:0px 0px 50px 0px;}
.News li{width:100%;padding:40px 0px;border-bottom:1px dashed #e8e8e8;}
.News li .Img{float:left;width: 320px;height: 210px;overflow:hidden;}
.News li .Img img{width:100%;height:100%;transition:0.5s all ease;}
.News li .words{width:850px;float:right;}
.News li .title{color:#333333;font-size:20px;}
.News li .summary{color:#666666;font-size:16px;line-height: 34px;margin: 17px 0px 15px 0px;}
.News li .time{color:#666666;font-size:16px;}
.News li:hover .title{color:#dd0012;}
.News li:hover .time{color:#dd0012;}
.News li:hover img{transform:scale(1.2);}


/*search*/
.search{width:1200px;margin:0 auto;}
.search ul{margin:0px 0px 40px 0px;}
.search li{padding:10px 0px;border-bottom:1px solid #eee;}
.search li a{color:#333;font-size:18px;display:block;height:20px;line-height:20px;overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;}

/*video*/
.video{width:1200px;margin: 25px auto;}
.videovideo ul{margin: 42px 0px 20px 0px;}
.video li{float: left;width:380px;margin: 0px 30px 30px 0px;}
.video li:nth-child(3n){margin-right:0;}
.video li .Img{width:100%;height:250px;overflow:hidden;position:relative;}
.video li img{width:100%;height:100%;transition:0.5s all ease;}
.video li .Img:before{width:100%;height:100%;background:rgba(0,0,0,0.5);content:'';position:absolute;left:0px;}
.video li .Img:after{width: 64px;height: 64px;background:url(../images/icon-circle.png) center center no-repeat;content:'';position:absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.video li:hover img{transform:scale(1.2)}
.video li .title{font-size:18px;color:#333;margin:15px 0px 0px 0px;text-align:center;}
.video li:hover .Img:after{display:none;}
.video li:hover .title{color:#dd0012;}


/*fairs*/
.fairs{width:1200px;margin: 45px auto 0px;}
.fairs .name{text-align:center;}
.fairs .name:after{margin: 20px auto 40px;}
.fairs li{float:left;width:370px;margin: 0px 45px 50px 0px;}
.fairs li .day{font-size:38px;color:#4a4a4a;width:60px;text-align:center;}
.fairs li .years{font-size:16px;color:#5f5f5f;width:60px;text-align:center;margin: 5px 0px 0px 0px;float: left;}
.fairs .more1{width:107px;height:40px;line-height:40px;border: 1px solid #e5e2e2;border-radius:100px;text-align:center;color:#949494;font-size:14px;transition:0.5s all ease;float: right;margin: 10px 0px 0px 0px;}
.fairs .more1:hover{background:#dd0012;color:#fff;}
.fairs .time{padding:0px 0px 20px 0px;border-bottom:1px solid #e5e5e7;}
.fairs .title{color:#333;font-size:20px;margin:30px 0px 20px 0px;}
.fairs .Img{height:230px;width:100%;line-height:230px;overflow:hidden;text-align: center;box-shadow: 0px 3px 10px 3px #eee;}
.fairs li img{vertical-align:middle;max-width:100%;max-height:95%;transition:0.5s all ease;}
.fairs li:hover img{transform:scale(1.2);}
.fairs li:nth-child(3n){margin-right:0;}






@media(max-width:1600px){
    .list a{font-size:14px;}
    
}

@media(max-width:1360px){
    .list a{font-size: 14px;}
    
}


@media(max-width:880px){
    .list{display: none;}
    .content .name{font-size: 18px;margin: 30px auto 0px;}
    .content .name:after{margin: 10px auto 10px;background-size: 30px;}
    .banner img{min-height: 120px;}
    .banner .words{font-size:18px;}
    .banner .words:before{background-size: 80px;width: 80px;height: 20px;left: -90px;top: -10px;}
    .banner .words:after{background-size: 80px;width: 80px;height: 20px;right: -90px;top: 10px;}
    .productlist{width:92vw;}
    .productlist ul{margin:20px 0px;}
    .threelist{margin: 20px auto 0px;height: 30px;overflow: hidden;width: 94vw;}
    .threelist a{font-size: 12px;width: calc((100% - 16px)/3)!important;height: 30px;line-height: 30px;border-radius: 5px;margin: 0;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;padding: 0px 3px;box-sizing: border-box;}
    .three {height:30px;}
    .productlist ul li{width:48%;margin: 0px 0px 15px 0px;}
    .productlist ul li .Img{height: 30vw;line-height: 30vw;}
    .productlist ul li img{height:100%;width:100%;}
    .productlist ul li .title{font-size:12px;margin: 6px 0px 0px 0px;height: 20px;overflow: hidden;line-height: 20px;}
    .productlist ul li:nth-child(2n){float:right;}

    .productInfo{width: 92vw;margin: 30px auto 30px;}
    .productInfo1L{width: 100%;float: none;}
    .productInfo1L .mySwiper2{height: 60vw;}
    .productInfo1L .mySwiper{margin: 10px 0px 0px 0px;height: 55px;}

    .productInfo1R{width: 100%;float: none;height: auto;}
    .productInfo1R .title{font-size:16px;margin: 20px 0px 13px 0px;padding: 0px 0px 12px 0px;}
    .productInfo1R .productInfo1R1{font-size:14px;line-height: 24px;margin: 0px 0px 15px 0px;}
    .productInfo1R a{position:unset;width: 47%;height: 35px;line-height: 35px;font-size: 12px;}
    .productInfo1R a img{max-width:15px;}
    .productInfo1R a.Supplier{float:right;}

    .productInfo2 .details{height:40px;line-height:40px;font-size:16px;margin: 30px 0px 20px 0px;}
    .productInfo2_1{font-size:14px;line-height:24px;}
    .productInfo2_1 .t1{font-size:16px;}

    .Supplier_form{padding: 10px 10px 15px 10px;height: auto;}
    .Supplier_form .p3{font-size: 15px;line-height: 24px;margin: 0px 0px 3px 0px;}
    .Supplier_form .p4{font-size: 13px;margin: 0px 0px 3px 0px;}
    .Supplier_form textarea{margin: 0px 0px 5px 0px;}
    .Supplier_form .Inp1 .s_inp{width:100%;float: none;margin: 0px 0px 5px 0px;}
    .Supplier_form .Inp1 .s_inp .phone{width: calc(100% - 110px);}
    .Supplier_form .Inp1 .s_inp input{height: 34px;line-height: 34px;}
    .Supplier_form .btn{height:40px;line-height:40px;background: #1959bb url(../images/icon-paper.png) 93px center no-repeat;font-size: 14px;background-size: 16px;text-indent: 30px;margin: 7px 0px 0px 0px;}

    .about{width:92vw;}
    .aboutInfo{font-size:14px;line-height:24px;}
    .aboutInfo .imgdiv img{width: 48.5%;margin: 0px 0px 10px 0px;}
    .aboutInfo .imgdiv img:nth-child(2n){float:right;}
    .aboutInfo .img2{width:48%;margin: 0px 4% 3.5vw 0px;height: 112px;}
    .aboutInfo .img2:nth-child(2n){float:right;margin-right: 0px;}

    .product{width:92vw;margin: 17px auto 0px;}
    .product li{width: 48.5%;height:30vw;margin: 0px 3% 3% 0px;}
    .product li .title{font-size:12px;line-height: 18px;word-break: break-word;}
    .product li:nth-child(3n){margin: 0px 3% 3% 0px;}
    .product li:nth-child(2n){float:right;margin: 0px 0px 3% 0px;}
    .about .more{width:100px;height: 30px;line-height: 30px;font-size:14px;margin: 15px auto 35px;}

    /*.factory*/
    .factory{width:92vw;}
    .factory li{width: 48.5%;margin: 0px 0px 2.5vw 0px;height: 30vw;}
    .factory li:nth-child(2n){float:right;}
    #pages a{width: 22px;height: 22px;line-height: 20px;border-radius: 2px;margin: 0px 2px;font-size: 12px;}
    #pages a.prev{background-size: 6px;top: -4px;}
    #pages a.next{background-size: 6px;top: -4px;}

    /*.partnets*/
    .partnets{width:92vw;}
    .partnets ul{margin:20px 0px;}
    .partnets li{width:32%;margin:0px 2% 10px 0px;height: 60px;line-height: 60px;}
    .partnets li:nth-child(5n){margin:0px 2% 10px 0px;}
    .partnets li:nth-child(3n){margin-right:0;}
    .partnets li .Img{height:60px;}
    .partnets li img{max-height: 70%;}

    .contact .Supplier_form{padding: 10px 10px 15px 10px;position: unset;height: auto;}
    .contact .productInfo1R{height:auto;float: none;}
    .contact .contactR{width:100%;float:none;}
    .contact .contactR .title{font-size:16px;margin: 20px 0px 0px 0px;}
    .contact .contactR .classInfo{font-size:14px;line-height:22px;margin: 8px 0px 0px 0px;}
    .contact .contactR .p22{font-size:14px;}
    .contact .contactR .p3{font-size:16px;}
    .contact .contactR dd{line-height: 20px;background-size: 15px!important;padding: 0px 0px 0px 20px;}


    /*.News*/
    .News{width: 92vw;}
    .News ul{margin:0px 0px 20px 0px;}
    .News li{padding: 15px 0px;}
    .News li .Img{width:40%;height: 24vw;}
    .News li .words{width:58%;}
    .News li .title{font-size:16px;height:20px;overflow:hidden;}
    .News li .summary{height:40px;overflow:hidden;line-height:20px;margin: 7px 0px 7px 0px;font-size: 14px;}
    .News li .time{font-size: 12px;}


    .Info{width:92vw;margin: 30px auto;}
    .Info .articleTitle{font-size:18px;}
    .Info .time{font-size: 12px;margin: 20px 0px;}
    .Info .article_info{font-size:14px;line-height:24px;}

    .fairs{width:92vw;}
    .fairs .name{margin:20px 0px 20px 0px;}
    .fairs li{width:48%;margin: 0px 0px 20px 0px;}
    .fairs li:nth-child(2n){float:right;}
    .fairs .time{padding: 0px 0px 10px 0px;}
    .fairs li .day{font-size:20px;}
    .fairs li .years{font-size:12px;margin: 3px 0px 0px 0px;}
    .fairs .more1{width:80px;height: 26px;line-height: 26px;font-size:12px;margin: 6px 0px 0px 0px;}
    .fairs .title{font-size:16px;margin: 13px 0px 12px 0px;}
    .fairs .Img{height: 30vw;line-height: 30vw;}
    .fairs .more{margin: 10px auto;width: 100px;height: 30px;line-height: 30px;font-size: 14px;}

    .video{width:92vw;}
    .video li{width:48%;margin:0px 0px 20px 0px;}
    .video li:nth-child(2n){float:right;}
    .video li .Img{height:30vw;}
    .video li .title{font-size:14px;margin:10px 0px 0px 0px;height:20px;overflow:hidden;}

    .video li .Img:after{width:40px;height:40px;background-size:cover;}



    .search{width:94vw;}
    .search li a{font-size:14px;}

    .contact .more{margin: 10px auto;width: 100px;height: 30px;line-height: 30px;font-size: 14px;}



    
    
}