.t{font-size: 80px;color: rgb(219, 219, 219);font-weight: bold;text-transform: uppercase;margin-bottom: -2.5%;text-align: center;}
.p{font-size: 18px;color: rgb(51, 51, 51);line-height: 2;text-align: center;}
@media (max-width:1440px){
	.t{font-size: 70px;}
}
@media (max-width:1280px){
	.t{font-size: 60px;}
}
@media (max-width:768px){
	.t{font-size: 40px;margin-bottom: -7%;}
	.p{font-size: 16px;}
}

header{position:fixed;display:flex;top:0;justify-content:center;flex-direction:column;-webkit-transition: all 0.5s;transition: all 0.5s;}
header.headerhover,header.notop{background:#fff;height: 80px;}
header.header_black nav>ul>li>a{color: #fff;}
header.headerhover nav>ul>li>a,
header.notop nav>ul>li>a{color:#000}
header.header_black .right .login a{color: #fff;}
header.notop .right .login a,header.headerhover .right .login a{color: #000;}
header nav>ul>li:hover>a,header.header_black nav>ul>li>a:hover,header.headerhover nav>ul>li>a:hover,header.notop nav>ul>li>a:hover{color:#018c40}
/* header.header_black .right .login a:hover,header.headerhover .right .login a:hover,header.notop .right .login a:hover{background:#008C3F} */
header.header_black .right .login a:hover .tie{color: #849199;}
header.header_black .right .lang a{color: #fff;}
header.headerhover .right .lang a,header.notop .right .lang a{color:#000}
header.header_black .right .search button{color: #FFF;}
header.header_black .on{display: block;}
header.header_black .at{display: none;}
header.headerhover .at{display: block;}
header.notop .at{display: block;}
header.notop .on{display: none;}
header.headerhover .on{display: none;}
header.headerhover .right .search span,header.notop .right .search span{color:#000}
header.header_black .right.search-click .search span,header.headerhover .right.search-click .search span,header.notop .right.search-click .search span{color:#fff}
header.header_black .logo a img,header.headerhover .logo a img,header.notop .logo a img{display:none}
header.header_black .logo a img.mobile,header.headerhover .logo a img.mobile,header.notop .logo a img.mobile{display:block}
header .right .lang{position:relative}
header .right .lang ul{position:absolute;width:100%}
.wx_m{display: none;}
.footer_box{width:100%;height:auto;overflow:hidden;background: url(../img/f_bg.png);background-size: cover;background-repeat: no-repeat}
.footer_box .footer_bottom,.footer_box .footer_top{width:100%;height:auto;position:relative;z-index:1}
.footer_box .center{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
.footer_box .footer_top .center{margin:5.2vw auto}
.footer_box .footer_top .content{width:30%}
.footer_box .footer_top .content .hotline{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.footer_box .footer_top .content .hotline .icon{font-size:0}
.footer_box .footer_top .content .hotline .info{flex:1;padding-left:20px;color:#fff}
.footer_box .footer_top .content .hotline .info .title{font-size:16px}
.footer_box .footer_top .content .hotline .info .subtitle{margin:10px 0 0;line-height:1.3;font-size:36px}
.footer_box .footer_top .content .subscribe{width:100%;height:auto;margin:3.6vw 0 0}
.footer_box .footer_top .content .subscribe .tips{font-size:24px;color:#fff;}
.footer_box .footer_top .content .subscribe .form{margin:35px 0 0}
.footer_box .footer_top .content .subscribe .form .item{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
.footer_box .footer_top .content .subscribe .form .first{height:52px;border-bottom:1px solid rgba(255,255,255,.1)}
.footer_box .footer_top .form input::-moz-placeholder{color:#fff}
.footer_box .footer_top .form input::-webkit-input-placeholder{color:#fff}
.footer_box .footer_top .form input::placeholder{color:#fff;font-size: 16px;}
.footer_box .footer_top .content .subscribe .form .first .layui-input{flex:1;height:100%;padding:0 15px 0 0;border:0;background:0 0;font-size:14px;color:#fff}
.footer_box .footer_top .content .subscribe .form .first .layui-btn{height:100%;padding:0;font-size:0;background:0 0;border: none;}
.footer_box .footer_top .content .subscribe .form .last{width:82%;margin:20px 0 0}
.footer_box .footer_top .content .subscribe .form .last span{padding:0;font-size:14px;color:#fff;line-height:1.6;opacity:.5;white-space:normal}
.footer_box .footer_top .content .subscribe .form .last .layui-icon{border-radius:50%;border:0;background:#e5e5e5}
.footer_box .footer_top .content .subscribe .form .last .layui-icon::before{display:none}
.footer_box .footer_top .content .subscribe .form .last .layui-form-checked .layui-icon{background:#008C3F}
@media (max-width:1560px){
header .right{width: 28%;}
.footer_box .footer_top .content .hotline .icon{width:50px;height:50px}
.footer_box .footer_top .content .hotline .info .title{font-size:14px}
.footer_box .footer_top .content .hotline .info .subtitle{margin-top:5px;font-size:30px}
.footer_box .footer_top .content .subscribe .tips{font-size:18px}
.footer_box .footer_top .content .subscribe .form .first .layui-btn{width:30px}
.footer_box .footer_top .content .subscribe .form .last .layui-icon{width:10px;height:10px;top:4px}
}
@media (max-width:1440px){
	header .right{width: 30%;}
}
@media (max-width:1366px){
.footer_box .footer_top .content .hotline .icon{width:44px;height:44px}
.footer_box .footer_top .content .hotline .info .title{font-size:12px}
.footer_box .footer_top .content .hotline .info .subtitle{font-size:24px}
.footer_box .footer_top .content .subscribe .tips{font-size:15px}
.footer_box .footer_top .content .subscribe .form{margin-top:15px}
.footer_box .footer_top .content .subscribe .form .first .layui-input{font-size:12px}
.footer_box .footer_top .content .subscribe .form .first .layui-btn{width:20px}
.footer_box .footer_top .content .subscribe .form .last span{font-size:12px}
}
@media (max-width:1024px){.footer_box .footer_top .content{width:100%}
.footer_box .footer_top .content .subscribe{display:none}
}
@media (max-width:768px){.footer_box .footer_top .content .hotline .icon{width:36px;height:36px}
.footer_box .footer_top .content .hotline .info{padding-left: 10%;}
.footer_box .footer_top .content .hotline .info .title{font-size:12px}


}
.footer_box .footer_top .foot_nav{width:62%;height:100%;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:50px}
.footer_box .footer_top .foot_nav .item{width:100%;height:auto;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;overflow:hidden}
.footer_box .footer_top .foot_nav .item .foot_title{font-size:19px;color:#fff}
.footer_box .footer_top .foot_nav .item .menu{width:100%;height:auto;margin-top:20px}
.footer_box .footer_top .foot_nav .item .menu .one{width:100%;height:auto;margin-top:14px;line-height:1}
.footer_box .footer_top .foot_nav .item .menu .one a{font-size:16px;font-weight:100;color:#fff;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
.footer_box .footer_top .foot_nav .item .menu .one a:hover{opacity:0.5}
@media (max-width:1280px){.footer_box .footer_top .foot_nav .item .menu .one a{font-size:12px}
}
.footer_box .footer_top .foot_nav .item .menu .one:first-child{margin:0}
.footer_box .footer_top .foot_nav .item:nth-child(4n+1){-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;-o-flex-direction:row;    flex-direction: row-reverse;}
@media (max-width:1560px){.footer_box .footer_top .foot_nav .item .menu .one a{font-size:13px}
}
@media (max-width:1366px){.footer_box .footer_top .foot_nav .item .foot_title{font-size:13px}
.footer_box .footer_top .foot_nav .item .menu .one a{font-size:14px}
header nav{width: 65%;}
}
@media (max-width:1024px){
header.header_black .right .search span{color: #000;}
.footer_box .footer_top .center{margin:30px auto}
.footer_box .footer_top .foot_nav{display:none}
}
.footer_box .footer_bottom{border-top:1px solid rgba(255,255,255,.1);padding:20px 0}
.footer_box .footer_bottom .center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.footer_box .footer_bottom .copy{font-size:14px;color:#fff;font-weight:100}
.footer_box .footer_bottom .copy a{color:#fff;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
/* .footer_box .footer_bottom .copy a:hover{opacity:0.5} */
@media (max-width:1366px){.footer_box .footer_bottom .copy{font-size:13px}
}
@media (max-width:1150px){
.footer_box .footer_bottom .copy{font-size:12px}
}
.footer_box .footer_bottom .links{padding-left:20px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.footer_box .footer_bottom .links .item{position:relative;z-index:1;margin-left:13px}
.footer_box .footer_bottom .links .item .ewm{width:100px;height:auto;padding:5px;position:absolute;bottom:100%;left:50%;font-size:0;margin-left:-50px;box-shadow:0 0 10px rgba(0,0,0,.1);margin-bottom:5px;opacity:0;visibility:hidden;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
.footer_box .footer_bottom .links .item .ewm img{width:100%}
.footer_box .footer_bottom .links .item .ewm::before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;background:#fff;border-radius:5px}
.footer_box .footer_bottom .links .item .ewm::after{content:'';width:0;height:0;position:absolute;bottom:-6px;left:50%;z-index:1;transform:translateX(-50%);border-style:solid;border-width:6px 6px 0;border-color:#fff transparent transparent}
.footer_box .footer_bottom .links .item .icon{width:42px;height:42px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;position:relative;cursor:pointer;overflow:hidden}
.footer_box .footer_bottom .links .item .icon img{max-width:50%;max-height:50%;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
.footer_box .footer_bottom .links .item .icon::before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;z-index:-2;box-sizing:border-box;border-radius:50%;border:1px solid #fff;}
.footer_box .footer_bottom .links .item .icon::after{content:'';width:100%;height:0;position:absolute;bottom:0;left:0;z-index:-1;background:#fff;border-radius:50% 50% 0 0;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
.footer_box .footer_bottom .links .item:first-child{margin:0}
.footer_box .footer_bottom .links .item:hover .ewm{opacity:1;margin-bottom:15px;visibility:initial}
.footer_box .footer_bottom .links .item:hover .icon img{filter:invert(1)}
.footer_box .footer_bottom .links .item:hover .icon::after{height:100%;border-radius:0}
@media (max-width:1366px){.footer_box .footer_bottom .links .item .icon{width:30px;height:30px}
}
@media (max-width:768px){
header nav{width: 100%;}
.footer_box .footer_bottom .center{display:block}
.footer_box .footer_bottom .links{margin-top:20px;padding:0}
.footer_box .footer_bottom .links .item .ewm::after{opacity: 0;}
.footer_box .footer_bottom .links .item .ewm:nth-child(1){margin-left: -25px;}
/* .footer_box .footer_bottom .copy .wx_p{display: none;} */
}

.com_title{text-align:center;padding:3rem 0 2rem}
.com_title h2{font-size:1.75rem;font-weight:700;display:inline-block;position:relative}
.com_title h2:before{content:'/';position:absolute;font-size:1.75rem;left:-40px;top:0;color:#018c40}
.com_title h2:after{content:'/';position:absolute;font-size:1.75rem;right:-40px;top:0;color:#018c40}
.benefit_new .text_new{font-size:16px;color:#333;line-height:36px;background:#f7fafd;padding:10px 25px;margin-bottom:15px}
.benefit_new .text_new strong{font-weight:700;font-size:1.125em}
.customcase_new{padding:4rem 0;background:#edeef0}
.customcase_new_in{text-align:center}
a.new_spe_a01{display:inline-block;width:10rem;height:3rem;border-radius:30px;border:1px solid #fff;background:#fff;text-align:center;line-height:3rem;font-size:.8rem;color:#333;margin-top:3rem}
#new_pro_tab{background:url(../img/product/product_detail_ban_bg.jpg) #fff no-repeat right bottom;width:100%;z-index:1111111111}
.new_pro_tab{display:flex;justify-content:center;padding:3rem 0}
.new_pro_tab a{font-size:18px;color:#333;padding:0 0 10px;margin:0 30px;position:relative;transition:all .5s ease .5;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s}
.new_pro_tab a.active,.new_pro_tab a:hover{color:#018c40;font-weight:700;transition:all .5s ease .5;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s}
.new_pro_tab a::after{transition:all .5s ease .5;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;position:absolute;bottom:0;height:4px;width:0%;left:50%;content:" ";background:#018c40}
.new_pro_tab a.active::after,.new_pro_tab a:hover::after{width:120%;left:-10%;transition:all .5s ease .5;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s}
.new_pro_concon{display:none}
.new_pro_concon.active{display:block}

.banner_product_new{padding:5rem 8%;background:url(../images/pro_bottom_bg.png) 92% bottom #edeef0 no-repeat;background-size:auto 100%}
.banner_product_new .new_t01{font-size:2.2rem;color:#018c40;font-weight:700}
.banner_product_new .new_t02{font-size:1.2rem;color:#252b3a;margin:.4rem 0 1.2rem}
.banner_product_new .new_con{display:flex}
.banner_product_new .new_con input{width:19.5rem;height:3rem;line-height:3rem;border-radius:.6rem;border:2px solid #018c40;margin-right:1.8rem;font-size:1rem;color:#bfbfbf;padding:0 15px}
.banner_product_new .new_con button{background:#018c40;width:12rem;height:3rem;line-height:3rem;font-size:1.5rem;color:#fff;font-weight:700;border-radius:.6rem;border:0}
.prodiv{display:none}
.prodiv.active{display:flex;flex-wrap:wrap}
.prodiv_list{background-size:cover;background-position:right top;box-shadow:0 2px 10px 0 rgba(0,0,0,.2);padding:1.9rem;width:calc(33.33% - (2.2rem * 2)/ 3);margin-left:2.2rem;margin-top:2rem}
.prodiv_list:nth-child(3n+1){margin-left:0}
.prodiv_list:nth-child(-n+3){margin-top:0}
.prodiv_list .pro_n_t{font-size:1rem;color:#1a1a1a}
.prodiv_list:hover .pro_n_t{color:#018c40}
.prodiv_list .pro_n_b{font-size:.8rem;color:#666;margin-top:.8rem;margin-bottom:.5rem;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}
.prodiv_list .pro_n_c{display:flex;flex-wrap:wrap}
.prodiv_list .pro_n_c span{font-size:.7rem;color:#999;padding:7px 12px;border:1px solid #ccc;margin:.5rem 0;margin-right:10px}
.prodiv_list .pro_n_c span:hover{background:#018c40;border-color:#018c40;color:#fff}
.prodiv_list .pro_n_a{margin-top:1rem}
.prodiv_list .pro_n_a a{font-size:.8rem;color:#9a0b37}
.honor_new{padding:3.5rem 0;background:#f5f5f7;position:relative;z-index:10}
.honor_new_in{display:flex;justify-content:space-between;flex-direction:row-reverse}
.honor_new_left{width:84.8%;padding-top:4rem;position:relative}
.honor_new_left::before{position:absolute;top:0;width:1.8rem;height:1.8rem;content:"";z-index:2;left:-.45rem;background:url(../images/honor_icon.png) no-repeat;background-size:100% 100%}
.honor_new_left::after{position:absolute;top:0;left:calc(.35rem - 1px);width:2px;height:100%;content:"";background:#d5b0ba}
.honor_new_left_list{display:flex;position:relative;z-index:2}
.honor_new_left_l01{width:.7rem;height:.7rem;border-radius:111px;background:#018c40;margin-top:1rem}
.honor_new_left_l02{font-size:1.8rem;width:5rem;color:#018c40;font-weight:700;margin:0 1.7rem;text-align:center}
.honor_new_left_l03{width:calc(100% - (.7rem + 1.7rem * 2 + 5rem));display:flex;flex-wrap:wrap;font-size:1rem;font-weight:700;line-height:3;border-top:1px solid #018c40;margin-top:1.3rem;padding-top:.6rem;overflow:hidden}
.honor_new_left_l03 a{display:inline-block;min-width:50%;max-width:100%;position:relative;color:#333}
.honor_new_left_l03 a::after{position:absolute;bottom:0;left:0;width:250%;height:1px;content:"";background:#d9d9d9}
.honor_new_left_l03 a img{opacity:0;width:0;height:0}
.honor_new_right{width:10.8%}
.honor_new_right_in{background:#fff;padding:1rem 0;width:100%;text-align:center}
.honor_new_right_in a{display:block;font-size:.9rem;color:#000;height:2rem;line-height:2rem}
.honor_new_right_in a.active{background:#018c40;color:#fff}
.banner .decor_text{display:none}
.banner .swiper-pagination-bullets{bottom:1.5rem;left:0}
.banner .swiper-pagination-bullets .swiper-pagination-bullet{width:50px;height:4px;background:#849199;margin:0 5px;opacity:1;border-radius:0}
.banner .swiper-pagination-bullets .swiper-pagination-bullet-active{background:#fff}
.index_new{padding:0 8%}
.index_new01{background: url(../img/inab_bg.jpg) no-repeat center center;background-size:100% 100%; background-repeat: no-repeat;background-position: center center;}
.index_new01_in{display:flex;justify-content:space-between;padding:5rem 0;flex-wrap:wrap}
.index_new01_left{width:50.3%}
.index_new01_left .t{text-align: left;margin-bottom: -6%;}
.index_new01_right{width:46.25%;margin-top: 6.5rem;}
.index_new01_right .pic{position: relative;}
.index_new01_right .pic img{width:100%;transition-duration: 1s;}
.index_new01_right .pic .play{position: absolute;top: 50%;left: 50%;width: auto;max-width: initial;max-height: 100%;transform: translate(-50%,-50%);}
.index_new01_right .pic .play i{width:80px;height:80px;border-radius:50%;background:url(../img/icon_play.png) no-repeat center center;background-size: 100% 100%;background-position: center center;position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);z-index:10}
.index_new01_right .pic .more{position:relative;margin:47px 0 0 auto;font-size:16px;font-family:Poppins;font-weight:400;color:#fff;line-height:1;display:flex;justify-content: flex-end; width:147px;align-items:center;padding:0 27px;z-index:2;transition:all .6s}
.index_new01_right .pic .more:hover{font-size: 18px;padding: 0 55px;}
.index_new01_right .pic .btn{position: absolute;bottom: 10%;left:0;width: auto;max-width: initial;max-height: 100%;transform: translate(-50%,-50%);}
.index_new01_right .pic .btn .more:before{position:absolute;content:"";right:0;width:86px;height:86px;background:#108a25;box-shadow:0 15px 25px 0 rgba(79,157,87,.25);border-radius:86px;z-index:-1;transition:all .6s}
.index_new01_right .pic .btn .more:hover:before{width:100%}
/* 视频弹出 */
.z_tanchuang{position:fixed;display:table;height:100%;width:100%;top:0;left:0;transform:scale(0);-webkit-transform:scale(0);z-index:9999;}
.z_tanchuang .tbox{display:table-cell;background:rgba(0,0,0,0.8);text-align:center;vertical-align:middle}
.z_tanchuang .tbox .modal{background:white;padding:50px;display:block;border-radius:5px;position:relative;width:90%;max-width:1200px;max-height:90%;margin:0 auto}
.z_tanchuang .tbox .modal .out{position:absolute;width:40px;height:40px;line-height:40px;background:#fff url(../img/out.png) center no-repeat;background-size:20px;color:#000;font-size:30px;text-align:center;border-radius:50%;top:0;right:-50px;cursor:pointer}
.z_tanchuang .tbox .modal .img{width:100%;max-width:600px;margin:0 auto}
.z_tanchuang .tbox .modal .img video{display:block;width:100%;max-width:100%;object-fit:cover;outline: none;}
.z_tanchuang .tbox .modal .img img{margin:0 auto}
.z_tanchuang .tbox .modal .out:hover{background:#fff url(../img/out2.png) center no-repeat;background-size:20px;transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.z_tanchuang .tbox .modal2{padding:20px}
.z_tanchuang .tbox .modal .img{max-width:1200px}
.z_tanchuang.one{transform:scaleY(0.01) scaleX(0);animation:unfoldIn 1s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-transform:scaleY(0.01) scaleX(0);-webkit-animation:unfoldIn 1s cubic-bezier(0.165,0.84,0.44,1) forwards}
.z_tanchuang.one .tbox .modal{transform:scale(0);animation:zoomIn .5s .8s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-transform:scale(0);-webkit-animation:zoomIn .5s .8s cubic-bezier(0.165,0.84,0.44,1) forwards}
.z_tanchuang.one.out{transform:scale(1);animation:unfoldOut 1s .3s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-transform:scale(1);-webkit-animation:unfoldOut 1s .3s cubic-bezier(0.165,0.84,0.44,1) forwards}
.z_tanchuang.one.out .tbox .modal{animation:zoomOut .5s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-animation:zoomOut .5s cubic-bezier(0.165,0.84,0.44,1) forwards}
@keyframes unfoldIn{
0%{transform:scaleY(0.005) scaleX(0)}
50%{transform:scaleY(0.005) scaleX(1)}
100%{transform:scaleY(1) scaleX(1)}
}
@keyframes zoomIn{
0%{transform:scale(0)}
100%{transform:scale(1)}
}
@keyframes zoomOut{
0%{transform:scale(1)}
100%{transform:scale(0)}
}
@keyframes unfoldOut{
0%{transform:scaleY(1) scaleX(1)}
50%{transform:scaleY(0.005) scaleX(1)}
100%{transform:scaleY(0.005) scaleX(0)}
}
@-webkit-keyframes zoomIn{
0%{transform:scale(0)}
100%{transform:scale(1)}
}
@-webkit-keyframes zoomOut{
0%{transform:scale(1)}
100%{transform:scale(0)}
}
@-webkit-keyframes unfoldOut{
0%{transform:scaleY(1) scaleX(1)}
50%{transform:scaleY(0.005) scaleX(1)}
100%{transform:scaleY(0.005) scaleX(0)}
}
@-webkit-keyframes unfoldIn{
0%{transform:scaleY(0.005) scaleX(0)}
50%{transform:scaleY(0.005) scaleX(1)}
100%{transform:scaleY(1) scaleX(1)}
}
@media(max-width:960px){
  .z_tanchuang .tbox .modal{padding:10px}
  .z_tanchuang .tbox .modal .out{width:30px;height:30px;top:-50px;right:-2px}
}



.index_new01_left .t01{font-size:2rem;color:#252b3a;font-weight:700}
.index_new01_left .b01{font-size:18px;color: rgb(51, 51, 51);margin:.5rem 0 .8rem;}
.index_new01_left .c01{font-size:15px;color:#849199;line-height:2;padding: 1rem 0;}
.index_new01_left .c02{font-size: 24px;color: #000;}
.index_new01_left .a01{font-size:18px;margin-top:.5rem;color:#018c40}
.index_new01_left .d01{display:flex;justify-content:space-between;flex-wrap:wrap}
.index_new01_left .d01 .d01_li{width: calc(100% / 3);padding: 2rem 0;}
.index_new01_left .d01 .d01_li .d01_t{font-size:50px;color:#018c40}
.index_new01_left .d01 .d01_li .d01_t sup{font-size: 30px;}
.index_new01_left .d01 .d01_li .d01_t em{font-size:2.4rem;font-weight:400;margin-left:.7rem;font-style:unset}
.index_new01_left .d01 .d01_li .d01_b{font-size:.8rem;color:#018c40}
.index_new01_left .d01 .d01_li:hover .d01_t{color:#018c40}
.index_new01_left .e01{display: flex;flex-wrap: wrap;margin-top: 2rem;}  
.index_new01_left .e01 li img{transition: all .5s;}
.index_new01_left .e01 li:hover img{transform: scale(1.1);}
.index_new01_left .e01 li:nth-last-child(2){margin: 0 1rem;}
.index_new02_in{display:flex;justify-content:space-between;padding:5rem 0;padding-top:0!important}
.index_new02_left{width:10rem;text-align:center;display:flex;flex-direction:column;justify-content:center;font-size:1.8rem;color:#fff;font-weight:700;background:#018c40}
.index_new02_right{box-shadow:0 4px 20px 0 rgba(0,0,0,.4);background:#fff;overflow:hidden;width:calc(100% - 10rem)}
.index_new02_right_show{padding-bottom:2rem}
.index_new02_right .swiper-slide{text-align:center;padding:1.5rem 0}
.index_new02_right .swiper-slide img{height:5.3rem}
.index_new02_right .swiper-slide img:first-child{display:inline-block}
.index_new02_right .swiper-slide img:last-child{display:none}
.index_new02_right .swiper-slide .index_new02_text{font-size:.9rem;color:#666;margin-top:1rem}
.index_new02_right .swiper-slide:hover img:first-child{display:none}
.index_new02_right .swiper-slide:hover img:last-child{display:inline-block}
.index_new02_right .swiper-slide:hover .index_new02_text{color:#018c40}
.index_new02_right .swiper-pagination-bullets{bottom:1.25rem;left:0}
.index_new02_right .swiper-pagination-bullets .swiper-pagination-bullet{width:.7rem;height:.7rem;background:#d3d5d8;margin:0 .4rem;opacity:1}
.index_new02_right .swiper-pagination-bullets .swiper-pagination-bullet-active{background:#8f9aa2}
.index_new03{background:#f2f2f2}
.index_new03_in{padding:5rem 0}
.index_new03_t01{font-size:2rem;color:#252b3a;font-weight:700;text-align:center}
.index_new03_t02{font-size:1rem;color:#666666;margin-top: 0.5%;text-align: center;}
.index_new03_tab{margin:2rem 0;width:100%;display:flex}
.index_new03_tab a{width:33.33%;display:flex;justify-content:center;flex-direction:column;background:#fff;height:5rem;box-shadow:0 2px 20px 0 rgba(0,0,0,.2);text-align:center;position:relative}
.index_new03_tab a .t03{font-size:1.2rem;color:#333}
.index_new03_tab a .b03{font-size:.8rem;color:#999}
.index_new03_tab a.active{background:#018c40;box-shadow:unset}
.index_new03_tab a.active .t03{color:#fff;font-weight:700}
.index_new03_tab a.active .b03{color:#fff}
.index_new03_tab a.active::after{content:'';width:0;height:0;border-width:.9rem .9rem 0;border-style:solid;border-color:#018c40 transparent transparent;position:absolute;bottom:-.88rem;left:50%;transform:translateX(-50%)}
.index_new03_con_li{display:none;flex-wrap:wrap}
.index_new03_con_li.active{display:flex}
.index_new03_con_linew{width:calc(33.33% - ((1.75rem * 2)/ 3));margin-left:1.75rem;margin-top:1.5rem;position:relative;overflow:hidden}
.index_new03_con_linew:nth-child(3n+1){margin-left:0}
.index_new03_con_linew:nth-child(-n+3){margin-top:0}
.index_new03_con_linew .img{position:relative;height:0;padding-bottom:74.82%;overflow:hidden;z-index:1}
.index_new03_con_linew .img img{position:absolute;height:100%;top:0;left:50%;transform:translateX(-50%);min-width:100%}
.index_new03_con_linew::after{display:block;content:"";position:absolute;width:100%;height:100%;top:0;left:0;opacity:.3;background:rgba(0,0,0,.6);transition:all .6s linear;z-index:2}
.index_new03_con_linew:hover::after{opacity:1;transition:all .6s linear}
.index_new03_con_linew .text{position:absolute;width:100%;padding:0 1.5rem;bottom:-55%;color:#fff;z-index:3;transition:all .6s linear}
.index_new03_con_linew:hover .text{bottom:30px;transition:all .6s linear}
.index_new03_con_linew .text .t{font-size:1.2rem;font-weight:700}
.index_new03_con_linew .text .b{font-size:.9rem;margin-top:.2rem;margin-bottom:.6rem}
.index_new03_con_linew .text .c{opacity:0;transition:all .6s linear}
.index_new03_con_linew:hover .text .c{opacity:1;transition:all .6s linear}
.index_new03_con_linew .text .c .cli{font-size:.8rem;color:#e5e5e5;margin-top:.4rem;display:flex}
.index_new03_con_linew .text .c .cli em{display:flex;flex-direction:column;justify-content:center}
.index_new03_con_linew .text .c .cli img{display:inline-block;height:.4rem;margin-right:.5rem}
.index_new03_con_linew .text .a a{width:8rem;height:2.5rem;display:flex;flex-direction:column;justify-content:center;text-align:center;background:#018c40;border-radius:1000px;font-size:.8rem;font-weight:700;margin-top:.8rem;color:#fff;opacity:0;transition:all .6s linear}
.index_new03_con_linew:hover .text .a a{opacity:1;transition:all .6s linear}
.index_new04 .t{color: rgb(196 196 196);}
.index_new04_in{position:relative}
.index_new04_tab{position:absolute;bottom:8%;left:0;width:100%;z-index:1111}
.index_new04_tab::before{content: "";pointer-events: none;position: absolute;left:0;bottom:0;width: 100%;height: 136px;background: url(../img/index_new04.png);z-index: 9;background-size: cover;}
.index_new04_tab_in{display:flex;justify-content: center;flex-wrap: wrap;margin-bottom: 4.5%;}
.index_new04_tab_in a{font-size:1rem;color:#fff;padding:1rem 6rem;position: relative;}
.index_new04_tab_in a:nth-last-child(1){transform: translateY(38%);}
.index_new04_tab_in a:nth-last-child(2){transform: translateY(2%);}
.index_new04_tab_in a:nth-last-child(4){transform: translateY(32%);}
/* .index_new04_tab_in a.active{background:rgba(37,43,58,.4)} */
.index_new04_tab_in a i{content: "";position: absolute;left: 50%;top: 0;width: 15px;height: 15px;border-radius: 50%;box-shadow: 0 0 8px rgba(0,0,0,0.1);opacity: 1;transition: all 0.3s linear;transform: translate(-50%,0);z-index: -1;background: #fff;}
.index_new04_tab_in a.active i{background: #018c40;}
.index_new04_tab_in a.active i:after{content: "";position: absolute;left: 50%;top: 50%;width: 26px;height: 26px;background: rgba(255,255,255,0.4);transform: translate(-50%,-50%);border-radius: 50%;animation: dot 0.8s 0s linear infinite alternate;}
@keyframes dot{
	from{transform: translate(-50%,-50%) scale(1);opacity: 1;}
	to{transform: translate(-50%,-50%) scale(0.5);opacity: 0;}
}
@-ms-keyframes name{
	from{transform: translate(-50%,-50%) scale(1);opacity: 1;}
	to{transform: translate(-50%,-50%) scale(0.5);opacity: 0;}
}
.index_new04 .solve .solve-con{left: 0;width: 100%;text-align: center;top: 20%;}
.index_new04 .solve .solve-con.active h3{margin:6rem 0 2rem;line-height: 2;}
.index_new05_con{display:flex;flex-wrap:wrap;margin:2.5rem 0}
.index_new05_con a{width:calc(33.33% - ((2.5rem * 2)/ 3));box-shadow:0 2px 20px 0 rgba(0,0,0,.3);background:#fff;padding:1rem;border:2px solid #fff;margin-left:2.5rem}
.index_new05_con a:nth-child(3n+1){margin-left:0}
.index_new05_con a:nth-child(4){display:none}
.index_new05_con a .index_new05_img{height:0;padding-bottom:56%;overflow:hidden;position:relative}
.index_new05_con a .index_new05_img img{width:100%}
.index_new05_con a .index_new05_img .cate_name{position:absolute;left:0;top:0;background:#909ba3;font-size:.9rem;color:#fff;padding:.5rem 1rem}
.index_new05_con a .index_new05_text{padding:0 1rem}
.index_new05_con a .index_new05_t{font-size:1.2rem;color:#333;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;line-height:1.5;margin-top:.5rem}
.index_new05_con a .index_new05_b{font-size:.8rem;color:#999;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;line-height:1.5;margin:.2rem 0 1rem}
.index_new05_con a .index_new05_c{display:flex;justify-content:space-between;font-size:.8rem;color:#ccc}
.index_new05_con a:hover{border-color:#018c40;box-shadow:unset}
.index_new05_con a:hover .index_new05_img .cate_name{background:#018c40}
.index_new05_con a:hover .index_new05_img img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1)}
.index_new05_con a:hover .index_new05_t{color:#018c40}
.index_new05_to{text-align:center}
.index_new05_to a{font-size:1rem;color:#018c40;display:inline-block;border-radius: 30px 0;border:2px solid #018c40;width:10rem;height:2.5rem;line-height:2.4rem;transition: all .3s linear;}
.index_new05_to a:hover{color:#fff;border-color:#018c40;background:#018c40;    box-shadow: inset 0 0 0 20px #018c40;}
.index_new06_midbanner{position:relative;overflow:hidden}
.index_new06_midbanner>img{display:block;width:100%}
.index_new06_text{position:absolute;top:15%;left:0;text-align:center;width:100%;color:#fff}
.index_new06_text .index_new06_t{font-size:2.4rem;font-weight:700}
.index_new06_text .index_new06_b{font-size:1.5rem;margin-top:1rem}
.index_new07{position:relative;z-index:2}
.index_new07 .t{margin-bottom: -3%;}
.index_new07_in{padding:5rem 0}
.index_new07_con{display:flex;flex-wrap:wrap;margin:2.5rem 0;}
.index_new07_con a{width:calc(33.33% - ((2.5rem * 2)/ 3));box-shadow:0 2px 20px 0 rgba(0,0,0,.3);background:#fff;padding:.2rem;margin-left:2.5rem}
.index_new07_con a:nth-child(3n+1){margin-left:0}
.index_new07_con a:nth-child(4){display:none}
.index_new07_con a .index_new07_img{height:0;padding-bottom:56%;overflow:hidden;position:relative}
.index_new07_con a .index_new07_img>img{width:100%}
.index_new07_con a .index_new07_img .toshow{position:absolute;width:100%;height:100%;top:0;left:0;text-align:center;opacity:0;transition:all .5s;background:rgba(51,51,51,.7);display:flex;justify-content:center;flex-direction:column}
.index_new07_con a .index_new07_img .toshow img{display:inline-block;width:4rem}
.index_new07_con a .index_new07_img .toshow div div{font-size:1rem;color:#fff;margin-top:1rem}
.index_new07_con a .index_new07_text{padding:1rem 1.5rem;background:#f5f5f7}
.index_new07_con a .index_new07_t{font-size:1.5rem;font-weight:700;color:#252b3a;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;line-height:1.5}
.index_new07_con a .index_new07_b{font-size:1rem;color:#666;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;margin:.8rem 0 1.2rem}
.index_new07_con a .index_new07_c{font-size:.8rem;color:#849199;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;line-height:1.5}
.index_new07_con a:hover .index_new07_img>img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1)}
.index_new07_con a:hover .index_new07_t{color:#018c40}
.index_new07_con a:hover .index_new07_img .toshow{opacity:1;transition:all .5s}

.index_new08{background: #f5f5f5;padding: 5rem 0;position: relative;z-index: 2;}
.index_new08 .info{display: flex;flex-wrap: wrap;justify-content: center;}
.index_new08 .info .item{width: 25%;margin-top: 4rem;text-align: center;transition: all 0.3s;}
.index_new08 .info .item:hover{transform: translateY(-15px);}
.index_new08 .info .item h5{font-size: 16px;line-height: 2;font-weight: bold;margin-top: 4%;}
.index_new08 .info .item p{font-size: 16px;}
@media screen and (max-width:768px){
	.index_new01_left .d01 .d01_li .d01_t sup{font-size: 20px;}
	.index_new08{padding: 3rem 0;}
	.index_new08 .info .item{width: 50%;margin-top: 3rem;}
	.index_new08 .info .item p{font-size: 14px;}
		
}
@media screen and (max-width:480px){
	.index_new08 .info .item img{width:40px;}

}
 

.banner .swiper-slide{overflow:hidden}
.banner .swiper-slide.play.video-button{cursor:pointer}
.con_text_01 .context_left{display:inline-block;transform:translateX(-1000px);opacity:0;transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s}
.swiper-slide-active .con_text_01 .context_left{transform:translateX(0);opacity:1;transition:all 1.5s ease .4s;-webkit-transition:all 1.5s ease .4s;-moz-transition:all 1.5s ease .4s;-ms-transition:all 1.5s ease .4s}
.con_text_01 .context_left .new_ban_t{font-size:3rem;color:#9f233e;font-style:normal}
.con_text_01 .context_left .new_ban_b{font-size:3rem;color:#333;font-style:normal}
.con_text_01 .context_left .new_ban_c{display:flex;flex-wrap:wrap;justify-content:space-between;width:80%;font-style:normal}
.con_text_01 .context_left .new_ban_c .new_ban_cli{width:50%;margin-top:1.5rem}
.con_text_01 .context_left .new_ban_c .new_ban_cli .new_ban_cli_t{font-size:1.8rem;color:#9f233e;font-weight:700}
.con_text_01 .context_left .new_ban_c .new_ban_cli .new_ban_cli_t span{font-size:1.2rem}
.con_text_01 .context_left .new_ban_c .new_ban_cli .new_ban_cli_b{font-size:.7rem;color:#849199}
.con_text_02{display:flex;justify-content:space-between}
.con_text_02 .context_left{display:flex;justify-content:center;flex-direction:column;transform:translateX(-1000px);opacity:0;transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s}
.swiper-slide-active .con_text_02 .context_left{transform:translateX(0);opacity:1;transition:all 1.5s ease .4s;-webkit-transition:all 1.5s ease .4s;-moz-transition:all 1.5s ease .4s;-ms-transition:all 1.5s ease .4s}
.con_text_02 .context_left .new_ban_t{font-size:3.6rem;color:#191919;font-style:normal}
.con_text_02 .context_left .new_ban_b{font-size:1.8rem;color:#333;font-style:normal}
.con_text_02 .context_left .new_ban_c span{font-size:1.5rem;color:#fff;display:inline-block;background:#9f233e;border-radius:1000px;font-style:normal;padding:.4rem 2.5rem;margin-top:1rem}
.con_text_02 .context_right{width:45.5%;transform:translateX(1000px);opacity:0;transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s}
.swiper-slide-active .con_text_02 .context_right{transform:translateX(0);opacity:1;transition:all 1.5s ease 1s;-webkit-transition:all 1.5s ease 1s;-moz-transition:all 1.5s ease 1s;-ms-transition:all 1.5s ease 1s}
.con_text_02 .context_right img{display:block;width:100%}
@media screen and (max-width:1760px){
	.index_new04_tab_in{margin-bottom: 5%;}
	.index_new04_tab_in a:nth-last-child(1){transform: translateY(43%);}
	.index_new04_tab_in a:nth-last-child(2){transform: translateY(2%);}
	.index_new04_tab_in a:nth-last-child(4){transform: translateY(38%);}
}
@media screen and (max-width:1700px){
	.index_new04_tab_in{margin-bottom: 5.5%;}
}
@media screen and (max-width:1660px){
	.index_new04_tab_in{margin-bottom: 5.8%;}
}
@media screen and (max-width:1550px){
.con_text_01 .context_left .new_ban_t{font-size:2rem}
.con_text_01 .context_left .new_ban_b{font-size:2rem}
.banner .con-text{width:84%;left:8%}
.con_text_01 .context_left .new_ban_c{width:70%}
.con_text_02 .context_left .new_ban_t{font-size:2.6rem}
.con_text_02 .context_left .new_ban_b{font-size:1.2rem}
.con_text_02 .context_left .new_ban_c span{font-size:1rem;padding:.4rem 2.2rem;margin-top:.8rem}
.index_new03_con_linew{width:calc(33.33% - ((1.25rem * 2)/ 3));margin-left:1.25rem;margin-top:1.1rem}
.index_new03_con_linew .text .t{font-size:1rem}
.index_new03_con_linew .text .b{font-size:.8rem;margin-top:.1rem;margin-bottom:.4rem}
.index_new03_con_linew .text .c .cli{font-size:.7rem;margin-top:.2rem}
.index_new03_con_linew .text .c .cli img{height:.35rem;margin-right:.4rem}
.index_new03_con_linew .text .a a{width:6.5rem;height:2rem;font-size:.7rem;margin-top:.6rem}
.index_new03_con_linew:hover .text{bottom:15px}
.index_new04_tab_in{margin-bottom: 6.2%;}
.index_new04_tab_in a{padding: 1rem 5.4rem;}

}
@media screen and (max-width:1366px){.new_pro_tab{padding:2.5rem 0}
.new_pro_tab a{font-size:16px;margin:0 25px}
.index_new01_in{padding:4rem 0}
.index_new01_left .t01{font-size:1.8rem}
.index_new01_left .b01{font-size:16px}
.index_new01_left .c01{font-size:14px}
.index_new01_left .a01{font-size:16px}
.index_new01_left .d01 .d01_li .d01_t{font-size:2.6rem}
.index_new01_left .d01 .d01_li .d01_t em{font-size:2.2rem;margin-left:.5rem}
.index_new01_left .d01 .d01_li .d01_b{font-size:14px}
.index_new02_left{font-size:1.6rem}
.index_new02_right .swiper-slide{padding:1.3rem 0}
.index_new02_right .swiper-slide img{height:4.3rem}
.index_new02_right .swiper-slide .index_new02_text{font-size:.8rem;margin-top:.9rem}
.index_new02_right_show{padding-bottom:1.8rem}
.index_new02_right .swiper-pagination-bullets{bottom:1rem;left:0}
.index_new02_right .swiper-pagination-bullets .swiper-pagination-bullet{width:.6rem;height:.6rem;margin:0 .3rem}
.index_new02_in{padding:4rem 0}
.index_new03_in{padding:4rem 0}
.index_new03_t01{font-size:1.8rem}
.index_new03_t02{font-size:14px;}
.index_new03_tab a .t03{font-size:1.1rem}
.index_new03_tab a .b03{font-size:.7rem}
.index_new03_tab a{height:4.5rem}
.index_new03_tab a.active::after{border-width:.8rem .8rem 0;bottom:-.77rem}
.solve .solve-con .box h2{font-size:2rem}
.index_new04_tab_in{margin-bottom: 8.2%;}
.index_new04 .solve .solve-con.active h3{font-size:1rem;margin:.2rem 0 1.6rem}
.index_new04 .solve .solve-con.active .m{display: none;}
.index_new04 .solve .solve-con.active .p{color: #fff;}
.index_new04_tab_in a{font-size:.9rem;padding:.8rem 4.5rem}
.index_new07_in{padding:4rem 0}
.index_new05_con{margin:2rem 0}
.index_new07_con{margin:2rem 0;}
.index_new05_con a{width:calc(33.33% - ((2rem * 2)/ 3));padding:.8rem;margin-left:2rem}
.index_new05_con a .index_new05_text{padding:0 .8rem}
.index_new05_con a .index_new05_t{font-size:1rem}
.index_new05_con a .index_new05_b{font-size:.7rem;margin:.2rem 0 .8rem}
.index_new05_con a .index_new05_c{font-size:.7rem}
.index_new05_to a{font-size: .9rem;width: 9rem;height: 3rem;line-height: 2.8rem;}
.index_new06_text .index_new06_t{font-size:2rem}
.index_new06_text .index_new06_b{font-size:1.2rem;margin-top:.6rem}
.index_new07_con a{width:calc(33.33% - ((2rem * 2)/ 3));margin-left:2rem}
.index_new07_con a .index_new07_text{padding:.8rem 1.2rem}
.index_new07_con a .index_new07_t{font-size:1.2rem}
.index_new07_con a .index_new07_b{font-size:.9rem}
.index_new07_con a .index_new07_c{font-size:.75rem}
.index_new07_con a .index_new07_img .toshow img{width:3rem}
.index_new07_con a .index_new07_img .toshow div div{font-size:.8rem;margin-top:.6rem}
.con_text_01 .context_left .new_ban_t{font-size:1.8rem}
.con_text_01 .context_left .new_ban_b{font-size:1.8rem}
.con_text_01 .context_left .new_ban_c .new_ban_cli .new_ban_cli_t{font-size:1.6rem}
.con_text_01 .context_left .new_ban_c .new_ban_cli .new_ban_cli_b{font-size:.65rem}
.banner .con-text{width:84%;left:8%}
.con_text_01 .context_left .new_ban_c{width:70%}
.con_text_02 .context_left .new_ban_t{font-size:2.4rem}
.con_text_02 .context_left .new_ban_b{font-size:1.1rem}
.con_text_02 .context_left .new_ban_c span{font-size:.9rem;padding:.4rem 2.2rem;margin-top:.8rem}
}
@media screen and (max-width:1024px){
header .logo a img{max-width: 80px;}
header.header_black .right .login a,header.headerhover .right .login a,header.notop .right .login a{background:0 0}
footer .con .bottom>ul>li{width:100%}
footer .con .bottom>ul>li>ul{margin-top:0}
footer .con .bottom>ul>li::before{color:#252b3a}
footer .con .bottom>ul>li>ul li a{opacity:1}
footer .con .bottom .mobile-share{position:relative;z-index:2}
footer .con .bottom .mobile-share h2,footer .con .bottom .mobile-share h3{color:#252b3a}
footer .copy .left p{font-size:.9rem}
footer .pc_new_contact{display:none}
.new_pro_tab a{font-size:14px;margin:0 20px}
#introduce .con-top img{width:130%;margin-left:-15%}
.prodiv_list{padding:1.2rem;width:calc(33.33% - (1.8rem * 2)/ 3);margin-left:1.8rem;margin-top:1.5rem}
.prodiv_list .pro_n_c span{font-size:.65rem;padding:5px 10px;margin:.4rem 0;margin-right:10px}
.banner_product_new{padding:3rem 3%}
.banner_product_new .new_t01{font-size:2rem}
.banner_product_new .new_t02{font-size:1rem;margin:.3rem 0 1rem}
.banner_product_new .new_con input{width:14rem;height:2.5rem;line-height:2.5rem;border-radius:.4rem;margin-right:1.1rem;font-size:.9rem}
.banner_product_new .new_con button{width:9rem;height:2.5rem;line-height:2.5rem;font-size:1.1rem;border-radius:.4rem}
.index_new{padding:0 3%}
.banner .con-text{width:94%;left:3%}
.banner{margin-top:5.5rem}
}
@media screen and (max-width:768px){
.com_title{padding:1rem 0 1rem}
.com_title h2{font-size:20px}
.com_title h2:before{font-size:20px}
.com_title h2:after{font-size:20px}
.benefit_new .text_new{font-size:13px;line-height:32px;padding:6px 20px;margin-bottom:15px}
.customcase_new{padding:2rem 0}
.new_pro_tab{padding:1rem 10px;flex-wrap:wrap}
.new_pro_tab a{font-size:13px;text-align:center;width:33.33%;margin:15px 0}
.new_pro_tab a::after{height:3px}
.new_pro_tab a.active::after,.new_pro_tab a:hover::after{width:calc(100% + 10px);left:-5px;height:3px}
#introduce .con-top img{width:160%;margin-left:-30%}
.product-show .show-con .show-ban .text{transform:unset}
.prodiv_list{padding:1rem;width:100%;margin-left:0;margin-top:2rem}
.prodiv_list:nth-child(3n+1){margin-left:0}
.prodiv_list:nth-child(-n+3){margin-top:2rem}
.prodiv_list:first-child{margin-top:0}
.prodiv_list .pro_n_t{font-size:1.4rem}
.prodiv_list .pro_n_b{font-size:1.1rem;margin-top:.5rem;margin-bottom:.5rem}
.prodiv_list .pro_n_c span{font-size:.9rem;padding:4px 10px;margin:.5rem 0;margin-right:10px}
.prodiv_list .pro_n_a{margin-top:.5rem}
.prodiv_list .pro_n_a a{font-size:.9rem}
.banner_product_new .new_con input{width:11rem;height:3rem;line-height:3rem;margin-right:.5rem;font-size:1rem;padding:0 10px}
.banner_product_new .new_con button{width:8rem;height:3rem;line-height:3rem;font-size:.8rem;border-radius:.4rem}
.honor_new_left_l01{margin-top:.7rem}
.honor_new_left_l02{font-size:1.4rem;width:4.2rem;margin:0 1rem}
.honor_new_left_l03{width:calc(100% - (.7rem + 1rem * 2 + 4.2rem));font-size:.8rem;margin-top:1rem;padding-top:.6rem}
.index_new01{background: none;}
.index_new01_in{padding:1.5rem 0}
.index_new01_left{width:100%}
.index_new01_left .d01 .d01_li{padding: 1rem 0;}
.index_new01_left .c02{font-size: 18px;}
.index_new01_left .e01 li{text-align: center;width: 50%;}
.index_new01_left .e01 li:nth-last-child(1){display: none;}
.index_new01_left .e01 li:nth-last-child(2){margin: 0;}
.index_new01_left .e01 li img{width: 80%;}
.index_new01_right{width:100%;margin-top:1rem;}
.index_new01_right .pic .play i{width: 50px;height: 50px;}
.index_new01_right .pic .more{font-size: 12px;padding: 0 13px;}
.index_new01_right .pic .btn{transform: translate(-60%,-50%);bottom: 2%;}
.index_new01_right .pic .btn .more:before{width: 50px;height: 50px;}

.index_new02_in{padding:3rem 0}
.index_new02_left{font-size:1.4rem;width:8rem}
.index_new02_right{width:calc(100% - 8rem)}
.index_new02_right .swiper-slide{padding:1rem 0}
.index_new02_right .swiper-slide img{height:6rem}
.index_new02_right .swiper-slide .index_new02_text{font-size:1.1rem;margin-top:1rem}
.index_new03_in{padding:3rem 0}
.index_new04 .solve .solve-con{left:0; width:100%}
.solve .solve-con .box h2{font-size:1.8rem}
.index_new04 .solve .solve-con.active h3{font-size:1.2rem;margin:-1.2rem 0 .6rem}
.index_new04 .solve .solve-con.active .p{display: none;}
.index_new04 .solve .solve-con.active .m{display: block;}
.index_new04_tab_in{margin-bottom: 2.2%;}
.index_new04_tab::before{opacity: 0;}
.index_new04 .t{display: none;}
.index_new04_tab_in a:nth-last-child(4){transform: translateY(0);}
.index_new04_tab_in a:nth-last-child(2){transform: translateY(0);}
.index_new04_tab_in a:nth-last-child(1){transform: translateY(0);}
.index_new04_tab_in a i{top: -20px;width: 12px;height: 12px;}
.solve .solve-con .more a{font-size:13px;line-height:2.5rem}
.index_new04_tab_in a{font-size:.8rem;padding: 0rem 0.8rem}
.index_new07_in{padding:1.5rem 0}
.index_new05_con{margin:1.5rem 0}
.index_new07_con{margin:1.5rem 0;}
.index_new05_con a{width:100%;margin-top:1rem;padding:.5rem;margin-left:0}

.index_new05_con a:nth-child(1){margin-top:0}
.index_new05_con a .index_new05_t{font-size:1.5rem}
.index_new05_con a .index_new05_b{font-size:1rem;margin:.4rem 0 1rem}
.index_new05_con a .index_new05_c{font-size:1rem}
.index_new07_con a{width:100%;margin-top:1rem;padding:.5rem;margin-left:0}
.index_new07_con a:nth-child(1){margin-top:0}
.index_new07_con a:nth-child(2){display: none;}
.index_new07_con a:nth-child(3){display: none;}
.index_new07_con a .index_new07_t{font-size:1.5rem}
.index_new07_con a .index_new07_b{font-size:1rem}
.index_new07_con a .index_new07_c{font-size:.9rem}
.index_new06_midbanner>img{width:250%;margin-left:-75%}
header.header_black .right .login a:hover,header.headerhover .right .login a:hover,header.notop .right .login a:hover{background:0 0}
.con_text_01 .context_left .new_ban_c{width:100%}
.banner .con-text{width:100%;left:0}
.banner .con-text.con_text_01{top:10%;transform:translateY(0)}
.banner .con-text.con_text_02{flex-wrap:wrap;top:10%;transform:translateY(0);height:90%;flex-direction:column}
.swiper-slide-active .con_text_02 .context_left{width:100%}
.swiper-slide-active .con_text_02 .context_right{width:100%}
.con_text_02 .context_right img{width:75%;margin:0 auto 10%}
.con_text_01 .context_left .new_ban_c .new_ban_cli .new_ban_cli_t{font-size:2rem}
.con_text_01 .context_left .new_ban_c .new_ban_cli .new_ban_cli_b{font-size:.8rem}
.index_new03_con_linew{width:calc(50% - ((20px * 1)/ 2));margin-left:15px;margin-top:15px}
.index_new03_con_linew:nth-child(3n+1){margin-left:15px}
.index_new03_con_linew:nth-child(-n+3){margin-top:20px}
.index_new03_con_linew:nth-child(2n+1){margin-left:0}
.index_new03_con_linew:nth-child(-n+2){margin-top:0}
.index_new03_con_linew .text{padding:0 10px;bottom:-55%}
.index_new03_con_linew:hover .text{bottom:10px}
.index_new03_con_linew .text .a a{width:5.4rem;height:1.6rem;font-size:.65rem;margin-top:.55rem}
.index_new03_con_linew .img{padding-bottom:90%}
}


/* 产品 */
.in_product .index_new03_on{padding: 3rem 0 2rem 0;}
.in_product .index_new03_on .t{margin-bottom: -3%;}
.in_product .in_product_top{margin: 2rem 0;}
.in_product .in_product_top ul{display: flex;justify-content: center;flex-wrap:wrap;}
.in_product .in_product_top ul li{width: calc(100% / 6);text-align: center;}
.in_product .in_product_top ul li .images{width: 100%;height: 56px;background-repeat: no-repeat;background-position: center top;background-size: auto 70px;margin-bottom: 5px;-webkit-transition: all .6s ease-in-out;-o-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
.in_product .in_product_top ul li:hover .images{background-position: center bottom;transform: rotateY(180deg);}
.in_product .in_product_top ul li p{font-size: 18px;margin-top: 10%;}
.in_product .img img{width: 100%;}
.in_product .in_po {margin-top: -16rem;margin-bottom: 5rem;padding-bottom: 2rem;}
.in_product .in_po .swiper-scrollbar- 	drag{width: calc(100% / 4);}
.in_product .in_po .swiper-slide{padding: 3rem; background: url(../img/in_pobg.png) no-repeat center center;background-size:100% 100%;background-position: center center;}
.in_product .swiper-button-next.swiper-button-disabled,.in_product .swiper-button-prev.swiper-button-disabled{opacity: 1;}
.in_product  .swiper-button-next, .in_product  .swiper-button-prev{margin-top: -25px;background: none;width: 50px;height: 50px;border: 2px solid #fff;border-radius: 50%;}
.in_product  .swiper-button-next::after, .in_product  .swiper-button-prev::after{font-size: 18px;color: #fff;}
.in_product  .swiper-button-prev{background: url(../img/pics_prev.png);background-repeat: no-repeat;background-position: center;left: 4%;margin-top: 13%;}
.in_product  .swiper-button-next{background: url(../img/pics_next.png);background-repeat: no-repeat;background-position: center;right: 4%;margin-top: 13%;}
.in_product .in_po .pif{text-align: center;}
.in_product .in_po .pif img{margin-bottom:38%;width: 100%;}
.in_product .in_po .swiper-slide .text{position: absolute; bottom: -10%; transition: all 0.6s linear;width:65%;}
.in_product .in_po .swiper-scrollbar{height: 3px;}
.in_product .in_po .swiper-slide:hover .text{bottom: 30px;transition: all 0.6s linear;z-index: 99;}
.in_product .in_po .swiper-slide .a{font-size: 20px;color: #000;}
.in_product .in_po .swiper-slide:hover .a{opacity: 1;transition: all 0.6s linear;color: #fff;}
.in_product .in_po .swiper-slide .b{font-size: 20px;color: #000;line-height: 2;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;}
.in_product .in_po .swiper-slide:hover .b{opacity: 1;transition: all 0.6s linear;color: #fff;}
.in_product .in_po .swiper-slide .c{font-size: 16px;color: #000;opacity: 0;transition: all 0.6s linear;}
.in_product .in_po .swiper-slide:hover .c{opacity: 1;transition: all 0.6s linear;color: #fff;}
.in_product .in_po .swiper-slide .d{display: flex;justify-content: center;}
.in_product .in_po .swiper-slide .d .ani{width:8rem;height:2.5rem;display:flex;flex-direction:column;justify-content:center;text-align:center;background:#fff;border: 1px solid #018c40;border-radius:30px 0;font-size:.8rem;font-weight:700;margin-top:.8rem;color:#018c40;opacity:0;    transition: all .3s linear;}
.in_product .in_po .swiper-slide .d .ani:hover{box-shadow: inset 0 0 0 28px #018c40;border-color: #018c40;color: #fff;}
.in_product .in_po .swiper-slide:hover .d .ani{opacity: 1;transition: all 0.6s linear;}
.in_product .in_po .swiper-slide::after{display:block;content:"";position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;background:rgba(0,0,0,.6);transition:all .6s linear;z-index:2}
.in_product .in_po .swiper-slide:hover::after{opacity: 0.8;transition: all 0.6s linear;}
@media(max-width: 1600px){
	.in_product .in_po .swiper-slide .text{width: 64%;}
	.in_product .in_po .pif img{margin-bottom: 28%;}
	.in_product .in_po .swiper-slide .text{bottom: -20%;}
}
@media(max-width: 1440px){
	.in_product .in_po .swiper-slide{padding: 2rem;}
	.in_product .in_po .swiper-slide .text{width: 70%;}
	.in_product .in_po .pif img{margin-bottom: 23%;}
	.in_product .in_po .swiper-slide .text{bottom: -26%;}
	.in_product .in_po .swiper-slide .b{font-size: 16px;}
}
@media(max-width: 1080px){
.in_product .in_product_top ul li{width: calc(100% / 2);margin-bottom: 2%;}
.in_product .index_new03_on{padding: 0rem 0 2rem 0;}
.in_product .in_po .swiper-slide .text{bottom: -36%;}
.in_product .in_po .swiper-slide .b{font-size: 15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;}
.in_product .in_po .pif img{width: 100%;margin-bottom: 26%;}
}
@media(max-width: 768px){
	.in_product .in_po{margin-top: -3rem;margin-bottom: 0rem;}
	.in_product .in_product_top{margin: 2rem 0;}
	.in_product .in_product_top ul li p{font-size: 16px;}
	.in_product .in_po .swiper-slide{padding: 1rem;}
    .in_product .swiper-container-horizontal>.swiper-scrollbar{display: none;}
	.in_product .in_po .swiper-slide .text{position: initial;width: 100%;}
	.in_product .in_po .swiper-slide::after{display: none;}
	.in_product .in_po .a{font-size: 16px;}
	.in_product .in_po .swiper-slide:hover .a{color: #000;}
	.in_product .in_po .swiper-slide:hover .b{color: #000;}
	.in_product .in_po .b{font-size: 13px;}
	.in_product .in_po .c{font-size: 14px;display: none;}
	.in_product .in_po .swiper-slide .d{display: none;}
	.in_product  .swiper-button-prev{margin-top:20%;}
	.in_product  .swiper-button-next{margin-top:20%;/* left: 20%; */}
	.in_product .in_po .swiper-slide .a{font-size: 14px;color: #000;}
}

@media(max-width: 480px){
.in_product .in_product_top ul li .images{width: 100%;height: 46px;}
.in_product .in_product_top ul li .images img{width: 40px;}
}
/* 行业应用 */

/* pc */
.index_product_box{padding: 5rem 0;}
.index_product_box .t{margin-bottom: -3%;}
.index_product_box .p{color: #018c40;}
.fold_wrap{height:650px;width:100%; overflow:hidden;margin-top: 2.5rem;}
.fold_wrap li{float:left;width: calc(100% / 5); height:650px;position:relative;overflow:hidden;cursor:pointer;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;}
.fold_wrap:hover li{width: 15%;}
.fold_wrap li:hover{width: 40%;}
.fold_wrap li{float:left;width: calc(100% / 5); height:650px;position:relative;overflow:hidden;cursor:pointer;}
.fold_wrap li .mask_b{position:absolute;overflow:hidden;width:100%;height:100%;left:0;top:0;background: rgb(77 76 76 / 60%);}
.fold_wrap li .mask_b .text{color:#fff;position:absolute;bottom: 10%;left:10%; width: 100%;}
.fold_wrap li .mask_b .text span{font-size: calc(0.75rem + 0.2vw);line-height: 2!important; height: 20px!important;text-transform: uppercase;}
.fold_wrap li .mask_b .text h4{font-size: calc(0.8rem + 0.6vw);}
.fold_wrap li .more{ position: absolute;bottom: 10%;left: 50%;transform: translateX(-50%) scale(0);z-index: 10;}
.fold_wrap li .more a{font-size:1rem;color:#018c40;display:inline-block;border-radius:30px 0;border:2px solid #018c40;width:6rem;height:2.5rem;line-height:2.4rem;transition:all .3s linear;padding-left: 0.9rem;}
.fold_wrap li .more a:hover{color: #fff;border-color: #018c40;background: #018c40;box-shadow: inset 0 0 0 20px #018c40;}
.fold_wrap li:hover .more{transform:translateX(100%) scale(1);}
.fold_wrap li .more:hover a span{color: #fff;}
.fold_wrap li .more:hover a span i{color: #fff;}
.fold_wrap li:hover .mask_b{background: rgb(1 1 1 / 14%);}
.pic_auto{width:100%;height:100%;background-size: cover!important;}

/* 手机 */
.m{display: none;}
.swi_index_product_box{ padding-bottom: 1rem;margin-top: 2.5rem;}
.swi_index_product_box .swiper-slide{position: relative;}
.swi_index_product_box .swiper-slide .text{position: absolute; bottom: 0;left: 0;background: rgba(0,0,0,0.54); width: 100%; color: #fff; padding: 0.5rem 1rem;}
.swi_index_product_box .swiper-slide .text h4{font-size:16px; font-weight: 200; float: left;}
.swi_index_product_box .swiper-slide .text i{width: 1.8rem;height: 1.8rem;text-align: center;line-height: 1.8rem; transform: scale(0.7);float: right; font-size: 0.75rem; border-radius: 50%; border: 1px solid rgba(255,255,255,0.1);}
.swi_index_product_box .swiper-wrapper{margin-bottom: 1rem;}
.swi_index_product_box .img img{width: 100%;}
@media(max-width: 980px){
	.index_product_box{padding: 3rem 0;}
	.pc{display: none;}
	.m{display: block;}
}
/* 可持续发展 */
.in_fz{background: url(../img/in_fzbg.jpg) no-repeat center center;background-size:100% 100%;background-position: center center;}
.in_fz .l{width: 50.3%;padding-top: 4rem;}
.in_fz .l .t{text-align: left;margin-bottom: -6%;}
.in_fz .index_new07_in{display: flex;flex-wrap: wrap;}
.in_fz .index_new03_t01{color: #fff;text-align: left;}
.in_fz .index_new03_t02{color: #fff;font-size: 26px;padding: 2rem 0;text-align: left;}
.in_fz .index_new03_t03{color: #fff;font-size: 18px;line-height: 1.8;}
.in_fz .index_new03_t04{color: #fff;display: flex;flex-wrap: wrap;margin-top: 8%;}
.in_fz .index_new03_t04 li{margin-right: 6%;}
.in_fz .index_new03_t04 .img{position: relative;width: 80px;height: 80px;}

.in_fz .index_new03_t04 .img .bg1, .in_fz .index_new03_t04 .img .bg2, .in_fz .index_new03_t04 .img .bg3, .in_fz .index_new03_t04 .img .bg4 {position: absolute;width: 100%;height: 100%;-webkit-transition: all .3s ease;transition: all .3s ease;}
.in_fz .index_new03_t04 .img .bg2 {
  opacity: 0;
  -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}
.in_fz .index_new03_t04 .img .bg4 {opacity: 0;}
.in_fz .index_new03_t04 li:hover .bg2 {
  opacity: 1;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
.in_fz .index_new03_t04 li:hover .bg4 {opacity: 1;}
.in_fz .index_new03_t04 li .p{font-size: 16px;margin-top: 10%;color: #fff}
.in_fz .r{width: 48%;}
.in_fz .r img{width: 100%;}
@media(max-width: 1366px){
	.in_fz .index_new03_t02{font-size: 24px;}
	.in_fz .index_new03_t03{font-size: 17px;}
}
@media(max-width: 1024px){
	.in_fz .l{width: 100%;padding-top: 0;padding-bottom: 1rem;}
	.in_fz .r{width: 100%;}
	.in_fz .index_new03_t03{font-size: 16px;}
	.in_fz .index_new03_t04 .img{width: 60px;height: 60px;}
}
@media(max-width: 768px){
	
	.in_fz .index_new03_t02{font-size: 16px;}
	.in_fz .index_new03_t03{font-size: 14px;}
	.in_fz .index_new03_t04 li .p{font-size: 14px;}
}
