.current{width:50%;margin:0 auto;text-align:center;color:#fff;}
.current h1{font-size:55px;margin:0;font-family:'OPPOSans-Regular';padding-top:300px;}
.current h2{font-size:24px;font-family: Rubik;line-height:60px;font-family:'OPPOSans-Regular';text-transform:uppercase;}

.container{padding:80px 0 80px 0;background:#fff;}
.side-banner{width:100%;height:600px;}
.side-banner img{padding-top:300px;}
.path{width:100%;background:#f9f9f7;line-height:65px;font-size:14px;color:#ccc;vertical-align:middle;}
.path a{color:#c1ae9d;padding:0 5px;}
.path a:first-child{padding-left:0;}
.path i{font-family:iconfont;font-size:22px;color:#c1ae9d;}
.path *{vertical-align:middle;}


.about *{transition-duration: 0.5s;font-family: Noto Sans SC;font-weight: 100;/*font-family: PingFang SC,-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol!important;*/}
.about{padding-bottom:120px;}
.about .left{width:45%;float:left;font-family:'OPPOSans-Medium';color: #333;}
.about .left h1{font-size: 2.708vw;font-weight:400;margin:0;font-family:'OPPOSans-Medium';}
.about .left p{font-family:'OPPOSans-Regular';padding-top: 1.042vw;font-size: 17px;line-height: 24px;color: #666;padding-right:6vw;margin:0;text-align:justify;}
.about .left h2{font-size: 1.354vw;font-weight:400;padding-top: 4vw;}
.about .left h3{font-size: 2.604vw;font-weight:400;}
.about .left h3 span{font-size: 5.6vw;font-family:'MONTSERRAT-REGULAR';letter-spacing:-3px;}
.about .left hr{display:block;width:30px;height:3px;background:#00713d;border:none;margin:3vw 0 1vw 0;}

.introduce{width:100%;padding:7vw 60px;background:url(../images/about-bg-3.jpg) no-repeat fixed center -100px;color:#fff;box-sizing:border-box;}
.introduce h1{font-size:24px;font-family:'OPPOSans-Bold';line-height:40px;text-align:justify;padding-bottom:1.5vw;padding-right:20%;}
.introduce h2{font-size:18px;font-family:'OPPOSans-Regular';line-height:30px;text-align:justify;padding-right:20%;}

.about .video{width:55%;float:right;}
.about .video video{width:100%;}
.about .content{padding:30px 0;}


.about-bg .title{width:100%;padding:0 0 30px 0;color:#fff;}
.about-bg .title h1{font-size:40px;font-weight:bold;margin:0 0 5px 0;font-family:'OPPOSans-Bold';}
.about-bg .title h2{font-size:26px;font-family: 'MONTSERRAT-REGULAR';line-height:30px;text-transform:uppercase;font-family:'OPPOSans-Bold';}

.photo{background: #fff;padding:120px 0 150px 60px;position:relative;overflow:hidden;}
.photo .left{width:390px;width:30%;float:left;}
.photo .left h1{font-size: 3vw;font-weight:400;margin:0;font-family:'OPPOSans-Medium';line-height:3.5vw;}
.photo .left p{font-family:'OPPOSans-Regular';padding-top: 1.042vw;font-size: 17px;line-height: 30px;color: #666;margin:0;text-align:justify;}
.photo .left hr{display:block;width:30px;height:3px;background:#00713d;border:none;margin:3vw 0 1vw 0;}
.photo .list{width: 65%;float:right;}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius:1.5vw;overflow:hidden;
}
.swiper-button-prev{display:none;}
.swiper-button-next{width: 85px;height: 85px;border-radius: 50%;background: url(../images//banbtn_ico_w.png) no-repeat center #00873b;  opacity: 1;right: unset;left:63%;}
.swiper-slide img{width:100%;}
.swiper-container-horizontal > .swiper-pagination-bullets{width:71%;}


.category{padding:50px 0 100px 0;}
.category li{width:20%;box-sizing:border-box;padding:15px;float:left;transition: all 0.5s;transition-duration: .5s; }
.category li a{border: 1px solid #ddd;width:100%;box-sizing:border-box;display:block;border-radius:15px;overflow:hidden;background:#fff;position:relative;}
.category li div{width:100%;height:auto;overflow:hidden;box-sizing:border-box;border-bottom: 1px solid #ddd;padding:10px;}
.category li div img{width:100%;transition: all 0.3s;}
.category li h1{font-size:18px;color:#333;line-height:60px;padding:0 20px;position:relative;transition: all 0.5s;font-family: Noto Sans SC;font-weight:400;}
.category li h1 span{font-size:24px;font-family:iconfont;float:right;color:#ccc;}
.category li:hover a{box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);}
.category li:hover a::after{content:"";width:100%;height:100%;border:2px solid #8fc320;position:absolute;left:0;top:0;z-index:98;box-sizing:border-box;border-radius:15px;overflow:hidden;}
.category li:hover div{border-bottom: 1px solid #fff;}
.category li:hover h1{ background: linear-gradient(90deg, #8fc320 50%, rgba(255, 255, 255, 1) 100%);color:#fff;}
.category li:hover h1 span{float:left;color:#fff;}


.tabcontent li{width:25%;padding:0 15px 30px 15px;float:left;box-sizing:border-box;}
.tabcontent li:nth-child(3){display:none;}
.tabcontent a{display:block;position:relative;width:100%;height:220px;border-radius:15px;overflow:hidden;border-radius:10px;}
.tabcontent a img{width: 100%;position: absolute;top: 0;left: 0;object-fit: cover; height: 100%;}
.tabcontent p{font-size:16px;line-height:40px;font-family: "OPPOSans-R";text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

#tabcontent2{position:relative;}
.photos{width:100%;height:500px;overflow:hidden;position:relative;}
.photos ul{width:600%;position:absolute;left:0;top:0;}
.photos li{width:calc(100% / 24);}
.prev, .next {width: 66px;height: 66px;border-radius: 33px;text-align: center;line-height: 66px;color: rgba(255,255,255,0.8);background-color: rgba(143,195,32,0.8);position: absolute;top: 210px;font-size: 24px;cursor: pointer;font-family: iconfont;}
.prev:hover, .next:hover {color: rgba(255,255,255,1);background-color: rgba(143,195,32,1);}
.prev {left: -33px;}
.next {right: -33px;}

.organization{padding:80px 0 150px 0;}
.organization img{width:100%;max-width:852px;}

@media screen and (max-width:1366px){
    .about .left p{font-size:16px;}
}
@media screen and (max-width:1024px){
    body{background-size:125% auto !important;}
}
@media screen and (max-width:820px) {
    body{background-size:130% auto !important;}
    .container{padding:5rem 0rem 8rem 0rem;background-size:100% auto;}
    .side-banner{height:350px;}    
    .path{line-height:50px;}
    .current h1{padding-top:200px;font-size:40px;}

    .photo .left,.photo .list{width:100%;}
    .photo .left{padding-bottom:30px;}
    .photo .left h1 br{display:none;}
    .photo .left p{padding-right:60px;}
    .swiper-button-next{width: 60px;height: 60px;border-radius: 50%;background: url(../images//banbtn_ico_w.png) no-repeat center #00873b;  opacity: 1;right: unset;left:77%;}
    .swiper-container-horizontal > .swiper-pagination-bullets{display:none;}

    .category li{width:25%;padding:10px;}
}
@media screen and (max-width:512px){
    .about-bg .title h1{font-size:26px}
    .about-bg .title h2{font-size:18px;}
    .about{padding-bottom:70px;}
    .about .left{width:100%;padding-bottom:0px;}
    .about .left h3 b{font-size:70px;}
    .about .left h2{padding-bottom:0px;font-size:22px;}
    .about .left h3{font-size:18px;}
    .about .left h3 span{font-size:50px;}
    .about .left hr{margin:30px 0 10px 0;}   
    .about .left h1{margin:0;font-size:24px;padding-bottom:15px;}
    .about .left p{padding-right:0;}
    .about .video{width:100%;}
    .introduce{background-size:auto 100%;padding:60px 20px;background-position:top center;}
    .introduce h1{font-size:17px;padding:0 0 30px 0;line-height:32px;}
    .introduce h2{font-size:16px;padding-right:0;}
    .photo{padding:60px 0 60px 20px;}
    .photo .left h1{font-size:26px;line-height:40px;padding-right:20px;padding-bottom:0px;}
    .photo .left p{padding-right:20px;font-size:16px;line-height:26px;}
    .photo .left hr{margin:30px 0 10px 0;}
    .side-banner{height:270px;}   
     body{background-size:105% auto !important;background-position:0 70px !important;}
     

    .current h1{font-size:30px;padding-top:150px;}
    .current h2{font-size:16px;line-height:20px;}


    .tabcontent li{width:33.3%;padding:0 5px 10px 5px;}
    .tabcontent li:nth-child(3){display:block;}
    .tabcontent a{height:100px;}


     .category li{width:50%;padding:10px;}
     .category li h1{font-size:16px;}
}

.articles ul{padding-top:0px;}
.articles li{width:100%;height:auto;margin:20px 0;float:left;box-sizing:border-box;transition: all 1s;border-bottom: 2px dashed #ececec;}
.articles li .time{float: right;padding-top: 50px;width: 15%;font-size: 24px;line-height: 30px;color: #d4c5b1;font-family: Rubik;letter-spacing: -1px;text-align:center;}
.articles li .time span{display:block;}
.articles li .time .date{font-size:60px;line-height:80px;}
.articles li .time .year{font-size:20px;}
.articles li .pic{float:left;width:30%;height:auto;overflow:hidden;box-sizing:border-box;padding-right:30px;}
.articles li .pic img{width:100%;}
.articles li .txt{float: left;width: 55%;height:120px;padding:0 15px;box-sizing:border-box;}
.articles li:nth-child(1) .txt{border-top:none;}
.articles li .txt h4{font-size: 24px;color: #222;line-height: 80px;transition: all .3s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:'OPPOSans-Bold';}
.articles li .txt p{font-size: 16px;color: #999;line-height: 28px;margin-top: 6px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;font-family: "OPPOSans-R";}
.articles li:hover{background:#eee;}
.articles li h5{display:none;}



@media screen and (max-width:1200px) {
    .articles li .txt h4{line-height: 50px;}
    .articles li .txt p{-webkit-line-clamp: 2;}
}
@media screen and (max-width:512px){
    .waparticles .container{padding:4rem 0 7rem 0;}
    .articles li{padding:0;position:relative;margin:0 0 3rem 0;padding-bottom:4rem;}
    .articles li .time{display:none;}

    .articles li .pic{width:100%;padding:0;height:220px;overflow:hidden;border-radius:3px;}
    .articles li .pic img{object-fit: cover;display: inline-block;}
    .articles li .txt{display:inline;width:100%;height:auto;padding:2rem 0;}
    .articles li .txt h4{font-size:20px;line-height:30px;padding:10px 0 0px 0;color:#333;}
    .articles li .txt p{font-size:16px;color:#999;line-height:24px;}
    .articles li h5{font-size:22px;color:#d4c5b1;font-family:Rubik;display:block;}
}


.tech .list{width:80%;float:right;}
.tech .list ul{padding-top:0px;padding-left:50px;}
.tech .list li{width:100%;height:auto;padding:20px 0;float:left;box-sizing:border-box;transition: all 1s;border-bottom: 2px dashed #ececec;}
.tech .list li .pic{float:left;width:185px;height:138px;overflow:hidden;box-sizing:border-box;border-radius:10px;}
.tech .list li .pic img{width:100%;}
.tech .list li .txt{float: right;width: calc(100% - 200px);height:auto;box-sizing:border-box;margin-bottom:20px;padding-left:15px;}
.tech .list li:nth-child(1) .txt{border-top:none;}
.tech .list li .txt h4{font-size: 20px;color: #333;line-height: 40px;transition: all .3s;font-weight:500;}
.tech .list li .txt p{font-size: 16px;color: #999;font-family: "OPPOSans-R";line-height: 28px;margin-top: 6px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.article-detail{width:100%;padding:40px;max-width:1240px;box-sizing:border-box;margin:0 auto;}
.article-detail h1{font-size:30px;color:#333;padding-top:0px;padding-bottom:20px;font-family:'OPPOSans-Bold';line-height:34px;font-weight:bold;}
.article-detail .info{border-bottom:4px solid #ececec;padding-bottom:10px;height:50px;margin-bottom:30px;position:relative;}
.article-detail .info b{font-family:MONTSERRAT-REGULAR;font-size:26px;color:#d4c5b1;font-weight:normal;}
.article-detail .info span{font-size:14px;color:#d4c5b1;line-height:20px;padding-left:30px;font-family:MONTSERRAT-REGULAR;}
.article-detail #content{padding-bottom:50px;}
.article-detail #content img{max-width:765px;}
.article-detail .box{transition: all 0.3s;width:100%;font-size:16px;color:#999;box-sizing:border-box;padding:10px 0;height:auto;}
.article-detail .box div{width:30%;float:left;line-height:50px;font-family: "OPPOSans-R";border:1px solid #ccc;border-radius:30px;background:#fff;text-align:center;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;padding:0 20px;}
.article-detail .box div a{color:#333;}
.article-detail .box .article-next{float:right;}

.plist li{width:25%;padding:0 15px 30px 15px;float:left;box-sizing:border-box;}
.plist a{display:block;position:relative;width:100%;height:220px;border-radius:15px;overflow:hidden;border-radius:10px;}
.plist a img{width: 100%;position: absolute;top: 0;left: 0;object-fit: cover; height: 100%;}
.plist p{font-size:16px;line-height:40px;font-family: "OPPOSans-R";text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}


@media screen and (max-width:820px){
    .tech .list{width:100%;}
    .tech .list ul{padding:0;}

    .article-detail{padding-top:0;}
    .article-detail h1{padding-bottom:10px;}
    .article-detail .info{padding-bottom:0;}

    .plist li{width:33.3%;}
    .plist li a{height:160px;}
    .articles li .time{padding-top:0;}
}
@media screen and (max-width:512px){
    .article-detail{padding:0 20px 40px 20px;}
    .article-detail h1{font-size:24px;}
    .article-detail #content img{max-width:100%;height:auto !important;}
    .article-prev{display:none;}
    .article-detail .box .article-next{width:100%;box-sizing:border-box;}
    .tech .list li{padding:10px 0;}
    .tech .list li .pic{width:100px;height:75px;border-radius:5px;}
    .tech .list li .txt{width:calc(100% - 100px);}
    .tech .list li .txt p{display:none;}
    .tech .list li .txt h4{font-size:18px;line-height:24px;}
    .plist li{width:50%;padding:0 10px 20px 10px;}
    .plist li a{height:130px;}
    .article-detail h1{font-size:20px;line-height:26px;}
}

.sidenav{width:20%;float:left;margin-bottom:40px;overflow:hidden;}
.sidenav .title,.sidenav #title{width:100%;line-height:80px;background:#00873b;color:#fff;font-size:24px;border-top-right-radius:60px;text-indent:2.5vw;}



.sidenav ul{padding:15px;background:#f7f4ea;}
.sidenav li{width:100%;height:auto;font-size:16px;background: rgba(255,255,255,0.5);margin-bottom:10px;position:relative;}
.sidenav li img{position:absolute;left:12px;top:8px;width:35px;z-index:99;border-radius:5px;}
.sidenav li h1{font-size:19px;text-indent:1.5vw;line-height:50px;color:#000;font-family: Noto Sans SC;font-weight:400;}
.sidenav li a{color:#60583f;position:relative;display:block;width:100%;transition: all 0.3s;}
.sidenav li span{position:absolute;right:10px;top:2px;font-family:iconfont;color:#999;font-size:24px;}
.sidenav li a:hover,.sidenav li a.active{font-weight:bold;}
.sidenav li div{width:100%;padding:0 1vw 0 1.5vw;height:auto;box-sizing:border-box;}
.sidenav li div a{width:50%;float:left;line-height:30px;font-size:15px;box-sizing:border-box;color:#60583f;text-indent:10px;}
.sidenav li div a:hover{text-decoration:underline;color:#333;background:none;}
#sidebar.sticky{float:none;position:fixed;top:20px;z-index:6;left:auto; }

#sidebar.sticky{float:none;position:fixed;top:20px;z-index:6;left:auto; }

.product{padding:0px 0 80px 50px;width:80%;float:right;box-sizing:border-box;}
.product *{transition: all 600ms ease;}
.product li{width:50%;float:left;box-sizing:border-box;padding:10px;}
.product li a{display:block;width:100%;height:100%;background:#fbfaf5;position:relative;}
.product li .img{width:40%;height:auto;overflow:hidden;float:left;padding:0;box-sizing:border-box;padding-top:40%;position:relative;}
.product li .img img{transition: all 600ms ease;width: 100%;position: absolute;top: 0;left: 0;object-fit: cover; height: 100%;}
.product li .info{width:60%;float:left;padding:1.5vw 1.5vw 0 1.5vw;box-sizing:border-box;}
.product li .info h1{font-size:2vw;color:#333;font-family: Noto Sans SC;font-weight:500;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.product li .info .text{width:100%;height:66px;overflow:hidden;margin-top:0.5vw;margin-bottom:1.5vw;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;font-size:15px;line-height:22px;color:#999;font-family: OPPOSans-R;}
.product li .info h6{font-size:15px;color:#999;padding-bottom:15px;}
.product li .info h6 i{font-family:iconfont;padding-left:20px;}
.product li hr{position:absolute;bottom:0;right:0;height:5px;width:0;transition: all 600ms ease;background: linear-gradient(90deg, rgba(91, 163, 79, 0.08) 0%,#f5ba5e 100%);border:none;}
.product li a:hover hr{width:60%;}
.product li a:hover h6 i{padding-left:40px;}
.container .search{display:none;}

.tips{display:block;width:100%;text-align:center;color:#999;font-size:16px;line-height:40px;margin-top:50px;}
.tips img{width:20%;padding-bottom:30px;}
.tips i{font-size:100px;font-family:'iconfont';font-style:normal;padding-bottom:20px;line-height:120px;}

@media screen and (max-width:1200px){
    .product li .info .text{-webkit-line-clamp: 3;height:66px;}    
}
@media screen and (max-width:820px){
    .sidenav{display:none;}
    .search{position: relative;width: 100%;display: inline-block;padding:0 0 0.35rem 0;box-sizing:border-box;}
    .search a{color:#434a54;}
    .search .sort-action{width:100%;border-radius: 30px;height: 100%;background: #0e5c32;text-align: center;line-height: 55px;font-size:20px;color:#fff;margin-bottom:20px;}
    .product{width:100%;float:none;box-sizing:border-box;padding:0rem 0 20px 0;}
    .product li{width:100%;padding:0 0 3rem 0;}
    .product li .img{width:25%;padding-top:25%;}
    .product li .info{padding-left:20px;width:75%;}
    .product li .info h1{font-size:24px;line-height:26px;padding:15px 0 0 0;}
    .product li .info h6{font-size:16px;}
    .product li .info .text{height:auto;margin:10px 0 20px 0 !important;font-size:16px;}
    
    .goods-list-bar{display:block;}
   .container .search{display:block;}
}
@media screen and (max-width:512px){
    .product li .img{width:40%;padding-top:40%;}
    .product li .info{padding-left:20px;width:60%;}
    .product li .info h1{font-size:20px;line-height:22px;padding:6px 0 0 0;}
    .product li .info h6{display:none;}
    .product li .info .text{height:auto;margin:10px 0 20px 0 !important;font-size:15px;}

}
.product-detail{padding:0px 0 80px 0;}
.product-detail .left{width:35%;float:left;}
.product-detail .btn{width:100%;padding-top:50px;}
.product-detail .btn a{display:block;width:230px;float:left;line-height:50px;height:50px;background: #f60;color:#fff;font-size:18px;text-align:center;border-radius:30px;vertical-align:middle;font-family:'OPPOSans-M';margin-right:15px;}
.product-detail .btn a i{font-family:iconfont;font-size:22px;}
.product-detail .btn a:hover{background:#333;}
.product-detail .btn .service{position:relative;}
.product-detail .btn .service div{display:none;position:absolute;width:100%;padding:10px 0px;text-align:center;border-radius:10px;background:#fff;box-shadow: 0 0 20px #aaa;bottom:60px;left:0;overflow:hidden;color:#666;}
.product-detail .btn .service div img{width:100%;}
.product-detail .btn .service div h3{color:#333;line-height:20px;font-size:18px;padding-top:15px;}
.wx-active{display:block !important;}

.product-detail .right{width:60%;float:right;}
.product-detail .right .des *{font-family:'OPPOSans-R' !important;}
.product-detail .right .title{font-size:34px;line-height:60px;color:#333;font-weight:bold;font-family: Noto Sans SC;font-weight:600;}
.product-detail .right hr{width:100px;height:4px;background:#8fc320;border:none;margin-bottom:30px;}
.product-detail .right .des img{max-width:600px;}
.product-detail .right .des table{width:100%;}
.product-detail .right .des td{
border-width: 1px 1px 1px 1px;
    border-style: solid solid solid solid;
    border-color: rgb(0, 0, 0);
    padding: 0px 7px;
    background-color: transparent}

@media screen and (max-width:820px){
    .product-detail{padding:80px 0;}
    .pdetail .wrap{padding:0;}
    .pdetail .side-banner,.pdetail .path{display:none;}
    .pdetail .container{padding-top:0;}
    .product-detail .left{width:100vw;}
    .product-detail .right{width:100%;box-sizing:border-box;padding:0 40px;}
    .product-detail .right hr{height:5px;}
    .product-detail .right .des *{font-size:17px !important;line-height:24px !important;}
    .product-detail .right .des img{max-width:100%;height:auto !important;}
    .product-detail .btn a{font-size:18px;line-height:50px;}
    .product-detail .right .title{font-size:30px;line-height:50px;}
}
@media screen and (max-width:512px){
    .product-detail{padding:70px 0;}
     .product-detail .right{padding:0 15px;}
     .product-detail .right .des *{font-size:16px !important;line-height:26px !important;}
     .product-detail .btn a{width:calc(calc(100% - 15px) / 2);}
     .product-detail .btn a:last-child{margin:0;}
}
.contactus{padding:0px 0 0px 0;}
.contactus .text{width:100%;padding-bottom:80px;}
.contactus .text li{width:250px;float:left;padding:0 30px;border-right:2px dashed #ececec;box-sizing:border-box;min-height:250px;text-align:center;}
.contactus .text li:first-child{width:600px;padding:0;text-align:left;}
.contactus .text h1{font-size:18px;color:#4c4f52;padding-bottom:20px;}
.contactus .text h2{font-size:34px;color:#f08200;font-family:MONTSERRAT-REGULAR;margin-bottom:20px;}
.contactus .text h2 i{font-family:iconfont;font-size:35px;}
.contactus .text h3{font-size:24px;font-weight:bold;color:#f08200;padding:15px 0 15px 0;text-align:center;}
.contactus .text p{font-size:16px;color:#8f8f8f;font-family:Rubik;line-height:28px;}
.contactus .text p a{color: #8f8f8f;}
.contactus li img{width:100%;max-width:300px;}
 
.map{width:100%;height:390px;border:none;float:right;border-radius:10px;overflow:hidden;}


@media screen and (max-width:820px){
    .current h2{padding-top:0;}
    .contactus .text li{width:50%;padding:0;border:0;min-height:100px;}
    .contactus .text li:first-child{width:100%;}
    .contactus .text{padding-bottom:20px;}
    .contactus .text h3{font-size:20px;padding:25px 0 0px 0;}
    .map{width:100%;margin:2rem 0;} 
    .wapcontact .wrap{padding:0 4rem;} 
    .side-banner .wrap{padding:0;}  
}
@media screen and (max-width:512px){
     .contactus .text h1{padding-bottom:10px;}
    .contactus .text p{font-size:14px;line-height:22px;}
    .contactus p img{width:100%;}
    .contactus .text h1{font-size:20px;padding-bottom:15px;}
    .contactus .text h2{font-size:22px;margin-bottom:10px;}
}


.technology li{width:100%;height:auto;float:left;}
.technology li .time{float: left;padding-top: 30px;width: 135px;font-size: 24px;line-height: 32px;color: #d4c5b1;font-family: "MONTSERRAT-REGULAR";letter-spacing: -1px;}
.technology li .txt{float: right;width: 730px;padding: 32px 0;border-top: 2px dashed #ececec;}
.technology li:nth-child(1) .txt{border-top:none;}
.technology li .txt h4{font-size: 18px;color: #222;line-height: 24px;transition: all .3s;}
.technology li:hover h4{color:#f90;}




			/*---------------AspNetPager---------------*/	
.page{text-align:center;padding-top:50px;width:100%;margin:0 auto;}		
.pagelist a{margin:0 5px 0 0;padding:15px 20px;color:#666;border: solid 1px #ccc;line-height:32px;text-decoration: none;background: #fff;font-family: Arial;font-size: 15px;border-radius:3px;}
.pagelist a:hover{color:#fff;border: solid 1px #01963d;background: #01963d;}
.pagelist a.on{border: solid 1px #84af00;}
.AspNetPager{ width: 100%;height: 50px;padding-top: 20px;text-align: center;}
.currentPage{margin:0 5px 0 0;padding:15px 20px;border: solid 1px #006428;color:#fff;line-height:32px;text-decoration: none;background: #006428;font-family: Arial;font-size: 14px;border-radius:3px;}
.pageBtn{ width: 30px;height: 23px;background: #bfa161;color: #fff;font-family: Arial;border: none;}
.pagelist .custominfo{display:none;}

@media screen and (max-width:820px){
    .pagelist a{margin:0 1% 0 0;line-height:10rem;font-size: 2.8rem;border-radius:0.5rem;display:none;width:48%;float:left;padding:0;background:#00854a;color:#fff;border:none;font-family:iconfont;}
    .currentPage{display:none;}
    .pagelist a:nth-child(2),.pagelist a:nth-last-child(2){display:block;}
    .pagelist .custominfo{display:none;text-align:center;font-size:2.8rem;padding-top:2rem;}
}