body{padding-top:0;}

.title{text-align:center;}
.title b{font-size:38px; font-weight:normal; display:block;}
.title p{font-size:20px; font-weight:500; display:inline-block; color:rgb(157,81,184);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-image:-webkit-linear-gradient(left, rgb(17,121,215), rgb(157,81,184));}
.more.center{text-align:center;}
.more a{display:inline-block; border:1px solid rgb(17,121,215); color:rgb(17,121,215); font-size:16px; line-height:48px; padding:0 38px; border-radius:38px;}
.more a:hover{background:rgb(17,121,215); color:#fff;}
.more a b{font-weight:normal; transition:.2s; display:inline-block;}
.more a i{margin-left:4px; transition:.2s;}
.more a:hover b{transform:translateX(-4px);}
.more a:hover i{transform:translateX(2px);}
@media(max-width:1199px){
.title b{font-size:28px;}
.title p{font-size:16px;}
.more a{font-size:15px; line-height:38px; padding:0 32px;}
}
@media(max-width:767px){
.title b{font-size:22px;}
.title p{font-size:14px;}
.more a{font-size:14px; line-height:32px; padding:0 28px;}
}

.garden{padding:58px 0; background-size:cover; background-position:center; background-color:rgb(255,255,255); background-image:url('');}
.garden .title{text-align:left;}
.garden .left{width:60%; float:left; padding-right:28px;}
.garden .left aside{margin-top:38px; font-size:18px;}
.garden .left aside p{margin-top:18px;}
.garden .left .count{}
.garden .left .count:after{display:block; content:''; clear:both;}
.garden .left .count dl{float:left; width:25%; margin-top:38px; color:rgb(17,121,215);}
.garden .left .count dl>dt{font-size:18px; color:rgb(17,121,215)}
.garden .left .count dl>dd{line-height:1; margin-top:4px;}
.garden .left .count dl>dd>b{font-size:38px; display:inline-block; margin-right:4px; color:rgb(51,51,51)}
.garden .left .count dl>dd>u{font-size:22px; display:inline-block; text-decoration:none; color:rgb(129,129,129)}
.garden .left .more{margin-top:48px;}
.garden .right{width:40%; float:right; padding-left:28px;}
.garden .right img,
.garden .right video{width:100%; border-radius:3px;}
.garden .right video{background:;}
@media(max-width:1199px){
.garden{padding:38px 0;}
.garden .left{padding-right:8px;}
.garden .left aside{margin-top:28px; font-size:16px;}
.garden .left .count dl{margin-top:28px;}
.garden .left .count dl>dt{font-size:16px;}
.garden .left .count dl>dd>b{font-size:28px;}
.garden .left .count dl>dd>u{font-size:18px;}
.garden .left .more{margin-top:38px;}
.garden .right{padding-left:8px;}
}
@media(min-width:992px){
.garden .right video{height:650px;}
}
@media(max-width:991px){
.garden .left{width:100%; float:none; padding-right:0;}
.garden .left .more{margin-bottom:38px;}
.garden .right{width:100%; float:none; padding-left:0;}
}
@media(max-width:767px){
.garden{padding:18px 0;}
.garden .left aside{margin-top:18px; font-size:14px;}
.garden .left aside p{margin-top:8px;}
.garden .left .count dl{width:50%; margin-top:18px;}
.garden .left .count dl>dt{font-size:14px;}
.garden .left .count dl>dd>b{font-size:22px;}
.garden .left .count dl>dd>u{font-size:15px;}
.garden .left .more{margin:18px 0;}
}




.product{padding:58px 0; text-align:center; background:rgb(248,248,248);}
.product .title + .list{padding-top:38px;}
.product .list ul{margin:-18px;}
.product .list ul:after{display:block; content:''; clear:both;}
.product .list ul li{padding:18px; width:33.333%; float:left;}
.product .list ul li div{padding:8px; border-radius:3px; background:rgb(255,255,255); transition:.3s;}
.product .list ul li:hover div{box-shadow:0 0 18px rgba(0,0,0,.08);}
.product .list ul li a.img{display:block; overflow:hidden; border-radius:3px;}
.product .list ul li a.img img{display:block; width:100%; transition:.3s;}
.product .list ul li a.img:hover img{transform:scale(1.18);} 
.product .list ul li span.txt{display:block; padding:18px 0; margin:0 8px; border-bottom:1px dashed #888;}
.product .list ul li span.txt h3{font-size:18px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.product .list ul li span.txt p{margin-top:4px; font-size:16px; color:rgb(153,153,153); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.product .list ul li span.txt i{display:block; font-size:18px; margin-top:4px; font-style:normal; color:red;}
.product .list ul li span.btn{display:block; padding:18px 0 8px 0;}
.product .list ul li span.btn a{display:inline-block; border:1px solid #f0f0f0; padding:4px 28px; border-radius:50px;}
.product .list ul li span.btn a b{display:inline-block; font-weight:normal; transition:.3s;}
.product .list ul li span.btn a i{transition:.3s;}
.product .list ul li span.btn a:hover{background:rgb(17,121,215); border:1px solid rgb(17,121,215);}
.product .list ul li span.btn a:hover b{transform:translateX(-4px); color:#fff;}
.product .list ul li span.btn a:hover i{transform:translateX(2px); color:#fff;}
.product .more{text-align:center; margin-top:28px;}
@media(max-width:1199px){
.product{padding:38px 0;}
.product .title + .list{padding-top:28px;}
.product .list ul{margin:-8px;}
.product .list ul li{padding:8px;}
}
@media(max-width:991px){
.product .list>ul>li{width:50%;}
}
@media(max-width:767px){
.product{padding:18px 0;}
.product .title + .list{padding-top:18px;}
.product .list ul{margin:-4px;}
.product .list ul li{padding:4px; width:50%;}
.product .list ul li div{padding:4px;}
.product .list ul li a h4{padding:4px;}
.product .list ul li span.txt{padding:4px 0; margin:0 4px;}
.product .list ul li span.txt h3{font-size:16px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.product .list ul li span.txt p{margin-top:0; font-size:14px;}
.product .list ul li span.txt i{font-size:16px; margin-top:0;}
.product .list ul li span.btn{padding:8px 0 4px 0;}
.product .list ul li span.btn a{padding:2px 18px;}
.product .more{margin-top:16px;}
}

.news{padding:58px 0; background-size:cover; background-position:center; background-color:; background-image:url('');}


.news-box{ padding-top:60px}
.news-box:after{display:block; content:''; clear:both;}

.news-list{padding-left:50px; width:55%; float:left;}

.news-exhibit{width:45%; float:left; margin-top:8px; padding:18px; border-radius:4px; background:rgb(245,245,245);}
.news-exhibit>aside{position:relative; display:block; border-radius:3px; overflow:hidden;}
.news-exhibit>aside>img{display:block; width:100%;}
.news-exhibit>aside>a{position:absolute; left:0; bottom:0; right:0; background:rgba(0,0,0,.6); color:#fff; padding:8px 18px; z-index:2; font-size:20px;}
.news-exhibit>ul{display:block; padding-top:5px;}
.news-exhibit>ul li{margin:20px 0 0;}
.news-exhibit>ul li:after{display:block; content:''; clear:both;}
.news-exhibit>ul li i{float:left; font-style:normal; text-align: center; line-height:1; font-size: 12px; padding:8px; border-radius:3px; margin-right:15px; color:#fff; background: rgb(17,121,215);}
.news-exhibit>ul li i b{font-size:28px; display: block;}
.news-exhibit>ul li h3{ font-size:18px; position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} 
.news-exhibit>ul li p{margin-top:4px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#2d2d2d;}

.news-tabs{margin-bottom:18px;}
.news-tabs:after{display:block; content:''; clear:both;}
.news-tabs h2{font-size:24px;  cursor:pointer; display:inline-block; margin-left:38px;}
.news-tabs h2:first-child{margin-left:10px;}
.news-tabs h2.on{color:rgb(17,121,215);}

.news-faq{display: block;}
.news-faq ul{display:none;}
.news-faq ul.on{display:block;}
.news-faq ul>li{display:block; padding:15px 18px; border-radius:3px; background:#f5f5f5; transition: .3s; margin-top: 15px;}
.news-faq ul>li>h3{position: relative; border-radius:5px; cursor: pointer;}
.news-faq ul>li>h3>i{float: right; width:25px; height:25px; line-height:28px; font-size:18px; transition: .3s; overflow: hidden; text-align: center; border-radius: 50px; background:#f0f0f0;}
.news-faq ul>li>h3>b{font-weight: inherit;}
.news-faq ul>li>div{position: relative; max-height: 0; padding: 0; overflow: hidden; transition: .15s linear; color:#555555;}
.news-faq ul>li.on{background: #f0f0f0;}
.news-faq ul>li.on>h3>i{background:#f8f8f8; transform: rotate(180deg);}
.news-faq ul>li.on>div{max-height:300px; padding:5px 0 0;}

@media(max-width:1600px){
.news-list{padding-left:38px;}
.news-faq ul>li{padding:12px 18px; margin-top: 12px;}
}

@media(max-width:1200px){
.news{padding:60px 0; }
.news-list{padding-left:28px;}
.news-box{padding-top: 30px;}
.news-tabs h2{font-size: 20px; margin-left: 28px;}
.news-exhibit{padding:18px;} 
.news-faq ul>li{margin-top: 10px;}
}
@media(max-width:992px){
.news-list{padding:30px 0 0; width:100%;}
.news-exhibit{padding:18px; width:100%; margin-top: 0;}
}
@media(max-width:767px){
.news{padding:30px 0; }
.news-exhibit{padding:8px;}
.news-exhibit>aside>a{font-size:16px; padding:2px 10px;}
.news-exhibit>ul li{margin-top: 5px;}
.news-exhibit>ul li i{margin-right: 8px;}
.news-tabs{margin-bottom:10px;}
.news-tabs h2{font-size:16px; margin-left: 8px;}
.news-box{padding-top: 15px;}
.news-list{padding-top: 20px;}
.news-faq ul>li{padding:8px;}
}