a{text-decoration:none}
ul,li,h1,h2,h3{list-style:none;margin:0;padding:0;}
td,th,p,ul,li,img,h1,h2,h3,h4{padding:0;margin:0;}
table{border-collapse:collapse;border-spacing:0;}
body, button, input, select, textarea {
    font: 14px/1.5 "微软雅黑", "Microsoft Yahei", "\5FAE\8F6F\96C5\9ED1", Arial, tahoma, Helvetica, sans-serif;
}
*{ font-family:Microsoft Yahei,arial,"\5B8B\4F53"}
input{}
input:focus{border: none !important;}
.contain{max-width: 1200px;margin: 0 auto}
.cr-main{color: #487a21 !important;}
.f-w{font-weight: 600;}
/* ******************网站页面样式*********************** */
/*导航栏样式*/
.zjui-home-header{position:fixed;top:0;left:0;width:100%;height:80px;background:inherit;display:flex;flex-direction: row;overflow: unset; align-items:center;justify-content:center;z-index:9999;box-shadow:none;border-bottom:1px solid rgba(255,255,255,.1);}
.zjui-home-header .top_mini_box{display:flex;flex-direction:row;justify-content:space-between;align-items:center;max-width:1200px;width:100%;}
.top_mini_box .img_1{display:block;height:60px;}
.zjui-home-header .top_mini_box .right_box{display:flex;flex-direction:row;align-items:center;}
.zjui-home-header .top_mini_box .right_box ul{display:flex;flex-direction:row;align-items:center;}
.zjui-home-header .top_mini_box .right_box ul li{position:relative;padding:0px 15px;}
.zjui-home-header .top_mini_box .right_box ul li:hover{background-color:#fff;color:#4f66e6;border-bottom:2px solid #4f66e6;}
.zjui-home-header .top_mini_box .right_box ul li:hover a{color:#4f66e6;opacity:1;}
.zjui-home-header .top_mini_box .right_box ul li a{padding:0 5px;height:80px;display:flex;align-items:center;font-size:18px;color:#333;}
.zjui-home-header .top_mini_box .right_box ul li a.active{}
.zjui-home-header .top_mini_box .right_box ul li a::before{content:"";width:0%;right:0;left:0;margin:0 auto;opacity:0;height:4px;position:absolute;bottom:0;background:#fff;}
.zjui-home-header .top_mini_box .right_box ul li a.active::before{width:100%;opacity:1;}
.scroll .zjui-home-header{background:#ffffff;box-shadow:0 2px 4px 0px rgb(0 0 0 / 10%);}
.scroll .zjui-home-header .top_mini_box .right_box ul li a{color:#333;}
.nav_list_box{position:absolute;top:80px;box-shadow:0px 2px 2px 0.1px #cccccc;width:260px;display:block;margin-left:-80px;background:#FFFFFF;z-index:999;padding:10px 0;}
.zjui-home-header .top_mini_box .right_box ul .nav_list_box p{border-bottom:1px solid #f5f5f5;}
.zjui-home-header .top_mini_box .right_box ul .nav_list_box p a{height:50px;color:#333;padding-left:30px;}
.zjui-home-header .top_mini_box .right_box ul .nav_list_box p a:hover{color:#4f66e6;}

/*header导航条样式*/
.Header-wrapper{width: 100%;position: fixed;z-index: 99999;top: 0;left: 0;background: #fff;user-select: none;box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.1);transition: all .4s ease;}

.Header-logo{height: 80px;display: flex;align-items: center;position: relative;z-index: 999;}
.header-logo-row{float:left}
.Header-logo img{height: 60px;}
.Header-logo img.s{display: block;}
.Header-logo img.h,.header-logo-row .font img.h{display: none}
.header-logo-row .font{padding-left:20px;margin-left:20px}
.header-logo-row .font:after{content:'';transform:translateY(-50%);left:0;border-left:1px dashed #595757;position:absolute;top:50%;width:1px;height:70%}

.new-column{display: flex;flex-direction: row;align-items: center;}
.Header-navbar{float: right;visibility: visible;opacity: 1;}
body.PC .Header-navbar{display: block !important;}
.Header-navbar li{float: left;margin: 0 24px;position: relative;z-index: 9}
.Header-navbar li.style2{position: static}
.Header-navbar li:last-child{margin-right: 0;}
.Header-navbar li:first-child{margin-left: 0;}
.Header-menu{position: relative;height: 80px;display: flex;align-items: center;font-size: 14px;color: #333;font-weight: 700; transition: color .4s ease;}
.Header-menu::before{content: "";width: 0%;right:0;left:0;margin:0 auto;opacity: 0;height: 4px;position: absolute;bottom: 0;background: #487a21;transition: width .3s ease,opacity .2s ease .2s;background:#487a21;}
.Header-navbar li.active .Header-menu{color: #487a21}
.Header-navbar li.active .Header-menu::before, .Header-navbar li:hover .Header-menu::before{width:100%;opacity: 1;transition: width .3s ease .1s,opacity .2s ease;}
.Header-arrow{position: absolute;top: 40px;left: 57px; display: inline-block;width:30px;height: 30px;background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAEAQMAAAB4CLc+AAAABlBMVEUAAAB+fX1PLfavAAAAAXRSTlMAQObYZgAAABBJREFUCNdjaGJwYdBgEAAABXIA/2yEHJgAAAAASUVORK5CYII=);}
.Header-drop{display: none;position: absolute;background: #fff;top: 80px;left: 50%;width: 190px;margin-left: -85px}
.Header-drop a{display: block;width: 100%;height: 42px;line-height: 42px;font-size: 14px;color: #666;text-align: center;transition: all .4s ease;}
.Header-drop a.active, .Header-drop a:hover{background: #487a21;color: #fff;}
/* 下拉-样式2 */
.Header-navbar li.style2 .Header-drop{width:100%;margin:0;left:0;transform:none;background:0 0}
.Header-navbar li.style2 .contain{display:flex;justify-content:flex-end}
.Header-navbar li.style2 .Header-drop .inner{background:#fff;padding:36px;border:1px solid #e2e3e4;display:inline-flex;margin-left:auto}
.Header-navbar li.style2 .item{min-width:116px}
.Header-navbar li.style2 .item+.item{margin-left:40px}
.Header-navbar li.style2 .Header-drop a{height:unset;line-height:28px;text-align:unset;color:#737583;font-size:14px}
.Header-navbar li.style2 .Header-drop a:hover{background:0 0;color:#487a21}
.Header-navbar li.style2 .tit{display:flex;padding-bottom:10px;border-bottom:1px solid #dfe2e9;margin-bottom:10px}
.Header-navbar li.style2 .tit span{font-size:15px;color:#0f1126}
.Header-navbar li.style2 .tit a:hover{text-decoration: underline;color:unset}
.Header-navbar li.style2 .icon{height:21px;max-height:100%;object-fit:cover;display:block;margin-right:5px}
.Header-navbar span.label-hot{width:37px;height:14px;background:#f64041;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;color:#fff;position:relative;top:0;margin-left:6px}
.Header-navbar span.label-hot em{transform:scale(.76);font-style:normal;font-size:12px;font-weight:400}

.Header-navclick{display: none;width: 24px;height: 60px;cursor: pointer;margin-left: 10px;user-select: none;align-items: center;}
.Header-navclick span{width: 100%;height: 2px;background: #777;display: block;position: relative;transition: all .2s linear;}
.Header-navclick span:before,.Header-navclick span:after{content: "";position: absolute;height: 2px;background: #777;display: block;left: 0;width: 100%;transition: all .2s linear;}
.Header-navclick span:before{top: -7px;}
.Header-navclick span:after{top: 7px;}
.Header-navclick.active span{-moz-animation: buttonAnimation 0.3s ease forwards;-webkit-animation: buttonAnimation 0.3s ease forwards;animation: buttonAnimation 0.3s ease forwards;}
.Header-navclick.active span:before{-moz-animation: buttonAnimationBefore 0.3s ease forwards;-webkit-animation: buttonAnimationBefore 0.3s ease forwards;animation: buttonAnimationBefore 0.3s ease forwards; }
.Header-navclick.active span:after{-moz-animation: buttonAnimationAfter 0.3s ease forwards;-webkit-animation: buttonAnimationAfter 0.3s ease forwards;animation: buttonAnimationAfter 0.3s ease forwards;}

.PC-navbar{display: flex;justify-content: space-around;align-items: center;flex-direction: row;overflow: unset;}
.Header-wrapper .search-box{display: flex;align-items: center; font-size: 16px;padding-top: 0px;margin-left: 20px;}
.Header-wrapper .search-box .search{display: flex;align-items: center;border: #aaa 1px solid; height: 40px;border-radius: 35px;padding-right: 10px;}
.Header-wrapper .search-box .search input{outline: none; border: none;background-color: inherit;width: 130px; height: 35px;border-radius: 35px;padding-left: 8px;color: #444;}
.Header-wrapper .search-box .search .btn img{cursor: pointer;width: 20px;padding-top: 4px;}
.Header-wrapper .btn-language{margin:0 10px;position: relative;}
.Header-wrapper .btn-language a{padding-left: 0px !important;color: white !important;font-weight: bold;font-size: 17px;}
.Header-wrapper .btn-language img{width: 20px;height: 20px;}
.Header-wrapper .btn-language .change-language {
    margin-top: 18px;
    position: absolute;
    right: 0px;
    width: 120px;
    display: none;
}
.Header-wrapper .btn-language .change-language .triangle-top {
    width: 0px;
    height: 0px;
    border-bottom: 10px solid hsla(360, 0%, 30%, .8);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}
.language-bg {
    border-radius: 3px 0px 3px 3px;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background: hsla(360, 0%, 30%, .8);
    background-position: center center;
}
.change-language li {
    margin: 0px;
    padding: 10px 1.2em;
    border: none !important;
}
.new-fixed li {
    margin: 0px 1.2em;
    text-align: center;
    background: transparent !important;
    border-bottom: 2px solid transparent;
}
.change-language li a {
    font-size: 15px;
    font-weight: unset !important;
}
.change-language li a {
    padding-left: 0px !important;
    color: white !important;
    font-weight: bold;
    font-size: 17px;
}
.Header-wrapper .btn-language a:hover{
	color:red !important;
}
.btn-language:hover {
    border-bottom: 2px solid transparent;
}
.header .nav>ul>li {
    position: relative;
}
.change-language li:hover {
    border-bottom: 2px solid white;
}
.btn-language:hover .change-language {
    display: block;
}
@-moz-keyframes buttonAnimationBefore {
    0% {-moz-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0);}
    50% {-moz-transform: translateY(7px) rotate(0);transform: translateY(7px) rotate(0);}
    100% {-moz-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg);}
}
@-webkit-keyframes buttonAnimationBefore {
    0% {-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0);}
    50% {-webkit-transform: translateY(7px) rotate(0);transform: translateY(7px) rotate(0);}
    100% {-webkit-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg);}
}
@keyframes buttonAnimationBefore {
    0% {-moz-transform: translateY(0px) rotate(0);-ms-transform: translateY(0px) rotate(0);-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0);}
    50% {-moz-transform: translateY(7px) rotate(0);-ms-transform: translateY(7px) rotate(0);-webkit-transform: translateY(7px) rotate(0);transform: translateY(7px) rotate(0);}
    100% {-moz-transform: translateY(7px) rotate(45deg);-ms-transform: translateY(7px) rotate(45deg);-webkit-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg);}
}
@-moz-keyframes buttonAnimationAfter {
    0% {-moz-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0);}
    50% {-moz-transform: translateY(-7px) rotate(0);transform: translateY(-7px) rotate(0);}
    100% {-moz-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg);}
}
@-webkit-keyframes buttonAnimationAfter {
    0% {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0);}
    50% {-webkit-transform: translateY(-7px) rotate(0);transform: translateY(-7px) rotate(0);}
    100% {-webkit-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg);}
}
@keyframes buttonAnimationAfter {
    0% {-moz-transform: translateY(0) rotate(0);-ms-transform: translateY(0) rotate(0);-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0);}
    50% {-moz-transform: translateY(-7px) rotate(0);-ms-transform: translateY(-7px) rotate(0);-webkit-transform: translateY(-7px) rotate(0);transform: translateY(-7px) rotate(0);}
    100% {-moz-transform: translateY(-7px) rotate(-45deg);-ms-transform: translateY(-7px) rotate(-45deg);-webkit-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg);}
}
@-moz-keyframes buttonAnimation {
    0% {background: transparent;}
    50% {background: rgba(255, 255, 255, 0);}
    100% {background: rgba(255, 255, 255, 0);}
}
@-webkit-keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0);}
    100% {background: rgba(255, 255, 255, 0);}
}
@keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0);}
    100% {background: rgba(255, 255, 255, 0);}
}

/* 透明 */
body.Lucency .Header-wrapper{background: #fff;box-shadow: none;border-bottom: 1px solid rgba(255,255,255,.1)}
/* -- */
body.Lucency.Mouse .Header-wrapper{background: #fff;box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.1);}
body.Lucency.Mouse .Header-logo img.s{display: block;}
body.Lucency.Mouse .Header-logo img.h{display: none;}
body.Lucency.Mouse .Header-menu{color: #747474;}
body.Lucency.Mouse .Header-menu::before{background: #487a21;}
body.Mouse .Header-navbar li:hover .Header-menu{color: #487a21 !important}
body.Lucency.Mouse .Header-search-click{background-image: url('../images/common/search.svg');}
body.Lucency.Mouse .Header-lang-menu{}

body.Lucency.Mouse .Header-wrapper .search-box .search{background-color: inherit; border: 1px solid #aaa;}
body.Lucency.Mouse .Header-wrapper .search-box .search input{background-color: inherit;}
/* -- */
body.Lucency.onSearch .Header-wrapper{background: #fff;box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.1);}
body.Lucency.onSearch .Header-logo img.s{display: block;}
body.Lucency.onSearch .Header-logo img.h{display: none;}
body.Lucency.onSearch .Header-menu{color: #747474;}
body.Lucency.onSearch .Header-search-click.active{background-image: url('../images/common/close.svg');}
body.Lucency.onSearch .Header-lang-menu{}
body.Mouse .Header-navbar li.active .Header-menu{color: #487a21}
body.Mouse .Header-navbar li.active .Header-menu::before{background: #487a21}
body.Mouse .header-logo-row .font img.h{display:none}
body.Mouse .header-logo-row .font img.s{display:block}
body.Mouse .header-logo-row .font:after{border-color:#595757}

/*首页轮播图样式*/
.banner{position:relative;}
.banner-bg img {width: 100%;object-fit: cover;min-height: 680px;}
.banner-bg-mb {display: none;}
.banner-cont{width:100%;height:calc(100% - 80px);position:absolute;left:0;top:0;padding-top:220px}
.banner-cont .size-big{font-family:"思源黑体 CN","Source Han Sans CN","noto sans";color:#fff;font-size:32px;font-weight:700;line-height: 1; max-width:480px}
.banner-cont .size-md{font-size:26px;font-family:"思源黑体 CN","Source Han Sans CN","noto sans";color:#fff;font-weight:700px}
.banner-cont .frame{border: 1px solid rgba(255,255,255,.2);padding: 8px 10px;border-radius: 5px;}
.banner-cont p{max-width:480px;font-family:"思源黑体 CN","Source Han Sans CN","noto sans";color:#fff;font-size: 16px;line-height: 26px; margin-top:20px}
.banner-btn{font-size:0;margin-top:30px}
.banner-btn a{display:inline-flex;width:146px;height:46px;align-items:center;justify-content:center;font-size:16px;border:1px solid transparent;color:#fff;border-radius:6px;transition:all .4s ease}
.banner-btn a i{display:block;background:url(../images/common/arrRW.svg) no-repeat center/100%;width:16px;height:16px;margin-left:8px;transition:all .4s ease}
.banner-btn a:nth-child(1){background:#487a21;border-color:#487a21}
.banner-btn a:nth-child(2){border-color:#fff;margin-left:8px}
.banner-btn a:hover{border-color:#fff;background:#fff;color:#487a21}
.banner-btn a:hover i{background:url(../images/common/arrR-blue.svg) no-repeat center/100%;margin-left:12px}
.banner .swiper-pagination{font-size:0;bottom:46px;width:100%;}
.banner .swiper-pagination-bullet{width:40px;height:4px;margin:0 4px;border-radius:30px;opacity:.3;background:#fff;transition:all .4s ease}
.banner .swiper-pagination-bullet-active{background:#ffffff;opacity:1}
.banner .swiper-slide-active h1{animation: text-active-animation 1.5s ease both}
.banner .swiper-slide-active p{animation: text-active-animation 1.5s ease both .3s}
.banner .swiper-slide-active .banner-btn{animation: text-active-animation 1.5s ease both .6s}


/********************首页内容样式****************************/
.home-title{margin: 30px 0 50px 0;}
.home-title1-bg{width: auto;height: auto; background-image: url(../images/product.webp);background-repeat: no-repeat;background-position: center;}
.home-title1 {text-align: center;font-size: 40px;margin-top: 50px;margin-bottom: 15spx;font-family: Microsoft Yahei,arial,"\5B8B\4F53";font-weight: 700;color: #333;line-height: 1.8em;padding-top: 40px;}
.sub-title{text-align: center;font-size: 16px;color: #333;font-weight: 600;line-height: 1.5;}
.home-title2{text-align:center;font-size:16px;color:#666;padding-bottom:20px;}
/*解决方案*/
.solution {font-family: Microsoft Yahei,arial,"\5B8B\4F53";font-weight: normal;color: #2F364C;padding-top:30px;padding-bottom:60px; background-color:#F5F5F5}
.solution .solution-list {display: flex;flex-direction: row;justify-content: center;align-items: center;}
.solution .solution-list .item-box{width:calc(100% / 4 - 12px);margin-right: 16px;margin-bottom: 20px;}
.solution .solution-list .item-box:nth-child(4),.solution .solution-list .item-box:nth-child(8){margin-right: 0;}
.solution .solution-list .item{padding-bottom: 30px; display:flex;flex-flow:column;background-color:#fff;border-right:1px solid #e8ecf2;justify-content:space-evenly;align-items:center;}
.solution .solution-list .item.active{box-shadow: 0 2px 15px 0 rgb(154 154 154 / 45%);}
.solution .solution-list .item.active .solution-btn a{color:#fff;background-color:#487a21;}
.solution .solution-list .item:last-child{margin-right:0;}
.solution .solution-list .item.active{}
.solution .solution-list .item h2{margin-top:20px;margin-bottom:10px; font-size:16px;font-family:Microsoft Yahei,arial,"\5B8B\4F53"}
.solution .solution-list .item p{font-size:12px;font-family:"PingFang-SC";margin:0 20px 20px 20px;}
.solution .solution-list .item .solution-btn{display:flex;}
.solution .solution-list .item .solution-btn a{display:inline-flex;width:100px;height:34px;align-items:center;justify-content:center;border:1px solid transparent;font-size:14px;border-radius:3px;transition:all .4s ease}
.solution .solution-list .item .solution-btn a{border:#487a21 1px solid;color:#487a21}
.solution .solution-list .item .solution-btn a:hover{color:#fff;background-color:#487a21;}
.solution .solution-list .item .solution-img{}
.solution .solution-list .item .solution-img img{width:100%;}
/*产品矩阵*/
.product{font-family: Microsoft Yahei,arial,"\5B8B\4F53";font-weight: normal;color: #2F364C;padding-bottom:60px; background-color:#fff;/*background-image:url(../images/home_bg_1.jpg);background-size:100%;background-position:center center;*/}
.product .home-title{margin: 30px 0 50px 0;}
.product .home-title1-bg{width: auto;height: auto; background-image: url(../images/applications.webp);background-repeat: no-repeat;background-position: center;}
.product .home-title1 {text-align: center;font-size: 40px;margin-top: 50px;margin-bottom: 15spx;font-family: Microsoft Yahei,arial,"\5B8B\4F53";font-weight: 700;color: #333;line-height: 1.8em;padding-top: 40px;}
.product .sub-title{text-align: center;font-size: 16px;color: #333;font-weight: 600;line-height: 1.5;}
.product .home-title2{text-align:center;font-size:16px;color:#666;padding-bottom:20px;}
.product .product-wrapper{display: flex;flex-direction: row;}
.product .product-wrapper .pro_left{width:25%;display:flex;flex-wrap:wrap;}
.product .product-wrapper .pro_left .pro_list{width:96%;margin-right:4%;margin-bottom:10px;background-color:#f6fff0;}
.product .product-wrapper .pro_left .pro_list .item{display:flex;height:120px;padding: 0 12px; flex-direction:column;justify-content:center;align-items:center;}
.product .product-wrapper .pro_left .pro_list .item h2{font-size:16px;font-weight:600;text-align:center;padding-bottom: 12px;}
.product .product-wrapper .pro_left .pro_list .item .text{font-size: 14px;color: #5b5b5b;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.product .product-wrapper .pro_left .pro_list.active{background-color:#487a21}
.product .product-wrapper .pro_left .pro_list.active .item h2{color:#fff;text-align:center}
.product .product-wrapper .pro_left .pro_list.active .item .text{color:#fff;text-align:center}
.product .product-wrapper .pro_right {width:75%;height: 640px; border-radius: 4px;position: relative;overflow: hidden;background-color: #fff;position:relative;}
.pro_bg1{width: 100%;height: 100%;background-image:url(../images/c16.png);background-size:cover;background-position:center center;background-repeat:no-repeat;}
.pro_bg2{width: 100%;height: 100%;background-image:url(../images/index_2.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;}
.pro_bg3{width: 100%;height: 100%;background-image:url(../images/index_3.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;}
.pro_bg4{width: 100%;height: 100%;background-image:url(../images/c03.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;}
.pro_bg5{width: 100%;height: 100%;background-image:url(../images/c02.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;}
.pro_bg6{width: 100%;height: 100%;background-image:url(../images/index_6.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;}

.product .product-wrapper .pro_list_content .mark{position:absolute;width:100%;height: 120px; background: #487a21a8;left:0;bottom:0;color: #fff;}
.product .product-wrapper .pro_list_content .mark .pro_desc{padding:20px}
.product .product-wrapper .pro_list_content .mark .pro_desc h2{padding-bottom: 20px;color: #fff;font-size: 18px;}
.product .product-wrapper .pro_list_content .mark .pro_desc p{line-height: 1.5;font-size: 14px;color: #e3e3e3;}
.pro_button{display:flex;padding:20px;}
.pro_button a{display:inline-flex;width:100px;height:34px;align-items:center;justify-content:center;border:1px solid transparent;font-size:14px;border-radius:3px;transition:all .4s ease}
.pro_button a:nth-child(1){background:#487a21;border-color:#487a21;color:#fff}
.pro_button a:nth-child(2){background:0 0;border-color:#ffffff;color:#ffffff;margin-left:15px}
.pro_button a:hover{background:#fff;color:#487a21;border-color:#fff;box-shadow:0 0 0 .2rem rgba(0,106,255,.5)}

/* 关于我们 */
.abouts {font-family: Microsoft Yahei,arial,"\5B8B\4F53";font-weight: normal;color: #2F364C;padding-top:30px;padding-bottom:60px; background-color:#FFF}
.abouts .home-title{margin: 30px 0 20px 0;}
.abouts .home-title1-bg{width: auto;height: auto; background-image: url(../images/ABOUT-US.webp);background-repeat: no-repeat;background-position: center left;}
.abouts .home-title1 {text-align: left;font-size: 40px;margin-top: 50px;margin-bottom: 15px;font-family: Microsoft Yahei,arial,"\5B8B\4F53";font-weight: 700;color: #333;line-height: 1.8em;padding-top: 40px;}
.abouts .sub-title{text-align: left;font-size: 16px;color: #487a21;font-weight: 600;line-height: 1.5;}
.home-title2{text-align:left;font-size:16px;color:#666;padding-bottom:20px;}

.abouts .abouts-box{display: flex;}
.abouts .abouts-box .abouts_left,.abouts .abouts-box .abouts_right{width: 50%;}
.abouts_right img{width: 100%;margin-left: 10px;}
.abouts .introduction{margin-right: 10px;}
.abouts .introduction .int{display: flex;font-size: 15px;color: #333;}
.abouts .solution-btn{display:flex;margin-top: 20px;}
.abouts .solution-btn a{display:inline-flex;width:100px;height:34px;align-items:center;justify-content:center;border:1px solid transparent;font-size:14px;border-radius:3px;transition:all .4s ease}
.abouts .solution-btn a{color:#fff;background-color:#487a21;}
.abouts .solution-btn a:hover{color:#fff;background-color:#487a21;}
.abouts .item-wrapper {display: flex;margin-top: 30px;}
.abouts .item-wrapper .item{width: calc(100% / 4 - 30px);margin-right: 40px;}
.abouts .item-wrapper .item:last-child{margin-right: 0;}
.abouts .item-wrapper .item .box{border: #487a21 1px solid;border-radius: 40px;box-shadow: 6px 6px 2px 2px #487a2121;}
/*.abouts .item-wrapper .item .box{text-align: center;padding: 50px 25px;}*/
.abouts .item-wrapper .item .box{text-align: center;padding: 25px;}
/*.abouts .item-wrapper .item .box img{margin-bottom: 12px;}*/
.abouts .item-wrapper .item .box img{width: 100%;margin-bottom: 12px;}
.abouts .item-wrapper .item .box h1{margin-bottom: 12px;font-size: 28px;}
.abouts .item-wrapper .item .box p{font-size: 16px;}

/* 新闻中心 */
.newcenter{font-family: Microsoft Yahei,arial,"\5B8B\4F53";font-weight: normal;color: #2F364C;padding-top:30px;padding-bottom:60px; background-color:#F5F5F5}
.newcenter .home-title{margin: 30px 0 50px 0;}
.newcenter .home-title1-bg{width: auto;height: auto; background-image: url(../images/applications.webp);background-repeat: no-repeat;background-position: center;}
.newcenter .home-title1 {text-align: center;font-size: 40px;margin-top: 50px;margin-bottom: 15spx;font-family:Microsoft Yahei,arial,"\5B8B\4F53";font-weight: 700;color: #333;line-height: 1.8em;padding-top: 40px;}
.newcenter .sub-title{text-align: center;font-size: 16px;color: #333;font-weight: 600;line-height: 1.5;}
.newcenter .home-title2{text-align:center;font-size:16px;color:#666;padding-bottom:20px;}

.newcenter .new-lists{display: flex;}
.newcenter .new-lists .item-box{width: calc(100% / 3 - 20px);margin-right: 30px;}
.newcenter .new-lists .item-box:last-child{margin-right: 0;}
.newcenter .new-lists .item-box .item{background-color: #fff;box-shadow: 0 0 8px 0 rgba(0,0,0,0.13);}
.newcenter .new-lists .item-box .item img{width: 100%;}
.newcenter .new-lists .item-box .item .art-content{padding: 30px;}
.newcenter .new-lists .item-box .item .datetime{display: flex;align-items: center; color: #487a21; font-size: 16px;}
.newcenter .new-lists .item-box .item .datetime img{width: 20px;margin-right: 10px;}
.newcenter .new-lists .item-box .item .title{color: #000; font-size: 18px; font-weight: 700;margin: 15px 0;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newcenter .new-lists .item-box .item .content{font-size: 14px;color: #5f5f5f;letter-spacing: 0;line-height: 24px;margin-top: 20px;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}


/*服务*/
.service-bg{background-image:url(../images/home_bg_4.jpg);background-repeat:no-repeat;}
.service{font-family: Microsoft Yahei,arial,"\5B8B\4F53";font-weight: normal;color: #ffffff;padding-top:30px;padding-bottom:60px; background-color:#0b2241;}
.service h1.home-title1{color:#ffffff;margin-bottom:10px;margin-top:30px;}
.contact-inputs{display: flex;justify-content: space-around;}
.contact-inputs input{padding: 15px 4px;}
.contact-inputs input.from{width: 25%;}
.contact-inputs input.submit-btn{width: 150px;background-color: #487a21;color: #fff;font-size: 15px; border: none;}

/*************************其它页面样式********************************/
/*banner排版*/
.banner_1{width:100%;display:flex;flex-direction:column;align-items:center;position:relative;}
.com-banner{position:relative;width:100%;}
.com-banner .bg{width:100%;}
.full-width{width:100%;object-fit:cover;transition:all .8s ease;}
.com-banner .content{width:100%;height:calc(100% - 80px);margin-top:80px;position:absolute;left:0;top:0;}
.banner_1 .banner_mini_box{height:100%;display:flex;flex-direction:column;justify-content:center;color:#fff;}
.banner_1 .banner_mini_box h1{font-size:36px;margin:10px 0 20px 0;letter-spacing:6px;}
.banner_1 .banner_mini_box h3{font-size:18px;}
.banner_1 .banner_mini_box p{font-size:18px;}
.banner_1 .banner_mini_box .btn-list{display:flex;align-items:center;margin-top:36px;}
.banner_1 .banner_mini_box .btn-list .btn{width:146px;height:46px;display:flex;align-items:center;justify-content:center;font-size:16px;border:1px solid transparent;color:#fff;border-radius:6px;transition:all .4s ease;}
.banner_1 .banner_mini_box .btn-list .btn:nth-child(1){background:#487a21;border-color:#487a21;}
.banner_1 .banner_mini_box .btn-list .btn:nth-child(2){border-color:#fff;margin-left:14px;}
.banner_1 .banner_mini_box .btn-list .btn:hover{border-color:#fff;background:#fff;color:#487a21;}

/* 页面底部样式 */
.bottom_nav{width:100%;height:auto;display:block;justify-content:center;background:#222222;padding-top:20px;}
.bottom_nav .bottom_nav_main{display:flex;justify-content:space-between;max-width:1200px;width:100%;border-bottom: 1px solid #4e4e4e;margin: auto;}
.bottom_nav .bottom_nav_main .bottom_nav_left{width:25%;padding: 50px 0px;text-align: left;}
.bottom_nav .bottom_nav_main .bottom_nav_left .logo{margin-bottom: 28px;}
.bottom_nav .bottom_nav_main .bottom_nav_left .logo img{width: 100%;}
.bottom_nav .bottom_nav_main .bottom_nav_left .ints{color: #fff;font-size: 16px;margin-bottom: 20px;}
.bottom_nav .bottom_nav_main .bottom_nav_left .share-box{display: flex;}
.bottom_nav .bottom_nav_main .bottom_nav_left .share-box img{width: 24px; padding-right: 14px;}
.bottom_nav .bottom_nav_main .bottom_nav_right{width:70%;color: #fff;padding-top: 50px;}
.bottom_nav .bottom_nav_main .bottom_nav_right .bottom-lists{display: flex;justify-content:space-between}
.bottom_nav .bottom_nav_main .bottom_nav_right .bottom-lists .lists{max-width: 33.33%;}
.bottom_nav .bottom_nav_main .bottom_nav_right .bottom-lists .lists h1{padding-bottom: 20px;font-size: 20px;font-weight: 700;}
.bottom_nav .bottom_nav_main .bottom_nav_right .bottom-lists .lists h1 a{font-size: 20px;font-weight: 700;color: #fff}
.bottom_nav .bottom_nav_main .bottom_nav_right .bottom-lists .lists ul li {padding: 5px 0;}
.bottom_nav .bottom_nav_main .bottom_nav_right .bottom-lists .lists ul li a{font-size: 16px;color: #fff;}
.bottom_nav .bottom_nav_main .bottom_nav_right .bottom-lists .lists ul li a:hover{color: #487a21;}
.bottom_nav .bottom_nav_main .bottom_nav_right .bottom-lists .lists ul li::before{content: '';display: inline-block;width: 13px;height: 12px; background-image: url(../images/liicon.png);background-size: 12px;background-repeat: no-repeat;}
.bottom_nav .bottom_nav_main .bottom_nav_right .bottom-lists .lists .ul p{font-size: 16px;color: #fff;padding: 5px 0;}
.bottom_nav .sitewidget{padding: 30px 0;}
.bottom_nav .sitewidget a{color: #fff;}
.bottom_nav .sitewidget a:hover{color: #487a21;}

.right_Susp{position:fixed;bottom:200px;right:20px;z-index:999;}
.right_Susp_li{position: relative;}
.right_Susp_li a{display:block;width:70px;height:70px;border-radius:4px;background:#487a21;margin-bottom:4px;cursor:pointer;text-align:center;color:#ffffff;font-size:14px;}
.right_Susp_li a:hover{background:#366611;}
.right_Susp_li img{width:42px;}
.right_Susp .onlineservice-tips{position: absolute;right: 100px;top: 20px;}
.right_Susp .onlineservice-tips li a{width: auto !important;height: auto !important;padding: 8px 12px;position: relative;}
.right_Susp .onlineservice-tips li a::after{content: "";width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #366611; /* 箭头的颜色 */
  position: absolute;
  right: -10px; /* 调整箭头的位置 */}
.right_Susp_li .onlineservice-tips li a img{width: 240px;}
.right_Susp_li .onlineservice-tips li a p{padding: 10px 0;font-size: 14px;color: #fff;}
.right_Susp .onlineservice-tips{display: none;}
.right_Susp ul:hover .onlineservice-tips{display: block;}

.call_box{background:#487a21;width:230px;padding:10px 0;color:#fff;position:fixed;right:95px;bottom:283px;text-align:center;font-size:16px;font-weight:bold;border-radius:6px;display:none;z-index:999;box-shadow:0px 0px 6px 2px #e2e2e2;}

/* 响应式布局 */
@media (max-width: 768px) {
  .bottom_nav .bottom_nav_main{flex-wrap: wrap;}
  .bottom_nav .bottom_nav_main .bottom_nav_left,.bottom_nav .bottom_nav_main .bottom_nav_right{
	  width: 100%;
  }
 
}

@media (max-width: 480px) {
  .bottom_nav .bottom_nav_main{flex-wrap: wrap;}
  .bottom_nav .bottom_nav_main .bottom_nav_left,.bottom_nav .bottom_nav_main .bottom_nav_right{
  	  width: 100%;
  }
}

/********************产品中心******************************/
.product{margin: 140px 0 60px 0;}
.product .title_1{text-align: center;font-size: 40px;color: #333;font-weight: 700;}
.product .product-cells{display: flex;flex-wrap: wrap;}
.product .product-cells .item-box{width: calc(100% / 3 - 10px);margin-right: 15px;margin-bottom: 15px;}
.product .product-cells .item-box:nth-child(3n){margin-right: 0;}
.product .product-cells .item-box .item{position: relative;overflow: hidden; display: block; color: #333;background-color: #fff;padding: 4px;border: 1px solid #dcdcdc;box-sizing:border-box;box-shadow:0px 2px 8px 0.1px #cccccc;}
.product .product-cells .item-box .item img{ width: 100%;transition: opacity 0.5s ease-in-out; /* 渐隐渐现效果 */}
.default-img {position: relative; opacity: 1; /* 默认显示 */}
.hover-img {position: absolute;left: 4px; opacity: 0; /* 默认隐藏 */}
.item-box:hover .default-img {opacity: 0; /* 悬停时隐藏默认图片 */}
.item-box:hover .hover-img {opacity: 1; /* 悬停时显示悬停图片 */}
.product .product-cells .item-box .item h3{color: #333;font-size: 16px;padding-bottom: 10px; text-align: center; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.product .product-tabs{margin: 30px 0 40px 0;}
.product .product-tabs ul{display: flex;text-align: center !important;justify-content: center;}
.product .product-tabs ul li{margin-right: 5px;width: 25%;max-width: 240px; height: 60px;line-height: 60px;text-align: center; color: #487a21;border: 1px solid #487a21;font-size: 16px;}
.product .product-tabs ul li a{
    display: block;
    color: #487a21;
}
.product .product-tabs ul li:hover{background-color: #487a21;border: 1px solid #487a21;color: #fff;}
.product .product-tabs ul li.active{background-color: #487a21;border: 1px solid #487a21;color: #fff;}
.product .product-tabs ul li:hover a{background-color: #487a21;border: 1px solid #487a21;color: #fff;}
.product .product-tabs ul li.active a{background-color: #487a21;border: 1px solid #487a21;color: #fff;}
/* 响应式布局 */
@media (max-width: 768px) {
  .product .product-cells .item-box {
    flex: 1 1 calc(50% - 15px); /* 两列布局 */
    max-width: calc(50% - 15px);
  }
  .product .product-tabs ul{
	  flex-wrap: wrap;
  }
  .product .product-tabs ul li{
	  width: calc(50% - 10px);
	  font-size: 16px;
	  margin-bottom: 6px;
  }
}

@media (max-width: 480px) {
  .product .product-cells .item-box {
    flex: 1 1 100%; /* 单列布局 */
    max-width: 100%;
  }
  .product .product-tabs ul{
  	  flex-wrap: wrap;
  }
  .product .product-tabs ul li{ 	  
	  width: 80%;
	  font-size: 16px;
	  margin-bottom: 6px;
  }
}
/* ********************产品详情页*************************** */
.product-details{margin: 140px 0 60px 0;}
.proddetail-wrap{display: flex;}
.proddetail-picArea{display: flex;width: 50%;}
.proddetail-picArea .thumbnail-list {display: flex;flex-direction: column; margin-top: 10px;gap: 5px;}
.proddetail-picArea .thumbnail-list .thumbnail{width: 44px;height: 44px;cursor: pointer;border: 2px solid transparent;transition: border-color 0.3s ease;}
.proddetail-picArea .thumbnail-list .thumbnail:hover {border-color: #ff0000;}
.proddetail-picArea .thumbnail-list .thumbnail.active {border-color: #ff0000;}
.proddetail-picArea .product-image {margin: 0 3%;position: relative;}
.proddetail-picArea .product-image {position: relative;width: 100%;height: 400px; /* 默认背景图 */background-size: cover; /* 背景图覆盖容器 */background-position: center; /* 初始位置居中 */background-repeat: no-repeat;overflow: hidden; /* 隐藏超出部分 */cursor: crosshair; /* 鼠标指针改为十字 */}
.proddetail-picArea .product-image .zoom-lens {position: absolute;border: 2px solid #ccc;width: 100px;height: 100px;cursor: none;display: none;background: rgba(255, 255, 255, 0.3); /* 半透明背景 */pointer-events: none; /* 防止放大镜遮挡鼠标事件 */}
.proddetail-picArea .zoom-result {position: absolute;left: 520px;top: 0;width: 500px;height: 500px;border: 1px solid #ccc;background-repeat: no-repeat;display: none;background-size: 200% 200%; /* 放大效果 */}
.proddetail-wrap .description{width: 50%;}
.proddetail-wrap .description .title{font-size: 22px;color: #333;font-weight: 700;margin-bottom: 14px;}
.proddetail-wrap .description .desc_sub{font-size: 16px;color: #444;padding: 20px 0;margin-bottom: 20px;}
.proddetail-wrap .description .seek-btn{display: inline; background-color: #487a21;padding:10px 35px;border-radius: 20px; color: #fff;font-size: 16px;}
.proddetail-wrap .description .seek-btn a{display: inline; background-color: #487a21;padding:10px 35px;border-radius: 20px; color: #fff;font-size: 16px;}

.share-img{padding: 15px 0;border-bottom:1px solid #ccc}
.share-img ul{display: flex;}
.share-img ul li{font-size: 14px;color: #333;font-weight: 500;}
.share-img ul li a{display: inline-block;margin: 0 5px;}
.share-img ul li a img{width: 24px;}
.product-table{}
.product-table .brand-name{display: flex;justify-content: flex-start;align-items: center;padding: 10px 0;}
.product-table .brand-name .label{width: 50%;font-size: 16px;color: #333;font-weight: 500;}
.product-table .table-wrapper{border: 1px solid #ccc;}
.product-table .table-wrapper .table-tabs{background-color: #efefef;height: 35px;}
.product-table .table-wrapper .table-tabs .name{background-color: #fff;border-top: 1px solid #ccc;font-size: 14px;width: 100px;text-align: center;line-height: 35px;}
.product-table .table-wrapper .table-body{padding: 15px;}
.product-table .table-wrapper .table-body p img{
    width: 100%;
}
.product-table .table-wrapper .table-body .table-title{margin-top: 10px; height: 40px;border-bottom: 1px solid #366611;}
.product-table .table-wrapper .table-body .text{font-size: 16px;color: #333;padding: 15px}
.product-table .table-wrapper .table-body .table-title .name{background-color: #366611;border-bottom: 1px solid #366611; color: #fff;width: 100px;height: 35px; text-align: center;line-height: 35px;}
.product-table .table-wrapper .table-body .table-style{border-collapse: collapse; /* 合并边框 */width: 60%; margin: 20px 0;}
.product-table .table-wrapper .table-body .table-style tr{}
.product-table .table-wrapper .table-body .table-style tr td{border: 1px solid #ccc;padding: 10px;text-align: center;}
.product-next{display: flex;justify-content: flex-end;margin: 15px 0;}
.product-next .btn a{background-color: #efefef;border: 1px solid #ddd;color: #333;font-size: 16px;padding: 10px 30px;border-radius: 4px;}
.related-products{margin: 25px 0;}
.related-products .title_1{text-align: center;font-size: 40px;color: #333;font-weight: 700;margin-bottom: 40px;}
.related-products .products-swiper{width: 100%;height: 300px;margin: 20px auto;}
.related-products .products-swiper .swiper-slide {text-align: center;font-size: 18px;display: flex;justify-content: center;align-items: center;}
.related-products .products-swiper .swiper-slide a{display: inline-block;cursor: pointer;}
.related-products .products-swiper .swiper-slide img{width: 100%;}
/* 响应式布局 */
@media (max-width: 768px) {
	.proddetail-picArea,.proddetail-wrap{flex-wrap: wrap;}
	.proddetail-picArea,.proddetail-wrap .description{width: 100%;}
	.product-table .table-wrapper .table-body .table-style{width: 100%;}
	.proddetail-picArea .thumbnail-list{display: flex;flex-direction: row}
	.product-table .table-wrapper .table-body img,.product-table .table-wrapper .table-body table{width:100%}
	.product-table .table-wrapper .table-body {overflow-x: auto;}
}

/********************应用领域******************************/
.applications{margin: 140px 0 60px 0;}
.applications .title_1{text-align: center;font-size: 40px;color: #333;font-weight: 700;margin-bottom: 40px;}
.applications .content-txt{text-align: center;}
.applications .content-txt p{font-size: 16px;color: #333;}
.applications .content-txt h1{font-size: 18px;color: #333;font-weight: 700;padding: 20px 0;}
.applications .applications-cells{display: flex;flex-wrap: wrap;}
.applications .applications-cells .item-box{width: calc(100% / 3 - 12px);margin-right: 18px;margin-bottom: 15px;}
.applications .applications-cells .item-box:nth-child(3n){margin-right: 0;}
.applications .applications-cells .item-box .item{position: relative;overflow: hidden; display: block; color: #333;}
.applications .applications-cells .item-box .item img{ width: 100%;}
.applications .applications-cells .item-box .item h1{font-size: 18px;color: #333;font-weight: 700;margin: 20px 0 10px 0;}
.applications .applications-cells .item-box .item p{font-size: 16px;color: #333;-webkit-line-clamp: 3; /* 限制显示3行 */
    -webkit-box-orient: vertical; /* 垂直排列内容 */
	display: -webkit-box;
    overflow: hidden; /* 隐藏超出部分 */
    text-overflow: ellipsis; /* 显示省略号 */}
	
/* 响应式布局 */
@media (max-width: 768px) {
  .applications .applications-cells .item-box {
    flex: 1 1 calc(50% - 20px); /* 两列布局 */
    max-width: calc(50% - 20px);
  }
  
}

@media (max-width: 480px) {
  .applications .applications-cells .item-box {
    flex: 1 1 100%; /* 单列布局 */
    max-width: 100%;
  }
  
}

/********************案例展示******************************/
.case{margin: 140px 0 60px 0;}
.case .title_1{text-align: center;font-size: 40px;color: #333;font-weight: 700;margin-bottom: 40px;}
.case .content-txt{text-align: center;}
.case .content-txt p{font-size: 16px;color: #333;}
.case .content-txt h1{font-size: 18px;color: #333;font-weight: 700;padding: 20px 0;}
.case .case-cells{display: flex;flex-wrap: wrap;}
.case .case-cells .item-box{width: calc(100% / 3 - 10px);margin-right: 15px;margin-bottom: 15px;}
.case .case-cells .item-box:nth-child(3n){margin-right: 0;}
.case .case-cells .item-box .item{position: relative;overflow: hidden; display: block; color: #333;}
.articlelist-picture{position: relative;}
.articlelist-picture a{display: block;
    width: 100%;
    position: relative;}
.rotate-mark{width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,0.65);
    opacity: 0;
    transition: opacity .4s ease-in-out;}
.articlelist-picture>a:hover .rotate-mark {
	opacity: 1;
	display: block;
}
.articlelist-picture .rotate-mark .icon-fadein {
    position: absolute;
    width: 80px;
    height: 80px;
    line-height: 80px;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    border-radius: 50%;
    background-color: #333;
    opacity: .7;
    color: #fff;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    display: none;
    transform-origin: 50% 50%;
    
  
    transition: all .4s ease-in-out;
}
.articlelist-picture>a:hover .icon-fadein {
    display: block;
    animation: rotateFadeIn .4s ease forwards;
}
.articlelist-picture .rotate-mark .icon-fadeout {
    position: absolute;
    width: 80px;
    height: 80px;
    line-height: 80px;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    border-radius: 50%;
    background-color: #333;
    opacity: 0;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    transform-origin: 50% 50%;
    
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.articlelist-picture>a:hover .icon-fadeout {
    animation: rotateFadeOut .4s ease forwards;
}
.fa-share{display: inline-block;width: 20px;height: 20px;background-image: url(../images/zf.png);background-size: cover;}

.case .case-cells .item-box .item img{ width: 100%;}
.case .case-cells .item-box .item h1{font-size: 18px;color: #333;font-weight: 700;margin: 10px 0;text-align: center;}
.case .case-cells .item-box .item p{font-size: 16px;color: #333;display: -webkit-box; /* 使用Webkit的box布局 */
    -webkit-line-clamp: 4; /* 限制显示4行 */
    -webkit-box-orient: vertical; /* 垂直排列内容 */
    overflow: hidden; /* 隐藏超出部分 */
    text-overflow: ellipsis; /* 显示省略号 */}



/********************关于我们******************************/
.aboutus{margin: 40px 0 60px 0;}
.aboutus .about-tabs{margin-bottom: 25px; text-align: center;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.aboutus .about-tabs ul{display: flex;}
.aboutus .about-tabs ul li a{margin-right: 65px;color: #333;font-size: 24px;font-weight: 700;}
.aboutus .about-tabs ul li a.active{border-bottom:3px solid #366611;padding-bottom: 4px;}
.aboutus .title_1{font-size: 40px;color: #333;font-weight: 700;line-height: 1.8em;}
.aboutus .company-ints{display: flex;}
.aboutus .company-ints .left{width: 65%;margin-right: 5%;}
.aboutus .company-ints .right{width: 30%;}
.aboutus .company-ints .left p{font-size: 18px;color: #333;line-height: 1.5;text-indent: 2em;padding: 10px 0;}
.aboutus .company-ints .right img{width: 100%;}
.aboutus .widget {margin: 24px 0;}
.aboutus .widget ul{display: flex;}
.aboutus .widget ul li{width: 25%;text-align: center;}
.aboutus .widget ul li h1{font-size: 48px;color: #487a21; font-weight: 700;line-height: 1.8em;font-family: Impact;}
.aboutus .widget ul li p{font-size: 18px;color: #333;}
/* 企业文化 */
.aboutus .cultural{padding-top: 50px;}
.aboutus .cultural .content{display: flex;}
.aboutus .cultural .content .left{width: 50%;margin-right: 5%;}
.aboutus .cultural .content .left img{width: 100%;}
.aboutus .cultural .content .right{width: 45%;}
.aboutus .cultural .content .right .title_1{font-size: 40px;color: #333;font-weight: 700;line-height: 1.8em;}
/*.aboutus .cultural .content .right .item{margin-bottom: 50px;margin-top: 30px;}*/
.aboutus .cultural .content .right .item{margin-bottom: 20px;}
/*.aboutus .cultural .content .right .item .title{color: #487a21;font-size: 28px;font-weight: 700;margin-bottom: 30px;}*/
.aboutus .cultural .content .right .item .title{color: #487a21;font-size: 28px;font-weight: 700;margin-bottom: 10px;}
.aboutus .cultural .content .right .item p{font-size: 18px;color: #333;}
/* 核心团队 */
.aboutus .company-team{}
.aboutus .company-team .structure{text-align: center;}
.aboutus .company-team .structure img{width: 80%;}
.aboutus .company-team .core-team{margin-top: 28px;width: 80%;margin-left: 10%;}
.aboutus .company-team .core-team ul{}
.aboutus .company-team .core-team ul li{display: flex;margin-top: 44px;}
.aboutus .company-team .core-team ul li .avatar{width: 230px; margin-right: 20px;flex-shrink: 0}
.aboutus .company-team .core-team ul li .avatar img{width: 100%;}
.aboutus .company-team .core-team ul li .desc{display: flex;flex-direction: column;}
.aboutus .company-team .core-team ul li .desc h2{font-size: 28px;color: #333;font-weight: 600;padding-bottom: 10px;}
.aboutus .company-team .core-team ul li .desc h3{font-size: 18px;color: #333;}
.aboutus .company-team .core-team ul li .desc .underline{width: 335px;height: 2px;background-color: #ff6a00;margin-top: 18px;}
.aboutus .company-team .core-team ul li .desc .info{font-size: 14px;color: #444; display: -webkit-box;word-break: break-word;margin: 18px 0;}

/* 响应式布局 */
@media (max-width: 768px) {
	.aboutus .company-ints .left,.aboutus .company-ints .right{
		width: 50%;
	}
	.aboutus .cultural .content .left,.aboutus .cultural .content .right{
		width: 50%;
	}
	.aboutus .title_1,.aboutus .cultural .content .right .title_1{font-size: 32px;}
	.aboutus .about-tabs ul li a{font-size: 24px;margin-right: 30px;}
  
}

@media (max-width: 480px) {
	.aboutus .company-ints{flex-wrap: wrap;}
	.aboutus .company-ints .left,.aboutus .company-ints .right{
		width: 100%;
	}
	.aboutus .cultural .content{flex-wrap: wrap;}
	.aboutus .cultural .content .left,.aboutus .cultural .content .right{
		width: 100%;
	}
	.aboutus .title_1,.aboutus .cultural .content .right .title_1{font-size: 28px;}
	.aboutus .about-tabs ul li a{font-size: 16px;margin-right: 30px;}
	.aboutus .widget ul li h1{font-size: 32px;}
	.aboutus .company-ints .left,
	.aboutus .cultural .content .left,
	.aboutus .company-team .core-team ul li .avatar{margin-right: 0;}
	.aboutus .company-team .core-team ul li{flex-wrap: wrap;}
	.aboutus .company-team .core-team ul li .avatar,.aboutus .company-team .core-team ul li .desc{
		width: 100%;
	}
  
}
/* **************************新闻中心********************************* */
.news-center{margin: 140px 0 60px 0;}
.news-center .title_1{text-align: center;font-size: 40px;color: #333;font-weight: 700;margin-bottom: 40px;}
.news-lists{display: flex;padding: 20px 0;}
.news-lists .news-date{text-align: center;width: 100px;flex-shrink: 0;}
.news-lists .news-date .year{font-size: 26px;line-height: 1.6em;}
.news-lists .news-date .date{font-size: 14px;line-height: 1.7em;}
.news-lists .news-date .time{font-size: 18px;}
.news-lists .news-date .time .month{font-size: 36px;}
.news-lists .cover{width: 388px;flex-shrink: 0;}
.news-lists .cover img{width: 100%;}
.news-lists .content{margin-left: 24px;flex: 1;}
.news-lists .content .title{font-size: 20px;font-weight: 700;}
.news-lists .content .desc{font-size: 16px;line-height: 24px;margin: 12px 0 25px;-webkit-line-clamp: 4; /* 限制显示3行 */
    -webkit-box-orient: vertical; /* 垂直排列内容 */
	display: -webkit-box;
    overflow: hidden; /* 隐藏超出部分 */
    text-overflow: ellipsis; /* 显示省略号 */}
.news-lists .content .news-btn{cursor: pointer; display: inline-block;padding: 4px 20px;border: 1px solid #487a21;border-radius: 4px;font-size: 18px;color: #487a21;}
.news-lists:hover{background-color: #487a21;color: #fff !important;}
.news-lists:hover .news-btn{border: 1px solid #fff;color: #fff;}
/* 页码 */
.pagination{display: flex;align-items: center;justify-content: center;margin-top: 20px}
.pagination ul{display: flex;}
.pagination ul>li>a,.pagination a{text-align: center; width: 30px;height: 30px;line-height: 30px; display: inline-block;margin-left: 12px;color: #555;background-color: #fff;border: 1px solid #eee;margin-top: 0;border-radius: 4px;}
.pagination ul>li>a:hover,.pagination a:hover{color: #fff;background-color: #487a21;border: 1px solid #487a21}
.pagination ul>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover,.pagination  .page-num-current{z-index: 2;color: #fff;cursor: default;background-color: #487a21;border-color: #487a21;}
.pagination ul>li:first-child>a{margin-left: 0;/* border-top-left-radius: 0; *//* border-bottom-left-radius: 0; */}
.pagination ul>li:last-child>a{/* border-top-right-radius: 0; *//* border-bottom-right-radius: 0 */}
.enter-page{margin-left: 15px;}
.enter-page .page-input{border-radius: 4px;border: 1px solid rgba(0, 0, 0, 0.1);width: 30px;text-align: center;height: 30px;margin: 0 8px;}
.enter-page .pageEnter-Btn{background-color: #fff;display: inline-block;border-radius: 4px;border: 1px solid rgba(0, 0, 0, 0.1);width: 40px;text-align: center;line-height: 30px; margin-left: 8px;height: 30px;vertical-align: bottom;}
.enter-page .pageEnter-Btn.on,
.enter-page .pageEnter-Btn:hover{cursor: pointer;background-color: #487a21;border-color: transparent;color: #fff;}
/*  详情页 */
.news-center .article{}
.news-center .article .title{font-size: 24px;color: #333;text-align: center; font-weight: 700;padding-bottom: 10px;}
.news-center .article .title-sub{}
.news-center .article .title-sub ul{display: flex;justify-content: center;}
.news-center .article .title-sub ul li{padding: 0 10px;font-size: 14px;color: #333;padding-bottom: 20px;}
.news-center .content p{padding-bottom: 12px;font-size: 16px;color: #333;line-height: 1.5;}
.news-center .content p img{width: 100%;}
.news-center .pager{display: flex;justify-content: space-between;margin: 20px 0;border-bottom: #eee 1px solid;padding-bottom: 14px;}
.news-center .pager li a{display: inline-block;font-size: 14px; border: 1px solid #e5e5e5;padding: 4px 10px; border-radius: 4px;color: #444;}
.news-center .pager li a:hover{background-color: #eee;color: #487a21;}
.news-center .other-news{}
.news-center .other-news .title{text-align: center; font-size: 40px;color: #333;font-weight: 700;padding: 20px 0;border-bottom: 1px solid #eee;}
.news-center .other-news .wrapper{margin: 20px 0;display: flex;}
.news-center .other-news .wrapper .item-bos{width: calc(100% / 3 - 20px);margin-right: 30px;}
.news-center .other-news .wrapper .item-bos .item{border: 1px solid #eee;}
.news-center .other-news .wrapper .item-bos:last-child{margin-right: 0;}
.news-center .other-news .wrapper .item-bos .item img{width: 100%;}
.news-center .other-news .wrapper .item-bos .item a{color: #333;padding: 12px;display: -webkit-box;text-align: center;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}

/* 响应式布局 */
@media (max-width: 768px) {
	.news-lists{flex-wrap: wrap;}
	.news-lists .news-date{width: 100%;text-align: center;letter-spacing:2px}
	.news-lists .cover{width: 100%;padding: 0 5%;}
	.news-lists .cover img{width: 90%;}
	.news-lists .news-date .time{display: inline-flex;align-items: center;}
	.news-center .other-news .wrapper{flex-wrap: wrap;}
	.news-center .other-news .wrapper .item-bos{
		flex: 1 1 calc(50% - 30px); /* 两列布局 */
		max-width: calc(50% - 30px);
	}
}
@media (max-width: 480px) {
	.pagination{flex-wrap: wrap;}
	.pagination ul{margin-bottom: 5px;}
	.news-center .other-news .wrapper .item-bos{
		flex: 1 1 100%; /* 两列布局 */
		max-width: 100%;
	}
}

/* **************************联系我们********************************* */
.connection{margin: 140px 0 60px 0;}
.connection .title_1{text-align: center;font-size: 40px;color: #333;font-weight: 700;margin-bottom: 10px;}
.connection .title_2{text-align: center;font-size: 24px;color: #333;}
.connection .contact-wrapper{display: flex;margin: 90px 0 30px 0;justify-content: space-around;}
.connection .contact-wrapper .item-box{width: calc(100% / 3 - 30px);border: 8px solid #f5f5f5;text-align: center;display: flex;justify-content: center;flex-direction: column;position: relative;transition: all 0.3s;}
.connection .contact-wrapper .item-box .item{}
.connection .contact-wrapper .item-box .item .img-box{position: absolute;left: 0;right: 0;margin: auto;top: -62px;border: 8px solid #f5f5f5;width: 108px;height: 108px;background: #fff;font-size: 28px;border-radius: 100%;transition: all 0.3s;display: flex;align-items: center;justify-content: center;}
.connection .contact-wrapper .item-box .item .img-box img{width: 40px;position: absolute;}
.contact-wrapper .item-box .item .img-box .normal{opacity: 1;}
.contact-wrapper .item-box .item .img-box .active{opacity: 0;}
.connection .contact-wrapper .item-box .item .img-box:hover{background-color: #487a21;}
.connection .contact-wrapper .item-box .item .img-box:hover .normal{opacity: 0;}
.connection .contact-wrapper .item-box .item .img-box:hover .active{opacity: 1;}
.connection .contact-wrapper .item-box .item .content{margin: 0;color: #212121;font-size: 16px;padding: 90px 10px 30px;}
/* 联系方式样式2 */
.contact-groups{display: flex;justify-content: space-between;margin-bottom: 20px;}
.contact-groups .item-box{width: 45%;}
.contact-groups .item-box h1{text-align: left;font-size: 28px;color: #333;font-weight: 700;}
.contact-groups .item-box ul li{display: flex;margin: 10px 0;}
.contact-groups .item-box ul li img{width: 24px;height: 24px; margin-right: 10px;flex-shrink: 0;}
.contact-groups .item-box ul li .value{font-size: 16px;color: #333;}
/*表单*/
.contact-form{margin:20px 0 30px 0;}
.contact-form .control{display: flex; justify-content: space-between;}
.contact-form .control input{width: 49%;}
.contact-form input:not([type=checkbox]),.contact-form textarea{display:block;height:45px;border:1px solid #e6e6e6;padding:0 0 0 10px;margin-top:10px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.contact-form textarea{width: 100%;height: 100px;}
.contact-form .phone-veri{position:relative;margin-top:12px;border-radius:4px;overflow:hidden;}
.contact-form .user-btn{width:50%;height:47px;background:#487a21;font-size:18px;color:#fff;border-radius:4px;margin-top:20px;transition:all .4s ease;display:flex;align-items:center;justify-content:center;cursor:pointer;}
input:focus-visible{outline-offset:inherit;}
/* 响应式布局 */
@media  (max-width: 510px) {
	.connection .contact-wrapper,.contact-form .control{flex-wrap: wrap;}
	.connection .contact-wrapper .item-box{
		flex: 1 1 100%; /* 单列布局 */
		max-width: 100%;
	}
	.connection .contact-wrapper .item-box .item .content{
		padding: 90px 10px 60px;
	}
	.contact-form .control input{
		flex: 1 1 100%; /* 单列布局 */
		max-width: 100%;
	}
	
}
/**************************下载页面样式*********************************/
.down_wapper{margin: 40px 0 60px 0;}
.download-wrapper{}
.download-wrapper{display: flex;justify-content: space-between;}
.download-wrapper .barnav{width: 200px;background-color: #F2F2F2;}
.download-wrapper .barnav ul li a{display: flex;color: #333;font-size: 16px;padding: 20px 10px;}
.download-wrapper .barnav ul li a.active{background-color: #ffff;color: #487a21;}
.download-wrapper .barnav ul li a.active::before{content: "";display: inline-block;width: 20px;height: 20px;background-image: url(../images/icon_item.png);background-size: cover;margin-right: 6px;}
.download-wrapper .barnav ul li a:hover{background-color: #487a21;color: #fff;}
.download-wrapper .file-wraaper{flex: 1;text-align: left;margin-left: 20px;}
.download-wrapper .do-item{display:flex;align-content:center;padding:20px 0;border-bottom:#c1c1c1 1px solid;align-items:center;}
.download-wrapper .do-item .do-img{width:50px;margin-right:20px;}
.download-wrapper .do-item .cont{width:60%;}
.download-wrapper .do-item .cont h3{padding-bottom:15px;font-size:18px;}
.download-wrapper .do-item .cont p{font-size:14px;color:#666;}
.download-wrapper .do-item .datetime{padding:0 20px;color:#333;font-size:16px;}
.download-wrapper .do-item .download-btn{text-align:right;flex:1;font-size:18px;color:#006aff;cursor:pointer;}
.download-wrapper .do-item .download-btn a{
    font-size:18px;color:#006aff;cursor:pointer;
}
/* 响应式布局 */
@media screen and (max-width: 510px) {
	.download-wrapper{flex-wrap: wrap;}
	.download-wrapper .barnav{width: 100%;background-color: inherit;}
	.download-wrapper .barnav ul{}
	.download-wrapper .barnav ul li a{display: block;padding: 8px; border: 1px solid #487a21;color: #487a21;text-align: center;margin: 4px;}
	.download-wrapper .barnav ul li a.active{background-color:#487a21;color: #fff;}
	.download-wrapper .barnav ul li a.active::before{content: "";background: inherit;}
}

/* ***************公共样式******************************* */
body{margin:0px;font-family:Tahoma,Verdana,微软雅黑,宋体;font-size:0.875rem;}
.banner_mini_box{width:1200px;margin:0 auto;}

@media all and (min-width:1680px){
	.contain{
		max-width: 1440px;
	}
}
@media all and (max-width:1599px){
	
.banner_1 .banner_mini_box h1{font-size:32px;margin:10px 0 20px 0;letter-spacing:6px;}
.banner_1 .banner_mini_box h3{font-size:18px;}
.banner_1 .banner_mini_box p{font-size:18px;}
.banner_mini_box{width:1080px;}
.banner-bg img {min-height: 600px;}
.solution-core .lft a{height: 50px}
.solution-core .txt{margin-left: 70px}
.Header-navbar li{float: left;margin: 0 14px;position: relative;z-index: 9}

}
@media all and (max-width:1279px){
.Header-wrapper .search-box .search input{width: 120px;}
.banner_1 .banner_mini_box h1{font-size:28px;margin:15px 0;letter-spacing:6px;}
.banner_1 .banner_mini_box h3{font-size:14px;}
.banner_1 .banner_mini_box p{font-size:16px;}

.com-banner .bg{min-height: 450px}

.banner_mini_box{width:900px;}
.banner-cont .size-big{font-size: 36px}
.contain{width: 1000px}
.Header-logo{height: 60px;display: flex;align-items: center;position: relative;z-index: 999;}
.Header-logo img{width:120px;}
.Header-navbar li.style2 .Header-drop .inner{padding: 30px 20px}
.Header-navbar li.style2 .item+.item{margin-left: 30px}
.solution .solution-list .item-box{width:calc(50% - 16px);}
.solution-core .lft{width: 130px}
.solution-core .lft a:before{left: 15px}
.solution-core .lft a{font-size: 15px}
.solution-core .txt{margin-left: 50px;margin-top: 10px}
.solution-core .txt p{font-size: 14px;line-height: 24px}
.solution-core .btns{margin-top: 50px}


.company .company-lists .company-img{width: 20%;}
.company .company-lists .company-img img {width: 160px;}
.service .service-wrapper .item-box img{width:40px;}
.service .service-wrapper .item-box h3{font-size:18px;padding:20px;}
.service .service-wrapper .item-box p{font-size:14px;padding-bottom:20px;}
}

@media all and (max-width:1000px){
.Header-wrapper .contain{width: 100%;}
.Header-wrapper::after{content: "";width: 100%;height: 1px;position: absolute;background: rgba(0, 0, 0, 0.1);left: 0;bottom: 0;}
.Header-logo, .Header-search-click, .Header-lang-menu{height: 60px;}
.Header-logo{margin-left: 4%;}
.Header-logo img{max-height: 44px;}
.Header-navclick{display: flex;margin-right: 1%;}
/* .Header-wrapper .search-box{display: none;} */
.Header-navbar{display: none;position: absolute;width: 100%;margin-right: 0;height: calc(100vh - 60px);top: 60px;left: 0;padding: 20px 0;background: #fff;}
.Header-navbar ul{display: block;width: 100%;height: 100%;overflow-x: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch}
.Header-navbar li{display: block;width: 100%;opacity: 0;transform: translateY(32px);transition: all .4s ease;margin: 0;}
.Header-navbar.active li{opacity: 1;transform: translateY(0);}
.Header-menu{height: 44px;padding: 0 4%;}
.Header-menu::before{display: none;}
.Header-arrow{display: block;width: 44px;height: 44px;position: absolute;z-index: 9;right: 0;top: 0;background: url('../images/arrD.svg') no-repeat center /14px auto;}
.Header-arrow.active{transform: rotate(180deg);}
.Header-navbar li:hover .Header-menu{color: #747474 !important;}
.Header-navbar li.active .Header-menu{color: #487a21 !important;}
.Header-drop {position: relative;top: 0;left: 0;width: 100%;margin-left: 0;overflow: hidden;padding: 8px 0;background: #f8fbff}
.Header-drop a {height: 34px;line-height: 34px;text-align: left;padding: 0 4%;}
.Header-navbar li.style2 .Header-drop .inner{flex-wrap: wrap;justify-content: space-between;padding: 10px 4% 20px;border-left:0;border-right: 0}
.Header-navbar li.style2 .Header-drop .inner:after{content: '';width: 30%}
.Header-navbar li.style2 .item{width: 30%;min-width: unset;margin-top: 20px}
.Header-navbar li.style2 .item+.item{margin-left: 0}
.Header-navbar li.style2 .tit{padding-bottom: 5px}
.Header-navbar li.style2 .Header-drop a{padding: 0}

.banner_1 .banner_mini_box h1{font-size:22px;margin:10px 0;letter-spacing:2px;}
.banner_1 .banner_mini_box h3{font-size:14px;}
.banner_1 .banner_mini_box p{font-size:16px;}
.banner_1 .banner_mini_box .btn-list{margin-top:12px;}
.banner_1 .banner_mini_box .btn-list .btn{width:120px;height:38px;}
.com-banner .bg{min-height:330px;}
.banner_mini_box{width:92%;}
.com-banner .content{height:100%;margin-top:20px;}
.banner-bg img {min-height: 440px;}
.banner-cont{padding-top: 0;height: 100%;display: flex;align-items: center}
.banner-bg img{min-height: 440px}
.banner .swiper-pagination{bottom: 55px}
.banner-cont .size-big{font-size: 30px}
.banner-cont .size-md{font-size:22px}
.banner-btn{margin-top: 30px}
.banner-btn a{width: 120px;height: 38px;font-size: 14px}
.banner-btn a i{margin-left: 2px}
.contain{width: 92%}
.popup_model .pop_content{width: 95%;}

.product .product-wrapper .pro_left .pro_list .item h2{font-size:14px;}

.solution-com-btn{width: 120px;height: 38px}
.solution-core picture{position: static;transform: none;margin-top: 30px;width: 100%}
.solution-core .txt{width: 72.5%;height: 100%}
.solution-core .btns{margin-top: 30px}

.abouts .abouts-box{flex-wrap: wrap;}
.abouts .abouts-box .abouts_left, .abouts .abouts-box .abouts_right{width: 100%;}
.abouts .solution-btn{margin-bottom: 10px;}
.abouts .item-wrapper .item .box p{#333;-webkit-line-clamp: 3; /* 限制显示3行 */
    -webkit-box-orient: vertical; /* 垂直排列内容 */
	display: -webkit-box;
    overflow: hidden; /* 隐藏超出部分 */
    text-overflow: ellipsis; /* 显示省略号 */}
.abouts .item-wrapper{flex-wrap: wrap;}
.abouts .item-wrapper .item {
    flex: 1 1 calc(50% - 30px); /* 两列布局 */
    max-width: calc(50% - 15px);
	margin-bottom: 15px;
}
.abouts .item-wrapper .item:nth-child(2){margin-right: 0;}

.company .company-lists .company-img{width: 25%;}
.company .company-lists .company-img img {width: 150px;}

.service .service-wrapper .item-box img{width:30px;}
.service .service-wrapper .item-box h3{font-size:16px;padding:10px;}
.service .service-wrapper .item-box p{font-size:12px;padding-bottom:10px;}

.about-course .content .swiper-wrapper .swiper-slide .number{font-size: 80px;}
.about-course .content{margin-top: 30px}
.about-course .timeLine{margin-top: 40px}
.about-course .timeLine .year{font-size: 14px;padding: 15px 0 10px}



}
@media all and (max-width:640px){
.w-50{width: 100%;}
.c-blue{font-size: 22px;}
.Header-navbar li.style2 .item{width: 100%}
.banner_1 .banner_mini_box h1{font-size:18px;margin:8px 0;letter-spacing:0;}
.banner_1 .banner_mini_box h3{font-size:12px;}
.banner_1 .banner_mini_box p{font-size:14px;}
.banner_1 .banner_mini_box .btn-list{margin-top:10px;}
.banner_1 .banner_mini_box .btn-list .btn{width:120px;height:35px;}

.popup_model .pop_content .veri-btn{width: 30%;}
.popup_model .pop_content .user-btn{margin-top: 20px;}

.com-banner .bg{min-height:300px;}
.com-banner .content .size-big,.com-banner .content h1{font-size: 26px}
.com-banner .content .top{flex-direction: column;align-items: flex-start}
.com-banner .content .frame{margin: 10px 0 0}
.com-banner .content .txt p{font-size: 15px;line-height: 24px}
.com-banner .content .txt{background: rgba(0,0,0,.3);padding: 5px 10px;margin-top:10px}
.com-banner .content .frame p{font-size:15px}
.com-banner .btn-list{margin-top: 10px}
.com-banner .btn{font-size: 14px;width: 110px;height: 36px}
.com-banner .btn i{width: 12px;margin-left: 3px}
.com-banner-tab a{font-size: 14px}
.com-banner-tab{height: 45px;}
.com-tit{font-size: 22px}
.com-tip{font-size: 13px;line-height: 18px}
.com-swiper-btn{width: 30px;height: 30px}
.com-swiper-btn img{width: 15px}
.com-block-sm{padding: 40px 0}
.com-banner .separate li{font-size: 14px}
.com-banner .content .txt p b{font-size: 20px}

.banner_mini_box{width:92%;}
.com-banner .content{height:100%;margin:0;}
.banner-bg img{min-height: 360px}
.banner-bg-mb{display: block}
.banner-bg-pc{display: none}
.banner-cont .size-big{font-size: 26px}
.banner-cont .size-md{font-size:18px}
.banner-cont p{margin-top: 10px}

.home-title1{margin-top:20px;margin-bottom:20px;font-size:30px;}
.solution .solution-list .item-box{width:100%;}

.product .product-wrapper .pro_left{width:100%;}
.product .product-wrapper .pro_left .pro_list{width:32%;margin-right:2%;}
.product .product-wrapper .pro_left .pro_list:nth-child(3),.product .product-wrapper .pro_left .pro_list:nth-child(6){margin-right:0;}


.solution-core .lft{width: 100%;display: flex;overflow-x: auto}
.solution-core .txt{width: 100%;margin: 20px 0 0}
.solution-core .txt h3{font-size: 20px;padding-bottom: 15px}
.solution-core .lft a{white-space: nowrap;padding: 0 10px;height: 30px;font-size: 14px}
.solution-core .lft a:before{display: none}
.solution-core .lft a:after{border-radius: 0;width: 100%}
.solution-core .lft:after{display: none}
.solution-core .inner{margin-bottom:0;}

.abouts .item-wrapper{flex-wrap: wrap;}
.abouts .item-wrapper .item {
    flex: 1 1 100%; 
    max-width: 100%;
	margin-bottom: 15px;
	margin-right: 0;
}
.product .product-wrapper .pro_right{width: 100%;}
.newcenter .new-lists{flex-wrap: wrap;}
.newcenter .new-lists .item-box{
	flex: 1 1 100%; 
	max-width: 100%;
	margin-bottom: 15px;
	margin-right: 0;
}
.bottom_nav .bottom_nav_main .bottom_nav_right .bottom-lists{flex-wrap: wrap;}
.bottom_nav .bottom_nav_main .bottom_nav_right .bottom-lists .lists{
	flex: 1 1 100%; 
	max-width: 100%;
	margin-bottom: 15px;
	margin-right: 0;
	padding: 20px;
}
.right_Susp{
	position: fixed;
    bottom: 0px;
    left: 0;
	right: 0;
    z-index: 999;}
.right_Susp ul{display: flex;justify-content: space-between;flex-wrap: wrap;background: #fff;}
.right_Susp ul li{width: calc(100% / 4 - 4px);}
.right_Susp ul li a{display: inline-block;width: 100%;border-radius: 0;margin-bottom: 0;}
.right_Susp ul li:last-child{display: none;}



.company .company-lists .company-img{width: 50%;}
.company .company-lists .company-img img {width: 150px;}

.service .service-wrapper .item-box{width:50%;}
.service .service-wrapper .item-box img{width:24px;}
.service .service-wrapper .item-box h3{font-size:16px;padding:10px;}
.service .service-wrapper .item-box p{font-size:12px;padding-bottom:10px;}


.about-course .content .swiper-wrapper .swiper-slide .number{font-size: 50px;}
.about-course .content .txt p{font-size: 14px;line-height: 24px}
.about-course-btn{display: none}
.about-course .timeLine{margin-top: 20px}

.download-wrapper .do-item{padding:10px 0;}
.download-wrapper .do-item .do-img{width:20px;margin-right:10px;}
.download-wrapper .do-item .cont{width:40%;}
.download-wrapper .do-item .cont h3{padding-bottom:10px;font-size:14px;}
.download-wrapper .do-item .cont p{font-size:12px;}
.download-wrapper .do-item .datetime{padding:0 10px;font-size:12px;}
.download-wrapper .do-item .download-btn{font-size: 14px;}

.about-data li{border-left:none;width: 50%;}
.about-intro .contain .about-img img{width: 100%;}
.contact-us .content .hot-line img{width: 30px;}
.contact-us .content .hot-line{margin-bottom: 10px;}
.contact-us .content .address{margin-bottom: 10px;}
.contact-us .content .hot-line .spec .txt{font-size: 14px;}
.contact-us .content .hot-line .spec .tel{font-size: 20px;}
.contact-us .content .address p{font-size: 12px;}

.bottom_nav .bottom_nav_main .bottom_nav_left{width: 100%;}
.bottom_nav .bottom_nav_main .bottom_nav_right{width: 100%;}
.bottom_nav{padding-top: 40px;}
.banner_1{margin-top: 60px;height: 100%;}



.solution-box .main h2{text-align: center;font-size: 18px;}
.custom-wraper .custom-box{width: 100%;}
.project-box{width: 100%;}

}
@media all and (max-width:320px){
	.banner_2 .banner_mini_box .list_box ul li .text_1{font-size: 16px;}
}

.text-center{text-align:center;}
.relative{position:relative;}
.center{display:flex;align-items:center;justify-content:center;}
.full-auto {max-width: 100%;max-height: 100%;width: auto;height: auto;object-fit: cover;}
.flex{display:flex}
.flex-wrap-wrap{flex-wrap:wrap;}
.align-center{align-items: center;}
.bg-white{background-color: #fff !important;}