/*index*/
.index-pro{margin:50px auto 100px auto;}
.index-pro .pro-nav{padding-left:140px;}
.index-pro .pro-nav .text{text-align:left;margin:30px 0;}
.index-pro .pro-nav .text h3{font-size:30px;font-weight:400;}
.index-pro .pro-nav .text p{font-size:16px;opacity:0.5;margin:0px;}
.index-pro .pro-nav .list{margin:60px 0;}
.index-pro .pro-nav .list a{padding:0px 15px;display:inline-block;}
.index-pro dd li{float:left;width:24.25%;text-align:center;padding:1.5% 0.5%;}
.index-pro dd li:first-child{padding-left:0;}
.index-pro dd li:last-child{padding-right:0;}
.index-pro dd li a{display:block;position:relative;}
.index-pro dd li a img{transition: all 0.6s;display:block;width:100%;}
.index-pro dd li a:hover img{transform: scale(1.1);}
.index-pro-pic{overflow:hidden;margin:0px auto;text-align:center;}
.index-pro-title{position:absolute;top:0px;left:0px;right:0px;bottom:0px;display:none;background-color:rgba(0,0,0,0.3)}
.index-pro-title::after{position:absolute;top:30px;right:30px;bottom:30px;left:30px;border:2px solid #fff;box-shadow:0 0 0 30px rgb(255 255 255 / 20%);content:'';opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:scale3d(1.4,1.4,1);transform:scale3d(1.4,1.4,1);}
.index-pro-title>div{color:#fff;height:100%;display:flex;align-items:center;width:100%;line-height:34px;text-align:center;margin:0px auto;}
.index-pro-title>div>p{margin:0px auto;}
.index-pro dd li a:hover .index-pro-title{display:block;}
.index-pro dd li a:hover .index-pro-title::after{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}


.backcon{height:500px;overflow:hidden;color:#fff;background-position:center;background-repeat:no-repeat;background-size: cover;}
.backcon p{font-size:54px;font-weight:bold;line-height:90px;}
.backcon figure{margin-left:5%;margin-top:7%;}
.backcon .button01{display:inline-block;width:185px;height:17px;padding:12px;border:1px #fff solid;}
.backcon .button01:hover{background-color:rgba(0,0,0,0.3)}
.backcon .button01>img{height:17px;}
.backcon .text01{margin-top:40px;}

.index-news{margin:70px auto;}
.index-news .title{text-align:center;font-size:30px;margin-bottom:40px;}
.index-news .list ul li:nth-child(2){margin:0 2%;}
.index-news .list ul li p{font-size:14px;}
.index-news .list ul li img{opacity:1;transition:all ease-in-out 0.5s;display:inline-block;width:100%;}
.index-news .list ul li img:hover{opacity:0.6;}
.index-news .list ul li p{opacity:1;transition:all ease-in-out 0.5s;}
.index-news .list ul li p:hover{opacity:0.8;}

/*product*/
.product{padding:60px 0;}
.product .pro-categories{width:20%;}
.product .pro-categories ul li a{color:#868686;}
.product .pro-list{width:80%;}
.product .pro-list .list ul li{max-width:24%;color:#868686;text-align:center;margin-right:1.3333%;}
.product .pro-list .list ul li:nth-child(4n){margin-right:0;}
.product .pro-list .list{width:100%;padding-top:50px;}
.product .pro-list .list ul li .title p{color:#868686;}
.product .pro-list .list ul li .title p:hover{opacity:0.7;}
.product .pro-list .list ul li a{cursor:pointer;}
.product .pro-list .list ul li a:hover{opacity:0.7;}
.pro-categories .title{font-size:16px;margin-bottom:20px;font-weight:400;}
.pro-categories .cat-item{margin:10px 0;}
.pro-categories .cat-item a:before{content:" ";width:14px;height:14px;border-style:solid;border-width:1px;margin-right:8px;display:block;float:left;margin-top:2px;border-radius:14px;}
.pro-categories ul li .current-cat a{font-weight:bold;}
.pro-categories ul li.current-cat a::before{background:#000000;}
.path{color:#868686;font-size:12px;}
.path a{color:#868686;}
.breadcrump_sep{margin:0 10px;}
/*pro-view*/
.product-view{margin-top:130px;padding:50px 0;min-height:450px;}
.product-view .swiper{overflow:hidden;padding-top:50px;}
.product-view .swiper .vertical{width:20%;}
.product-view .swiper .vertical ul li:hover{opacity:0.5;}
.product-view .swiper .swiper-container .swiper-wrapper{text-align:center;}
.product-view .swiper .swiper-container .swiper-wrapper .swiper-slide{cursor:pointer;}
.product-view .swiper .vertical img{width:90px;cursor:pointer;}
.product-view .swiper .vertical .current img{opacity:0.5!important;}
.product-view .swiper-list{width:76%;overflow:hidden;margin:0 2%;}
.product-view .swiper-list ul{width:800%;position:relative;left:0;transition:ease-in-out all 0.7s;}
.product-view .swiper-list ul li{width:12.5%;}
.product-view .swiper-list ul li img{width:100%;}
.product-view .detail h1{margin:30px 0 20px 0;}
.product-view .detail aside{margin:20px 0;color:#868686;}
.recommend ul li{width:22%;}
.recommend ul li{margin-right:4%;text-align:center;}
.recommend ul li a{color:#868686;}
.recommend ul li:nth-child(4){margin-right:0;}
/*about*/
.about{padding:60px 0;}
.about .con{text-align:center;padding:80px 80px 0 80px;}
.about .con h3{font-size:30px;font-weight:400;margin-bottom:30px;}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000'%2F%3E%3C%2Fsvg%3E")!important;}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000'%2F%3E%3C%2Fsvg%3E")!important;right:10px;left:auto}
/*news*/
.news{margin-top:130px;padding:50px 0;}
.news .title{text-align:center;font-weight:400;font-size:60px;margin-bottom:20px;}
.news-nav{margin-bottom:50px;}
.news-nav ul{overflow:hidden;text-align:center;}
.news-nav ul li{display:inline-block;border-bottom:#c1c1c1b5 solid 1px;margin:0 20px 10px 20px;transition:ease-in-out all 0.4s;}
.news-nav ul li:hover{border-bottom:#c1c1c1b5 solid 0px;}
.news-nav ul li a{display:block;margin-bottom:10px;}
.news .list ul li{width:22%;margin-right:4%;margin-bottom:40px;}
.news .list ul li:nth-child(4n){margin-right:0;}
.news .list ul li:nth-child(3){margin-right:0;}
.news .list ul li:nth-child(1){width:48%;margin-right:4%;}
.news .list ul li .title{font-size:20px;text-align:left;}
.news .list ul li a{transition:all 0.5s ease-in-out;opacity:1;}
.news .list ul li a p:hover{transition:all 0.5s ease-in-out;opacity:1;}
.news .list ul li a:hover{opacity:0.6;}
.news .list ul li a p:hover{opacity:0.6;}
.news .list ul li .read_more::before{content:"";width:40px;height:1px;display:inline-block;vertical-align:middle;margin-right:10px;background-color:#000000;}
.index-news .list ul li{text-align:center;}
/*news-view*/
.news-view{margin-top:130px;padding:5px 0 50px 0;}
.news-view .title{margin:40px 0;text-align:center;}
.news-view .title h3{font-weight:normal;margin-bottom:20px;}
.news-view .title figure{font-size:14px;line-height:34px;color:#acacac;}
.news-view .title figure span{display:inline-block;vertical-align:top;margin:0 16px;}
.news-view img{width:100%!important;height:100%!important;}
.news-view .prev-next{padding:20px 0;font-size:16px;}
/*contact*/
.backbanner{margin-top:130px;}
.contact{padding:50px 0;}
.contact .title{text-align:left;}
.contact .feed{margin:0 auto;}
.contact .feed .input-wrap{margin-top:20px;position:relative;}
.contact .feed .input{display:block;border:1px solid #dcdcdc;font-size:16px;width:100%;height:22px;line-height:22px;background:#fafafa;padding:11px 24px;font-weight:normal;}
.contact .feed .content{display:block;border:1px solid #dcdcdc;font-size:16px;height:165px;line-height:28px;width:100%;background:#fafafa;padding:11px 24px;font-weight:normal;color:#656565;resize:none;margin:30px 0;}
.contact .feed .submit input{padding:5px 60px;font-size:20px;display:block;margin:0 auto;border-radius:5px;border-color:#000;background-color:#000;color:#fff;transition:all ease-in-out 0.3s;}

.index-news .list ul li p:nth-child(1){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index-news .list ul li p:nth-child(2){text-align:left;color:#868686;}
.news .list ul li p:nth-child(2){text-align:left;font-weight:400;font-size:14px;color:#868686;}
.honorlist ul li{padding-bottom:40px;}
.honorlist ul li img{max-width:100%;max-height:271px;}
#honor .honorlist{position:relative;}
#honor .swiper-button-prev{background:rgba(0,0,0,0.3) url(../../images/home/images_08.png) no-repeat center center;background-size:80% 80%;left:-5%;outline:none;}
#honor .swiper-button-next{background:rgba(0,0,0,0.3) url(../../images/home/images_07.png) no-repeat center center;background-size:80% 80%;right:-5%;outline:none;}
#map{width:100%;margin:0 auto;height:700px;}
@media screen and (max-width:768px){
    /*index*/
    .index-pro{margin:50px auto 50px auto;}
    .index-pro .pro-nav{padding-left:0px;}
    .index-pro .pro-nav .text{margin:0px;}
    .index-pro .pro-nav .text h3{font-size:18px;}
    .index-pro .pro-nav .text p{font-size:14px;}
    .index-pro .pro-nav .list{margin:10px 0px;width:100%;text-align:center;}
    .index-pro .pro-nav .list a{padding: 0px 0px;}
    .index-pro dd li{width:48.5%;padding:1.5% 1.5%;}
    .index-pro dd li:nth-child(2n){padding-right:0;}
    .index-pro dd li:nth-child(2n+1){padding-left:0;}

    .backcon{height:200px;background-position:right;}
    .backcon figure{text-align:center;position:relative;top:50%;transform:translateY(-50%);margin-left:0;}
    .backcon figure .title p{font-size:24px;line-height:40px;}
    .backcon .button01{width:190px;padding:5px 12px;background-color:rgba(0,0,0,0.3)}
    .backcon .button01>img{display:inline-block;}
    .backcon .text01{width:90%;display:inline-block;}
    .index-news .title{font-size:24px;}
    .index-news .list ul li{width:100%!important;}
    /*pro*/
    .product .pro-list .list{padding-top:10px;}
    .product .pro-list{width:100%;}
    .product .pro-list .list ul li{width:49%;max-width:49%;margin-right:2%;}
    .product .pro-list .list ul li:nth-child(2n){margin-right:0;}
    .product{padding:40px 0;}
    .product-view .swiper .vertical ul li{float:left;}
    .product-view .swiper{float:none;width:100%!important;}
    .product-view .swiper .vertical{width:100%;}
    .product-view .swiper-list{width:100%;}
    .product-view{margin-top:90px;}
    .product-view{padding:0 0px 30px 0px;}
    .product-view .w50{width:100%!important;}
    .product-view .detail h1{font-size:22px;font-weight:400;}
    .product-view{min-height:auto;}
    .recommend ul li{width:49%;margin-right:2%;}
    .recommend ul li:nth-child(2n){margin-right:0;}
    .about .w50{width:100%!important;}
    .about{max-width:90%;}
    .about .con{padding:40px 20px;}
    /*news*/
    .news .list ul li .title{font-size:14px;}
    .news{padding:20px 0;margin-top:90px;width:100%;}
    .news-view{margin-top:40px;padding:50px 0;max-width:80%!important;}
    .news .title{font-size:32px;}
    .news .list ul li:nth-child(1){width:100%;margin-right:0;}
    .news .list ul li{width:100%;margin-right:0;}
    /*contact*/
    .contact{padding:30px 0;}
    .contact{width:90%;}
    .contact .w50{width:100%!important;float:none;margin-bottom:30px;}
    .contact .feed{width:100%;margin:0 auto;}
    .contact .feed .input{width:85%;}
    .contact .feed .content{width:85%;}
    #map{width:100%;margin:0 auto;height:450px;}
}