/*!
 *  机床附件 by @龙灵网络 - http://www.llwap.cn
 */
@charset "utf-8";
/* 全局样式 */
::selection{color: #fff;background:#363e45;}
*{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
body{background:#fff;}
ul{list-style-type: none;}
img {max-width: 100%;}
.ui-indent{text-indent: 2em;}

.width{max-width:1200px;margin:0 auto;}

/* 导航栏样式 */
.header{background-color: white;box-shadow: 0 4px 16px 0 rgba(0, 60, 179, .1);}
.header nav {display: flex;justify-content: space-between;align-items: center;/* margin: 0 2%; */}
/* logo 样式 */
.header .logo {padding:5px;}
.header .logo img{margin-right:20px;max-width:300px;max-height:80px;}
.header nav ul {list-style-type: none; margin: 0;padding: 0;display: flex;}
.header nav ul li {position: relative;padding: 15px;}
.header nav ul li a {color:#333;text-decoration: none;}
/* 二级菜单样式 */
.header nav ul li ul {display: none;position: absolute;top:100%;left: 0;background-color: white;min-width: 160px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}
.header nav ul li:hover > ul {display: block;}
.header nav ul li ul li {padding: 10px;}
/* 汉堡菜单样式 */
.menu-toggle {display: none;padding: 15px;cursor: pointer;color:#333;}
.menu-toggle i{font-size:28px;}
.menu-toggle .ui-icon-close{color: #f30;}
/* 鼠标悬停在 li 上的动态横线效果 */
.header nav ul li::after {content: "";position: absolute;bottom: 0;left: 0;width: 0;height: 4px;border-radius: 2px;transition: 0.3s;left: 50%;transform: translateX(-50%);background-color: #28b07c;}
.header nav ul li:hover a,nav ul li.active a{color: #28b07c;}
.header nav ul li:hover::after,nav ul li.active:after {width: 70%;}


/*公共样式*/
.bg-light{background: #F7F8FC;padding: 50px 0;}
.bg-light.image1{background-image: url(../img/image1.png);}
.bg-light.image2{background-image: url(../img/image2.png);}

.bg-info{background: #E5F9F9;padding: 50px 0;}

.ui-row{margin: 0 -15px;}
.row-reverse{flex-direction: row-reverse;}
.ui-col,.ui-col-1,.ui-col-10,.ui-col-11,.ui-col-12,.ui-col-2,.ui-col-3,.ui-col-4,.ui-col-5,.ui-col-6,.ui-col-7,.ui-col-8,.ui-col-9,.ui-col-auto,.ui-col-lg,.ui-col-lg-1,.ui-col-lg-10,.ui-col-lg-11,.ui-col-lg-12,.ui-col-lg-2,.ui-col-lg-3,.ui-col-lg-4,.ui-col-lg-5,.ui-col-lg-6,.ui-col-lg-7,.ui-col-lg-8,.ui-col-lg-9,.ui-col-lg-auto,.ui-col-md,.ui-col-md-1,.ui-col-md-10,.ui-col-md-11,.ui-col-md-12,.ui-col-md-2,.ui-col-md-3,.ui-col-md-4,.ui-col-md-5,.ui-col-md-6,.ui-col-md-7,.ui-col-md-8,.ui-col-md-9,.ui-col-md-auto,.ui-col-sm,.ui-col-sm-1,.ui-col-sm-10,.ui-col-sm-11,.ui-col-sm-12,.ui-col-sm-2,.ui-col-sm-3,.ui-col-sm-4,.ui-col-sm-5,.ui-col-sm-6,.ui-col-sm-7,.ui-col-sm-8,.ui-col-sm-9,.ui-col-sm-auto,.ui-col-xl,.ui-col-xl-1,.ui-col-xl-10,.ui-col-xl-11,.ui-col-xl-12,.ui-col-xl-2,.ui-col-xl-3,.ui-col-xl-4,.ui-col-xl-5,.ui-col-xl-6,.ui-col-xl-7,.ui-col-xl-8,.ui-col-xl-9,.ui-col-xl-auto{padding: 0 15px;}

.banner-slider{position: relative;}

.ui-carousel-prev,.ui-carousel-next{width:90px;}
.banner-slider .ui-carousel-page{bottom:25px;}
.banner-slider .ui-carousel-page li{height:12px;width:12px;border-radius:12px;transition:all 1s}
.banner-slider .ui-carousel-page li.active{width:50px;}
.banner-slider .ui-carousel-item{background-color: #ECF9E6;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1200 800'%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23f6fcf3'/%3E%3Cstop offset='1' stop-color='%23f6fcf3' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='1200' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23e9f9f0'/%3E%3Cstop offset='1' stop-color='%23e9f9f0' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='c' cx='600' cy='0' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23f2fcfc'/%3E%3Cstop offset='1' stop-color='%23f2fcfc' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='d' cx='600' cy='800' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ECF9E6'/%3E%3Cstop offset='1' stop-color='%23ECF9E6' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='e' cx='0' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23FFFFFF'/%3E%3Cstop offset='1' stop-color='%23FFFFFF' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='f' cx='1200' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23E5F9F9'/%3E%3Cstop offset='1' stop-color='%23E5F9F9' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='1200' height='800'/%3E%3Crect fill='url(%23b)' width='1200' height='800'/%3E%3Crect fill='url(%23c)' width='1200' height='800'/%3E%3Crect fill='url(%23d)' width='1200' height='800'/%3E%3Crect fill='url(%23e)' width='1200' height='800'/%3E%3Crect fill='url(%23f)' width='1200' height='800'/%3E%3C/svg%3E");
    background-attachment: fixed;
    background-size: cover;}
.banner-slider .ui-row{width: 88%;height: 100%;margin: 0 auto;position: relative;display: flex;align-items: center;}
.banner-slider .banner-content{margin: 0;}
.banner-slider .banner-content h2{font-size: 50px;line-height: 1.2;margin-bottom: 15px;color:#212832;}
.banner-slider .banner-content p{width: 85%;margin-bottom: 30px;font-size: 16px;color: #555;line-height: 2;}
.banner-slider .banner-img{padding: 40px;}
@media screen and (max-width:1024px)
{
.banner-slider .banner-content{margin-top: 30px;text-align: center;}
}

.banner-inner-wrap {position: relative;background-image: linear-gradient(to top, #28b07c 0%, #3cba92 100%);background-repeat: no-repeat;background-size: cover;background-position: center;width: 100%;padding: 41px 0;color:#fff;}
.banner-inner .title {color: #fff;font-size: 38px;line-height: 46px;font-weight: 700;margin-bottom: 6px;text-align: center;}
.banner-inner .breadcrumb {display: flex;justify-content: center;}
.banner-inner .breadcrumb a{color: #fff;}
.banner-inner .breadcrumb a:hover{color: #ff0;}

.subnav-box {background-color: #e7f8ee;padding: 20px;border-radius: 10px;margin-bottom: 20px;}
.subnav-box .subnav {display: flex;flex-wrap: wrap;}
.subnav-box .subnav li {padding: 5px 5px 0;}
.subnav-box .subnav li a {width: auto;border: 1px solid rgba(48, 146, 85, 0.2);text-align: center;border-radius: 25px;background-color:#fff;transition: all 0.3s ease 0s;display: inline-block;color: #212832;font-size: 14px;height:46px;line-height:44px;padding: 0 15px;}
.subnav-box .subnav li a.active,.subnav-box .subnav li a:hover {background-color:#28b07c;border-color:#28b07c;color:#fff;}

.section-title {text-align: center;margin-bottom: 30px;}
.section-title .title {font-size: 40px;line-height: 1.2;margin-bottom: 15px;color:#212832;}
.section-title .title > span {color: #28b07c;}
.section-title p {width: 85%;margin: 0 auto;color: #666;}

.home-about{margin: 40px 0;}
.home-about .desc{ margin-bottom: 30px; font-size: 16px; color: #555;line-height: 2;}
.home-about .default-btn{}

.site-case {padding: 0 40px;}
.site-case .ui-col-6:nth-child(2) .csae-box {margin-top: 30px;}
.site-case .ui-col-6:nth-child(3) .csae-box {margin-top: -30px;}
.site-case .csae-box {text-align: center;box-shadow: 0px 5px 20px 3px rgba(230, 233, 249, 0.9);background-color: #fff;border-radius: 20px 0 20px 0;padding: 15px;margin-bottom: 30px;transition: all ease 0.5s;position: relative;overflow: hidden;}
.site-case .csae-box .case-img {margin: 5px;border-radius: 10px 0 10px 0;}
.site-case .csae-box .case-img img {max-width: 100%;border-radius: 10px 0 10px 0;}
.site-case .csae-box h3 {font-size:16px;margin-bottom: 0;font-weight: 400;}
.site-case .csae-box:hover {background-color: #f0f0fa;transform: translateY(-5px);}
.site-case .csae-box .column {position: absolute;top: 20px;left: -45px;background-color: #607d8b;color: #fff;padding: 5px 60px;transform: rotate(-45deg);font-size: 14px;}

.slide-list-item {margin: 0 10px;}
.slide-list-item .slide-list-wrap .img-box {position: relative;overflow: hidden;padding-bottom: 100%;}
.slide-list-item .slide-list-wrap .img-box img {width:100%;max-width:100%;height: auto;position: absolute;z-index: 1;}
.slide-list-item .slide-list-wrap .img-box:before {content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgb(40 176 124 / 68%);transition: all .3s;visibility: hidden;opacity: 0;z-index: 2;}
.slide-list-item .slide-list-wrap:hover .img-box:before {visibility: visible;opacity: 1;}
.slide-list-item .slide-list-wrap .img-mask a {position: absolute;width: 50px;height: 50px;display: inline-block;text-align: center;line-height: 50px;background: #fff;border-radius: 50%;font-size: 20px;color: #28b07c;}
.slide-list-item .slide-list-wrap .img-mask {position: absolute;top: 45%;left: 40%;transform: translate(-50%, -50%);transition: all .3s;visibility: hidden;opacity: 0;z-index: 3;}
.slide-list-item .slide-list-wrap:hover .img-mask {visibility: visible;opacity: 1;left: 45%;}

.slide-list-title {background: #fff;padding: 20px;box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.14);margin-bottom: 15px;}
.slide-list-title a {}
.slide-list-title a h3 {font-size: 24px;font-weight: 500;}
.slide-list-title span {margin-right: 5px;color: #555;display: inline-block;}


.slide-pro .owl-carousel .owl-nav {display: flex;justify-content: center;padding: 0 10px;}
.slide-pro .owl-carousel .owl-nav .owl-prev,
.slide-pro .owl-carousel .owl-nav .owl-next {
    width: 40px;
    height: 40px;
    opacity: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px;
    outline: none;
    margin: 0;
    border-radius: 100%;
    margin: 0 5px;
    background-color: #555;
}
.slide-pro .owl-carousel .owl-nav .owl-prev:hover,
.slide-pro .owl-carousel .owl-nav .owl-next:hover {background-color: #28b07c;}
.slide-pro .owl-carousel .owl-nav .owl-prev {}
.slide-pro .owl-carousel .owl-nav .owl-next {}
.slide-pro .owl-carousel .owl-nav .owl-prev span,.slide-pro .owl-carousel .owl-nav .owl-next span{color: white;font-size:20px;}

.good-box{text-align:center;background-color:#fff;box-shadow:0px 5px 20px 3px rgba(230,233,249,0.9);padding:30px;-webkit-transition:all ease 0.5s;transition:all ease 0.5s;border-radius:30px 0 30px 0;margin-bottom:30px;}
.good-box .good-title{margin-bottom:20px;}
.good-box .good-title h1{margin-bottom:10px;line-height:1;font-size:30px;color:#454545;}
.good-box .good-title p{font-size:16px;color:#777;}
.good-box ul{padding:0;margin:0;list-style-type:none;padding:0 30px 30px;line-height:1;margin-bottom:5px;}
.good-box ul li{font-size:16px;margin-bottom:25px;}
.good-box ul li:last-child{margin-bottom:0;}
.good-box ul li i{margin-right:5px;color:#28b07c;}
.good-box:hover{transform:translateY(-5px);background-color:#f0f0fa;box-shadow:none;}


.ui-tabs-diy{padding:0 10px;margin:5px 0 10px 0;}
.ui-tabs-diy .ui-tabs-nav{display:flex;justify-content:center;margin-bottom: 30px;}
.ui-tabs-diy .ui-tabs-nav li a{background-color: #fff;box-shadow: 0px 5px 20px 3px rgba(230, 233, 249, 0.9);text-align: center;border-radius: 25px 0 25px 0;transition: all ease 0.5s;}
.ui-tabs-diy .ui-tabs-nav li.active{border:0;}
.ui-tabs-diy .ui-tabs-nav li.active a,.ui-tabs-diy .ui-tabs-nav li:hover a{transform: translateY(-5px);background-color: #28b07c;color: white;}

@media screen and (max-width:1024px)
{

	.ui-tabs-diy .ui-tabs-nav{flex-wrap:wrap;justify-content:flex-start;margin:5px;}
	.ui-tabs-diy .ui-tabs-nav li{flex:0 0 50%;max-width:50%;margin: 5px 0;}
	.ui-tabs-diy .ui-tabs-nav li a{font-size:14px;text-align:center;}
    .ui-tabs-diy .ui-tabs-nav li:nth-child(1n){padding-right:5px;padding-left:0;}
	.ui-tabs-diy .ui-tabs-nav li:nth-child(2n){padding-right:0;padding-left:5px;}

}

.news .box-top{background-color: #def5ef;}
.news .ui-col-4:nth-child(2) .box-top{background-color: #f8e1f1;}
.news .ui-col-4:nth-child(3) .box-top{background-color: #e4e0f7;}
.news .ui-col-4:nth-child(2) .news-box {background-image: linear-gradient(to right, #fcf3f8, #f8e1f1);}
.news .ui-col-4:nth-child(3) .news-box {background-image: linear-gradient(to right, #f2f0fd, #e4e0f7);}
.news-box{background-image:linear-gradient(to right,#f1fbfa,#def5ef);padding:30px;transition:all ease 0.5s;margin-bottom:30px;border-radius: 0 0 30px 0;}
.news-box ul{padding:0;margin:0;list-style:none;}
.news-box ul li{margin-bottom:15px;background-color:#fff;transition:all ease 0.5s;border-radius: 15px 0 15px 0;}
.news-box ul li a{padding:15px;display:block;}
.news-box ul li span{float:right;color:#79b530;}
.news-box ul li:last-child{margin-bottom:0;}
.news-box ul li:hover{transform:translateY(-5px);}
.news-box .default-btn{margin: 10px 0;width: 100%;}

.link{padding:0 10px;}
.link a{font-size:13px;padding:0 10px;line-height:30px;}

.footer{background: #28b07c;padding: 88px 0 0 0;position: relative;}
.footer-nav{padding: 15px 0;background-color:white;border-radius: 30px 30px 0 0;}
.footer-nav .ui-nav{display: flex;justify-content: center;}
.footer-nav .ui-nav ul li.active a{background-color: #e7f8ee;border-radius: 30px 0 30px 0;}
.footer-contact-info{background-color: white;padding: 20px 80px;border-top: 1px solid rgba(48, 146, 85, 0.2);border-bottom: 1px solid rgba(48, 146, 85, 0.2);display: flex;align-items: center;justify-content: space-between;}
.footer-contact-info .icon-items {display: flex;align-items: center;gap: 12px;}
.footer-contact-info .icon-items .icon {width: 40px;height: 40px;line-height: 40px;border-radius: 50%;text-align: center;background-color: #e7f8ee;color:#28b07c;}
.footer-contact-info .icon-items h5 {font-size: 18px;font-weight: 400;margin-top: 5px;}
.footer-contact-info .icon-items h5 a {color: #1a1a1a;}
.footer-contact-info .icon-items h5 a:hover {color:#28b07c;}
.copyright{background: #e7f8ee;;padding: 30px 30px;/* border-radius: 0 0 30px 30px; */}
.copyright-body {max-width: 96%;margin: 0 auto;color: #555;display: flex;justify-content: space-between;padding: 0;}
@media (max-width: 1199px) {
    .footer{padding-top: 60px;}
    .footer-nav{padding: 15px;}
    .footer-nav .ui-nav{display: flex;justify-content:space-between;}
    .footer-nav .ui-nav ul li a {padding:8px 10px;font-size:14px;text-align:center;}
    .footer-contact-info{padding: 20px 20px;flex-wrap: wrap;gap: 30px;}
    .footer-contact-info .icon-items,.copyright-body{flex-wrap: wrap;}
}
@media (max-width: 767px) {
    .footer-contact-info{padding: 15px;gap: 15px;}
    .footer-contact-info .icon-items {flex-wrap: nowrap;justify-content: space-between;}
    .footer-contact-info .icon-items h5 {font-size: 14px;}
    .copyright{padding: 15px 0;}
    .copyright-body {flex-direction: column;align-items: center;font-size: 12px;}
}

.ui-backtop {width: 50px;height: 50px;line-height: 50px;position: fixed;bottom: 105%;right:1%;font-size: 16px;border-radius:50% 50% 0 50%;z-index: 99;color: #28b07c;text-align: center;cursor: pointer;background: #e7f8ee;transition: 1s ease;border: none;opacity: 0;border: 1px solid rgba(48, 146, 85, 0.2);}
.ui-backtop.open {bottom: 30px;opacity: 1;}
.ui-backtop::after {position: absolute;z-index: -1;content: '';top: 100%;left: 5%;height: 10px;width: 90%;opacity: 1;background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);}
.ui-backtop:hover {background: #607d8b;color: #fff;border: none;}
.ui-backtop i {transition: .5s}
.ui-backtop:hover i {transform: rotate(360deg)}

.picture-list{display:flex;flex-wrap:wrap;margin:0 -15px;}
.picture-list li{box-sizing:border-box;-ms-flex:0 0 33.33%;flex:0 0 33.33%;width:33.33%;padding:0 15px 30px;}
.picture-list li .item {position: relative;display: block;width: 100%;border-radius: 15px;overflow: hidden;transition: 0.4s ease all;box-shadow: 0 0 12px rgba(0, 60, 179, .12);}
.picture-list li .item .image {position: relative;overflow: hidden;width: 100%;padding-bottom: 100%;}
.picture-list li .item .image img {-o-object-position: left top;object-position: left top;width: 100%;position: absolute;z-index: 1;max-width: 100%;min-height: 100%;}
.picture-list li .item .text-box {position: absolute;left: 0;bottom: 0;width: 100%;height: 80px;display: flex;justify-content: flex-start;align-items: center;align-content: center;flex-wrap: wrap;background: rgba(0, 0, 0, 0.5);padding-left: 15px;box-sizing: border-box;z-index: 3;transition: 0.6s ease all;}
.picture-list li .item .text-box .title {-ms-flex: 0 0 100%;flex: 0 0 100%;width: 100%;font-size: 18px;line-height:24px;color: #fff;text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: 0.4s ease all;}
.picture-list li .item .text-box .more {-ms-flex: 0 0 100%;flex: 0 0 100%;width: 100%;text-align: center;display: none;transition: 0.4s ease all;}
.picture-list li .item .text-box .more i{display: inline-block;font-size:36px;color:white;}
.picture-list li .item .column {position: absolute;top: 20px;left: -45px;background-color: #607d8b;color: #fff;padding: 5px 60px;transform: rotate(-45deg);font-size: 14px;z-index: 3;}

.picture-list li.zone4{box-sizing:border-box;-ms-flex:0 0 25%;flex:0 0 25%;width:25%;padding:0 10px 20px;}
.picture-list li.zone4 .item .text-box {height: 60px;}
.picture-list li .item .image.cuboid{padding-bottom: 75%;}
.picture-list li .item .text-box.green{background-color: rgb(40 176 124 / 68%);}
@media (min-width:1024px){
    .picture-list li .item:hover {box-shadow:0 5px 20px 0 rgba(0,0,0,.2);transform:translateY(-10px);}
    .picture-list li .item:hover .text-box{height:100%;}
    .picture-list li .item:hover .text-box .title{text-align:center;}
    .picture-list li .item:hover .text-box .more{display:block;}
}

.news-wrap{margin: 0;}
.news-list{margin: 0 0 15px;padding:30px;background-color:#fff;box-shadow:0px 5px 20px 3px rgba(230,233,249,0.9);transition:all ease 0.5s;border-radius:30px 0 30px 0;position:relative;overflow:hidden;}
.news-list .news-img{background-color:#fff;box-shadow:0px 5px 20px 3px rgba(230,233,249,0.9);width:160px;height:120px;display:inline-block;text-align:center;line-height:100px;border-radius:20px 0 20px 0;}
.news-list .news-img img{position:relative;border-radius:20px 0 20px 0;height:120px;width: 100%;}
.news-list .news-content h3{font-size:24px;margin-bottom:8px;}
.news-list .news-content h3 a{color:#1a1a1a;}
.news-list .news-content .sub-title{margin-bottom:8px;}
.news-list .news-btn{float:right;}
.news-list .news-btn .default-btn{margin-bottom:5px;width:100%;}
.news-list .news-btn p{font-size:16px;}
.news-list .news-btn p span{font-weight:bold;}
.news-list:hover{transform:translateY(-5px);}
.news-list:hover .news-content h3 a{color:#28b07c;}
.news-list .date{position:absolute;top:20px;right:-36px;background-color:#ff5722;color:#fff;padding:5px 40px;transform:rotate(45deg);font-size:14px;z-index: 3;}
.align-items-center {-ms-flex-align: center!important;align-content:center;}

@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (max-width: 767px) {
    .news-wrap{margin: 0 15px;}
    .news-list{padding: 15px 0;}
    .news-list .news-content h3{font-size:18px;}
    .news-list .news-img{width:100%;height:100%;}
    .news-list .news-img img{height:100%;}
    .news-list .news-content{margin-top: 15px;}
}

.box-top{background-color: #f0f0fa;padding: 15px 30px;margin-bottom: 0;border-radius: 30px 0 0 0;font-size: 24px;}
.box{background-color: #fff;box-shadow: 0px 5px 20px 3px rgba(230, 233, 249, 0.9);padding: 30px;border-radius: 0 0 30px 0;}

.pro-slider{max-width: 500px;margin: 0 auto }
.pro-slider .slider{width: 100%;height: 100%; position: relative;padding-top: 100%;margin: 20px auto 100px auto;box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.75);}
.pro-slider .slider>img{position: absolute;left: 0; top: 0;transition: all 0.5s;width: 100%;}
.pro-slider .slider input[name='slide_switch'] {display: none;}
.pro-slider .slider label {margin: 18px 0 0 18px;border: 3px solid #999;float: left;cursor: pointer;transition: all 0.5s;opacity: 0.6;}
.pro-slider .slider label img{display: block;width: 60px;}
.pro-slider .slider input[name='slide_switch']:checked+label {border-color: #28b07c;opacity: 1;}
.pro-slider .slider input[name='slide_switch'] ~ img {opacity: 0;transform: scale(1.1);}
.pro-slider .slider input[name='slide_switch']:checked+label+img {opacity: 1;transform: scale(1);}

.lathe .ui-carousel-prev,.lathe .ui-carousel-next{width:140px;}
.lathe .ui-carousel-prev-icon,.lathe .ui-carousel-next-icon{background:rgba(0,0,0,.2);width:60px;height:60px;padding:20px;border-radius:50%;font-size:24px;position:relative;}
.lathe .ui-carousel-next-icon:after{display:block;position:absolute;content:"";background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");width:20px;height:20px;top:20px;left:20px;}
.lathe .ui-carousel-prev-icon:after{display:block;position:absolute;content:"";background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");width:20px;height:20px;top:20px;left:20px;}

.sidebar h3{font-size:24px;background-color:#28b07c;padding:15px 30px;border-radius:30px 0 0 0;margin-bottom:0;color:#fff;}
.sidebar ul{padding:0;margin:0;list-style:none;background-color:#f0f0fa;border-radius:0 0 20px 0;}
.sidebar ul li a{padding:15px 30px;display:block;border-bottom:1px solid #fff;}
.sidebar ul li a:hover{background-color:#28b07c;color:#fff;}
.sidebar ul li a.active{background-color:#9ebdab;color:#fff;}
.sidebar ul li:last-child a{border-bottom:none;}

.category{}
.category ul li {position: relative;margin-bottom: 10px;font-size: 16px;position: relative;border-bottom: 1px solid #eee;padding-bottom: 10px;}
.category ul li i {font-size: 15px;margin-right: 5px;}
.category ul li a span {float: right;}
.category ul li:hover a,.category ul li.active a{font-size: 18px;color:#28b07c;}
.category ul li:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: none;}
.search{}
.search button.after {background: #28b07c;border-color: #28b07c;color: #fff;padding: 0 15px;}
.hot-list{}
.hot-list ul li {margin-bottom: 25px;position: relative;padding-left: 90px;}
.hot-list ul li:last-child {margin-bottom: 0;border-bottom: none;padding-bottom: 0;}
.hot-list ul li a {font-size: 16px;color:#333;margin-bottom: 10px;font-weight: 600;display: inline-block;}
.hot-list ul li a:hover {color:#28b07c;}
.hot-list ul li a img {position: absolute;top: 0;left: 0;border-radius: 10px 0 10px 0;}
.hot-list ul li span {display:block;font-size: 14px;color:#666;}
.tags-list{}
.tags-list ul li {display: inline-block;margin-bottom: 10px;margin-right: 10px;}
.tags-list ul li a {border: 1px solid #eee;padding: 8px 12px;display: inline-block;background-color:#fff;border-radius:4px;}
.tags-list ul li a:hover {transform: translateY(-2px);background-color:#28b07c;color: #fff;border-color:#28b07c;}
.tags-list ul li:last-child {margin-bottom: 0;}

.tags {margin-top: 10px;}
.tags ul {padding: 0;margin: 0;list-style-type: none;}
.tags ul li {display: inline-block;margin: 0 1px;}
.tags ul li.title {color: #333;font-size: 16px;}
.tags ul li.title span{font-size: 16px;}
.tags ul li a {font-size: 14px;display: inline-block;padding: 5px 10px;border: 1px solid #ebebeb;border-radius:4px;}
.tags ul li a:hover {background-color: #28b07c;color: #fff;border-color:#28b07c;}

.note {background:#e3f9e9;border-color:#e3f9e9;color: #666;border-radius: 5px;padding: 10px;margin-bottom: 10px;}
.note span {margin-right: 10px;color: #28b07c;vertical-align:-1.5px;}

.prev-next{text-align:center;background-color:#fff;box-shadow:0px 5px 20px 3px rgba(230,233,249,0.9);padding:30px;margin-bottom:30px;border-radius:30px 0 30px 0;transition:all ease 0.5s;position:relative;overflow:hidden;}
.prev-next img{margin-bottom:25px;}
.prev-next h3{font-size:18px;margin-bottom:6px;}
.prev-next .prev-ring {position: absolute;top: 20px;left: -45px;background-color: #46B12C;color: #fff;padding: 5px 60px;transform: rotate(-45deg);font-size: 14px;}
.prev-next .next-ring {position: absolute;top: 20px;right: -45px;background-color: #46B12C;color: #fff;padding: 5px 60px;transform: rotate(45deg);font-size: 14px;}
.prev-next:hover{background-color:#f0f0fa;-webkit-transform:translateY(-5px);transform:translateY(-5px)}

.default-btn {font-size: 16px;color: #fff;line-height: 1;transition: all ease 0.5s;text-align: center;background-color: #28b07c;position: relative;z-index: 1;overflow: hidden;display: inline-table;padding: 15px 40px;border-radius: 4px;}
.default-btn:hover {background-color: #1a1a1a;color: #fff;}

/*分页*/
.pagination-area{margin:0 auto;text-align: center;padding:15px 0;}
.pagination-area .page-num {width: 40px;height: 40px;line-height: 40px;color:#28b07c;background-color:transparent;border: 1px solid #28b07c;text-align: center;display: inline-block;position: relative;margin: 0 3px;font-size: 16px;border-radius: 5px;}
.pagination-area .page-num:hover{background-color:#28b07c;color: #fff;}
.pagination-area .page-num i {position: relative;top:-1px;}
.pagination-area .page-num.page-num-current {background-color:#28b07c;color: #fff;}

/*提示信息*/
.tips{font-size:16px;font-weight:normal;margin:20px 15px;/* border:1px solid #b5e3c8; */background:#e7f8ee;color:#28b07c;padding:12px 20px;text-align:left;border-radius:4px;}
.tips i{font-size:24px;margin-right:10px;}

.about-us{padding: 20px;margin: 0 auto;background: #fff;position: relative;overflow: hidden;box-shadow: 0px 5px 20px 3px rgba(230, 233, 249, 0.9);border-radius: 60px 0 60px 0;}
.about-us .about-text {padding: 20px;}
.about-us .about-text img{max-width: 100%;}

.link-up-bg{max-width: 1140px;margin: 0 auto;padding: 20px;background: url(../img/link-up.svg) no-repeat center center;}
.link-up{max-width: 500px;margin: 20px auto;background: #fff;padding: 30px 50px;position: relative;overflow: hidden;box-shadow: 0px 5px 20px 3px rgba(230, 233, 249, 0.9);border-radius: 60px 0 60px 0;}
.contact-info h3{font-size: 28px;font-weight: 300;color: #24262b;text-align: center;}
.contact-info .contact {list-style-type: none;padding: 0;margin: 0;padding: 30px 0;}
.contact-info .contact li {position: relative;margin-bottom: 20px;padding-left: 70px;}
.contact-info .contact li a {color: #454545;display: block;}
.contact-info .contact li a:hover {color: #28b07c;}
.contact-info .contact li:last-child {margin-bottom: 0;}
.contact-info .contact li i {position: absolute;left: 0;width: 50px;height: 50px;line-height: 50px;border: 1px dashed #28b07c;color: #28b07c;font-size: 30px;text-align: center;border-radius: 8px 0 8px 0;}
.contact-info .contact li span {display: block;font-size: 18px;color: #28b07c;}

.link-up .ring{position: absolute;top: 12px;right: -36px;background-color:#FF6300;color:white;transform: rotate(45deg);font-size: 14px;padding: 10px 40px;}
.link-up .tips{margin: 20px -15px;border: 1px solid #FFD8D1;background: #FFF9F9;color: #FA563A;}

/* 响应式设计 */
@media screen and (max-width:1200px){
    .news-list{padding: 15px;}
}
/*w1024*/
@media screen and (max-width:1024px)
{
    .width{max-width:100%;margin:0 auto;}
    .ui-row{margin: 0;}

    .ui-col,.ui-col-1,.ui-col-2,.ui-col-3,.ui-col-4,.ui-col-5,.ui-col-6,.ui-col-7,.ui-col-8,.ui-col-9,.ui-col-10,.ui-col-11,.ui-col-12,.ui-col-auto{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}

    .header nav ul li {padding: 5px;}

    .site-case {padding: 20px 0 0 0;}
    .site-case .ui-col-6{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;padding: 0 8px;}
    .site-case .ui-col-6:nth-child(2) .csae-box {margin-top:0;}
    .site-case .ui-col-6:nth-child(3) .csae-box {margin-top:0;}
    .site-case .csae-box {margin-bottom: 18px;}

    .picture-list{margin:0;}
    .picture-list li,.picture-list li.zone4{-ms-flex:0 0 50%;flex:0 0 50%;width:50%;padding:0 8px 16px;}
    .picture-list li .item .text-box{height:60px;}
    .picture-list li .item .text-box .title{font-size:16px;}

    .box-top {font-size: 20px;}

    .news-list{margin:15px 0;padding: 15px;}


}
/*w768*/
@media screen and (max-width:768px) {

    .header{padding: 0;}
    .header nav {flex-wrap: wrap;justify-content: space-between;}
    .header nav ul {display: none;flex-direction: column;width: 100%;}
    .header nav ul.show {display: flex;}
    /* 添加以下样式让菜单按钮靠右 */
    .menu-toggle{text-align: right;display: block;}
    /* 保持 logo 和菜单按钮在同一行 */
    .header nav .logo,.header nav .menu-toggle { flex: 1;}
    .header nav ul li{text-align: center;}
    .header nav ul li ul {position: static;width: 100%;box-shadow:none;}
    .header nav ul li::after {height: 1px;border-radius:0;left: 0%;transform: translateX(0%);}
    .header nav ul li:hover::after,.header nav ul li.active:after {width: 100%;}

    .link-up {margin: 0;padding: 15px;}
    .link-up .tips{margin: 10px 0;}
    .contact-info .contact {padding: 15px 0;}

}
/*w640*/
@media screen and (max-width:640px)
{
    .picture-list li,.picture-list li.zone4{-ms-flex:0 0 100%;flex:0 0 100%;width:100%;}

}

/*w540*/
@media screen and (max-width:540px)
{
    .pro-slider .slider label img{width:55px;}
}
/*w415*/
@media screen and (max-width:415px)
{

}