/* 网站背景 */
.bg-color{background-color: #fff;}
/* 头部样式 */
.top_bar{background-color: #066e3e;height: 45px;}
.top_bar .tb-left{float: left;line-height: 45px;color: #fff;font-size: 14px;font-family: "宋体";opacity: 0.65;}
.top_bar .tb-rig{float: right;}
.top_bar .tb-rig ul{display: flex;justify-content: flex-end;align-items: center;}
.top_bar .tb-rig ul li{margin-left: 30px;position: relative;}
.top_bar .tb-rig ul li a{display: block;padding-left: 35px;color: rgba(255,255,255,0.65);font-size: 14px;line-height: 45px;background-position: left center;background-repeat: no-repeat;}
.top_bar .tb-rig ul li.qq a{background-image: url(../images/head-qq.png);}
.top_bar .tb-rig ul li.shop a{background-image: url(../images/head-ali.png);}
.top_bar .tb-rig ul li.wechat a{background-image: url(../images/head-wechat.png);}
.top_bar .tb-rig ul li a:hover{color: #d7630e;}
.top_bar .tb-rig ul li.qq a:hover{background-image: url(../images/head-qqH.png);}
.top_bar .tb-rig ul li.shop a:hover{background-image: url(../images/head-aliH.png);}
.top_bar .tb-rig ul li.wechat a:hover{background-image: url(../images/head-wechatH.png);}
.top_bar .tb-rig ul li.wechat span{z-index: 1;width: 120px;position: absolute;top: 45px;right: 0;display: block;border-width: 2px;border-style: solid;visibility: hidden;border-color: #d7630e;opacity: 0;transform: translateY(20px);}
.top_bar .tb-rig ul li.wechat span img{width: 100%;}
.top_bar .tb-rig ul li.wechat:hover span{transform: translateY(0);visibility: visible;opacity: 1;}
/* 顶部样式 */
.head{height: 150px;background-color: #fff;border-bottom: 1px solid #dcdcdc;}
.head .logo{float: left;max-width: 326px;height: 150px;line-height: 150px;text-align: center;font-size: 0;overflow: hidden;}
.head .logo img{display: inline-block;max-width: 100%;max-height: 100%;vertical-align: middle;}
.head .tel{float: right;height: 150px;padding-left: 80px;line-height: 1;background-image: url(../images/head-tel.png);background-position: left center;background-repeat: no-repeat;display: flex;justify-content: center;flex-direction: column;}
.head .tel p{color: #fff;font-size: 14px;height: 24px;line-height: 20px;text-indent: 6px;font-family: "宋体";margin-bottom: 5px;background-image: url(../images/head-p.png);background-position: left center;background-repeat: no-repeat;}
.head .tel span{display: block;font-size: 26px;font-weight: 700;color: #066e3e;line-height: 1.1;}
/* 导航 */
.nav-bar{background-color: #fff;position: relative;z-index: 2;}
.nav-bar ul{display: flex;justify-content: center;align-items: center;}
.nav-bar ul li a{height: 68px;color: #333;font-size: 18px;padding: 0 56px;line-height: 1;text-align: center;display: flex;justify-content: center;flex-direction: column;transition: all 0.5s ease-in-out;position: relative;}
.nav-bar ul li a::before{content: '';position: absolute;bottom: 0;left: 50%;width: 0;height: 75px;background-color: #066e3e;background: -moz-linear-gradient(45deg, #066e3e 0%, #3ca273 100%);background: -webkit-linear-gradient(45deg, #066e3e 0%,#3ca273 100%);background: linear-gradient(45deg, #066e3e 0%,#3ca273 100%);transition: all 0.5s ease-in-out;z-index: -1;}
.nav-bar ul li a span{color: #999;font-size: 14px;margin-top: 6px;transition: all 0.5s ease-in-out;}
.nav-bar ul li a:hover,
.nav-bar ul li.active a,
.nav-bar ul li a:hover span,
.nav-bar ul li.active a span{color: #fff;}
.nav-bar ul li a:hover::before,
.nav-bar ul li.active a::before{left: 0;width: 100%;}
/* banner大图 */
.banner{width: 100%;margin: 0 auto;position: relative;overflow: hidden;z-index: 1;text-align: center;}
.banner a{display: block;}
.banner img{width: 100%;}
.banner .swiper-pagination{bottom: 20px;display: flex;justify-content: center;align-items: center;}
.banner .swiper-pagination-bullet{width: 16px;height: 16px;background: #fff;margin: 0 5px;border-radius: 50%;opacity: 0.5;transition: all 0.5s ease-in-out;}
.banner .swiper-pagination-bullet-active{width: 40px;border-radius: 20px;opacity: 1;}
#main{overflow: hidden;}
/* 公共头部 */
#main .common{text-align: center;margin-bottom: 50px;line-height: 1;}
#main .common .topicon{display: flex;justify-content: center;align-items: center;margin-bottom: 18px;}
#main .common .name{color: #000;font-size: 40px;}
#main .common .name span{color: #066e3e;padding-left: 10px;font-weight: 700;}
#main .common .name span b{color: #d7630e;}
#main .common .txt{color: #666;font-size: 18px;margin-top: 10px;}
#main .common .icon{display: flex;justify-content: center;align-items: center;margin-top: 16px;}
#main .common .icon i{width: 6px;height: 6px;background-color: #ccc;border-radius: 50%;margin: 0 3px;}
#main .common .icon i:nth-child(4){width: 11px;height: 11px;margin: 0 10px;}
/* 产品中心 */
#main .product-main{padding: 90px 0;background-image: url(../images/indexbg.png);background-position: center;background-repeat: repeat;}
#main .product-main .product{float: right;width: 989px;}
#main .product-main .product .top{display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #bfbfbf;padding-bottom: 10px;}
#main .product-main .product .top .txt{display: flex;align-items: center;line-height: 1;}
#main .product-main .product .top .txt .en{color: #076f3f;font-size: 60px;font-weight: 700;margin-right: 14px;}
#main .product-main .product .top .txt .con .c1{color: #333;font-size: 30px;font-weight: 700;}
#main .product-main .product .top .txt .con .c2{color: #999;font-size: 14px;text-transform: uppercase;margin-top: 5px;}
#main .product-main .product .top .more{display: block;}
#main .product-main .product .top .more .indexmore{background-color: #066e3e;color: #fff;}
#main .product-main .product .top .more .indexmore i{border-color: #fff;}
#main .product-main .product .top .more .indexmore i::before,
#main .product-main .product .top .more .indexmore i::after{background-color: #fff;}
#main .product-main .product .top .more .indexmore:hover{background-color: #d7630e;border-color: #d7630e;}
#main .product-main .product .list{margin: -8px -11px 0 -11px;}
#main .product-main .product .list li{float: left;width: 315px;margin: 18px 11px 0 11px;}
#main .product-main .product .list li a{display: block;}
#main .product-main .product .list li a .box{height: 57px;padding: 0 10px;display: flex;justify-content: space-between;align-items: center;background-color: #066e3e;background: -moz-linear-gradient(45deg, #066e3e 0%, #3ca273 100%);background: -webkit-linear-gradient(45deg, #066e3e 0%,#3ca273 100%);background: linear-gradient(45deg, #066e3e 0%,#3ca273 100%);}
#main .product-main .product .list li a .box .icon{width: 150px;line-height: 57px;font-size: 0;overflow: hidden;}
#main .product-main .product .list li a .box .icon img{max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
#main .product-main .product .list li a .box .tit{width: 110px;text-align: center;color: #fff;font-size: 16px;height: 31px;line-height: 31px;padding: 0 5px;border: 1px solid rgba(255,255,255,0.5);border-radius: 20px;}
#main .product-main .product .list li a .img{height: 258px;line-height: 258px;text-align: center;font-size: 0;background-color: #fff;overflow: hidden;}
#main .product-main .product .list li a .img img{max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;}
#main .product-main .product .list li a:hover{box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);}
#main .product-main .product .list li a:hover .img img{transform: scale(1.1);}
#main .product-main .product .list li a:hover .tit{background-color: #fff;color: #066e3e;}
/* 优势承诺 */
#main .youshi-main{padding: 60px 0;background-color: #fff;}
#main .youshi-main .common .name span{font-size: 50px;}
#main .youshi-main .common .name span b{font-size: 60px;}
#main .youshi-main .list{position: relative;margin-top: -50px;min-height: 625px;display: flex;justify-content: space-between;align-items: center;z-index: 1;}
#main .youshi-main .list .img{position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 777px;height: 625px;line-height: 625px;text-align: center;font-size: 0;z-index: -1;}
#main .youshi-main .list .img img{display: inline-block;max-width: 100%;max-height: 100%;vertical-align: middle;}
#main .youshi-main .list .right{text-align: right;}
#main .youshi-main .list ul{width: 324px;}
#main .youshi-main .list ul li{margin-bottom: 30px;padding: 18px;background-color: #f0f0f0;border-radius: 10px;line-height: 1;cursor: pointer;position: relative;overflow: hidden;z-index: 1;}
#main .youshi-main .list ul li::before{content: '';position: absolute;top: 0;left: 0;width: 0;height: 100%;background-color: #066e3e;background: -moz-linear-gradient(45deg, #066e3e 0%, #3ca273 100%);background: -webkit-linear-gradient(45deg, #066e3e 0%,#3ca273 100%);background: linear-gradient(45deg, #066e3e 0%,#3ca273 100%);transition: all 0.5s ease-in-out;z-index: -1;}
#main .youshi-main .list ul li .key{color: #066e3e;font-size: 24px;font-weight: 700;}
#main .youshi-main .list ul li .tit{color: #000;font-size: 18px;font-weight: 700;margin: 10px 0;}
#main .youshi-main .list ul li .con{color: #666;font-size: 16px;line-height: 24px;}
#main .youshi-main .list ul li:hover::before{width: 100%;}
#main .youshi-main .list ul li:hover .key,
#main .youshi-main .list ul li.chengnuo:hover .key,
#main .youshi-main .list ul li:hover .tit,
#main .youshi-main .list ul li:hover .con{color: #fff;}
#main .youshi-main .list ul li.chengnuo .key{color: #d7630e;}
#main .youshi-main .list ul li.chengnuo::before{background-color: #d7630e;background: -moz-linear-gradient(45deg, #d7630e 0%, #f7a163 100%);background: -webkit-linear-gradient(45deg, #d7630e 0%,#f7a163 100%);background: linear-gradient(45deg, #d7630e 0%,#f7a163 100%);}
#main .youshi-main .list .btn{position: absolute;bottom: 70px;right: 50%;margin-right: -200px;width: 105px;height: 105px;background-color: #d7630e;border-radius: 50%;display: flex;justify-content: center;flex-direction: column;text-align: center;color: #fff;line-height: 1;}
#main .youshi-main .list .btn .icon{width: 43px;height: 41px;line-height: 41px;text-align: center;font-size: 0;overflow: hidden;margin: 0 auto 8px;}
#main .youshi-main .list .btn .icon img{max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;}
#main .youshi-main .list .btn .name{font-size: 16px;font-family: "宋体";}
#main .company-main .img .company-btn{position: absolute;top: 50%;left: 50%;cursor: pointer;transform: translate(-50%,-50%);width: 112px;height: 112px;background-color: rgba(29,88,57,0.6);text-align: center;font-size: 0;border-radius: 50%;}
#main .youshi-main .list .btn::before{content: '';display: block;width: 100%;height: 100%;background: rgba(215,99,14,0.4);position: absolute;left: 0;top: 0;border-radius: 50%;z-index: -1;animation: consult linear 2s infinite;}
@keyframes consult{0%,100%{transform:scale(1.1);}50%{transform:scale(1.3);}}
/* 弹窗留言 */
#HBox .online-form{overflow: hidden;margin: 40px 20px 20px 20px;}
#HBox .online-form input,
#HBox .online-form textarea{float: left;display: block;width: 340px;padding: 0 9px;height: 40px;line-height: 40px;border: 1px solid #ededed;margin-bottom: 13px;font-size: 14px;color: #323232;}
#HBox .online-form textarea{height: 80px;line-height: 1.5;}
#HBox .online-form input.code{width: 200px;}
#HBox .online-form a{display: block;}
#HBox .online-form a.code{float: right;height: 42px;max-width: 130px;line-height: 42px;font-size: 0;text-align: center;}
#HBox .online-form a.code img{display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;}
#HBox .online-form .btn-box{float: left;width: 100%;overflow: hidden;}
#HBox .online-form .btn-box a.btn{display: block;width: 100%;height: 42px;text-align: center;line-height: 42px;color: #fff;margin: 0 auto;background-color: #066e3e;background: -moz-linear-gradient(45deg, #066e3e 0%, #3ca273 100%);background: -webkit-linear-gradient(45deg, #066e3e 0%,#3ca273 100%);background: linear-gradient(45deg, #066e3e 0%,#3ca273 100%);position: relative;z-index: 1;}
#HBox .online-form .btn-box a.btn::before{content: '';position: absolute;top: 0;left: 50%;width: 0;height: 100%;background-color: #d7630e;background: -moz-linear-gradient(45deg, #d7630e 0%, #f7a163 100%);background: -webkit-linear-gradient(45deg, #d7630e 0%,#f7a163 100%);background: linear-gradient(45deg, #d7630e 0%,#f7a163 100%);transition: all 0.5s ease-in-out;z-index: -1;}
#HBox .online-form .btn-box a.btn:hover::before{width: 100%;left: 0;}
/* 应用领域 */
#main .appli-main{padding: 60px 0;background-image: url(../images/applibg.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;}
#main .appli-main .list li{float: left;width: 256px;margin-right: 5px;margin-bottom: 5px;}
#main .appli-main .list li:nth-child(5n){margin-right: 0;}
#main .appli-main .list li a{display: block;}
#main .appli-main .list li a .img{width: 100%;height: 200px;position: relative;overflow: hidden;}
#main .appli-main .list li a .img img{width: 100%;height: 100%;object-fit: cover;}
#main .appli-main .list li a .tit{padding: 0 10px;color: #fff;font-size: 18px;text-align: center;line-height: 56px;background-color: #066e3e;background: -moz-linear-gradient(45deg, #066e3e 0%, #3ca273 100%);background: -webkit-linear-gradient(45deg, #066e3e 0%,#3ca273 100%);background: linear-gradient(45deg, #066e3e 0%,#3ca273 100%);position: relative;z-index: 1;}
#main .appli-main .list li a .tit::before{content: '';position: absolute;top: 0;left: 0;width: 0;height: 100%;background-color: #d7630e;background: -moz-linear-gradient(45deg, #d7630e 0%, #f7a163 100%);background: -webkit-linear-gradient(45deg, #d7630e 0%,#f7a163 100%);background: linear-gradient(45deg, #d7630e 0%,#f7a163 100%);transition: all 0.5s ease-in-out;z-index: -1;}
#main .appli-main .list li a:hover .img img{transform: scale(1.1);}
#main .appli-main .list li a:hover .tit::before{width: 100%;}
/* 公司简介 */
#main .company-main{padding: 70px 0;position: relative;z-index: 1;}
#main .company-main::before,
#main .company-main::after{position: absolute;left: 0;}
#main .company-main::before{content: '';bottom: 0;width: 50%;height: 100%;background-color: #066e3e;background: -moz-linear-gradient(45deg, #066e3e 0%, #3ca273 100%);background: -webkit-linear-gradient(45deg, #066e3e 0%,#3ca273 100%);background: linear-gradient(45deg, #066e3e 0%,#3ca273 100%);z-index: -2;}
#main .company-main::after{content: 'KΛNLON';bottom: -30px;width: 50%;text-align: center;line-height: 1;color: rgba(255,255,255,0.15);font-size: 220px;font-weight: 700;background-image:-webkit-linear-gradient(bottom,rgba(255,255,255,0.15),rgba(255,255,255,0.01)); -webkit-background-clip:text; -webkit-text-fill-color:transparent;  z-index: -1;}
#main .company-main .img{position: absolute;top: 0;right: 0;width: 50%;height: 100%;overflow: hidden;}
#main .company-main .img img{width: 100%;height: 100%;object-fit: cover;}
#main .company-main .box{width: 560px;color: #fff;}
#main .company-main .box .txt{line-height: 1;margin-bottom: 30px;}
#main .company-main .box .txt h3{font-size: 40px;font-weight: 700;}
#main .company-main .box .txt h3 span{font-size: 36px;}
#main .company-main .box .txt h4{font-size: 18px;letter-spacing: 8px;margin: 10px 0 28px 0;}
#main .company-main .box .txt .line{width: 30px;height: 3px;background-color: #dcdcdc;}
#main .company-main .box .con{line-height: 1.5;font-size: 16px;text-align: justify;}
#main .company-main .box .more{margin-top: 50px;display: flex;}
#main .company-main .box .more .indexmore{border-color: #fff;color: #fff;}
#main .company-main .box .more .indexmore i{border-color: #fff;}
#main .company-main .box .more .indexmore i::before,
#main .company-main .box .more .indexmore i::after{background-color: #fff;}
#main .company-main .box .more .indexmore:hover{background-color: #d7630e;border-color: #d7630e;}
/* 首页MORE */
#main .indexmore{padding: 15px 25px;border: 1px solid #066e3e;border-radius: 30px;display: flex;justify-content: center;align-items: center;color: #066e3e;font-size: 16px;}
#main .indexmore i{width: 22px;height: 22px;border: 1px solid #066e3e;border-radius: 50%;position: relative;margin-left: 60px;}
#main .indexmore i::before,
#main .indexmore i::after{content: '';position: absolute;top: 50%;background-color: #066e3e;transition: all 0.5s ease-in-out;}
#main .indexmore i::before{width: 5px;height: 5px;border-radius: 50%;left: 50%;transform: translate(-50%,-50%);}
#main .indexmore i::after{width: 45px;height: 1px;opacity: 0.5;right: 50%;transform: translateY(-50%);}
#main .indexmore:hover{background-color: #066e3e;color: #fff;}
#main .indexmore:hover i{border-color: #fff;}
#main .indexmore:hover i::before,
#main .indexmore:hover i::after{background-color: #fff;}
#main .indexmore:hover i::after{opacity: 1;width: 30px;}
/* 新闻资讯 */
#main .news-main{background-color: #fff;padding: 70px 0;}
#main .news-main .show{float: right;width: 410px;}
#main .news-main .show .txt{height: 200px;text-align: center;color: #fff;line-height: 1;position: relative;display: flex;justify-content: center;flex-direction: column;background-color: #066e3e;background: -moz-linear-gradient(45deg, #066e3e 0%, #3ca273 100%);background: -webkit-linear-gradient(45deg, #066e3e 0%,#3ca273 100%);background: linear-gradient(45deg, #066e3e 0%,#3ca273 100%);}
#main .news-main .show .txt::before{content: '';position: absolute;bottom: -20px;left: 0;width: 100%;height: 20px;background-image: url(../images/news-li.png);background-position: center;background-repeat: no-repeat;}
#main .news-main .show .txt .name{font-size: 48px;font-weight: 700;margin-bottom: 14px;}
#main .news-main .show .txt .en{font-size: 20px;}
#main .news-main .show .img{height: 238px;overflow: hidden;}
#main .news-main .show .img img{width: 100%;height: 100%;object-fit: cover;}
#main .news-main .newslist{float: left;width: 826px;}
#main .news-main .newslist .type{border-bottom:1px solid #dcdcdc;display: flex;justify-content: space-between;align-items: center;padding-bottom: 50px;}
#main .news-main .newslist .type .left a{float: left;font-size: 22px;font-weight: 700;color: #fff;line-height: 45px;height: 45px;margin-right: 20px;background-color:#d7630e;width:125px;text-align:center;}
#main .news-main .newslist .type .left a.cur{background-color: #066e3e;background: -moz-linear-gradient(45deg, #066e3e 0%, #3ca273 100%);background: -webkit-linear-gradient(45deg, #066e3e 0%,#3ca273 100%);background: linear-gradient(45deg, #066e3e 0%,#3ca273 100%);}
#main .news-main .newslist .type .right a{padding: 0;border: none;}
#main .news-main .newslist .type .right a:hover{padding: 9px 20px;}
#main .news-main .newslist .new_con li{float: left;width: 340px;height: 116px;padding:54px 50px 0 23px;border-bottom:1px solid #eee;position: relative;z-index: 1;}
#main .news-main .newslist .new_con li::before{content: '';position: absolute;top: 0;left: 0;width: 0;height: 100%;background-color: #066e3e;background: -moz-linear-gradient(45deg, #066e3e 0%, #3ca273 100%);background: -webkit-linear-gradient(45deg, #066e3e 0%,#3ca273 100%);background: linear-gradient(45deg, #066e3e 0%,#3ca273 100%);transition: all 0.5s ease-in-out;z-index: -1;}
#main .news-main .newslist li i{float: left;width: 70px;height: 70px;border-right:1px solid #eee;font-size: 14px;color: #b7b7b7;line-height: 14px;}
#main .news-main .newslist li i em{display:block;font-size: 56px;line-height: 42px;font-weight: normal;margin-bottom: 14px;font-family: Arial;}
#main .news-main .newslist li p{float: left;width: 230px;margin-left: 22px;}
#main .news-main .newslist li p a{display:block;font-size: 18px;color: #000;line-height: 1;margin-bottom:10px;}
#main .news-main .newslist li p span{font-size: 14px;color: #666;line-height: 1.6;}
#main .news-main .newslist li:hover::before{width: 100%;}
#main .news-main .newslist li:hover p a{color: #fff;}
#main .news-main .newslist li:hover p span{color: #fff;}
#main .news-main .newslist li:hover i{color: #fff;}
/* 友情链接 */
.footlink{padding: 28px 0;background-color: #066e3e;background: -moz-linear-gradient(45deg, #066e3e 0%, #3ca273 100%);background: -webkit-linear-gradient(45deg, #066e3e 0%,#3ca273 100%);background: linear-gradient(45deg, #066e3e 0%,#3ca273 100%);}
.footlink .name{float: left;width: 140px;padding-left: 42px;color: #fff;font-size: 36px;font-weight: 700;line-height: 1;background-image: url(../images/link.png);background-position: left center;background-repeat: no-repeat;}
.footlink .box{float: right;width: 1100px;}
.footlink .box .tit{float: left;width: 110px; line-height: 36px;color: #fff;font-size: 20px;}
.footlink .box .list{float: left;width: calc(100% - 110px);}
.footlink .box .list li{float: left;margin-right: 34px;}
.footlink .box .list li a{display: block;line-height: 36px;color: #fff;font-size: 16px;}
.footlink .box .list li a:hover{color: #d7630e;text-decoration: underline;}
/* 网站底部 */
.footer{background-color: #f3f3f3;position: relative;}
.footer::before{content: '';position: absolute;top: 154px;left: 0;width: calc(50% - 650px);height: 1px;background-color: #dcdcdc;}
.footer .box{float: left;width: 810px;border-right: 1px solid #dcdcdc;padding-bottom: 50px;}
.footer .box .logo{width: 100%;height: 154px;line-height: 154px;font-size: 0;overflow: hidden;border-bottom: 1px solid #dcdcdc;}
.footer .box .logo img{display: inline-block;max-width: 100%;max-height: 100%;vertical-align: middle;}
.footer .box .list{margin-top: 70px;display: flex;}
.footer .box .list li{width: 25%;}
.footer .box .list li .tit{color: #333;font-size: 18px;line-height: 1;margin-bottom: 20px;padding-bottom: 30px;position: relative;}
.footer .box .list li .tit::before{content: '';position: absolute;bottom: 0;left: 0;width: 22px;height: 3px;background-color: #136e38;}
.footer .box .list li a{display: block;color: rgba(51,51,51,0.65);font-size: 16px;line-height: 36px;transition: all 0.5s ease-in-out;}
.footer .box .list li a:hover{color: #066e3e;text-decoration: underline;}
.footer .box .list li .wechat{width: 128px;height: 128px;line-height: 128px;text-align: left;font-size: 0;}
.footer .box .list li .wechat img{max-width: 100%;max-height: 100%;vertical-align: middle;display: inline-block;}
.footer .contact{float: right;width: 450px;}
.footer .contact .hotline{color: #333;height: 153px;line-height: 1;border-bottom: 2px solid #066e3e;display: flex;justify-content: center;flex-direction: column;}
.footer .contact .hotline p{font-size: 16px;margin-bottom: 16px;}
.footer .contact .hotline h4{font-size: 30px;font-weight: 700;color: #066e3e;}
.footer .contact .hotline h4 span{padding: 0 12px;}
.footer .contact .list{margin-top: 30px;}
.footer .contact .list li{line-height: 36px;color: #333;font-size: 16px;padding-left: 28px;background-position: left center;background-repeat: no-repeat;}
.footer .contact .list li a{color: #333;}
.footer .contact .list li a:hover{color: #d7630e;}
.footer .contact .list li.add{background-image: url(../images/footer-add.png);}
.footer .contact .list li.tel{background-image: url(../images/footer-tel.png);}
.footer .contact .list li.fax{background-image: url(../images/footer-fax.png);}
.footer .contact .list li.email{background-image: url(../images/footer-email.png);}
.footer .contact .wechat{width: 140px;margin-top: 30px;}
.footer .contact .wechat .img{width: 136px;height: 136px;line-height: 136px;padding: 2px;background-color: #fff;text-align: center;font-size: 0;}
.footer .contact .wechat .img img{max-height: 100%;max-width: 100%;display: inline-block;vertical-align: middle;}
.footer .contact .wechat p{color: rgba(255,255,255,0.5);font-size: 16px;line-height: 1;margin-top: 10px;text-align: center;}
.footer2{background-color: #ebebeb;padding: 25px 0;text-align: center;color: #666;font-size: 16px;line-height: 2;}
.footer2 a{color: #666;transition: all 0.5s ease-in-out;}
.footer2 a:hover{color: #d7630e;}
.footer2 a img{display: inline-block;}
/* 侧边样式 */
.pro-sider{float: left;width: 285px;}
.pro-sider .top{color: #fff;padding: 30px 20px;line-height: 1;background-color: #066e3e;background: -moz-linear-gradient(45deg, #066e3e 0%, #3ca273 100%);background: -webkit-linear-gradient(45deg, #066e3e 0%,#3ca273 100%);background: linear-gradient(45deg, #066e3e 0%,#3ca273 100%);}
.pro-sider .top .name{font-size: 24px;font-weight: 700;background-image: url(../images/type-menu.png);background-position: right center;background-repeat: no-repeat;}
.pro-sider .top .en{font-size: 14px;text-transform: uppercase;margin: 10px 0 15px 0;}
.pro-sider .top .line{width: 22px;height: 1px;background-color: rgba(255,255,255,0.5);}
.pro-sider .list{background-color: #ececec;}
.pro-sider .list li{border-bottom: 1px solid #fff;}
.pro-sider .list li a.type{display: block;padding: 0 16px 0 38px;line-height: 64px;color: #333;font-size: 18px;font-weight: 700;position: relative;z-index: 1;}
.pro-sider .list li a.type::before,
.pro-sider .list li a.type::after{content: '';position: absolute;transition: all 0.5s ease-in-out;}
.pro-sider .list li a.type::before{top: 50%;left: 16px;width: 12px;height: 12px;transform: translateY(-50%);overflow: hidden;background-color: #076f3f;border-radius: 5px;background-image: url(../images/sider-li.png);background-position: center;background-repeat: no-repeat;}
.pro-sider .list li a.type::after{top: 0;left: 0;width: 0;height: 100%;background-color: #066e3e;background: -moz-linear-gradient(45deg, #066e3e 0%, #3ca273 100%);background: -webkit-linear-gradient(45deg, #066e3e 0%,#3ca273 100%);background: linear-gradient(45deg, #066e3e 0%,#3ca273 100%);z-index: -1;}
.pro-sider .list li a.type.active::before,
.pro-sider .list li a.type:hover::before{background-color: #d7630e;}
.pro-sider .list li a.type.active,
.pro-sider .list li a.type:hover{color: #fff;}
.pro-sider .list li a.type.active::after,
.pro-sider .list li a.type:hover::after{width: 100%;}
.pro-sider .list li a.prolist{display: block;padding: 0 40px;height: 52px;border-top: 1px solid #fff;display: flex;justify-content: space-between;align-items: center;}
.pro-sider .list li a.prolist .tit{width: calc(100% - 10px);color: #666;font-size: 16px;}
.pro-sider .list li a.prolist i{width: 6px;height: 12px;background-image: url(../images/type-li.png);background-position: center;background-repeat: no-repeat;background-size: cover;}
.pro-sider .list li a.prolist.active .tit,
.pro-sider .list li a.prolist:hover .tit{color: #066e3e;}
.pro-sider .list li a.prolist.active i,
.pro-sider .list li a.prolist:hover i{background-image: url(../images/type-liH.png);}
.pro-sider#indexsider .list{padding-bottom: 50px;}
.pro-sider#indexsider .list{background-color: #fff;}
.pro-sider#indexsider .list li{border-bottom: 1px solid #ececec;}
.pro-sider#indexsider .list li a.prolist{border-top: 1px solid #ececec;}
.pro-sider .contact-box{border: 1px solid #ececeb;padding: 6px;margin-top: 20px;}
.pro-sider .contact-box img{margin-bottom: 10px;width: 100%;}
.pro-sider .contact-box p{color: #333;font-size: 14px;line-height: 26px;padding: 5px 0;}
.pro-sider .contact-box p a{color: #333;}
.pro-sider .contact-box p span{display: block;font-size: 22px;line-height: 36px;color: #066e3e;font-weight: 700;}
.pro-sider .contact-box p a:hover{color: #d7630e;}
.m-column-t{







	position: relative;







	text-align: center;







	font-size: 0;







}







.m-column-t .center{







	display: inline-block;







	font-size: 0;







}







.m-column-t .center h3{







	color: #333;







	font-size: 30px;







}







.m-column-t .center p{







	color: #d2d2d2;







	font-size: 30px;







}







.m-column-t span{







	position: absolute;







	width: 415px;







	top: 50%;







	margin-top: -5px;







	height: 5px;







	border-bottom: 1px solid #d2d2d2;







	z-index: 1;







}







.m-column-t span.mcl{







	left: 0;







}







.m-column-t span.mcl em{







	float: right;







}







.m-column-t span.mcr{







	right: 0;







}







.m-column-t span em{







	display: block;







	height: 11px;







	border-left: 1px solid #d2d2d2;







}







.textLine{







	overflow: hidden;







	text-overflow: ellipsis;







	display: -webkit-box;







	-webkit-line-clamp: 2;







	-webkit-box-orient: vertical;







}







.textLine3{







	overflow: hidden;







	text-overflow: ellipsis;







	display: -webkit-box;







	-webkit-line-clamp: 3;







	-webkit-box-orient: vertical;







}







.textHidden{







	overflow: hidden;







	text-overflow: ellipsis;







	white-space: nowrap;







}







.domHidden{







	overflow: hidden;







}







.about-main{







	padding: 20px 0 70px;







	min-height: 170px;







}







.about-main .ab-content{







	float: right;







	width: 925px;







}







.about-main .ab-content .title{







	line-height: 50px;







}







.about-main .ab-content .title a{







	color: #333;







	padding: 0 5px;







}







.about-main .ab-content .title span.icon-home{







	color: #535353;







}







.about-main .ab-content .title em{







	color: #999;







}







.about-main .ab-content .ab-conBox{







	overflow: hidden;







	background: #fff;







	min-height: 55px;







	padding: 30px 45px 40px;







}







.about-main .ab-content .ab-conBox .de-title{







	text-align: center;







	font-size: 20px;







	color: #333;







	line-height: 25px;







	margin-bottom: 8px;







}







.about-main .ab-content .ab-conBox .sub-co{







	font-size: 14px;







	color: #999;







	text-align: center;







	line-height: 18px;







}







.about-main .ab-content .ab-conBox .ab-detail{







	overflow: hidden;







	margin-top: 30px;







	font-size: 14px;







	color: #777373;







	line-height: 25px;







}







.ab-sild{







	float: left;







	width: 260px;







}







.ab-sild .title{







	position: relative;







	height: 50px;







	text-align: center;







	background: #f3c04b;







	font-size: 16px;







	line-height: 50px;







	color: #fff;







	border-bottom: 1px solid #fff;







}







.ab-sild .title span{







	position: absolute;







	height: 3px;







	width: 30px;







	top: 50%;







	margin-top: -3px;







	border-bottom: 1px solid #fff;







}







.ab-sild .title span em{







	display: block;







	height: 7px;







	border-left: 1px solid #fff;







}







.ab-sild .title span.stl{







	left: 35px;







}







.ab-sild .title span.stl em{







	float: right;







}







.ab-sild .title span.str{







	right: 35px;







}







.ab-sild .sild-cate{







	background: #fff;







	margin-bottom: 20px;







}







.ab-sild .sild-cate .list{







	overflow: hidden;







}







.ab-sild .sild-cate .list li{







	position: relative;







	border-bottom: 1px solid #eee;







	height: 60px;







	line-height: 60px;







}







.ab-sild .sild-cate .list li a{







	display: block;







	padding-right: 35px;







	font-size: 14px;







	color: #333;







	padding-left: 20px;







}







.ab-sild .sild-cate .list li:last-child{







	border-bottom: none;







}







.ab-sild .sild-cate .list li:hover{







	border-color: #f3c04b;







	background: #f3c04b;







}







.ab-sild .sild-cate .list li:hover a{







	color: #fff;







}







.ab-sild .sild-cate .list li:hover:after{







	color: #fff;







}







.ab-sild .sild-cate .list li:after{







	font-weight: bold;







	right: 20px;







	top: 0;







	color: #999;







	position: absolute;







	content: "\e904";







	font-family: 'icomoon' !important;







}







.ab-sild .sild-cont{







	background: #fff;







}







.ab-sild .sild-cont .cont-list{







	padding: 20px;







}







.ab-sild .sild-cont .cont-list ul li{







	color: #333;







	padding: 5px 0;







	padding-left: 60px;







	font-size: 14px;







}







.ab-sild .sild-cont .cont-list ul li span{







	width: 60px;







	margin-left: -60px;







	display: block;







	height: 20px;







	line-height: 20px;







	float: left;







	color: #666;







}







.pro-center{







	background: #fff;







	padding-bottom: 25px;







}







.pro-center .pro-list{







	overflow: hidden;







	padding: 25px 18px 10px;







}







.pro-center .pro-list ul li{







	float: left;







	width: 200px;







	margin: 0 10px 20px;







	border: 1px solid #fff;







}







.pro-center .pro-list ul li:hover{







	border-color: #f3c04b;







}







.pro-center .pro-list ul li .img{







	overflow: hidden;







	width: 200px;







	height: 200px;







	line-height: 200px;







	text-align: center;







	font-size: 0;







	background: #eee;







}







.pro-center .pro-list ul li .img img{







	display: inline-block;







	vertical-align: middle;







	max-width: 100%;







	max-height: 100%;







}







.pro-center .pro-list ul li .title{







	background: #f7f8fc;







	height: 40px;







	line-height: 40px;







	padding: 0 5px;







	text-align: center;







	font-size: 14px;







	font-weight: bold;







	color: #333;







}







.pro-center .pro-list ul li .title:hover{







	color: #f3c04b;







}







.page{







	font-size: 0;







	text-align: center;







}







.page .center{







	display: inline-block;







	overflow: hidden;







}







.page .center .page-span{







	float: left;







	font-size: 14px;







	color: #c3c3c3;







	line-height: 32px;







	margin-right: 30px;







}







.page .center .page-list{







	float: left;







	overflow: hidden;







}







.page .center .page-list ul li{







	float: left;







	width: auto;







	min-width: 30px;







	height: 32px;







	text-align: center;







	line-height: 30px;







	font-size: 14px;







	margin: 0 4px;







	padding: 0;







	border: none;







	background: transparent;







}







.page .center .page-list ul li a{







	min-width: 20px;







	padding: 0 5px;







	border: 1px solid #eee;







	display: block;







	color: #333;







	border-radius: 4px;







	-webkit-border-radius: 4px;







	overflow: hidden;







	background: #fff;







}







.page .center .page-list ul li:hover a{







	color: #f3c04b;







}







.page .center .page-list ul li.active a{







	background: #f3c04b;







	color: #fff;







}







.news-center{







	background: #fff;







	padding-bottom: 25px;







}







.news-center .new-list{







	padding: 45px 45px 0px;







}







.news-center .new-list ul li{







	margin-bottom: 35px;







	border-bottom: 1px solid #eee;







}







.news-center .new-list ul li a{







	overflow: hidden;







	display: block;







	height: 90px;







	padding-bottom: 30px;







}







.news-center .new-list ul li a .img{







	float: left;







	width: 130px;







	height: 90px;







	background: #eee;







	line-height: 90px;







	font-size: 0;







	text-align: center;







}







.news-center .new-list ul li a .img img{







	display: inline-block;







	vertical-align: middle;







	max-width: 100%;







	max-height: 100%;







}







.news-center .new-list ul li a .info{







	float: right;







	width: 690px;







}







.news-center .new-list ul li a .info h3{







	font-size: 14px;







	font-weight: bold;







	line-height: 24px;







	color: #333;







}







.news-center .new-list ul li a .info em{







	display: block;







	font-size: 12px;







	color: #999;







	line-height: 16px;







	margin-bottom: 10px;







}







.news-center .new-list ul li a .info p{







	font-size: 14px;







	line-height: 22px;







	color: #999;







	max-height: 44px;







	overflow: hidden;







}







.news-center .new-list ul li a:hover h3{







	color: #f3c04b;







}







.message-c{







	background: #fff;







	padding: 40px 50px;







	overflow: hidden;







}







.message-c .p{







	font-size: 16px;







	line-height: 30px;







	color: #666;







	margin-bottom: 35px;







}







.message-c .from input{







	display: block;







	height: 38px;







	line-height: 38px;







	padding: 0 5px;







	border: 1px solid #d2d2d2;







	margin-bottom: 10px;







	font-size: 14px;







	color: #333;







}







.message-c .from input[name=user],







.message-c .from input[name=phone]{







	width: 348px;







}







.message-c .from textarea{







	font-size: 14px;







	color: #333;







	line-height: 20px;







	display: block;







	width: 728px;







	height: 130px;







	border: 1px solid #d2d2d2;







	padding: 5px;







	margin-bottom: 10px;







}







.message-c .from .code{







	overflow: hidden;







}







.message-c .from .code input[name=code]{







	width: 258px;







	float: left;







}







.message-c .from .code a{







	display: block;







	float: left;







	width: 80px;







	height: 38px;







	padding: 1px 0;







	margin-left: 10px;







}







.message-c .from .code a img{







	width: 80px;







	height: 38px;







}







.message-c .from .btn{







	padding-top: 25px;







}







.message-c .from .btn a{







	display: block;







	width: 362px;







	height: 40px;







	text-align: center;







	line-height: 40px;







	color: #fff;







	font-size: 16px;







	background: #8fa4de;







}







.message-c .from .btn a:hover{







	background: #8397d0;







}







.contact-o{







	background: #fff;







	overflow: hidden;







	padding: 40px 0;







	text-align: center;







}







.contact-o iframe{







	width: 830px;







	height: 500px;







	margin: 0 auto;







}