.current{width:50%;margin:0 auto;padding-top:20%;text-align:center;color:#fff;}
.current h1{font-size:40px;font-weight:bold;margin:0;font-family:poiret-oneregular;}
.current h1:after{content:"";display:block;width:50px;height:3px;background:#fff;margin:5px auto;}
.current h2{font-size:20px;font-family: 'MONTSERRAT-REGULAR';}

.container{padding:50px 0 80px 0;background:url(/images/main_bg.jpg) no-repeat bottom right #fff;}
.side-banner{width:100%;height:500px;}
.side-banner img{padding-top:240px;}
.path{width:100%;background:#f9f9f7;line-height:65px;font-size:14px;color:#ccc;vertical-align:middle;}
.path a{color:#c1ae9d;padding:0 5px;font-family:"Comic Sans ms";}
.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;}
.about{padding-bottom:120px;}
.about .left{width:27%;float:left;}
.about .left h1{font-weight:normal;font-size:60px;color:#e9e9e9;font-family: "OPPOSans-M";margin:0 0 30px 0;}
.about .left h2{font-size:22px;color:#333;font-weight:bold;line-height:28px;padding-bottom:60px;font-family: "OPPOSans-M";}
.about .left h3{font-size:20px;color:#999;font-weight:bold;line-height:20px;font-family: Noto Sans SC;}
.about .left h3 b{font-family: "OPPOSans-M";color:#8fc320;font-size:80px;}

.about .right{width:68%;float:right;}
.about .right h1{font-size:27px;color:#333;font-weight:bold;margin:0 0 15px 0;}
.about .right h2{font-size:15px;color:#333;padding-bottom:10px;text-transform:uppercase;font-family: "Times New Roman";}
.about .right p{font-size:20px;color:#888;padding-bottom:15px;line-height:28px;font-family: "Times New Roman";}
.about .content{padding:30px 0;}


.culture{width:100%;height:auto;background:url(../images/culture.jpg) no-repeat center bottom;background-size:100% auto;padding:130px 0 250px 0;}
.about-bg .title{width:100%;padding:0 0 50px 0;color:#fff;}
.about-bg .title h1{font-size:36px;font-weight:bold;margin:0 0 5px 0;}
.about-bg .title h2{font-size:26px;font-family: 'MONTSERRAT-REGULAR';line-height:30px;text-transform:uppercase;}
.culture ul{width:70%;height:auto;padding-top:20px;max-width:820px;}
.culture li{width:50%;float:left;padding-bottom:7px;}
.culture li p{font-size:16px;color:#fff;padding:0 0 0px 0;line-height:25px;font-family: "OPPOSans-R";}
.culture li h3{font-family: Noto Sans SC;font-size:22px;font-weight:700;color:#fff;}

.honor{background: #f0faf7;padding:20px 0 80px 0;}
.honor .title{color:#8ec31f;width:50%;float:left;}
.organization .title{color:#8ec31f;}
.honor .menu{width:330px;height:auto;display:block;float:right;margin:30px 0;}
.honor .menu li{width:150px;float:left;margin-left:15px;}
.honor .menu li a{display:block;width:100%;line-height:45px;border-radius:30px;text-align:center;font-size:22px;font-family: Noto Sans SC;font-style: normal;font-weight: 400;color:#777;background:#ddd;}
.honor .menu li a.tabactive{background:#8ec31f;color:#fff;}

.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;z-index:9;}
.category li div img{width:100%;transition: all 0.3s;}
.category li h1{font-size:18px;color:#333;line-height:20px;padding:15px 15px 15px 10px;position:relative;transition: all 0.5s;font-family: "Comic Sans ms";}
.category li h1 span{font-size:20px;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 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:820px) {
    body{background-size:110% auto !important;}
    .container{padding:5rem 0rem 8rem 0rem;background-size:100% auto;}
    .side-banner{height:350px;}    
    .path{line-height:50px;}
    .current{padding-top:20%;}
    .about .right h1{font-size:22px;}
    .about .right p{font-size:17px;line-height:27px;}
    .about .right video{width:100% !important;}

    .about-bg .title{padding-bottom:30px;}
    .about-bg .title h1{font-size:30px;margin-bottom:2px;}
    .about-bg .title h2{font-size:20px;line-height:20px;}

    .culture{background:url(../images/culture-pad.jpg) no-repeat center bottom;background-size:100% auto;padding:100px 0 200px 0;}
    .culture ul{width:100%;}
    .culture li{}
    .culture li p{font-size:15px;line-height:25px;}
    .culture li h3{font-size:20px;}
    .photos{height:350px;}

    .honor .menu li a{font-size:18px;}
    .prev, .next{top:125px;}
    .prev {left: -20px;}
    .next {right: -20px;}
    .tabcontent li{padding:0 10px 20px 10px;}
    .tabcontent a{height:150px;}

    .organization{padding:50px 0 100px 0;background-size:auto 70%;}
    .organization img{width:100%;max-width:1072px;}

    .category li{width:25%;padding:10px;}
    .category li h1{font-size:14px;line-height:20px;padding:15px 25px 15px 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin:0;box-sizing:border-box;}
        .category li h1 span{position:absolute;right:5px;top:15px;}
}
@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:50px;}
    .about .left h3 b{font-size:70px;}
    .about .left h2{padding-bottom:40px;font-size:20px;}
    .about .right{width:100%;}
     .about .right h1{font-size:20px;}
     .about .right h2{font-size:13px;}
    .about .left h1{margin:0;}
    .side-banner{height:270px;}   
     body{background-size:auto 270px !important;}

    .current{padding-top:35%;}
    .current h1{font-size:30px;}
    .current h2{font-size:16px;}

    .culture{background:url(../images/culture-wap.jpg) no-repeat center bottom;background-size:auto 100%;padding:70px 0 100px 0;}
    .culture ul{width:90%;}
    .culture li{width:100%;padding-bottom:5px;}
    .culture .title h1{font-size:26px;}
    .culture .title h2{font-size:14px;}

    .honor{padding:40px 0;}
    .honor .title{width:100%;}
    .honor .menu{width:100%;margin:0 0 20px 0;}
    .honor .menu li{margin:0 15px 0 0;width:120px;}
    .honor .menu li a{line-height:35px;font-size:16px;}

    .tabcontent li{width:33.3%;padding:0 5px 10px 5px;}
    .tabcontent a{height:100px;}
    .photos ul{width:500%;}
    .photos li{width:calc(100% / 15);}
    .prev, .next {width:50px;height:50px;line-height:50px;font-size:20px;top:135px;}

     .organization{background-size:auto 40%;background-position:100px bottom;background-repeat:no-repeat;}

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

.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: Noto Sans SC;font-weight:500;}
.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;}
    .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:26px;padding:10px 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-weight:700;}
.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;}
    .articles li .time{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;}
}
@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;}
}

.sidenav{width:20%;float:left;margin-bottom:40px;overflow:hidden;}
.sidenav .title,.sidenav #title{width:100%;line-height:80px;background:#8fc320;color:#fff;font-size:22px;font-family: "Comic Sans ms";border-top-right-radius:60px;text-align:center;}



.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;font-family: "Comic Sans ms";}
.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-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:100%;float:left;line-height:30px;font-size:15px;box-sizing:border-box;color:#60583f;text-indent:10px;}
.sidenav li div a:hover{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:25%;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:100%;height:250px;overflow:hidden;padding:15px 0 15px 15px;box-sizing:border-box;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:100%;padding:10px;box-sizing:border-box;}
.product li .info h1{font-size:1.2vw;color:#333;font-family: "Comic Sans ms";overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align:center;}
.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%,#8fc320 100%);border:none;}
.product li a:hover hr{width:100%;}
.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: #8fc320;text-align: center;line-height: 55px;font-size:20px;color:#fff;margin-bottom:20px;font-family: "Comic Sans ms";}
       .search .sort-action i{font-family:iconfont;}
    .product{width:100%;float:none;box-sizing:border-box;padding:0rem 0 20px 0;}
    .product li{width:33.3%;}
    .product li .img{width:100%;}
    .product li .info{}
    .product li .info h1{font-size:18px;line-height:26px;}
    .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{width:50%;}
    .product li .img{height:200px;}
    .product li .info h1{font-size:16px;line-height:22px;}
    .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;background: #d0000e;color:#fff;font-size:18px;text-align:center;border-radius:30px;vertical-align:middle;font-family:'OPPOSans-M';}
.product-detail .btn a i{font-family:iconfont;font-size:18px;}
.product-detail .btn a:nth-child(2){float:right;}
.product-detail .btn a:hover{background:#333;}
.product-detail .right{width:60%;float:right;}
.product-detail .right .des *{line-height:30px !important;color:#666 !important;background:none !important;font-family: "Times New Roman" !important;font-size: 20px !important;color: #666 !important;}
.product-detail .right .title{font-size:34px;line-height:60px;font-family: "Comic Sans ms";color:#8fc320;}
.product-detail .right hr{width:100px;height:4px;background:#8fc320;border:none;margin-bottom:30px;}
.product-detail .right .des img{max-width:780px;}
.product-detail .right .des table{width:100%;max-width:750px;}
    .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;
        border: 1px solid windowtext !important;
    }

@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:20px !important;line-height:24px !important;}
    .product-detail .right .des img{max-width:100%;height:auto !important;}
    .product-detail .btn a{width:50%;font-size:18px;line-height:50px;margin:0 auto;}
    .product-detail .right .title{font-size:30px;line-height:50px;}
}
@media screen and (max-width:512px){
    .product-detail .right .title{font-size:26px;}
    .product-detail{padding:70px 0;}
     .product-detail .right{padding:0 20px;}
      .product-detail .right .des *{font-size:17px !important;line-height:26px !important;}
}
.contactus{padding:0px 0 0px 0;}
.contactus .text{width:100%;padding-bottom:80px;font-family: 'Times New Roman';}
.contactus .text li{width:30%;float:left;padding-left:30px;border-right:2px dashed #ececec;box-sizing:border-box;min-height:300px;}
.contactus .text li:first-child{width:40%;padding:0;}
.contactus .text h1{font-size:24px;color:#8fc320;padding-bottom:20px;font-weight:bold;}
.contactus .text h2{font-size:24px;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:30px 0 15px 0;}
.contactus .text p{font-size:20px;color:#8f8f8f;line-height:34px;}
.contactus .text p a{color: #8f8f8f;}
.contactus p img{width:50%;max-width:300px;}
 
.map{width:100%;height:380px;border:none;float:right;border-radius:5px;}


@media screen and (max-width:820px){
    .contactus .text li{width:100%;padding:0;border:0;min-height:100px;}
    .contactus .text li:first-child{width:100%;}
    .contactus .text{padding-bottom:20px;}
    .contactus .text h1{font-size:24px;padding-bottom:20px;}
    .contactus .text h2{font-size:26px;margin-bottom:20px;}
    .contactus .text h2 i{font-size:24px;}
    .contactus .text p{font-size:18px;line-height:28px;}
    .contactus p img{width:50%;}
    .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:16px;line-height:24px;}
    .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;}
}