.sidepage{width:100%;background:#fff;padding:60px 0 80px 0;}
.wrap{width:100%;padding:0 20px;}
.submenu{width:310px;border: 1px solid #dedede;box-sizing: border-box;padding: 30px 20px;float:left;}
.submenu h2{color: #16b254;padding-left: 11px;line-height: 1.6;position:relative;font-size:24px;font-family: AlibabaPuHuiTi-ExtraBold;}
.submenu h2:before{width: 3px;height: 24px;background: #16b254;left: 0;top: 50%;transform: translateY(-50%);content: '';position: absolute;}
.submenu li{margin-top: 10px;position:relative;font-size:18px;}
.submenu li *{transition: all 0.3s ease 0s;}
.submenu li a{font-family:'OPPOSans-Regular';display:block;width:100%;line-height:66px;background: #f7f7f7;box-sizing:border-box;padding:0 0 0 20px;position:relative;color:#333;}
.submenu li a i{display:block;position: absolute;transition: 0.3s ease-in-out;width:24px;height:24px;right:20px;top:22px;font-family:iconfont;line-height:24px;font-size:22px;color:#ddd;}
.submenu li a:hover,.submenu li a.active{background:#16b254;color:#fff;font-family:'OPPOSans-Bold';}
.submenu li a:hover i,.submenu li a.active i{color:#fff;}
.submenu li h1 a{font-size:18px;}
.submenu li b{font-weight:normal;}

.container{width:calc(100% - 360px);float:right;}
.path{line-height:34px;font-size:15px;color:#999;padding-bottom:20px;font-family:'OPPOSans-Regular'}
.path a{color:#999;}
.path i{font-family:iconfont;color:#ccc;}

.con{background:#fcfbf7;padding:50px 40px;}
.about h2{font-size:22px;font-family:'OPPOSans-bold';color:#16b254;line-height:40px;padding-top:15px;}
.about p{font-size:17px;line-height:30px;color:#666;font-family:'OPPOSans-Regular';}
.about hr{width:90px;height:4px;background:#16b254;border:none;margin-bottom:15px;}

.council{}
.council li{padding:30px;min-height:190px;height:auto;margin-bottom:25px;background: #fcfbf7;border: 1px solid #ece8e1;border-radius:5px;}
.council li img{width:150px;float:left;padding-right:20px;}
.council li h1{font-family:'OPPOSans-Medium';font-size:20px;color:#333;line-height:50px;}
.council li p{font-family:'OPPOSans-Regular';font-size:16px;color:#999;line-height:24px;}

.hide{display: none;}
.rules dt{font-size: 19px;color: #333;margin-bottom: 20px;margin-left: 26px;cursor: pointer;font-family:'OPPOSans-Bold';}
.rules dt:before {content: "";border-color: transparent #ccc;border-style: solid;border-width: 5px 0 5px 8px;display: block;height: 0;width: 0;left: -16px;top: 17px;position: relative;}
.rules dd{ padding: 20px; border-radius: 5px; background: #fcfbf7;border: 1px solid #ece8e1;margin: 20px 0 30px; position: relative;}
.rules dd p{font-size:15px;color:#666;line-height:28px;font-family:'OPPOSans-Regular';padding-bottom:10px;}
.rules dd:after,.rules dd:before {bottom: 100%;left: 6%;border: solid transparent;content: "";height: 0;width: 0;position: absolute;pointer-events: none;}
.rules dd:after { border-color: rgba(136, 183, 213, 0); border-color: transparent; border-bottom-color: #FDFCFA; border-width: 15px; margin-left: -15px;}
.rules dd:before {border-color: rgba(194, 225, 245, 0);border-color: transparent;border-bottom-color: #F2EEE6;border-width: 17px;margin-left: -17px;}

.articles ul{padding-top:0px;}
.articles li{width:100%;height:auto;margin:0 0 30px 0;float:left;box-sizing:border-box;transition: all 1s;}
.articles li .pic{float:left;width:300px;height:180px;overflow:hidden;box-sizing:border-box;padding-right:30px;position:relative;}
.articles li .pic img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;}
.articles li .txt{float: right;width: calc(100% - 350px);height:180px;box-sizing:border-box;border-bottom: 2px dashed #ececec;}
.articles li:nth-child(1) .txt{border-top:none;}
.articles li .txt h4{font-size: 24px;color: #222;line-height: 30px;transition: all .3s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:'OPPOSans-Bold';}
.articles li .txt h6{font-size:20px;color: #d4c5b1;font-family: Rubik;letter-spacing: -1px;line-height:30px;padding-top:10px;}
.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-Regular';}
.articles li:hover h4{text-decoration:underline;}


.article-detail{width:100%;padding:40px;max-width:1240px;box-sizing:border-box;margin:0 auto;background:#fcfbf7}
.article-detail h1{font-size:26px;color:#333;padding-top:0px;padding-bottom:20px;font-family:'OPPOSans-Bold';line-height:34px;text-align:center;}
.article-detail .info{border-bottom:1px 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;}


.product{padding:0px 0 80px 0;width:100%;box-sizing:border-box;}
.product *{transition: all 600ms ease;}
.product li{width:25%;float:left;box-sizing:border-box;padding:10px;text-align:center;}
.product li a{display:block;width:100%;height:auto;background: #fcfbf7;border: 1px solid #ece8e1;position:relative;border-radius:8px;padding:15px;box-sizing:border-box;}
.product li .img{width:100%;height:auto;overflow:hidden;float:left;padding:0;box-sizing:border-box;padding-top:100%;position:relative;border-radius:4px;margin-bottom:10px;}
.product li .img img{transition: all 600ms ease;width: 100%;position: absolute;top: 0;left: 0;object-fit: cover; height: 100%;}
.product li  h1{font-size:18px;color:#333;font-family: Noto Sans SC;font-weight:500;line-height:30px;}
.product li p{font-family:'OPPOSans-Regular';overflow:hidden;margin-top:0px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;font-size:14px;line-height:22px;color:#999;}
.product li a:hover{background:#16b254}
.product li a:hover *{color:#fff;}
.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;}

.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;}
.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-Regular' !important;line-height:26px;color:#666;}
.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:#16b254;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}


.contactus{padding:0px 0 0px 0;}
.contactus .text{width:50%;padding-bottom:80px;float:left;}
.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:50%;height:390px;border:none;float:right;border-radius:10px;overflow:hidden;}

.member table{width:100%;}
.member thead td{background:#ece8e1;text-align:center;font-family:'OPPOSans-Medium';}
.member td{font-size:16px;line-height:22px;padding:10px 0;}
.member tbody tr td:nth-child(2),.member tbody tr td:nth-child(4){padding-left:10px;}
.member tbody tr:nth-child(even) td{background:#ece8e1;}
.member tbody tr td:first-child{text-align:center;}
.member tbody tr td:nth-child(3){text-align:center;}


@media screen and (max-width:1440px) {
}
@media screen and (max-width:1366px){
}
@media screen and (max-width:1280px) {
    .submenu{width:280px;}
    .container{width:calc(100% - 330px);}
}
@media screen and (max-width:1024px){
    .submenu{width:250px;}
    .container{width:calc(100% - 280px);}
}
@media screen and (max-width:820px) {
    .wrap{padding:0;}
    .path{display:none;}
    .submenu{padding:0;width:100%;border:none;}
    .submenu h2{display:none;}
    .submenu ul{display:flex;justify-content:space-between;}
    .submenu li{width:100%;margin-right:2px;margin-top:0;}
    .submenu li a{line-height:50px;font-size:16px;}    
    .submenu li a i{top:14px;font-size:18px;right:7px;}
    .submenu li h1 a{font-size:16px;}
    .submenu li:last-child{margin-right:0;}
    .container{width:100%;padding:30px 20px 0 20px;box-sizing:border-box;}
    .sidepage{padding:0px 0 60px 0;}
    .con{padding:30px 30px;}    
}
@media screen and (max-width:512px){
    .con{padding:5vw;}
    .sidepage{padding:80px 0 90px 0;}
    .council li h1{font-size:18px;}
    .about h2{font-size:18px;}
    .about p{font-size:15px;line-height:26px;}
    .about hr{width:70px;}
    .council li{text-align:center;padding:5vw;}
    .council li img{float:none;border-radius:5px;padding:0;}
    .council li p{text-align:left;text-align:justify;font-size:15px;}
    .submenu li a{padding-left:10px;}
    .submenu li a i{right:5px;}

    .articles ul{padding:0;}
    .articles li{width:100%;}
    .articles li .pic{width:100%;height:200px;border-radius:5px;overflow:hidden;margin-bottom:15px;}
    .articles li .txt{width:100%;height:auto;border:none;}
    .articles li .txt h4{font-size:18px;}
    .articles li .txt h6{font-size:18px;line-height:24px;padding:0;}
    .articles li .txt p{font-size:15px;padding-top:0;line-height:22px;}

    .article-detail{padding:20px;}
    .article-detail h1{font-size:22px;text-align:left;padding-bottom:10px;}
     .article-detail .info b{font-size:18px;}
     .article-detail .info{height:auto;}
     .article-detail .box div{font-size:15px;}

    .product ul{display:flex;justify-content:space-between;display:block;box-sizing:border-box;;}
    .product li{width:50%;padding:0;padding:5px;box-sizing:border-box;}
    .product-detail .left{width:100%;float:none;}
    .product-detail .right{width:100%;float:none;padding:0 15px;}

    .member td{font-size:14px;padding:5px 0;}
    .member tr td:last-child{display:none;}

    .contactus{padding:0 15px;}
    .contactus .text h1{display:none;}
    .contactus .text h2{margin-bottom:10px;}
    .contactus .text li{width:100% !important;min-height:auto;border:none;}
   .contactus .text{width:100%;float:none;padding:40px 0 50px 0;}
    .map{width:100%;float:none;}
}





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