@charset "UTF-8";
/* CSS Document */
/*头部*/
.m-header{position: relative;width:100%; height:112px;background: linear-gradient(0deg, rgba(14, 138, 142, 0.84) 0%, rgba(14, 142, 61, 0.84) 100%);backdrop-filter: blur(80px);box-shadow: 0px 0px 6px 0px rgba(255, 255, 255, 0.24); }
.m-header .m-leaf{ position: absolute; top:0;right:0; z-index:1}
.m-header .m-leaf img{ width:267px;height:112px}
.m-header .m-tnav{ width:1200px; margin-left:auto;margin-right:auto; display: flex; justify-content: space-between; align-items: center;}
.m-header .m-tnav .m-logo{display: flex; align-items: center;height:108px;}
.m-header .m-tnav .m-logo img{ width:371px; height:94px;}
.m-header .m-tnav .m-link{ display: flex;height:108px; z-index: 2;}
.m-header .m-tnav .m-link .u-link{position: relative; width:130px;padding-top:30px;display: block; text-align: center}
.m-header .m-tnav .m-link .u-link .u-tit{ font-size:18px;color: #fff;}
.m-header .m-tnav .m-link .u-link .u-en{ font-size:12px;color: #fff;}
.m-header .m-tnav .m-link .u-link  .line{ position:absolute;bottom:0px; left:50%;margin-left:-15px; display: block; width:30px; height:5px; border-radius: 5px; }

/*.m-header .m-tnav .m-link .u-link.on .u-tit,.m-header .m-tnav .m-link .u-link:hover .u-tit{ font-weight: 600;}*/
.m-header .m-tnav .m-link .u-link.on  .line,.m-header .m-tnav .m-link .u-link:hover  .line{ display: block;background: #fff;}
.m-header .m-tnav .m-lang{ display: flex;height: 108px;align-items: center;position: relative; z-index: 10}
.m-header .m-tnav .m-lang .u-la.on,.m-header .m-tnav .m-lang .u-la:hover{display: block;width:40px; height:40px; line-height: 40px; border-radius: 20px; background: #fff;font-size:16px;color: #0E8E79; text-align: center;}
.m-header .m-tnav .m-lang .u-la{display: block;width:40px; height:40px; line-height: 40px; border-radius: 20px; background: #ACBBB9;font-size:16px;color: #fff; text-align: center;}
.touch-header{ display:none;}
/*banner*/
.m-banner{ width:100%; height:658px; background: url("../images/banner.jpg") no-repeat center center; background-size: cover}
.m-banner1{ width:100%; height:658px; background: url("../images/banner_1.jpg") no-repeat center center; background-size: cover}
.m-banner2{ width:100%; height:658px; background: url("../images/banner_2.jpg") no-repeat center center; background-size: cover}
/*首页子公司*/
.m-boxs{margin-top:80px;}
.m-company{ width:1200px; margin-left:auto;margin-right:auto;padding-bottom:80px;}
.m-company ul{ display: flex;justify-content: space-between;}
.m-company ul li{position: relative;width:570px; height:664px; cursor: pointer;}
.m-company ul li .img{ width:570px; height:664px; border-radius:  80px 4px 80px 4px; }
.m-company ul li .li-footer{position: absolute; left:0;bottom:0; height:88px; width:570px;display: flex;justify-content: space-between;align-items: center;padding: 11px 44px 11px 20px; background: linear-gradient(90deg, #0E8A8E 0%, #0E8E4C 100%);border-radius: 0px 0px 80px 4px; box-sizing: border-box;}
.m-company ul li .li-footer .m-com{font-size:20px; color: #fff;transition:all .5s;}
.m-company ul li .li-footer .more{display: block;width:48px; height:48px; border-radius: 40px;background:#fff url("../images/igo.png") no-repeat center center; text-indent: -2000px}
.m-company ul li .li-box{ display: none;transition:all .5s;}
.m-company ul li:hover .li-footer{ display: none;transition:all .5s;}
.m-company ul li:hover .li-box{ display: block;position: absolute; left:0;top:0;width:570px; height:664px;background: linear-gradient(90deg, #0E8A8E 0%, #0E8E4C 100%); border-radius: 80px 4px 80px 4px;transition: all .5s;opacity: 0.9;}
.m-company ul li:hover .li-box .txt{margin-top:180px; font-size:20px; font-weight: bold; color: #fff; text-align: center;}
.m-company ul li:hover .li-box .art{margin-top:20px; font-size:16px;line-height: 28px; color: #fff; text-align: center;}
.m-company ul li:hover .li-box .u-link{position: relative;margin-top:60px;margin-left:auto;margin-right:auto; display: flex; justify-content: center;align-items: center; width:200px; height:70px; line-height: 70px; border-radius: 35px; background: #F4FCFC; text-align: center; font-size:18px; color: #0E8A8C;}
.m-company ul li:hover .li-box .u-link .i-more{position: absolute; right:10px;top:8px; display: flex; justify-content: center; align-items: center; width:54px; height:54px; border-radius: 27px; background: linear-gradient(90deg, #0E8A8E 0%, rgba(14, 138, 142, 0.2) 100%);}
/*首页产品*/
.m-product{width:100%; height:942px; background-size:cover; box-sizing: border-box; background: url("../images/pro_bg.jpg") no-repeat center center; }
.m-product .m-box{ width:1200px; margin-left:auto;margin-right:auto; padding:80px 0;}
.m-product .m-box .p-tit{ display: flex;justify-content: space-between; align-items: center;}
.m-product .p-info{display: flex; align-items: center;color: #fff;}
.m-product .p-info li{display: flex; align-items: center;color: #fff;}
.m-product .p-info li a{ font-size:18px; color: #fff }
.m-product .p-info li a:hover,.p-info li a.hover{color: #B4FF44;}
.m-product .p-info li::after{content: ' ｜';padding: 0 6px;font-size:12px;	color:#fff;}  /*08-14 edit*/
.m-product .p-info li:last-child::after {content: '';}
.m-product .m-box .p-tit .p-en{margin-top:10px;font-size:20px; color: #fff;}
.m-product .m-box .p-tit .p-left .p-top{ display: flex;}
.m-product .m-box .p-tit .p-left .p-top .txt{ font-size:42px; color: #fff; font-weight: 600;}
.m-product .m-box .p-tit .p-left .p-top .info{display: flex;margin-left:40px;align-items: center;color: #fff;font-size: 12px;}
.m-product .m-box .p-tit .p-left .p-top .info i{ display: inline-block;width:16px; height:16px;background: url("../images/ic_wsig.png") no-repeat center center;}
.m-product .m-box .p-tit .p-left .p-top .info span::after{content: ' ｜';padding: 0 1px;font-size:12px;	color:#fff;}
.m-product .m-box .p-tit .p-left .p-top .info span:last-child::after {content: '';}
.m-products{display: flex;justify-content: space-between; align-items: center;margin-top:60px;}
.m-products li{position: relative; width:570px; height: 600px;border-radius: 24px; cursor: pointer;overflow: hidden;}
.m-products li img{ width:570px; height: 600px;border-radius: 24px;transition:all .5s;}
.m-products li .p-foot{ position: absolute;left:0px; bottom:0;width:570px;padding-left:32px;background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.1) 100%);height:80px;line-height: 80px;font-size: 20px;color: #999;border-radius: 0 0 24px 24px; box-sizing: border-box; }
.m-products li .p-foot a{color: #999;display: inline-block;width:100%;}
.m-products li .p-foot a:hover{color: #0E8A8E;}
.m-products li:hover img{transform-origin:center center; transform:scale(1.1);}
/*首页新闻*/
.m-news{width:100%; background-size:cover; box-sizing: border-box; background:#F2F3F5; }
.m-news .m-box{ width:1200px; margin-left:auto;margin-right:auto;padding:60px 0 60px}
.m-news .m-box .n-tit{ display: flex;justify-content: space-between; align-items: center;}
.m-news .m-box .n-tit .n-en{margin-top:10px;font-size:20px; color: #777;}
.m-news .m-box .n-tit .n-left .n-top{ display: flex;}
.m-news .m-box .n-tit .n-left .n-top .txt{ font-size:42px;background: linear-gradient(90deg, #0E8A8E 0%, #0E8E4C 100%);-webkit-background-clip: text;  -webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent; font-weight: 600;}
.m-news .m-box .n-tit .n-left .n-top .info{display: flex;margin-left:40px;align-items: center;color: #777; font-size: 12px;}
.m-news .m-box .n-tit .n-left .n-top .info i{ display: inline-block;width:16px; height:16px;background: url("../images/ic_sig.png") no-repeat center center;}
.m-news .m-box .n-tit .n-left .n-top .info span::after{content: ' ｜';padding: 0 1px;font-size:12px;	color:#999;}
.m-news .m-box .n-tit .n-left .n-top .info span:last-child::after {content: '';}
.m-news .m-box .u-more{ color: #777;font-size:16px;}
.m-news .m-box .new-list{ margin-top:60px;}
.m-news .m-box .new-list .new-frist{display: flex;justify-content: space-between;height: 394px;margin-bottom: 40px; background: #fff; border-radius: 8px;overflow: hidden;}
.m-news .m-box .new-list .new-frist .new-info{position: relative;padding:44px 36px;width:680px; box-sizing: border-box;}
.m-news .m-box .new-list .new-frist .new-info .new-time{ color: #777;font-size:16px;}
.m-news .m-box .new-list .new-frist .new-info .new-tit{ margin-top:30px; font-size:30px; color: #282828;font-weight: 600;}
.m-news .m-box .new-list .new-frist .new-info .new-tit a{color: #282828;}
.m-news .m-box .new-list .new-frist .new-info .new-tit a:hover{color: #0E8A8E;}
.m-news .m-box .new-list .new-frist .new-info .new-art{margin-top:30px;font-size:16px;line-height: 24px; color: #777;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;	-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.m-news .m-box .new-list .new-frist .new-info  .new-more{ position: absolute;left:36px; bottom:44px; font-size:16px; color: #777;}
.m-news .m-box .new-list .new-frist .new-info  .new-more:hover{ color: #0E8A8E}
.m-news .m-box .new-list .new-frist  .new-pic{width:494px; height:394px; overflow: hidden;}
.m-news .m-box .new-list .new-frist  .new-pic img{width:494px; height:394px;transition:all .5s; overflow: hidden;}
.m-news .m-box .new-list .new-frist  .new-pic a:hover img{transform-origin:center center; transform:scale(1.1);}
.m-news .m-box .new-list  dl{display: flex;justify-content: space-between;}
.m-news .m-box .new-list  dl .new-nom{ width:380px; background: #fff;border-radius: 4px;overflow: hidden;}
.m-news .m-box .new-list  dl .new-nom:hover{box-shadow: 0 0 10px #eee;}
.m-news .m-box .new-list  dl .new-nom .new-img{ width:380px;height:302px; overflow: hidden;}
.m-news .m-box .new-list  dl .new-nom .new-img img{width:380px;height:302px;transition:all .5s;}
.m-news .m-box .new-list  dl .new-nom .new-img a:hover img{transform-origin:center center; transform:scale(1.1);}
.m-news .m-box .new-list  dl .new-nom .new-info{padding:20px 32px; }
.m-news .m-box .new-list  dl .new-nom .new-info .new-time{ font-size:16px; color: #777;}
.m-news .m-box .new-list  dl .new-nom .new-info .new-tit{ margin-top:4px; font-size:22px; line-height: 32px; color: #282828;font-weight: bold;}
.m-news .m-box .new-list  dl .new-nom .new-info .new-tit a{color: #282828;}
.m-news .m-box .new-list  dl .new-nom .new-info .new-tit a:hover{color: #0E8A8E;}
.m-news .m-box .new-list  dl .new-nom .new-info .new-art{margin-top:30px;font-size:14px;line-height: 24px; color: #777;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;	-webkit-box-orient: vertical;}
.m-news .m-box .new-list  dl .new-nom .new-more{ display: flex;padding:0 32px;justify-content: space-between;height:60px; align-items: center;cursor: pointer;}
.m-news .m-box .new-list  dl .new-nom .new-more span{ color: #777;font-size:14px;}
.m-news .m-box .new-list  dl .new-nom .new-more i{ display: inline-block;width:16px; height:16px; background: url("../images/iarr.png") center center no-repeat;}
.m-news .m-box .new-list  dl .new-nom .new-more:hover span{color: #0E8A8E;}
.m-news .m-box .new-list  dl .new-nom .new-more:hover i{  background: url("../images/iarron.png") center center no-repeat;}

/*首页关于我们*/
.m-about{ background: #ffff; padding:60px 0;}
.m-about .u-box{ width:1200px; margin-left:auto;margin-right:auto;}
.m-about .u-box .u-info{display: flex;justify-content: space-between; align-items: center}
.m-about .u-box .u-info .u-left{ width:580px;}
.m-about .u-box .u-info .u-tit{font-size: 42px;background: linear-gradient(90deg, #0E8A8E 0%, #0E8E4C 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;font-weight: 600;}
.m-about .u-box .u-info .txt{ margin-top:4px; font-size:16px; color: #777;}
.m-about .u-box .u-info .u-art{ margin-top:44px; font-size:16px; line-height: 30px; color: #777;}
.m-about .u-box .u-info ul{ margin-top:60px; display: flex; justify-content: space-between; align-items: center;}

.m-about .u-box .u-info ul li{ }
.m-about .u-box .u-info ul li .num{ font-size:44px;color: #282828; font-weight: bold; text-align: center;}
.m-about .u-box .u-info ul li .num span{ font-size:22px;font-weight: 200;}
.m-about .u-box .u-info ul li .info{ font-size:20px; color: #777;}

.m-about .u-box .ab-more{ position: relative;margin-top:40px;width:200px; height:70px; display: flex; align-items: center;padding-left:40px; background: linear-gradient(90deg, #0E8A8E 0%, rgba(14, 138, 142, 0.2) 100%);  border-radius: 35px; font-size:20px; color: #fff; box-sizing: border-box;}
.m-about .u-box .ab-more .ic{position: absolute; right:10px;top:8px;width:54px; height:54px; border-radius: 27px;background:#fff url("../images/ib_go.png") no-repeat center center;}
.m-about .u-box .u-info .u-left  .ab-more:hover{background: linear-gradient(90deg, rgba(14, 138, 142, 0.2) 0%, #0E8A8E 100%);}
.m-about .u-box .u-info .u-right{ display: flex; align-items: center;}
.m-about .u-box .u-info .u-right .ab-com{ position: relative;width:548px; height:500px;}
.m-about .u-box .u-info .u-right .ab-com .img{ border-radius: 80px 4px 80px 4px;width:100%;}
.m-about .u-box .u-info .u-right .ab-com .av-a-1{ position: absolute; top:-48px; right:4px;}
.m-about .u-box .u-info .u-right .ab-com .av-a-2{ position: absolute; bottom:-45px; left:20px;}
.m-about .u-box .u-info .u-right .ab-com .av-a-1 img,.m-about .u-box .u-info .u-right .ab-com .av-a-2 img{ width:262px; height:90px;}
.m-about .u-box .u-img{margin-top:60px;}
.m-about .u-box .u-img img{ width:100%;border-radius: 8px;}

/*页尾*/
.m-footer{ background: #333; padding:60px 40px;}   
.m-footer .u-foot{ width:1200px; margin-left:auto; margin-right:auto;}
.m-footer .u-foot .u-up{display: flex; justify-content: space-between; padding-bottom: 36px; border-bottom: 1px dashed #666; align-items: center;}
.m-footer .u-foot .u-up .m-link{ display: flex;}
.m-footer .u-foot .u-up .m-link a{ display: inline-block; margin-right:80px; text-align: center; cursor: pointer;}
.m-footer .u-foot .u-up .m-link a:last-child{ margin-right:0px;}
.m-footer .u-foot .u-up .m-link a .u-tit{ font-size:16px;color: #fff;}
.m-footer .u-foot .u-up .m-link a .u-en{ font-size:16px;color: #fff;}
.m-footer .u-foot .u-up  .u-tel{font-size:16px; color: #fff;}
.m-footer .u-foot .u-down{display: flex; justify-content: space-between; padding-top:44px; align-items: center;}
.m-footer .u-foot .u-down .u-copy{ font-size:14px; color: #fff;}
.m-footer .u-foot .u-down .u-copy a{ padding-left:16px; color: #fff;}
.m-footer .u-foot .u-down .u-top {width:108px; height:34px;}
.m-footer .u-foot .u-down .u-top a{display: flex; align-items: center; width:100%;justify-content: center;line-height: 34px; border-radius: 17px; border: 1px solid #fff; font-size:13px; color: #fff;}
.m-footer .u-foot .u-down .u-top a i{ display: inline-block;margin-right:4px;width:16px;height:16px; background: url("../images/itop.png") no-repeat center  center;}



/*关于我们*/
.about-banner{ width:100%; height:402px; background: url("../images/a_banner.jpg") no-repeat center center; background-size: cover}
.about-banner .m-box{width:1200px;  margin-left:auto; margin-right:auto;}
.about-banner .m-box .tit{ padding-left:30px;padding-top:140px;font-size:54px; font-weight: 600;color:#fff;}
.about-banner .m-box .txt{ padding-left:30px;margin-top:0px;font-size:36px;color:#fff;}
.about-box{ width:1200px;margin:40px auto; padding:54px 60px; box-sizing: border-box; background: #fff;}
.about-box .about-tit .tit{font-size:24px; color:#1a1a1a;line-height: 36px; }
.about-box .about-tit .en{ margin-top:2px; font-size:24px; color: #999;line-height: 36px}
.about-box .about-tit .txt{margin-top:10px; font-size:20px; color: #282828;}
.about-box .about-tit .txt span{display: block;width:200px; height:3px;background: #0E8A8B; border-radius: 3px; } 
.abt-box{ margin-top:80px; display: flex; justify-content: space-between;}
.abt-box .sl{ margin-top:40px;}
.abt-box .clu-left{ padding-top:16px;}
.abt-box .clu-left li{ display: flex; align-items: center;margin-bottom:30px;}
.abt-box .clu-left li:last-child{ margin-bottom:0;}
.abt-box .clu-left li .c-img{ width:64px;height:64px;}
.abt-box .clu-left li .c-img img{ width:64px; height:64px;}
.abt-box .clu-left li .c-txt{ margin-left:30px;}
.abt-box .clu-left li .c-txt .tit{ font-size:16px; color: #0E8A8B;line-height: 36px;font-weight: 600;}
.abt-box .clu-left li .c-txt .txt{ font-size:16px; color: #282828; line-height: 36px; }
.abt-box .clu-right img{ border-radius: 2px 40px 2px 40px; }
.abt-box  .abt-art{margin-top:40px;width:510px; height:544px; font-size:16px; color: #777;line-height: 36px;  overflow-y: auto;}
.abt-box .abt-img{ display: flex; align-items: center;}
.abt-box .abt-img img{border-radius: 80px 4px 80px 4px; }
.group-box{ margin-top:40px;}
.group-box .abt-grp {margin-top:40px;}
/*产品中心*/

.product-banner{ width:100%; height:402px; background: url("../images/p_banner.jpg") no-repeat center center; background-size: cover}
.product-banner .m-box{width:1200px;  margin-left:auto; margin-right:auto;}
.product-banner .m-box .tit{ padding-left:30px;padding-top:140px;font-size:54px; font-weight: 600;color:#fff;}
.product-banner .m-box .txt{ padding-left:30px;margin-top:0px;font-size:36px;color:#fff;}
.product-box{ width:1200px;margin:40px auto; padding:54px 60px; box-sizing: border-box; background: #fff;}
.product-main{background: #fff; padding:60px 0; }
.product-main .p-box{ width:1200px; margin-left:auto;margin-right:auto;}
.product-main .p-box .t-tab{display:flex; justify-content: space-between;align-items: center}
.product-main .p-box .t-tab li{width:100px;display: flex;align-items: center;justify-content: center;}
.product-main .p-box .t-tab li a{display: inline-block;width:100%;text-align: center;}
/*08-14edit start*/
.product-main .p-box .t-tab li .ic{display:inline-block;width:80px; height:80px;background: url("../images/Ic_pro.svg") no-repeat;}
.product-main .p-box .t-tab li .ic-w{ background-position: 0 0;}
.product-main .p-box .t-tab li:hover .ic-w,.product-main .p-box .t-tab li.hover .ic-w{ background-position: 0 -104px;}
.product-main .p-box .t-tab li .ic-cup{ background-position: -90px 0;}
.product-main .p-box .t-tab li:hover .ic-cup,.product-main .p-box .t-tab li.hover .ic-cup{ background-position: -90px -104px;}
.product-main .p-box .t-tab li .ic-chop{ background-position: -180px 0;}
.product-main .p-box .t-tab li:hover .ic-chop,.product-main .p-box .t-tab li.hover .ic-chop{ background-position: -180px -104px;}
.product-main .p-box .t-tab li .ic-lunch{ background-position: -270px 0;}
.product-main .p-box .t-tab li:hover .ic-lunch,.product-main .p-box .t-tab li.hover .ic-lunch{ background-position: -270px -104px;}
.product-main .p-box .t-tab li .ic-plate{ background-position: -360px 0;}
.product-main .p-box .t-tab li:hover .ic-plate,.product-main .p-box .t-tab li.hover .ic-plate{ background-position: -360px -104px;}
.product-main .p-box .t-tab li .ic-waste{ background-position: -450px 0;}
.product-main .p-box .t-tab li:hover .ic-waste,.product-main .p-box .t-tab li.hover .ic-waste{ background-position: -450px -104px;}
.product-main .p-box .t-tab li .ic-tray{ background-position: -540px 0;}
.product-main .p-box .t-tab li:hover .ic-tray,.product-main .p-box .t-tab li.hover .ic-tray{ background-position: -540px -104px;}
.product-main .p-box .t-tab li .ic-drink{ background-position: -720px 0;}
.product-main .p-box .t-tab li:hover .ic-drink,.product-main .p-box .t-tab li.hover .ic-drink{ background-position: -720px -104px;}
.product-main .p-box .t-tab li .ic-fruit{ background-position: -810px 0;}
.product-main .p-box .t-tab li:hover .ic-fruit,.product-main .p-box .t-tab li.hover .ic-fruit{ background-position: -810px -104px;}
.product-main .p-box .t-tab li .ic-wine{ background-position: -630px 0;}
.product-main .p-box .t-tab li:hover .ic-wine,.product-main .p-box .t-tab li.hover .ic-wine{ background-position: -630px -104px;}
/*08-14edit end*/
.product-main .p-box .t-tab li .t-txt{ margin-top:12px;font-size:18px;height:32px;line-height: 32px; color: #777; text-align: center;}
.product-main .p-box .t-tab li:hover .t-txt,.product-main .p-box .t-tab li.hover .t-txt{color: #282828;height:32px; line-height: 32px; font-weight: 600;}
.product-main .p-box .t-tab li  span{margin-top:12px; display: block;margin-left:auto;margin-right:auto; width:24px; height:3px; border-radius: 3px; background: #fff;}
.product-main .p-box .t-tab li:hover span,.product-main .p-box .t-tab li.hover span{margin-top:12px; display: block;margin-left:auto;margin-right:auto; width:24px; height:3px; border-radius: 3px; background: #A4DB2D;}
.product-main .p-box .pr-tit{ margin-top:48px;font-size:42px;background: linear-gradient(90deg, #0E8A8E 0%, #0E8E4C 100%);-webkit-background-clip: text;  -webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent; font-weight: 600;}
.product-main .p-box .pro-list{ margin-top:48px;position: relative;margin-left:-30px;}
.product-main .p-box .pro-list li{float:left;margin-left:30px;margin-bottom:48px;width:380px;}
.product-main .p-box .pro-list li .pro-img{display: block;width:380px; height:380px;transition:all .5s; overflow: hidden;border-radius: 8px;}
.product-main .p-box .pro-list li .pro-img img{width:380px; height:380px; border-radius: 8px;}
.product-main .p-box .pro-list li a:hover img{transform-origin:center center; transform:scale(1.1);border-radius: 8px;}
.product-main .p-box .pro-list li .tit{ padding-top:16px; font-size:20px; color: #282828; text-align: center; font-weight: 600;}
.product-main .p-box .pro-list li .tit a{ color: #282828;}
.product-main .p-box .pro-list li .tit a:hover{color: #0E8A8B} 
.product-main .p-box .pro-list li .txt{ padding-top:16px; font-size: 16px; line-height: 30px; color: #282828;}
.product-main .p-box .pro-list li .txt span{ display: block;}


/*产品详情详情*/
.m-main .p-left{padding:40px 30px;width:860px;  background: #fff; box-sizing: border-box;margin-bottom:40px;}
.m-main .p-left .p-tit{ font-size:24px; color: #282828;font-weight: 600;}
.m-main .p-left .top-img{margin-top:30px;width:800px; height:800px; overflow: hidden}
.m-main .p-left .top-img img{max-width:800px; height:800px;}
.m-main .p-left .pro-nav{ margin-top:30px; margin-bottom:30px;  padding-left:10px; line-height: 50px;background: #0E8A8B; font-size:20px;color: #fff;}
.m-main .p-left .pro-info img{display:block;max-width: 800px;} 
.m-main .p-right{ width:316px;background: #fff; padding: 40px 30px; box-sizing: border-box;margin-bottom:40px;}
.m-main .p-right .pr-tit{ font-size:22px; color: #282828;}
.m-main .p-right .pr-plist li{ margin-top:24px;}
.m-main .p-right .pr-plist .m-link{ display: block; position: relative;}
.m-main .p-right .pr-plist .m-link img{ width:100%;border-radius: 8px;}
.m-main .p-right .pr-plist .m-link .txt{ position: absolute; left:10px; bottom:12px; font-size: 16px; color: #1a1a1a;}
.m-main .p-right .pr-plist .m-link:hover .txt{ color: #0E8A8B;}
/*新闻中心*/
.news-banner{ width:100%; height:402px; background: url("../images/n_banner.jpg") no-repeat center center; background-size: cover}
.news-banner .m-box{width:1200px;  margin-left:auto; margin-right:auto;}
.news-banner .m-box .tit{ padding-left:30px;padding-top:140px;font-size:54px; font-weight: 600;color:#fff;}
.news-banner .m-box .txt{ padding-left:30px;margin-top:0px;font-size:36px;color:#fff;}
.news-box{ width:1200px;margin:40px auto; padding:54px 60px; box-sizing: border-box; background: #fff;}
.news-main{ width:1200px; margin-right:auto; margin-left:auto;padding-top: 40px;}
.news-tab{ display: flex;justify-content: space-between;}
.news-tab li .t-new{display: flex;width:240px; height:60px; border-radius: 50px; border:1px solid #ddd; align-items: center;justify-content: space-between;background: #F2F3F5; box-sizing: border-box;}
.news-tab li .t-new .u-txt{display: flex; align-items: center;font-size:20px; color: #282828; padding-left:40px; }
.news-tab li .t-new .u-txt .ic {display: inline-block; width:24px; height:24px; background: url("../images/ic_new.png") no-repeat}
.news-tab li .t-new.new-1 .u-txt .ic-com{ background-position: 0 -43px;margin-right:4px;}
.news-tab li .u-btn{ width:48px; height:48px; display: flex;margin-right:10px;align-items: center;background: linear-gradient(90deg, rgba(183, 217, 219, 0.6) 7%, rgba(157, 193, 194, 0.1) 100%); justify-content: center; border-radius: 50px;}
.news-tab li .u-btn i{display: block;width:16px; height:16px; background: url("../images/iwgo.png") no-repeat center center;}
.news-tab li:hover .t-new,.news-tab li.hover .t-new{background: linear-gradient(90deg, #0E8A8E 0%, rgba(14, 138, 142, 0.2) 100%); box-sizing: border-box;border:1px solid #F2F3F5;}
.news-tab li:hover .t-new .u-txt,.news-tab li.hover .t-new .u-txt{color: #fff;}
.news-tab li:hover .t-new .u-txt .ic,.news-tab li.hover .t-new .u-txt .ic {background: url("../images/ic_new.png") no-repeat}
.news-tab li:hover .t-new .u-txt .ic-com,.news-tab li.hover .t-new .u-txt .ic-com{ background-position: 0 -0px;}
.news-tab li:hover .u-btn,.news-tab li.hover .u-btn{background:#fff; }
.news-tab li:hover .u-btn i,.news-tab li.hover .u-btn i{ background: url("../images/igo.png") no-repeat center center;}
.news-tab li .t-new .u-txt .ic-com{ background-position: 0px -43px;margin-right:4px;}
.news-tab li .t-new .u-txt .ic-mid{ background-position: -102px -43px;margin-right:4px;}
.news-tab li .t-new .u-txt .ic-foc{ background-position: -68px -43px;margin-right:4px;}
.news-tab li .t-new .u-txt .ic-oth{ background-position: -34px -43px;margin-right:4px;}
.news-tab li:hover .t-new .u-txt .ic-mid,.news-tab li.hover .t-new .u-txt .ic-mid{ background-position: -102px -0px;}
.news-tab li:hover .t-new .u-txt .ic-foc,.news-tab li.hover .t-new .u-txt .ic-foc{ background-position: -68px -0px;}
.news-tab li:hover .t-new .u-txt .ic-oth,.news-tab li.hover .t-new .u-txt .ic-oth{ background-position: -34px -0px;}




.news-list{ margin-top:40px;}
.news-list .new-li{display: flex;justify-content: space-between;height: 394px;margin-bottom: 36px; background: #fff; border-radius: 8px;overflow: hidden;}
.news-list .new-li .new-info{position: relative;padding:44px 36px;width:680px; box-sizing: border-box;}
.news-list .new-li .new-info .new-time{ color: #777;font-size:16px;}
.news-list .new-li .new-info .new-tit{ margin-top:30px; font-size:30px; color: #282828;font-weight: 600;}
.news-list .new-li .new-info .new-tit a{color: #282828;}
.news-list .new-li .new-info .new-tit a:hover{color: #0E8A8E;}
.news-list .new-li .new-info .new-art{margin-top:30px;font-size:16px;line-height: 24px; color: #777;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;	-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.news-list .new-li .new-info  .new-more{ position: absolute;left:36px; bottom:44px; font-size:16px; color: #777;}
.news-list .new-li .new-info  .new-more:hover{ color: #0E8A8E}
.news-list .new-li  .new-pic{width:494px; height:394px; overflow: hidden;}
.news-list .new-li  .new-pic img{width:494px; height:394px;transition:all .5s; overflow: hidden;}
.news-list .new-li  .new-pic a:hover img{transform-origin:center center; transform:scale(1.1);}
.news-list .no-img{display: flex;margin:40px auto;height:760px; width:100%; background: #fff; border-bottom: 8px;align-items: center; justify-content: center; border-radius: 8px;}
.news-list .no-img .n-img{ text-align: center}
.news-list .no-img .n-txt{margin-top:6px; text-align: center; font-size:16px; color: #282828; font-weight: 600;}
/*新闻详情*/
.info-box{width:1200px;  margin-left:auto; margin-right:auto;}
.m-crumb{padding:24px 0; }
.m-crumb a,.m-crumb span{ font-size:16px; color: #282828; }
.m-crumb a::after{content: ' >';padding: 0 16px;font-size:12px;	color:#282828;}
.m-main{ display: flex; justify-content: space-between;}
.m-main .m-left{padding:40px 30px;width:800px;  background: #fff; box-sizing: border-box;margin-bottom:40px;}
.m-main .m-left .art-top{ border-bottom: 1px dashed #ddd; padding-bottom:16px;}
.m-main .m-left .art-top .tit{ font-size:24px; color: #1a1a1a;}
.m-main .m-left .art-top .time{margin-top:12px; font-size:13px; color: #999;}
.m-main .m-left .art-top .time span{ color: #777;}
.m-main .m-left .art-mid{ padding:40px 0; min-height: 1060px; font-size:16px; color: #777; line-height: 30px;}
.m-main .m-left .art-mid img{ max-width: 740px; margin-bottom:20px;}
.m-main .m-left .art-foot{ padding-top:40px;border-top: 1px dashed #ddd; }

.m-main .m-left .art-foot .f-txt{ font-size:15px; color: #777;}
.m-main .m-left .art-foot .f-txt span{font-weight: bold;}
.m-main .m-left .art-foot .f-txt a{color: #777;}
.m-main .m-left .art-foot .f-txt a.dis,.m-main .m-left .art-foot .f-txt a:hover.dis{color: #999;}
.m-main .m-left .art-foot .f-txt a:hover{color:#0E8A8E;}
.m-right{ width:380px; padding:40px 30px;margin-bottom:40px; background: #fff; box-sizing: border-box;}
.m-right .n-box{ margin-bottom:40px;}
.m-right .n-box:last-child{margin-bottom:0px; }
.m-right .n-box .n-tit{ font-size:22px; color: #1a1a1a; font-weight: 600;}
.m-right .n-box .n-new{ margin-top:30px;}
.m-right .n-box .n-new li{ padding:16px 0;border-bottom:1px dashed #ddd;}
.m-right .n-box .n-new li:first-child{ padding-top:0;}
.m-right .n-box .n-new li a{display: block; color:#282828;font-size:16px;line-height: 30px;}
.m-right .n-box .n-new li a:hover{color:#0E8A8E;}
.m-right .n-box .n-new li .time{ font-size:13px; color: #999;}
.m-right .n-box .n-new li .time span{ color:#777;}
/*联系我们*/
.contact-banner{ width:100%; height:402px; background: url("../images/c_banner.jpg") no-repeat center center; background-size: cover}
.contact-banner .m-box{width:1200px;  margin-left:auto; margin-right:auto;}
.contact-banner .m-box .tit{ padding-left:30px;padding-top:140px;font-size:54px; font-weight: 600;color:#fff;}
.contact-banner .m-box .txt{ padding-left:30px;margin-top:0px;font-size:36px;color:#fff;}
.contact-box{ padding:54px 60px; box-sizing: border-box; background: #fff;}
.contact-box .cn-box{ width:1200px;  margin-left:auto; margin-right:auto; display: flex;justify-content: space-between;background: #F2F3F5;border-radius: 16px;}
.contact-box .cn-box .cn-left{ padding:60px 30px 44px 60px;}
.contact-box .cn-box .cn-left .cn-tit{font-size: 42px;background: linear-gradient(90deg, #0E8A8E 0%, #0E8E4C 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;font-weight: 600;}
.contact-box .cn-box .cn-left .txt{margin-top:10px; font-size:20px; color: #282828;}
.contact-box .cn-box .cn-left .txt span{display: block;width:200px; height:3px;background: #0E8A8B; border-radius: 3px; } 
.contact-box .cn-box .cn-left .cn-hel{margin-top:60px; }
.contact-box .cn-box .cn-left .cn-hel .en{ font-size:36px; color: #282828;}
.contact-box .cn-box .cn-left .cn-hel .h-txt{ font-size:16px; color: #282828;line-height: 44px;}
.contact-box .cn-box .cn-left .cn-info{margin-top:40px;} 
.contact-box .cn-box .cn-left .cn-info li{ line-height: 44px; font-size:16px; color: #282828;}
.contact-box .cn-box .cn-right img{width:502px; height:730px; border-radius: 0 16px 16px 0;}
@media screen and (max-width: 960px){
    .m-banner{ background-size: auto;}
    .m-banner1{ background-size: auto;}
    .m-banner2{ background-size: auto;}
    .m-product{background-size: auto;}
    .about-banner{ background-size: auto;} 
    .product-banner{ background-size: auto;} 
    .news-banner{ background-size: auto;} 
    .contact-banner{ background-size: auto;}
}