.procatelist { width: 100%; padding-bottom: 80px; overflow: hidden; }
.dtdiv { width: 85%; margin: auto; }
.ptp { font-size: 30px; font-weight: bold; padding-top: 47px; width: 250px; }
.ptpp { color: #4f4e4e; font-size: 16px; margin-top: 7px; width: 350px; }
.ptpdiv { width: 100%; }
.pvdiv { width: 24.85%; display: block; float: left; position: relative;}
.pvwhite { width: 0.2%; height: 1px; display: block; float: left; }
.pvimg { width: 100%;   }
.pvdiv .pvimgtwo { width: 100%; transition: all 0.2s linear; visibility: hidden; position: absolute; z-index: 2; opacity: 0; top: 0;left:0; }
.pvdiv:hover .pvimgtwo { display: block; /* transform: scale(1.1);-webkit-transform: scale(1.17); -moz-transform: scale(1.17); -ms-transform: scale(1.17); -o-transform: scale(1.17);*/ visibility:visible; opacity: 1; }
.ptppimg { float: right; display: block; margin-top: 2px; }
.pgp { margin-bottom: 35px; display: block; width: 100%; height: 15px; }
.pgpp { margin-bottom: 39px; display: block; width: 100%; height: 15px; }
.aboutdiv { width: 100%; height: 903px; display: block; position: relative; margin-bottom: 5px; }
.avleft { width: 75%; height: 100%; float: left; overflow: hidden; position: relative; }
.atimg { display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; }
.agdiv { width: 100%; height: 354px; position: relative; }
.agdivleft { width: 50.3%; height: 100%; float: left; }
.atimgs { margin-top: 60px; margin-left: 25.7%; display: block; }
.asp { font-size: 26px; margin-top: 92px; margin-left: 25.4%; }
.aspp { font-size: 24px; margin-top: 14px; margin-left: 25.4%; }
.agdivright { float: left; width: 49.7%; }
.atdiv { font-size: 24px; color: #9c9a9a; margin-top: 92px; display: block; }
.avright { font-size: 16px; color: #332c2b; width: 63%; margin-top: 24px; line-height: 25px; margin-bottom: 65px; }
.shipina { position: absolute; bottom: 119px; left: 50%; transform: translate(-50%, 0%); }
.avrightdiv { width: 25%; float: left; height: 100%; background: #322d2a; position: relative; }
.avdiv { width: 71%; margin: auto; position: relative; }
.avspan { font-size: 55px; color: white; display: block; float: left; }
.avspans { font-size: 18px; background: #007108; color: white; width: 83px; display: block; float: left; height: 31px; line-height: 31px; text-align: center; border-radius: 5px; margin-top: 30px; margin-left: 9px; }
.avp { display: block; overflow: hidden; }
.avpp { font-size: 17px; color: white; margin-top: 15px; line-height: 25px; }
.avppdiv { width: 100%; height: 1px; background: #777676; margin-top: 61px; }
.ava { margin-top: 120px; }
.avb { margin-top: 74px; }
.avc { margin-top: 35px; }
.ptpspan { width: 51px; height: 6px; background: #007108; display: block; border-radius: 5px; margin-top: 6px; }
.tvaimg { width: 50%; float: left; display: block; }
.ditu { width: 100%; height: 674px; margin-bottom: 52px; }
.twodiv { overflow: hidden; }
.dituright { width: 30.73%; height: 100%; float: right; margin-right: 13.64%; }
.dtp { font-size: 36px; color: #333333; line-height: 50px; margin-top: 88px; }
.dtpdiv { width: 100%; height: 1px; background: #dbdbdb; position: relative; margin-top: 68px; }
.dvdiv { width: 100%; height: 156px; position: relative; border-bottom: 1px solid #dbdbdb; }
.ddvvdiv { width: 25%; float: left; height: 100%; position: relative; }
.dvp { font-size: 16px; text-align: center; position: absolute; bottom: 27px; width: 100%; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
.dvimg { margin: auto; display: block; margin-top: 31px; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
.dvbottom { display: block; margin-top: 65px; }
.dmimg { display: block; float: left; }
.dmp { font-size: 20px; color: #666666; float: left; display: block; margin-left: 42px; margin-top: 19px; }
.dmpspan { color: #dd242a; font-size: 30px; float: right; line-height: 29px; }
.anjia { margin-left: 6px; margin-top: 5px; }
.ddvvdiv:hover .dvimg { transform: translate(0%, -35%); }
.ddvvdiv:hover .dvp { transform: translate(0%, -35%); }

.wrap-title{margin: 70px auto;text-align:center;overflow:hidden;animation:fadeinT 1s;}
.wrap-title h2{font-size:48px;line-height:1.25;font-weight:normal;color:#333;}
.wrap-title p { margin-top: 10px; font-size: 24px; color: #333;}
.pc-news-title{display: block;}
.moile-news-title{display: none;}
@media (max-width:1200px) {
    .pc-news-title{display: none;}
   .moile-news-title{display: block;}
}
/* product */
.product { padding:0px; overflow: hidden; background: #fff;}
.product-list{position: relative;margin:50px 0 0 0; border:1px solid #e5e2e2;}
.product .product-slide { position: relative; margin:0px auto; width: 90%; overflow: hidden;}
.product .product-slide .swiper-slide { padding: 50px 0;  border-right: 1px solid #e5e2e2;}
.product .product-slide .pic { display: block; width: 100%; overflow: hidden;}
.product .product-slide .pic img { transition: all 1s;width: 100%;padding: 13%;border:none;}
.product .product-slide .text { position: relative; z-index: 2; margin-top:-35px; height: 65px; text-align: center;}
.product .product-slide .text p { font-size: 18px; color: #333;}
.product .product-slide .text span { display: block; margin-top: 5px; font-size: 14px; color: #b2b2b2;}
.product .product-slide .swiper-slide:hover img { transform: scale(1.1);}
.product .product-slide .swiper-slide:hover .text * { color: #007108 !important;}
.product-list .prev,.product-list .next { cursor: pointer; position: absolute; top: 50%; width: 35px; height: 35px; line-height: 35px; text-align: center; font-size: 16px; border-radius:50%; background-color: #868686; z-index: 2;}
.product-list .prev { left: 30px;}
.product-list .next { right: 30px;}
.product-list.prev:hover,.product-list .next:hover { background: #007108; color: #fff;}
.product-list .prev img,.product-list .next img{display: block; margin: 7px 0 0 7px; width: 20px;height: 20px;}
/* product  end */

@media (max-width:1440px) {
    .product .product-slide .text { margin-top:-30px;}
}
@media (max-width:1200px) {
    /* about end */
    .wrap-title h2{ font-size: 26px;}
    .wrap-title p {margin-top: 5px;font-size: 16px;}
    .product { padding:0px;}
    .product-slide .prev { left: 10px;}
    .product-slide .next { right: 10px;}
    .product .product-slide .swiper-slide { padding: 20px 0;}
    .product .product-slide .text { margin-top: -20px;}
    .product .product-slide .text p { font-size: 16px;}
}
@media(max-width:768px){
    .product{padding:0}
    .product .product-slide{width: 80%;}
    .product-list .prev {left: 5px;}
    .product-list .next {right: 5px;    }
}

@media (max-width: 450px) {
    .wrap-title{margin: 40px auto;}
    .wrap-title h2{font-size: 20px; color:#333;font-weight: bold;}
    .wrap-title p{font-size:14px;}
    .product .product-slide .swiper-slide{border:none;}
    .product .product-slide .text p{overflow: hidden;text-overflow: ellipsis;}
}


/* news */
.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 5px;
    padding-right: 5px;
}

@media (min-width: 1201px) {
    .container {
        width:1200px;
    }
}

@media (min-width: 1441px) {
    .container {
        width:1400px;
    }
}
@media (min-width: 992px) {
    .container {
        padding-left: 8px;
        padding-right: 8px;
    }
}
@media (min-width: 1402px) {
    .container-fluid,.container {
        padding-left: 12px;
        padding-right: 12px;
    }
}
@media (min-width: 1201px) {
    .container {
        width:1200px;
    }
}

.news { padding: 100px 0 75px; overflow: hidden; background: #fff;}
.news .news-hd { margin-bottom: 70px; overflow: hidden;}
.news .news-hd .title { float: left;    font-size: 40px;line-height: 1.25;font-weight: normal;color: #333;}
.news .news-hd .news-menu { float: right; height: 52px;}
.news .news-hd .news-menu li { float: left; width: 140px; height: 50px; line-height: 50px; text-align: center;}
.news .news-hd .news-menu li a { display: block; border: 1px solid #e8e8e8; color: #333; font-size: 18px;}
.news .news-hd .news-menu li.cur a { background: #007108; color: #fff; border-color: #007108;}
.news .news-hd .news-menu li:nth-child(n+2) a { border-left: none;}
.news .news-slide { margin: 0 -18px;display: block;overflow: hidden;}
.news .news-slide .item {float: left;animation:fadeinB 1.5s;  margin: 0 18px; width: calc(100%/3 - 36px);}
.news .news-slide .item .pic { display: block; overflow: hidden;}
.news .news-slide .item .pic img { transition: all 1s;width: 100%;}
.news .news-slide .item .text {position: relative;background: no-repeat right calc(100% - 25px);padding: 35px 0 25px;overflow: hidden;border-bottom: 1px solid #e5e5e5;}
.news .news-slide .item .text  h3 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.news .news-slide .item .text  h3 a { font-size: 20px; color: #333;}
.news .news-slide .item .text p { margin-top: 15px; font-size: 15px; color: #666; line-height: 1.75;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;}

.news .news-slide .item .text em { display: block; margin-top: 30px; font-size: 14px; color: #999;}
.news .news-slide .item .text  h3 a:hover { color: #1d9a89;}
.news .news-slide .item .pic:hover img { transform: scale(1.1);}
.news .news-more { text-align: center; margin-top: 75px;}
.news .news-more a { font-size: 16px; color: #666;}
.news .news-more a i { margin-left: 10px; font-size: 14px;}
.news .news-more a:hover { color: #1d9a89;}

@media (max-width:1200px) {
    .news { padding: 40px 15px;}
    .news .news-hd .wrap-title { float: none;}
    .news .news-hd .news-menu { float: none; margin-top: 0px; height: 37px;}
    .news .news-hd .news-menu li { width:50%; height: 35px; line-height: 35px;}
    .news .news-hd .news-menu li a { font-size: 16px;}
    .news .news-hd { margin-bottom: 20px;}
    .news .news-slide { margin:0;}
    .news .news-slide .item { float: none; width: 100%; margin:20px 0; overflow: hidden;}
    .news .news-slide .item .pic { float:left; width: 45%;}
    .news .news-slide .item .text { border-bottom: none; float: right; width: 50%; padding: 0; background: none;}
    .news .news-slide .item .text h3 a { font-size: 16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
    .news .news-slide .item .text p { font-size: 14px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;}
    .news .news-slide .item .text em { display: none;}
    .news .news-slide .item:nth-child(n+4) { display: none;}
    .news .news-more { margin-top: 20px;}
}
/* news end */



/* case */
.case { padding: 90px 0 0; background: #fff; overflow: hidden;}
.case .case-con { margin-top: 45px;overflow: hidden;}
.case .case-con .case-title{height: 50px;text-align: center; line-height: 50px; font-size: 20px; color: #000;display: none;}
.case .case-menu { position: relative;float: left;width: 25%;height: 780px;z-index: 9;}
.case .case-menu canvas {position:absolute;left:0;bottom: 0;width:100%;height: 250px;}
.case .case-menu .inner { position: relative; top: 50%; transform: translateY(-50%);}
.case .case-menu .inner .item {display: block;z-index: 4;width: 100%;}
.case .case-menu .inner .item .case-hd { padding-left: 50px; display: block; width: 100%; height: 78px; line-height: 78px;}
.case .case-menu .inner .item .case-hd small {display: inline-block;font-size: 16px;color: #fff;opacity: .9;}
.case .case-menu .inner .item .case-hd i {display: inline-block;margin-top: -5px;vertical-align: middle;margin-left: 90px;width: 30px;filter:contrast(0%) brightness(200%);-webkit-filter: contrast(0%) brightness(200%);-moz-filter: contrast(0%) brightness(200%);-ms-filter: contrast(0%) brightness(200%); -o-filter: contrast(0%) brightness(200%);}
.case .case-menu .inner .item .case-hd span { display: inline-block; margin-left: 20px; font-size: 20px; color: #fff;}
.case .case-menu .inner .item .tit {display: none;padding: 75px 30px 0;position: absolute;left: 100%;top: 0;width: 400px;height: 100%;background: #007108;z-index: 149;}
.case .case-menu .inner .item .tit h3 { font-size: 24px; color: #000; font-weight: bold;}
.case .case-menu .inner .item .tit h3  a {color: #000;}
.case .case-menu .inner .item .tit h3  a:hover { color: #1d9a89;}
.case .case-menu .inner .item .tit p { margin-top: 30px; font-size: 16px; line-height: 1.75; font-weight: bold;}
.case .case-menu .inner .item .tit > a  { display: block; margin: 55px 0 0; width: 150px; height: 45px; line-height: 45px; text-align: center; background: #000; color: #007108; font-size: 15px;}
.case .case-menu .inner .item .tit > a i { margin-left: 8px; display: inline-block; width: 20px; vertical-align: text-top;}
.case .case-menu .inner .item:nth-child(n+5) .tit { bottom: 0; top: auto;}
.case .case-menu .inner .item .tit > a:hover { background: #1d9a89; color: #fff;}
.case .case-menu .inner .item .tit > a:hover i {filter:contrast(0%) brightness(200%);-webkit-filter: contrast(0%) brightness(200%);-moz-filter: contrast(0%) brightness(200%);-ms-filter: contrast(0%) brightness(200%); -o-filter: contrast(0%) brightness(200%);}
.case .case-menu .inner .item.cur .case-hd{ background: #007108;}
.case .case-menu .inner .item.cur .case-hd small { color: #fff; opacity: 1;}
.case .case-menu .inner .item.cur .case-hd i {filter:none;}
.case .case-menu .inner .item.cur .case-hd span { color: #fff;}
.case .case-menu .inner .item:hover .tit { display: block;}
.case .case-slide {float: right;width: 75%;height: 780px;overflow: hidden;}
.case-slide .prev,.case-slide .next { display: none; position: absolute; top: 25%; width: 35px; height: 35px; line-height: 35px; text-align: center; font-size: 16px; border-radius:50%; background: #868686; z-index: 2;}
.case-slide .prev { left: 10px;}
.case-slide .next { right: 10px;}
.case-slide .prev:hover,.case-slide .next:hover { background: #007108; color: #fff;}
.case-slide .prev img,.case-slide .next img{display: block; margin: 7px 0 0 7px; width: 20px;height: 20px;}


@media (max-width:1440px) {
    .case .case-menu { height: 720px;}
    .case .case-slide { height: 720px;}
    .case .case-menu .inner .item .case-hd i { margin-left: 55px;}
}
@media (max-width:1200px) {
    .case .case-con .case-title{display: block;}
    .case .case-menu canvas { display:none;}
    .case { position: relative; padding: 40px 15px 0;}
    .case-slide .prev,.case-slide .next { display: block;top: 62%;}
    .case .case-slide { float: none; width: 100%; height: auto;}
    .case .case-menu .inner { top: auto; transform: none;}
    .case .case-menu .inner .item .case-hd { display: none;}
    .case .case-menu { float: none; width: 100%; height: auto;}
    .case .case-menu .inner .item .case-hd { padding:20px; height:50px; line-height: 50px;}
    .case .case-menu .inner .item .tit { padding: 20px; position: relative; top: auto; left: auto; bottom: auto; width: 100%; height: auto;}
    .case .case-menu .inner .item.cur .tit { display:block;}
    .case .case-menu .inner .item .tit h3 { font-size: 18px;}
    .case .case-menu .inner .item .tit p { margin-top: 20px; font-size: 14px;}
    .case .case-menu .inner .item .tit > a { margin: 35px 0 0;}
}
@media (max-width:450px) {
    .case-slide .prev, .case-slide .next {
        
    }
}


/* case end */




/* 视频 */
.video_case { width: 100%; height: 45vw; position: fixed; top: 0; left: 0; bottom: 0; right: 0; margin: auto; z-index: 999; background: rgba(0, 0, 0, 0.3); display: none; }
.main_video { width: 81%; height: 100%; margin: 0 auto; }
.video-one { width: 100%; height: 100%; }
.btn_video { position: absolute; top: 4%; right: 4%; cursor: pointer; width: 28px; height: 28px; color: white; font-size: 28px; }
.swiperone { overflow: hidden; position: relative; }
@media screen and (max-width:1680px) {
    .dmp { margin-left: 20px; }
    .dituright { width: 485px; }
    .atimgs { margin-left: 20%; }
    .asp { margin-left: 20%; }
    .aspp { margin-left: 20%; }
    .avright { width: 447px; }
    .agdivright { float: right; width: 47%; }
    .avspan { font-size: 50px; }
}
@media screen and (max-width:1600px) {
    .avdiv { width: 78%; }
}
@media screen and (max-width:1510px) {
    .dituright { margin-right: 6%; }
    .ava { margin-top: 80px; }
    .avb { margin-top: 50px; }
    .aboutdiv { height: 853px; }
    .avspan { font-size: 45px; }
    .avspans { margin-top: 23px; }
}
@media screen and (max-width:1400px) {
    .atimgs { margin-left: 13%; }
    .asp { margin-left: 13%; }
    .aspp { margin-left: 13%; }
    .avspan { font-size: 40px; }
    .avspans { margin-top: 16px; }
}
@media screen and (max-width:1300px) {
    .avright { width: 400px; }
    .atimgs { margin-left: 9%; }
    .asp { margin-left: 9%; }
    .aspp { margin-left: 9%; }
    .avspans { font-size: 15px; width: 74px; }
    .avleft { width: 70%; }
    .avrightdiv { width: 30%; }
    .avright { width: 330px; }
    .agdivright { width: 43%; }
    .atimgs { margin-top: 40px; }
    .atdiv { margin-top: 55px; }
    .aboutdiv { height: 803px; }
    .dituright { margin-right: 3%; }
}
@media screen and (max-width:1024px) {
    .atimgs { width: 300px; }
    .avright { width: 305px; margin-bottom: 50px; }
    .agdivright { width: 45%; margin-right: 2%; }
    .dvp { font-size: 14px; }
    .dituright { width: 440px; margin-right: 1%; }
    .dmp { margin-left: 20px; margin-top: 6px; }
    .dmimg { width: 120px; }
    .dmpspan { font-size: 26px; }
}
@media screen and (max-width:768px) {
    .ava { margin-top: 50px; }
    .atimgs { width: 200px; }
    .aspp { font-size: 17px; }
    .atdiv { margin-top: 45px; }
    .avright { width: 235px; }
    .agdivright { width: 41%; margin-right: 8%; }
    .avppdiv { margin-top: 35px; }
    .avb { margin-top: 30px; }
    .dvp { font-size: 12px; }
    .dituright { width: 380px; }
    .dtp { font-size: 30px; }
    .dmimg { float: right; }
    .dmp { float: right; }
}
@media screen and (max-width:640px) {
    .dtdiv { width: 100%; }
    .ptp {width:100%;text-align: center;}
    .ptpp{width:100%;text-align: center; font-size: 12px;}
    .pgp {display:none;}
    .ptpdiv { margin-top: 5%; overflow: hidden; }
}
@media screen and (max-width:450px) {
    .ptp { font-size: 20px; padding-top: 20px; }
    /*.ptpp { width: 160px; font-size: 12px; float: left; }*/
    .pgp { width: 80px; float: right; margin-bottom: 0px; height: 19px; margin-top: 8px; }
    .ptppimg { width: 80px; margin-top: 0px; }
    /*.ptpdiv { margin-top: 45px; overflow: hidden; }*/
    .procatelist { padding-bottom: 30px; }
    .avleft { width: 100%; height: 810px; }
    .agdivleft { width: 100%; height: 155px; }
    .atimgs { width: 200px; margin-top: 30px; }
    .asp { font-size: 16px; margin-top: 16px; }
    .aspp { font-size: 14px; margin-top: 7px; }
    .agdivright { width: 74%; margin-right: 0%; float: left; margin-left: 9%; }
    .atdiv { margin-top: 20px; font-size: 20px; }
    .avright { width: 100%; font-size: 14px; margin-top: 10px; margin-bottom: 0px; }
    .atright { float: right; display: block; width: 85px; }
    .shipina { width: 150px; }
    .avrightdiv { width: 100%; height: 620px; }
    .avpp { font-size: 15px; }
    .avppdiv { margin-top: 25px; }
    .avb { margin-top: 20px; }
    .aboutdiv { height: auto; overflow: hidden; }
    .home_brand li { border-top: 5px solid white; border-bottom: 5px solid white; }
    .ditu { background: #f8f8f8 !important; }
    .dituright { margin-right: 5%; width: 90%; }
    .dtp { font-size: 20px; line-height: 35px; margin-top: 30px; }
    .dvdiv { border: none; height: 200px; }
    .dtpdiv { display: none; }
    .ddvvdiv { width: 50%; height: 100px; margin-bottom: 5px; }
    .dvimg { margin-top: 15px; }
    .dvp { bottom: 0px; font-size: 14px; }
    .dvbottom { margin-top: 40px; }
    .dmp { font-size: 17px; margin-top: 6px; margin-left: 0px; }
    .dmpspan { font-size: 17px; line-height: 20px; }
    .ditu { height: 410px; margin-bottom: 30px; }
    .pvwhite { display: none; }
    .pvdiv { width: 100%; margin: 0%; margin-bottom: 9px; }
    .dmimg { float: left; width: 100px; }
	.pvdiv:hover .pvimgtwo { display: none;}
}
@media screen and (max-width:320px) {
    .dmimg { width: 80px; }
    .dmp { font-size: 15px; }
    .dmpspan { font-size: 16px; line-height: 16px; }
}