.ptp { font-size: 36px; text-align: center; margin-top: 54px; }
.ptpdiv { width: 29px; height: 4px; background: #1c208e; margin: auto; margin-top: 8px; margin-bottom: 75px; }
.ptpdivs { width: 29px; height: 4px; background: #1c208e; margin: auto; margin-top: 8px; margin-bottom: 13px; }
.pageabout { overflow: hidden; background: #f4f4f4; margin-top: -4px; padding-bottom: 70px; }
.page-temp-container { overflow: hidden; margin-top: -4px; padding-bottom: 70px; }
.page-laboratory { background: #f4f4f4; }
.page-exhibition { background: #fff; }
.page-factory { background: #f4f4f4; }
.page-office { background: #fff; }

.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: 82.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%; display: none; 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%}


.page-temp-container .main-title{font-size:36px;text-align:center;margin-top:54px}
.page-temp-container .items{width:74.2%;margin:auto;overflow:hidden;position:relative;padding-top:40px;} 
.page-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}
.page-temp-container .img-box{width:100%;background:#f4f4f4;position:relative}
.page-temp-container .img-box img{width:100%;border-radius:10px}
.page-temp-container .title{margin-top:10px; font-size:18px;text-align:center}
.page-temp-container .item:hover { transform: translate3d(0, -20px, 0); -webkit-transform: translate3d(0, -20px, 0); -moz-transform: translate3d(0, -20px, 0); -ms-transform: translate3d(0, -20px, 0); -o-transform: translate3d(0, -20px, 0); }

@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) {
    .page-temp-container .items{width:85%;} 
    .page-temp-container .item{width:31.33%; margin: 0 1%;float:left;margin-bottom:40px;}
 }
@media screen and (max-width:1024px) {
    .pvdiv { width: 97%; margin-left: 3%; } 
    .pageabout { padding-bottom: 40px; }
    .slide-content { margin-top: 30px !important; }
}
@media screen and (max-width:768px) {
    .page-temp-container { padding-bottom: 40px; }
    .page-temp-container .items{padding:0px 1%;width:100%;overflow: hidden;}
    .page-temp-container .item{width:48%; margin: 0 1%;float:left;margin-bottom:40px;}
    .page-temp-container .title{ font-size:16px;}
    .ppggdiv { top: 0px; font-size: 13px; line-height: 25px; }
    .ptp { margin-top: 40px; }
    .ptpdiv { margin-bottom: 45px; }
    .pageabout { padding-bottom: 20px; }
    .container { padding-top: 101px !important; }
    .slide-content { margin-top: 0px !important; }
    .ptppyongyu { width: 90%; margin: auto; }
    .swiperrongyu { margin-top: 50px; }
    .rongyuimg { max-width: 80%; } 
    .rgp { font-size: 16px; }
    .rongyu { margin-bottom: 50px; }
    .button { font-size: 40px !important; }
}
@media screen and (max-width:640px) {
    .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: 12px; 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) {
    .page-temp-container { padding-bottom: 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: 12px; letter-spacing: 2px; }
    .slide_items li span { font-size: 12px !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; }
}