.container{padding:50px 0 80px 0;background:#fff;}
.side-banner{width:100%;height:550px;text-align:center;}
.side-banner img{padding-top:240px;width:35%;}
.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:last-child{color:#333;}
.path a:first-child{padding-left:0;}
.path i{font-family:iconfont;font-size:22px;color:#c1ae9d;}
.path *{vertical-align:middle;}

@media screen and (max-width:820px) {
    body{background-size:auto 53rem !important;}
    .container{padding:5rem 4rem 8rem 4rem;}
    .side-banner{height:40rem;background-size:auto 100%;}
    .side-banner .wrap{padding:0;}
    .side-banner img{width:50%;margin:0 10%;padding-top:25%;}
    .path{box-sizing:border-box;padding-left:2rem;line-height:9rem;font-size:3rem;margin-top:0;}
}

.about{padding:50px 0 180px 0;}
.about h1{font-size:30px;color:#333;line-height:46px;font-family:OnePlus Sans Medium;}
.about hr{width:100%;height:3px;background:#333;border:none;margin:10px 0 70px 0;font-family: 'OPPOSans-M';}
.about .content{position:relative;}
.about .text{margin-right:500px;}
.about .text p{font-size:18px;color:#777;line-height:36px;text-align:justify;margin-bottom:50px;text-indent:36px;}
.about img{width:440px;position:absolute;top:0;right:0;}
.about *{transition-duration: 0.5s;}
.about-bg{padding-bottom:0;background:url(../images/about-bg.jpg) no-repeat left bottom #fff;}
@media screen and (max-width:820px){
    .about{padding:0rem 0 15rem 0;background-size:150% auto;}
    .about h1{font-size:3.5rem;text-align:justify;line-height:5.2rem;}
    .about hr{height:0.4rem;margin:3rem 0 5rem 0;}
    .about .text{margin:0;width:100%;}
    .about .text p{font-size:3rem;line-height:5rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;margin-bottom:4rem;}
    .about img{position:relative;width:80%;margin:0 8% 0 12%;}
    .about-bg{background-size:auto 100%;background-position:center top;}
}

.articles ul{padding-top:0px;}
.articles li{width:100%;height:auto;margin:20px 0;float:left;box-sizing:border-box;transition: all 1s;background:#fff;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;}
.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;}
.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:820px){
    .waparticles .container{padding:4rem 0 7rem 0;}
    .articles li{padding:0;position:relative;background:#fff;margin:0 0 3rem 0;padding-bottom:4rem;}
    .articles li .time{display:none;}

    .articles li .pic{width:100%;padding:0;}
    .articles li .pic img{}
    .articles li .txt{display:inline;width:100%;height:auto;padding:2rem 0;}
    .articles li .txt h4{font-size:3.2rem;line-height:4rem;padding:1rem 0;color:#333;font-family:OnePlus Sans Medium;}
    .articles li .txt p{font-size:2.6rem;color:#999;line-height:3.8rem;}
    .articles li h5{font-size:3.4rem;color:#d4c5b1;font-family:Rubik;display:block;}
}

.tech ul{padding-top:0px;}
.tech li{width:100%;height:auto;padding:20px;float:left;box-sizing:border-box;transition: all 1s;background:#fff;}
.tech li .time{float: left;padding-top: 30px;width: 12%;font-size: 24px;line-height: 32px;color: #d4c5b1;font-family: "MONTSERRAT-REGULAR";letter-spacing: -1px;}
.tech li .pic{float:left;width:20%;height:auto;padding:0 2%;overflow:hidden;box-sizing:border-box;}
.tech li .pic img{width:100%;border-radius:1rem;}
.tech li .txt{float: right;width: 68%;padding: 0 0 32px 0;border-bottom: 2px dashed #ececec;height:auto;box-sizing:border-box;}
.tech li:nth-child(1) .txt{border-top:none;}
.tech li .txt h4{font-size: 18px;color: #222;line-height: 24px;transition: all .3s;}
.tech 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;}
.tech li:hover{background:#eee;}
@media screen and (max-width:1200px){
    .tech li .time{font-size:20px;}
    .tech li .txt h4{line-height: 30px;}
    .tech li .txt p{-webkit-line-clamp: 2;}
    .tech li:hover{background:none;}
}
@media screen and (max-width:820px){
    .tech li{padding:0 0 4rem 0;position:relative;}
    .tech li .pic{width:35%;float:left;height:auto;padding:0;}
    .tech li .time{position:absolute;left:40%;bottom:5rem;font-size:3rem;}
    .tech li .txt{width:60%;height:auto;padding:0 0 6rem 0;float:right;}
    .tech li .txt h4{font-size:3rem;line-height:4rem;padding:1rem 0;height:8rem;}
    .tech li .txt p{display:none;}
    .waptec .wrap{padding:0;}
}

.article-detail h1{font-size:26px;color:#333;padding-top:0px;padding-bottom:20px;}
.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;border-bottom:1px solid #ccc;box-sizing:border-box;padding:10px 20px;height:60px;}
.article-detail .box div{width:48%;float:left;line-height:40px;}
.article-detail .box div a{color:#333;}
.article-detail .box .next{text-align:right;float:right;}

@media screen and (max-width:820px){
    .article-detail{padding:0 !important;}
    .article-detail h1{font-size:4rem;padding-bottom:2rem;line-height:6rem;}
    .article-detail .info{line-height:4rem;height:auto;padding-bottom:3rem;margin-bottom:4rem;}
    .article-detail .info b{font-size:4rem;}
    .article-detail .info span{font-size:3rem;}
    .article-detail #content *{font-family:Rubik,'Microsoft YaHei' !important; }
    .article-detail #content img{max-width:100%;height:auto !important;}
    .article-detail .box{font-size:3rem;padding:2rem 0;height:auto;border:none;}
    .article-detail .box .prev,.article-detail .box .next{line-height:7rem;text-align:left;}
    .article-detail .box div{line-height:4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;}
}


.sidenav{width:20%;float:left;margin-bottom:40px;overflow:hidden;}
.sidenav .title,.sidenav #title{width:100%;line-height:80px;background:#1043b0;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:17px;text-indent:1.5vw;line-height:55px;color:#333;}
.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{background:#006428;color:#fff;}
.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 .box{width:40%;float:left;padding:15px 0 15px 15px;box-sizing:border-box;}
.product li .img{width:100%;display: block;overflow: hidden;position: relative;padding-top: 100%;border-radius:20px;}
.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:OnePlus Sans Medium;}
.product li .info .text{width:100%;height:88px;overflow:hidden;margin-top:0.5vw;margin-bottom:1vw;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.product li .info .text{font-family:'Microsoft YaHei' !important;font-size:15px !important;color:#a3a3a3 !important;line-height:22px !important;text-indent:0 !important;}
.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:#edad27;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: 1rem;height: 100%;background: #1043b0;text-align: center;line-height: 10rem;font-size:3rem;color:#fff;margin-bottom:2rem;}
    .product{width:100%;float:none;box-sizing:border-box;padding:0rem 0 4rem 0;}
    .product li{width:100%;padding:0 0 2rem 0;}
    .product li .box{padding:2rem 0 2rem 2rem;}
    .product li .img{}
    .product li .info{padding-left:2rem;}
    .product li .info h1{font-size:3.6rem;line-height:6rem;padding:1rem 0 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    .product li .info h6{font-size:2.8rem;}
    .product li .info .text{height:12rem;margin:1rem 0 !important;padding-bottom:0.5rem;}
    .product li .info .text{font-size:2.8rem !important;line-height:4rem !important;text-indent:0 !important;}  
    
    .goods-list-bar{display:block;}
   .container .search{display:block;}
}

.product-detail{padding:0px 0 80px 0;}
.product-detail .left{width:35%;float:left;}
.product-detail .btn{width:100%;padding-top:30px;}
.product-detail .btn a{display:block;width:200px;float:left;line-height:44px;background:#1043b0;color:#fff;font-size:16px;text-align:center;border-radius:2px;vertical-align:middle;}
.product-detail .btn a i{font-family:iconfont;font-size:20px;}
.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 *{font-family:'Microsoft YaHei' !important;font-size:16px !important;line-height:30px !important;color:#666 !important;}
.product-detail .right .title{font-size:24px;line-height:60px;color:#333;font-weight:bold;}
.product-detail .right hr{width:100px;height:3px;background:#f08200;border:none;margin-bottom:30px;}
.product-detail .right .des img{max-width:780px;}
.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:15rem 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 4rem;}
    .product-detail .right .des img{max-width:100%;height:auto !important;}
    .product-detail .btn a{width:100%;font-size:2.8rem;line-height:9rem;}
    .product-detail .right .title{font-size:4.2rem;}
}

.contactus{padding:0px 0 0px 0;}
.contactus .text{width:50%;float:left;}
.contactus .text h1{font-size:18px;color:#4c4f52;padding-bottom:20px;}
.contactus .text h2{font-size:30px;color:#f08200;font-family:MONTSERRAT-REGULAR;margin-bottom:20px;}
.contactus .text h2 i{font-family:iconfont;font-size:35px;}
.contactus .text p{font-size:16px;color:#8f8f8f;font-family:Rubik;line-height:28px;}
.contactus .text p a{color: #8f8f8f;}
.contactus .weixin{display:none;}
 
.map{width:50%;height:380px;border:none;float:right;border-radius:5px;}


@media screen and (max-width:820px){
    .contactus{padding-bottom:2rem;}
    .contactus .text{width:100%;padding-bottom:2rem;}
    .contactus .text h1{font-size:3rem;padding-bottom:2rem;}
    .contactus .text h2{font-size:5rem;margin-bottom:2rem;}
    .contactus .text h2 i{font-size:6rem;}
    .contactus .text p{font-size:2.8rem;line-height:4.8rem;}
    .contactus .weixin{display:block;width:100%;text-align:center;padding:2rem 0;clear:both;border-radius:1rem;box-shadow: 0 0 10px #ddd;margin:1rem 0;}
    .contactus .weixin img{width:50%;}
    .contactus .weixin p{font-size:3rem;color:#666;line-height:5rem;}
    .map{width:100%;margin:2rem 0;} 
    .wapcontact .wrap{padding:0;}   
}


   





.hr{padding-top:30px;}
.hr .list{width:100%;margin-bottom:40px;background:#f9f6f1;box-sizing:border-box;padding:40px;border-bottom-right-radius:150px;overflow:hidden;position:relative;}
.hr .list i{position:absolute;right:30px;bottom:-60px;font-size:250px;color:#f2ebdb;font-family:MONTSERRAT-REGULAR;}
.hr .list h1{font-size:20px;color:#333;font-weight:bold;line-height:60px;}
.hr .list hr{width:80px;height:3px;background:#f08200;border:none;margin-bottom:30px;}
.hr .list table{width:100% !important;}
.hr .list table td{font-size:16px;line-height:28px;color:#666;}
.hr p{font-size:16px;color:#666;line-height:30px;}





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




.category{padding:50px 0 100px 0;}
.category li{width:20%;box-sizing:border-box;margin:2.5%;text-align:center;float:left;box-shadow: 0px 0px 10px #ddd;padding:10px;border-radius:3px;}
.category li div{width:220px;height:180px;overflow:hidden;box-sizing:border-box;}
.category li div img{height:180px;transition: all 0.3s;}
.category li h1{font-size:16px;color:#333;line-height:40px;}
.category li:hover img{height:190px;vertical-align:middle;margin:-5px 0 0 -5px;transition: all 0.3s;}







			/*---------------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:#333;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;}
}