.bg-grey{background-color: #f4f4f4;}
.d-flex{display: flex;}
.d-row-between{justify-content: space-between;}
.mobile-aboutdiv{display: none;}
.procatelist { width: 100%; padding-bottom: 50px; overflow: hidden; }
 .dtdiv { width: 74.2%; margin: auto; } 
.ptp { font-size: 30px; font-weight: bold;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 { width: 20px; }
.pgp {margin-top: 20px; margin-left:auto; height: 15px; }
.pgp .more{line-height: 30px;}
.pgp span{margin-right: 10px;}
.pgp image{width: 20px;}
.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%;  position: relative;overflow: hidden; }
.agdivleft { width: 50.3%; height: 100%; float: left; }
.atimgs { margin-top: 60px; margin-left: 25.7%; display: block; }
.asp { font-size: 26px; margin-top: 46px; 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: 23px; }
.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: #1c208e; 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: #1c208e; display: block; border-radius: 5px; margin-top: 6px; }
.tvaimg { width: 50%; float: left; display: block; }
.ditu { width: 100%; height: 674px; margin-bottom: 0px; }
.mobile-ditu{display:none;}
.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: 140px; }
.dtpdiv { width: 100%; height: 1px; background: #dbdbdb; position: relative; margin-top: 40px; }
.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: 40px; }
.dmimg { display: block; float: left; }
.dmp { font-size: 20px; color: #666666; float: left; display: block; margin-left: 10px; margin-top: 10px;line-height: 30px; }
.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%); }

/* 视频 */
.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; }


.mobile-about-warp { background-image: url('../images/m-021.jpg'); background-repeat: no-repeat; background-size: 100% auto; background-position: left bottom; }
.mobile-about-warp.avleft { height: auto !important; }
.mobile-about-warp .agdiv { height: auto; }
.mobile-about-warp .agdivleft { height: auto !important; text-align: center; margin-top: 10px; }
.mobile-about-warp .agdivleft .asp { font-size: 30px; font-weight: bold; margin-left: 0; line-height: 1.5; }
.mobile-about-warp .agdivleft .aspp { font-size: 16px; margin-left: 0; margin-top: 10px; }
.mobile-about-warp .agdivright { background-color: rgba(255, 255, 255, 0.8); padding: 2% 4% 5% 6%; margin-bottom: 10%; }
.mobile-about-warp .agdivright .avright { font-size: 14px; line-height: 1.6 !important; }
.mobile-about-warp .agdivright .ata { overflow: hidden; padding-top: 5px; }
.mobile-about-other { height: auto !important; }
.mobile-about-other .avdiv { width: 94%; margin-top: 5% !important; margin-bottom: 5% !important; padding: 0 1%; }
.mobile-about-other .avdiv .avp { position: relative; overflow: visible; }
.mobile-about-other .approve { float: left; padding-right: 18px; }
.mobile-about-other .avpp { font-size: 14px; line-height: 27px; margin-top: 3%; }
.mobile-about-other .avspan { font-size: 30px; }
.mobile-about-other .anjia { font-size: 21px; position: absolute; right: 0; top: 0; margin-top: -5px; }
.mobile-about-other .avspans { margin-top: auto; margin-left: 15px; }
.mobile-about-other .avppdiv { margin-top: 4%; }
.procatelist {margin-top:50px;  padding-bottom: 0 !important; }
.mobile-index-title { text-align: center; margin-top: 8%; padding: 0 3%; }
.mobile-index-title h1 { font-size: 20px; font-weight: bold; color: #020202; }
.mobile-index-title h2 { font-size: 14px;line-height: 26px; font-weight: normal; margin-top: 1% }
.mobile-service { }
.mobile-service .twodiv { margin-top: 7%; }
.mobile-service .twodiv .tvaimg { }
.mobile-service .twodiv a:nth-child(1) .tvaimg { padding-right: 0.6% }
.mobile-service .twodiv a:nth-child(2) .tvaimg { padding-left: 0.6% }
.mobile-hotgoods-box { overflow: hidden; margin-top: 7%; }
.mobile-hotgoods-box .box-item { float: left; width: 50%; }
.mobile-hotgoods-box .box-item img { width: 100% }
.mobile-hotgoods-box .box-item:nth-child(1) { padding-right: 0.6% }
.mobile-hotgoods-box .box-item:nth-child(2) { padding-left: 0.6% }
.mobile-newgoods-wrap { padding-top: 3% }
.mobile-newgoods-wrap .mobile-newgoods-box .mnb-items { overflow: hidden; position: relative; margin: 4px auto; }
.mobile-newgoods-wrap .mobile-newgoods-box .mnb-items .mnb-item-text { position: absolute; bottom: 0; width: 100%; background-color: rgba(3, 3, 3, 0.7); color: #fff; text-align: center; line-height: 1.5; padding: 2%; font-size: 14px; }
.mobile-video-wrap { margin: 4% 0 6%; }
.mobile-video-hide { height: 100%; background: rgba(0, 0, 0, 0.6); }
.mobile-video-hide .main_video { width: 100% }
@keyframes scale-down-one {
  0% { transform: scale(1.1); }
  75% { transform: scale(1); }
}
.am-animation-scale-down2 { -webkit-animation-name: scale-down-one; -webkit-animation-timing-function: ease-in-out; -webkit-animation-duration: 2s; opacity: 1 !important; }


@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; }

    .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; }
    .dituright { margin-right: 3%; }
}
@media screen and (max-width:1200px) {
    .dtdiv{width:85%;}
}
@media screen and (max-width:1024px) {
    .dtdiv{width:96%;}
    .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) {
    .aboutdiv {display: block; }
    .mobile-aboutdiv{display:block;}
    .ditu{display: none;} 
    .mobile-ditu{display:block;background-color:#f3f8fc;}
    .mobile-ditu .map{width: 100%;}
    .mobile-ditu .serve{padding:0 20px 20px 20px; text-align: center;}
    .mobile-ditu .title{font-size: 18px; line-height: 26px;color:#333;}
    .mobile-ditu .connect{margin-top: 6px; font-size:16px;line-height: 30px;color:#535353;}


    .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: 14px; }
    .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: 14px;}
    .pgp,.pgpp {display:none;}
    .ptpdiv { margin-top: 5%; overflow: hidden; }
}
@media screen and (max-width:450px) {
    .ptp { font-size: 20px;  }
    .pgp,.pgpp { 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%;  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 {height: 410px; margin-bottom: 0px; } */
    .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: 30px; }
    .dmp { font-size: 17px; margin-top: 6px; margin-left: 0px; }
    .dmpspan { font-size: 17px; line-height: 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; }
}




/* .pvdiv { width: 73%; margin: auto; overflow: hidden; } */
/* .pvimg { width: 47%; margin-right: 3%; float: left; margin-bottom: 39px; }
.pgdiv { width: 47%; margin-right: 3%; float: left; margin-bottom: 39px; position: relative; }
.pvimgs { width: 100%; }
.pvimg .pvimg-img{width:100%;margin-bottom: 39px;} */
/* .ppggdiv { position: absolute; font-size: 16px; color: #464646; line-height: 35px; top: 21px; }
.ppggdiv p { text-indent: 33px; line-height: 27px !important; font-size: 15px;}
.pospan { font-size: 18px; color: #1c208e; font-weight: bold; }
.pndiv { font-size: 16px; color: #464646; line-height: 36px; margin-top: 8px; }
.pvheng { width: 97%; }
.pndiv p { text-indent: 2em; text-align: justify; line-height: 27px !important; font-size: 15px;}
.pvtwo { margin-bottom: 38px; } */
/* .ptpp { font-size: 18px; text-align: center; color: #c0bfbf; letter-spacing: 4px; } */
.ptppyongyu { text-align: center; color: #464646; font-size: 20px; line-height: 37px; margin-top: 37px; }
.swiperrongyu { width: 74.2%; overflow: hidden; margin: auto; margin-top: 100px; position: relative; }
.swiperrongyu .swiper-slide{padding-bottom: 100px;}
.rongyuimg { display: block; max-width: 100%; margin: auto; max-height: 380px; }
.rgp { font-size: 22px; position: absolute; bottom: 0px; text-align: center; width: 100%; line-height: 1.3 }
.swiper-slide-next .rgp { display: block; }
.swiper-slide-next .ryred { display: block; }
.ryhui { width: 100%; height: 4px; background: #a5a5a5; position: absolute; bottom: 67px; }
.ryred { width: 65%; height: 8px; background: #1c208e; position: absolute; bottom: 65px; left: 50%; transform: translate(-50%, 0%); display: none; }
.rongyu { position: relative; overflow: hidden; margin-bottom: 100px; }


.slide-content{width:96%;margin:auto;margin-left:2%;display:block;margin-top:33px;margin-bottom:0;overflow:hidden;background:#fff;height:186px}
.slide-content ul li{color:#999;font-size:18px;cursor:pointer;position:relative;width:96.42%;margin:auto;margin-top:17px}
.slide-content ul li:hover{color:#0a888e}
.slide-content ul li.cur{color:#0a888e}
.slide-content ul li span{font-size:18px;color:#464646;margin-bottom:1px;display:block}
.slide-content ul li font{font-size:14px;display:block;color:#464646;line-height:35px}

.slide_items li.on i{background:red;z-index:1;position:relative;margin-top:46px}
.slide_items li.on span{margin-top:46px}
.swiperone{overflow:hidden}
.slide_items li.on{background:url(/Template/Home/Static/images/049.png) no-repeat;background-position-x:50%}

.temp-container{overflow: hidden;}
.temp-container .title-line { width: 29px; height: 4px; background: #1c208e; margin: auto; margin-top: 8px; margin-bottom: 75px; }
.temp-container .ptpdivs { width: 29px; height: 4px; background: #1c208e; margin: auto; margin-top: 8px; margin-bottom: 13px; }
.temp-container .main-title{font-size:36px;text-align:center;margin-top:54px;line-height: 60px;}
.temp-container .items{width:74.2%;margin:auto;overflow:hidden;position:relative;padding-top:40px;} 
.temp-container .item{width:23.2%;display:block;float:left;margin:0 .9%;margin-bottom:40px;-webkit-transition:all .2s linear;transition:all .2s linear;display:block;cursor:pointer}
.temp-container .img-box{width:100%;background:#f4f4f4;position:relative;border-radius:10px;overflow: hidden;}
.temp-container .img-box img{width:100%;vertical-align: middle;}
.temp-container .title{margin-top:10px; font-size:18px;text-align:center}
.temp-container .item:hover { transform: translate3d(0, -10px, 0); -webkit-transform: translate3d(0, -10px, 0); -moz-transform: translate3d(0, -10px, 0); -ms-transform: translate3d(0, -10px, 0); -o-transform: translate3d(0, -10px, 0); }
.temp-container .item:hover .title{color:#1c208e;}
.temp-container .more-box{text-align: center;}
.temp-container .more{margin: 20px 0 30px;padding: 15px 100px;line-height: 30px;display: inline-block;border-radius: 6px;font-size: 18px;color: #2b2b2b;background: #fff;transition: all 0.3s ease;}
.temp-container .more-laboratory{ background: #f4f4f4;}
.temp-container .more:hover{background: #1c208e;color:#fff;}

.coperation-box {padding:40px 0; overflow: hidden;}
.coperation-box .title-line { width: 29px; height: 4px; background: #1c208e; margin: auto; margin-top:10px 0; }
.coperation-box .main-title{font-size:36px;text-align:center;line-height: 60px;}
.coperation-box .items{width:74.2%;margin:auto;overflow:hidden;position:relative;padding-top:40px;} 
.coperation-box .item{width:10%;display:block;float:left;padding:0 5px;margin-bottom:10px;-webkit-transition:all .2s linear;transition:all .2s linear;display:block;cursor:pointer}
.coperation-box .item:hover { transform: translate3d(0, -5px, 0); -webkit-transform: translate3d(0, -5px, 0); -moz-transform: translate3d(0, -5px, 0); -ms-transform: translate3d(0, -5px, 0); -o-transform: translate3d(0, -5px, 0); }
.coperation-box .img-box{width:100%;background:#f4f4f4;position:relative}
.coperation-box .img-box img{width:100%;}


@media screen and (max-width:1680px) {

}
@media screen and (max-width:1400px) {
    .pvdiv { width: 80%; }
    .swiperrongyu { margin-top: 70px; }
    .rongyuimg { max-width: 75%; }
}
@media screen and (max-width:1300px) {
    .pvdiv { width: 85%; }
}
@media screen and (max-width:1200px) {

    .temp-container .items{width:85%;} 
    .temp-container .item{width:31.33%; margin: 0 1%;float:left;margin-bottom:40px;}
    .coperation-box .items{width:85%;}
    .coperation-box .item{width: 15%;}

 }
@media screen and (max-width:1024px) {
    .temp-container .items{width:96%;} 
    .coperation-box .items{width:96%;}
    .pvdiv { width: 97%; margin-left: 3%; } 
    .pageabout { padding-bottom: 40px; }
    .slide-content { margin-top: 30px !important; }
}
@media screen and (max-width:768px) {
    .temp-container { padding: 40px 0px; }
    .temp-container .main-title{margin-top:0px;font-size: 24px;line-height: 50px;font-weight: bold;}
    .temp-container .title-line{margin-bottom: 35px;}
    .temp-container .items{padding:0px 1%;width:100%;overflow: hidden;}
    .temp-container .item{width:48%; margin: 0 1%;float:left;margin-bottom:20px;}
    .temp-container .title{ font-size:16px;line-height: 24px;}

    .coperation-box .main-title{margin-top:0px;font-size: 24px;line-height: 50px;font-weight: bold;}
    .coperation-box .items{padding:20px 1% 0px;width:100%;overflow: hidden;}
    .coperation-box .item{width: 20%;}
    .ppggdiv { top: 0px; font-size: 13px; line-height: 25px; }

    .ptpdiv { margin-bottom: 45px; }
    .pageabout { padding-bottom: 20px; }
    .container { padding-top: 101px !important; }
    .slide-content { margin-top: 0px !important; }
    .ptppyongyu { width: 96%; margin: auto; font-size: 15px; }
    .swiperrongyu { width: 96%;  margin-top: 50px; }
    .rongyuimg { max-width: 80%; } 
    .rgp { font-size: 16px; }
    .rongyu { margin-bottom: 50px; }
    .button { font-size: 40px !important; }
    .ptp{font-size:24px;}
}
@media screen and (max-width:640px) {
    .home_brand .title{width: 100%; text-align: center;}
    .container { padding-top: 8% !important; }
    .button { bottom: 14% !important; }
    .button.prev{left:-30px;}
    .button.next{right:-30px;}
    .slide-content { height: auto !important; }
    .shijianlist { height: auto !important; padding-bottom: 20% !important; background-position: center bottom !important; background-size: 100% auto!important;  background-repeat: no-repeat !important; }
    .pvimg .pvimg-img{width:100%;margin-bottom: 4%;}
    /* .swiperrongyu{margin-top:8%;height: auto;width: 90%;} */
    .ryhui { display: none; }
    .rgp { font-size: 14px; display: block; position: relative; margin-top:3%; }
    .swiper-slide-next .ryred { display: none; }
    .swiperrongyu .swiper-slide{padding-bottom: 0}
    .rongyuimg { max-width: 100%; } 
}
@media screen and (max-width:450px) {
    .temp-container .more{margin: 10px 0px 10px;padding: 10px 60px; line-height: 25px; font-size: 16px;}
    .temp-container { padding: 20px 0px; }
    .temp-container .main-title{font-size: 20px;line-height: 40px;}
    .temp-container .title-line{margin-bottom: 20px;}
    .temp-container .title{line-height: 30px;}
    .coperation-box .main-title{font-size: 20px;line-height: 40px;}
    .coperation-box .item{width: 25%;}
    .mobile-index-title{margin-top:20px;}
    .pvdiv { width: 90%; margin-left: 5%; }
    .ptp { font-size: 20px; margin-top: 20px; }
    .ptpdiv { margin-bottom: 25px; }
    .pgone { width: 100%; margin-bottom: 20px; }
    .pgdiv { width: 100%; height: 275px; margin-bottom: 10px; }
    .pvimgs { display: none; }
    .ppggdiv { overflow: hidden; }
    .pvimg { width: 100%; margin-bottom: 20px; }
    .pndiv { font-size: 14px; line-height: 27px; }
    .pospan { font-size: 16px; }
    .pvtwo { margin-bottom: 20px; }
    .ptpp { font-size: 14px; letter-spacing: 2px; }
    .slide_items li span { font-size: 14px !important; margin-top: 0px !important; }
    .slide_items li { width: 50px !important; margin-top: -3px !important; }
    .slide_items li.on i { width: 10px !important; height: 10px !important; }
    .slide_items li.on { background-size: 55% !important; height: auto !important; margin-top: -47px !important; }
    .slide_wrap::after { top: 60px !important; }
    .slide_items li i { width: 10px !important; height: 10px !important; }
    .slide_items li div { margin-top: 0 !important; }
    .slide_items li.on span { margin-top: 42px !important; }
    .slide-content ul li font { font-size: 14px !important; line-height: 27px !important; }
    .slide-content { width: 96% !important; padding: 0 2% !important; }
    .ptppyongyu { font-size: 14px; line-height: 27px; }
}


/** 首页品牌介绍 */
.d-flex{display: flex;}
.index-about { overflow: hidden; width: 74.2%; margin:0 auto; background: #fff; padding-bottom: 70px; }
.index-about .main-title{font-size: 36px;text-align: center;margin-top: 54px;line-height: 60px;}
.index-about .title-line{width: 29px;height: 4px;background: #1c208e;margin: auto;margin-top: 8px;margin-bottom: 75px;}
.about-row-one{margin-bottom: 20px;}
.index-about .about-img{width: 100%;}
.index-about .item{width: 50%;}
.index-about .item-1{padding-right: 10px;}
.index-about .item-2{padding: 20px;padding-left: 10px;}
.index-about .item-3{padding-right: 10px;}
.index-about .item-4{padding-left: 10px;}
.index-about .sub-title{margin:10px 0; font-size: 18px;font-weight: bold; line-height: 40px;color:#1c208e;}
.index-about .content p{font-size: 18px;line-height: 34px !important;color:#464646;}
.index-about .content p span{font-size: 18px;line-height: 34px !important;color:#464646;}
.index-about .item-2 .content{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 20;-webkit-box-orient: vertical;}
@media screen and (max-width: 1800px) {
    .index-about .content p{line-height: 30px !important;}
    .index-about .content p span{line-height: 30px !important;}
}

@media screen and (max-width: 1600px) {
    .index-about .content p{font-size: 16px;line-height: 26px !important;}
    .index-about .content p span{font-size: 16px;line-height: 26px !important;}
}
@media screen and (max-width: 1400px) {
    .index-about .item-2 .content{-webkit-line-clamp: 12;}

}

@media screen and (max-width: 1200px) {
    .index-about {width: 85%;}
}
@media screen and (max-width: 1024px) {
    .index-about {width: 96%;}
}


@media screen and (max-width: 960px) {
    .index-about .item-2 .content{-webkit-line-clamp: 8;}
}

@media screen and (max-width: 768px) {
    .index-about {width: 96%;padding-bottom: 30px;}
    .index-about .main-title {margin-top: 0px;font-size: 24px;line-height: 50px;font-weight: bold;}
    .index-about .title-line {margin-bottom: 35px;}
    .index-about .item-2 .content{-webkit-line-clamp: 5;}
    .index-about .item{width: 100%;}
    .about-row-one,.about-row-two{flex-direction: column;}
    .index-about .item-2 .content{-webkit-line-clamp: 30;}
    .index-about .item-1{padding-right: 0px;}
    .index-about .item-2{padding-left: 0px;}
    .index-about .item-3{padding-right: 0px;}
    .index-about .item-4{padding-left: 0px;}
    .index-about .content{margin-bottom: 15px;}
}

@media screen and (max-width: 640px) {
   
}

@media screen and (max-width: 450px) {
   
}