@charset "utf-8";
@import url(language.css);
:root{--color:#1f94c7;--fontcolor:#333333;--fontbold3:300;--fontbold4:400;--fontbold5:500;--fontbold6:600;--fontbold7:700}
blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0px;padding:0px}
body{color:var(--fontcolor);line-height:1.7;position:relative;font-family:Arial}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:var(--fontbold4)}
a{color:#333333;text-decoration:none;transition:all .3s}
a:focus,a:hover{text-decoration:none;color:#0d50ab}
em{font-style:normal}
img{border:0px;vertical-align:middle;max-width:100%}
li,ol,ul{list-style:none}
button,input,select,textarea{vertical-align:middle;font-size:.875rem;font-family:inherit;line-height:normal;outline:0}
button{cursor:pointer}
table{border-collapse:collapse}
video{object-fit:contain}
.clearfix:after{content:"";display:block;clear:both}
.fl{float:left}
.fr{float:right}
.container{max-width:1130px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}
.container1{max-width:1400px;margin-left:auto;margin-right:auto;padding:0px 15px}
.table,.table1,table#emphasis,table#newspaper,table#verzebra,table.colorful,table.hovertable,table.imagetable{width:100%;border-collapse:collapse}
.table p,.table1 p,table#emphasis p,table#newspaper p,table#verzebra p,table.colorful p,table.hovertable p,table.imagetable p{padding:0px;margin:0px}
.table td,.table th{border:1px solid #cdcdcd;padding:5px}
.table tr:nth-child(odd){background-color:#efede1}
.table tr:nth-child(even){background-color:#FFF}
.table tr:first-child{background-color:#8db3e3}
.table tr:nth-child(3){background-color:#d7d7d7}
.table1 th,.table1 tr.bgcolor{background-color:#c1c1c1}
.table1 td,.table1 th{border:1px solid #000;padding:5px}
html{font-size:15px}
@media only screen and (max-width:1440px){
html{font-size:15px}}
@media only screen and (max-width:1024px){
html{font-size:12px}}
@media only screen and (max-width:768px){
html{font-size:10px}}
.icon{background:url(../img/../img/sprite-1.png);display:inline-block}
.icon-mail{width:27px;height:27px;background-position:0 0}
.icon-phone{width:27px;height:27px;background-position:-27px 0px}
.head-info{display:flex;justify-content:space-between;padding:10px 15px;position:relative}
.head-logo{max-width:50%}
.head-logo a{display:flex;height:100%}
.head-logo img{width:100%;max-height:100%;object-fit:contain;transition:all .3s}
.head-contact-box{display:flex;align-items:center;justify-content:flex-end}
.head-contact p{display:flex;align-items:center}
.head-contact a{font-size:1.3rem;color:var(--color);margin-left:5px;padding:4px 0px}
.head-contact p:nth-child(2) a{color:#888}
.head-qr{margin-left:20px;width:25%;border:1px solid #e2e2e2;padding:5px;box-sizing:border-box}
.head-qr img{width:100%}
.head-nav-box{background:var(--color)}
.head-nav{display:flex}
.head-nav a{display:block;color:#FFF;padding:15px 25px;font-size:1rem;white-space:nowrap;background:var(--color)}
.head-nav a:hover{background:#bdd53f}
.head-nav li{position:relative}
.head-nav li ul{position:absolute;display:none;z-index:200}
.head-nav ul a{border-bottom:1px solid rgba(255,255,255,.3);padding:12px 25px}
.shownav-btn{display:none}
@media screen and (max-width:768px){
body{padding-top:85px}
.head{position:fixed;width:100%;background:#FFF;left:0px;top:0px;z-index:150}
.shownav-btn{display:block;height:20px;position:absolute;top:50%;right:15px;width:30px;transform:translateY(-50%);cursor:pointer}
.shownav-btn .icon-bars,.shownav-btn::after,.shownav-btn::before{position:absolute;width:100%;height:3px;background:#123;transition:all .3s}
.shownav-btn .icon-bars{top:50%}
.shownav-btn::before{top:0px;content:""}
.shownav-btn::after{top:100%;content:""}
.shownav-btn.active::before{top:50%;transform:translateY(-50%) rotate(135deg)}
.shownav-btn.active::after{top:50%;transform:translateY(-50%) rotate(-135deg)}
.shownav-btn.active .icon-bars{opacity:0}
.head-logo{max-width:60%}
.head-logo a{display:block}
.head-logo img{height:65px}
.head-contact-box{display:none}
.head-nav{position:fixed;width:100%;height:100%;top:85px;left:0px;padding:0px;flex-direction:column;transition:all .3s;opacity:0;z-index:-5;transform:translateX(100%);background:var(--color)}
.head-nav.active{opacity:1;transform:translateX(0)}
.head-nav a{border-bottom:1px solid rgba(255,255,255,.3)}
.head-nav li ul{position:unset}
.head-nav ul a{background:#b5cc3b}
.head-nav ul a:hover{color:#333333;background:#FFF}}
.seed{right:0px!important}
.toggle span:nth-child(1){opacity:1;transform:rotate(-45deg)}
.toggle span:nth-child(2){opacity:0}
.toggle span:nth-child(3){opacity:1;transform:rotate(45deg)}
.moved{display:block!important}
.mask_bg{position:absolute;width:100%;height:100%;bottom:0px;background:#000;transition:all .5s;left:0px;z-index:999;opacity:.5;display:none}
.top_contact,.top_erwei,.top_left .fl .company_name,.top_left .fl a{float:left}
.top_left .fl a{height:132px;line-height:132px}
.top_left a img{vertical-align:middle;max-width:100%}
.top_left .company_name{margin-top:21px;margin-left:17px}
.top_erwei img{padding:6px;border:1px solid #EEE;width:80px}
.top_left .fr{margin-top:16px}
.top_contact li i{display:inline-block;margin-right:10px;font-size:1.375rem}
.fa-phone{font-size:1.625rem!important}
.top_contact li,.top_contact li a{color:#888;font-size:1.25rem;line-height:18px;padding-top:16px}
.top_contact li:nth-child(1){font-weight:var(--fontbold7);color:var(--color)}
.top_contact{margin-right:23px}
.middle{background:var(--color)}
.nav>li>a{padding:0px 25px;font-size:.9375rem;color:#FFF;line-height:50px;height:50px;display:inline-block}
.nav>li>a:hover{background:#bdd53f}
.nav>li{float:left;position:relative}
.inmenu_1{background:#bdd53f}
#search_bar{position:relative}
#search_bar .left_bg,#search_bar .right_bg{position:absolute;height:100%;top:0px}
#search_bar .left_bg{width:50%;left:0px;background:#f0f0f0}
#search_bar .right_bg{width:50%;right:0px;background:var(--color)}
#search_bar .container{position:relative;z-index:100;background:#f0f0f0;padding:0px}
.news_name{color:#333333;font-weight:var(--fontbold7);font-size:1rem}
.search_content .fl{line-height:60px}
.left_demo{float:left}
.news_name{display:inline-block;margin-left:5px}
#demo{overflow:hidden;margin-left:10px;position:relative;float:left}
.hot_list{display:inline-block}
.search_bar{padding:14px 0 14px 40px;background:var(--color);position:relative}
.search_content .fr{height:60px}
.search_bar:after{border:solid transparent;content:' ';height:0px;left:-60px;position:absolute;width:0px;border-width:30px;border-right-color:var(--color);top:0px;border-bottom-color:var(--color)}
.search_bar #keyword{height:32px;width:250px;border:none;font-size:.9375rem;background:#FFF;box-sizing:border-box;color:#4e4e4e;padding-left:12px;float:left}
.search_bar #btnSearch{width:48px;height:32px;border:none;cursor:pointer;background:#bdd53f}
.foot_top{padding:150px 0px;overflow:hidden;position:relative;text-align:center}
.foot_top::before{content:"";display:block;position:absolute;top:0px;left:0px;width:100%;height:50%;background:url(../img/footbg1.jpg) no-repeat;background-size:100%;z-index:-5}
.foot_top::after{content:"";display:block;position:absolute;bottom:0px;left:0px;width:100%;height:50%;background:url(../img/footbg2.jpg) no-repeat bottom;background-size:100%;z-index:-5}
.foot_logobar{display:flex;justify-content:space-between;align-items:center}
.foot_top .contact_way{text-align:left}
.foot_top .contact_way{display:inline-block;padding:0px;text-align:left}
.company_f{color:var(--color);font-size:2.3125rem;font-weight:var(--fontbold7);line-height:36px}
.logo_namef{padding-left:280px;margin-top:38px}
.logo_namef p{font-size:1.875rem;color:#333333}
.foot_logobar .fr{text-align:-webkit-center}
.foot_logobar .fr .erwei_box{position:relative;background:var(--color);display:inline-block}
.foot_logobar .fr img{padding:8px;border:4px solid #bdd53f;transform:rotate(45deg);background:#FFF;width:90px}
.company_ltd{font-size:1.875rem;color:var(--color);font-weight:var(--fontbold7);padding:40px 0px 10px 0px}
.contact_way p{color:#333333;font-size:15px;line-height:32px}
.contact_tit{font-weight:var(--fontbold7);display:inline-block;margin-right:5px}
.foot_bottom{background:linear-gradient(#666,#4c4c4c);padding:40px 0px}
.foot_li{text-align:-webkit-center;line-height:35px}
.foot_li li{display:inline-block}
.foot_li li .inmenu_1{background:unset!important}
.foot_li li a{color:#FFF;opacity:.6;font-size:.9375rem;padding:0px 15px;display:inline-block;line-height:14px;border-right:1px solid #FFF}
.foot_li li:last-child a{border-right:none}
.foot_li li a:hover{opacity:1}
.copy_right{line-height:32px;color:#FFF;opacity:.6;text-align:-webkit-center;margin-top:12px}
.foot_share{text-align:-webkit-center;margin-top:10px}
.foot_share li{display:inline-block;margin-right:8px}
.toggle span:nth-child(1){opacity:1;transform:rotate(-45deg)}
.toggle span:nth-child(2){opacity:0}
.toggle span:nth-child(3){opacity:1;transform:rotate(45deg)}
.hidden_content{position:absolute;float:left;transition:all .3s;left:0px;width:100%;height:70px;top:0px;z-index:1000;background:#bdd53f;display:none}
.inner-banner{max-width:100%;display:block}
.product_wrap{margin-top:40px;padding-bottom:58px}
.pro_left{width:250px;float:left}
.necon_title{height:55px;line-height:55px;color:#FFF;background:var(--color);font-size:1.375rem;padding-left:15px;font-weight:var(--fontbold7);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pro_left .sf-menu a{color:#333333;display:block;background:#FFF;padding:10px 0px 10px 15px;border-bottom:1px solid #EEE}
.pro_left .company_contact{line-height:2.2;padding:18px 0px 20px 12px}
.contact_title{margin-top:25px}
.sf-menu>.LiLevel1>a{background:url(../img/nav_bg.jpg) no-repeat;line-height:1.6;color:#333333;font-size:1rem;font-weight:var(--fontbold7);position:relative;background-size:100% 100%;overflow:hidden;padding-right:32px}
.sf-menu>.LiLevel1>a:after{content:'>';position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:1.125rem;color:#bdd53f;font-weight:var(--fontbold7);font-family:SimSun}
.LiLevel1 li a:hover{background:var(--color);color:#FFF}
.pro_right{padding:0px 0px 30px 30px;overflow:hidden}
.page_title{line-height:67px;border-bottom:1px solid #EEE;padding-left:20px;position:relative;font-size:1.875rem;color:#333333;font-weight:var(--fontbold7)}
.page_title:after{content:'';position:absolute;width:6px;height:26px;background:#bcd43e;left:0px;bottom:50%;margin-bottom:-13px}
.page_title::before{content:"GRACIA";position:absolute;color:#EEE;font-size:1.875rem;right:0px;top:50%;transform:translateY(-50%);z-index:-5}
.pro_lb{margin-top:25px;display:flex;flex-wrap:wrap}
.pro_lb li{float:left;margin-right:3%;width:31.33%}
.pro_lb li:hover h3 a{color:var(--color)}
.pro_lb li h3{margin-bottom:10px}
.lb_top{position:relative;width:100%;height:0px;padding-bottom:100%}
.lb_top a{display:block;border:1px solid #EEE;text-align:-webkit-center;overflow:hidden;position:absolute;width:100%;height:100%;top:0px;left:0px}
.lb_top a:after,.lb_top a:before{content:'';position:absolute;left:-50%;width:50%;background:rgba(0,0,0,.7);top:0px;height:100%;transition:all .3s}
.lb_top a:after{right:-50%;left:unset!important}
.pro_lb li:hover .lb_top a:before{left:0px}
.pro_lb li:hover .lb_top a:after{right:0px}
.lb_detail{position:absolute;width:60px;top:50%;margin-top:-22px;height:44px;background:url(../img/20190402192105.png) no-repeat;left:50%;margin-left:-30px;z-index:1000;transition:all .5s;display:none}
.pro_lb li:hover .lb_detail{display:block}
.lb_top a img{width:100%;height:100%;object-fit:contain}
.pro_lb li:nth-child(3n){margin-right:0px}
.pro_lb li h3 a{display:block;line-height:1.4;text-align:center;color:#333333;font-size:1rem;white-space:normal;overflow:hidden;text-overflow:ellipsis;margin-top:10px}
.pages{text-align:center;font-size:16px;margin:20px 0px;color:#b2b2b2}
.pages a,.pages span{display:inline-block;margin:1px 5px;min-width:40px;height:40px;padding:0px 10px;line-height:40px;box-sizing:border-box;border:1px solid #ccc;}
.pages a:link,.pages a:visited{color:#666666;background:#FFF}
.pages a:active,.pages a:hover,.pages span.ctxt{color:#FFF;background:var(--color);text-decoration:none}
#imgshow{display:none!important}
.mid_line{margin-bottom:10px}
.tit{font-size:28px;color:var(--color);font-weight:var(--fontbold7);text-align:-webkit-center;margin-top:40px;line-height:1.4;margin-bottom:5px}
.time{color:#888;font-size:15px;text-align:-webkit-center;padding-bottom:15px;border-bottom:1px dashed #DDD;margin-bottom:25px}
.prev_next{padding-top:20px;font-size:1rem;color:#333333;font-weight:var(--fontbold7)}
.prev_next a{font-weight:var(--fontbold4)}
.prev_next a:hover,.prev_next li:hover{color:var(--color);text-decoration:underline}
.pinfo{color:#333333;line-height:32px;font-size:1rem}
.pr_bottom{height:60px;padding:20px 0px;border-top:1px dashed #DDD;margin-top:25px}
.news_mid li a{display:block;white-space:nowrap;margin-right:3%;text-overflow:ellipsis;overflow:hidden;font-size:.875rem;border-bottom:1px dashed #DDD;color:#333333}
.news_mid li{float:left;width:50%;height:35px;line-height:35px}
.news_mid li a:hover{color:var(--color)}
.at-style-responsive .at-share-btn{padding:7px!important;margin:0px 3px 5px!important}
.pro_single{position:relative}
.pro_single::after{content:"";display:block;position:absolute;bottom:0px;left:0px;width:100%;height:50%;background:url(../img/footbg2.jpg) no-repeat bottom;background-size:100%;z-index:-5}
.contact_erwei img{padding:8px;border:4px solid #bdd53f;background:#FFF;width:150px}
.singlepage_content{padding-bottom:80px;margin-top:25px;font-size:1rem;line-height:32px}
.singlepage_content .fl{width:45%}
.singlepage_content .feedbackForm{float:left;width:55%;margin-top:50px}
.service_t{color:var(--color);font-size:1.5rem;font-weight:var(--fontbold7);line-height:60px}
.chemin p{padding-left:20px}
.service_list{text-align:-webkit-center}
.service_list li{float:left;width:31.33%;margin-top:48px}
.service_list li:nth-child(2n) .ser_img{background:#bdd53f}
.service_list li:nth-child(2),.service_list li:nth-child(5){padding:0px 3%}
.ser_img{display:inline-block;background:var(--color);width:70px;height:70px;line-height:70px;transform:rotate(45deg);margin-bottom:20px}
.ser_img img{transform:rotate(-45deg);width:43px}
.ser_tit{color:#444;font-size:1.125rem;font-weight:var(--fontbold7);line-height:46px}
.service_list p{color:#777;line-height:25px;height:75px}
.feed_box input::-webkit-input-placeholder,.feed_box textarea::-webkit-input-placeholder{color:#555!important;opacity:.4}
.feed_page .feedbackForm{float:none!important;margin:20px auto;width:68%}
.feed_page{width:94%;margin-left:3%}
.nav_ne ul{display:flex;padding:10px 15px;font-size:12px;color:#666666;background:#fafafa;justify-content:flex-end}
.nav_ne a{color:#666666;font-size:14px;padding:0px 10px;text-transform:uppercase;cursor:pointer}
.nav_ne a:hover{color:var(--color)}
.nav_ne li:nth-child(1) a{padding-left:0px}
.nav_ne i{color:#666666;font-size:12px}
@media screen and (max-width:1470px){
.mid_box{float:left;width:80%;padding-left:0px}
.left_wrap{width:100%;height:91px}
.search_wrap{margin-top:34px;float:right;margin-right:25px}
.right_wrap{padding-left:0px}}
@media screen and (max-width:1030px){
.product_li>li{width:48%!important;margin-right:4%!important;margin-bottom:4%!important}
.product_li>li:nth-child(2n){margin-right:0px!important}
.service_li li{width:44%!important;padding:0px 3%!important}
.news_li li{width:100%!important;margin-right:0px!important}
.search_content .fl,.search_content .fr{margin:0px auto;text-align:-webkit-center}
#demo,.left_demo{float:none;display:inline-block;margin-top:0px}
.search_bar #txtSearch{float:none}
.search_bar #btnSearch{margin-left:-4px}}
@media screen and (max-width:960px){
.hidden_content{display:block}
.inmenu_1{background:var(--color)}
.pro_left{display:none!important}
.pro_right{padding-left:0!important}
.service_list li{width:48%}
.service_list li:nth-child(2),.service_list li:nth-child(5){padding:0px!important}
.service_list li:nth-child(2n){margin-left:4%}
.search_content .fl{display:none}
.search_bar #txtSearch{width:72%}
.search_content .fr{float:none}}
@media screen and (max-width:768px){
.foot_logobar .fl{text-align:-webkit-center}
.logo_namef{padding-left:0px}
.product_li>li{width:100%!important;margin-right:0px!important}
.service_li li{width:100%!important;padding:0px!important}
.appli_li li{width:49%!important;margin-right:2%!important;margin-bottom:2%}
.appli_li li:nth-child(2n){margin-right:0px!important}
.pro_lb0 li{margin-right:4%!important;width:48%!important}
.pro_lb0 li:nth-child(2n){margin-right:0px!important}
.pro_lb li:nth-child(3n){margin-right:unset}
.company_ltd{line-height:32px;font-size:1.375rem}
.company_f{font-size:1.875rem}
.logo_namef p{margin:10px 0px}
.singlepage_content .feedbackForm{width:95%;display:block;margin:0px auto;margin-top:40px}
.singlepage_content .fl{width:80%!important;margin-left:3%}
.logo_namef p{margin-top:0px;margin-bottom:30px}
.logo_namef{margin-top:12px}
.foot_top{padding:64px 0px}
.pr_bottom{display:flex;flex-direction:column}
.pr_bottom .fr{margin-top:15px}
.foot_logobar{flex-direction:column}
.foot_logobar .erwei_box{margin:50px 0px 30px 0pxpx}
.foot_logobar .fl img{margin-top:30px}}
@media screen and (max-width:476px){
.appli_li li{width:100%!important;margin-right:0px!important;margin-bottom:20px}
.pro_lb0 li{margin-right:0px!important;width:100%!important}
.service_list li{width:100%!important}
.service_list li:nth-child(2n){margin:30px 0 0 0!important}}
#slider{width:100%;margin:0px auto}
.controls li{top:50%;width:32px;height:56px;line-height:40px;background:var(--color);text-align:center;margin-top:-20px!important;display:flex;align-items:center;justify-content:center}
.controls li:hover{background:#bdd53f}
.controls li img{vertical-align:middle}
.controls li:nth-child(1){left:0px}
.controls li:nth-child(2){right:0px}
.nav_pagi{text-align:center;padding-top:25px}
.pagination{overflow:auto;margin:0!important;margin-left:-36px!important;bottom:35px!important}
.pagination li{background:#FFF;width:15px!important;height:15px!important;transition:all .3s}
.pagination li.active{background:var(--color);width:35px!important}
.title_bar{text-align:center}
.responsive{width:100%;height:auto;display:block}
#products{padding-bottom:70px}
.abstract{font-size:.9375rem;color:#888;max-width:96%;margin:0px auto;text-align:-webkit-center;margin-bottom:40px}
#products .con_title{color:#333333}
#products .title_span{color:var(--color)}
.con_title{font-size:3rem;text-align:-webkit-center;font-weight:var(--fontbold7);color:#FFF;margin-bottom:20px;line-height:58px;padding-top:70px}
.title_span{color:#FFF}
.product_li>li{float:left;margin-right:3.5%;width:31%;margin-bottom:3.5%}
.product_li>li:nth-child(3n){margin-right:0px}
.proli_top{background:url(../img/probg.png) no-repeat;height:76px;line-height:76px;background-size:cover}
.pro_title{display:inline-block;font-size:1.375rem;font-weight:var(--fontbold7);color:#FFF;width:73%;line-height:40px;white-space:nowrap;overflow:hidden;margin-top:28px;text-overflow:ellipsis}
.pro_number{width:20%;height:76px;float:left}
.product_li>li:nth-child(1) .pro_number{background:url(../img/cp-num1.png) center center no-repeat}
.product_li>li:nth-child(2) .pro_number{background:url(../img/cp-num2.png) center center no-repeat}
.product_li>li:nth-child(3) .pro_number{background:url(../img/cp-num3.png) center center no-repeat}
.product_li>li:nth-child(4) .pro_number{background:url(../img/cp-num4.png) center center no-repeat}
.product_li>li:nth-child(5) .pro_number{background:url(../img/cp-num5.png) center center no-repeat}
.product_li>li:nth-child(6) .pro_number{background:url(../img/cp-num6.png) center center no-repeat}
.proli_mid{position:relative;display:block;overflow:hidden;width:100%}
.proli_mid img{width:100%;object-fit:contain}
.proli_pfont{position:absolute;width:94%;padding:3%;height:94%;bottom:100%;z-index:100;transition:all .3s;background:rgba(0,0,0,.7);color:#FFF; overflow: hidden;}
.proli_pfont p{background:url(../img/translate.png) no-repeat left center;padding-left:20px;line-height:20px;margin-top:10px}
.product_li>li:hover .proli_pfont{bottom:0px}
.point_span{display:inline-block;color:#b5cf2d;font-size:1.5rem;vertical-align:middle;margin-right:12px}
.proli_pfont li{line-height:32px;color:#FFF;font-size:.9375rem}
.product_li>li:hover .proli_mid:before{left:0px}
.product_li>li:hover .proli_mid:after{right:0px}
.proli_img{width:100%}
.proli_bot{height:44px;line-height:44px}
.pro_more{background:url(../img/more.png) 8px center;background-size:cover;display:inline-block;width:30%;float:left;text-align:-webkit-center;font-size:.875rem;text-transform:uppercase;color:#FFF}
.pro_more:hover{color:#FFF;font-weight:var(--fontbold7)}
.chemintel{float:left;width:70%;text-align:-webkit-center;background:var(--color)}
.chemintel p{font-weight:var(--fontbold7);opacity:.2;font-size:1.875rem;text-transform:uppercase;color:#FFF}
#service{background-size:cover;position:relative;background:url(../img/CHEMINTEL.jpg) repeat-y}
#service .container{position:relative;z-index:100}
#application .abstract,#service .abstract{color:#FFF}
.service_li{padding-top:10px}
.service_li li{float:left;color:#FFF;width:30%;text-align:-webkit-center;margin-bottom:50px}
.service_li li:nth-child(2),.service_li li:nth-child(5){padding:0px 5%}
.service_t{display:inline-block;width:70px;height:70px;transform:rotate(-45deg);text-align:-webkit-center;line-height:70px;background:#FFF;margin-bottom:23px;position:relative}
.service_t img{max-width:100%;transform:rotate(45deg);vertical-align:middle;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-26px;transition: all 0.3s ease;}
.service_t .numb_2{display:none}
.service_li li:hover .service_t{background:#b5cf2d}
.service_li li:hover .service_t .numb_2{display:block}
.service_li li:hover .service_t img{filter: brightness(100) saturate(100%);}
.service_tit{font-size:1.125rem;font-weight:var(--fontbold7);margin-bottom:5px}
.service_li li p{font-size:.9375rem;height:75px}
.news_li li .fl{position:absolute;height:100%;background:var(--color);width:108px;text-align:-webkit-center}
.pubdate{color:#FFF;position:absolute;top:50%;width:100%;margin-top:-38px}
.pudate_day{font-size:3rem;line-height:53px}
.pudate_mon{font-size:.875rem}
.news_li li{float:left;width:49%;margin-right:2%;margin-bottom:2%;position:relative}
.news_li li:nth-child(2n){margin-right:0px}
.news_font h3 a{font-weight:var(--fontbold7);font-size:1rem;color:#444;display:block;white-space:nowrap;overflow:hidden}
.right_news{background:#f0f0f0;padding:20px 20px 20px 130px}
.news_font p{color:#777;font-size:.9375rem;margin-top:9px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.news_li li:hover .fl{background:#b5cf2d}
.news_li li:hover .right_news{background:var(--color)}
.news_li li:hover .news_font h3 a,.news_li li:hover .news_font p{color:#FFF}
#knowledge,#news{padding-bottom:70px}
#knowledge .con_title,#news .con_title{color:var(--color)}
#knowledge .con_title{padding-top:0px}
#knowledge .title_span,#news .title_span{color:#333333}
#application{padding-bottom:60px;background:var(--color)}
.appli_li li{float:left;margin-right:2%;width:23.5%}
.appli_li li:nth-child(4){margin-right:0px}
.appli_content{position:relative;overflow:hidden}
.appli_content>img{width:100%;display:block}
.appli_content h3{display:block;line-height:50px;white-space:nowrap;color:#FFF;background:rgba(181,207,45,.8);width:100%;text-align:-webkit-center;bottom:0px;font-size:1rem;font-weight:var(--fontbold7)}
.appli_detail{position:absolute;top:100%;margin-top:-50px;transition:all .3s;height:100%;background:rgba(0,0,0,.5);width:100%}
.appli_detail p{color:#FFF;line-height:30px;padding:5%;word-break:break-word}
.appli_li li:hover .appli_detail{top:0px;margin-top:0px}
@media screen and (max-width:768px){
#service{background:var(--color)}}
#foot #xyz ul{display:flex;justify-content:center;padding-top:15px;flex-wrap:wrap}
#foot #xyz ul li{margin:5px !important;display:block !important;overflow:inherit !important}
#foot #xyz ul li a{font-size:12px;color:#FFF;display:flex;align-items:center;line-height:1.4;text-transform:capitalize}
#foot #xyz ul li a img{margin-right:3px}
.pro_lb li.news-col{width:100%;margin:0px;border-bottom:1px dashed #CCC;padding:10px 0px}
.pro_lb li.news-col>div:after{content:'';display:block;visibility:hidden;height:0px;clear:both}
.pro_lb li.news-col .news-left{width:220px;float:left;border:1px solid #CCC}
.pro_lb li.news-col .news-left img{width:auto;max-height:250px;display:block;margin:0px auto}
.pro_lb li.news-col .news-right{padding-left:245px}
.pro_lb li.news-col h3 a{line-height:30px;text-align:left;font-size:18px}
.pro_lb li.news-col .newlist-btn a{background:var(--color);display:inline-block;color:#FFF;line-height:40px;padding:0px 20px;margin-top:15px}
.the_button{color:#383838;font-size:1.5rem;font-weight:var(--fontbold7);padding-bottom:15px;padding-top:30px}
.rollPro1{width:100%;margin:10px auto;overflow:hidden;display:flex;flex-wrap:wrap}
.rollPro1 li{float:left;margin-right:3%;width:31.33%}
.rollPro1 li:nth-child(3n){margin-right:0px}
.rollPro1 li .pbox{border:1px solid #EEE;height:200px}
.rollPro1 li .pbox a{display:block;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.rollPro1 li .pbox a img{max-width:100%;max-height:100%}
.rollPro1 li p{line-height:60px;font-size:1rem;text-align:-webkit-center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.rollPro1 li p a{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.nwrollPro{width:100%;float:left}
.sidebar-item *{box-sizing:border-box}
.sidebar-item{box-sizing:border-box;width:100%;margin-bottom:25px;position:relative}
.sidebar-item:first-child{margin-top:20px}
.sidebar-item.sidebar-search{background:#fafafa;display:flex;justify-content:space-between;align-items:center;border:none;padding:20px 12px}
.email-subscription{display:flex;flex-direction:column;width:100%}
.email-subscription input{font-size:13px;width:100%;outline:0;border:1px solid #CCCCCC;height:40px;border-radius:0;padding:0 10px;transition:all .1s linear}
.email-subscription button{font-size:14px;margin-top:10px;width:100%;height:40px;background:var(--color);color:#FFFFFF;border:none;border-radius:0;cursor:pointer;transition:all .1s linear}
.company-intro{border:none}
.company-intro p{padding:18px 12px 0;font-size:14px}
.sidebar-item .sidebar-list{padding:18px 12px 0}
.sidebar-item .sidebar-list .item{display:flex;align-items:center;justify-content:space-between;margin-bottom:1em}
.sidebar-item .sidebar-list .item:last-child{margin-bottom:0em}
.sidebar-item .sidebar-list .item:hover .img img{transform:scale(1.02)}
.sidebar-item .sidebar-list .item:hover .info .title{color:var(--color)}
.sidebar-item .sidebar-list .item .img{width:100px;height:80px;background:#FFFFFF;border:1px solid #EBEBEB;border-radius:3px;overflow:hidden}
.sidebar-item .sidebar-list .item .img img{width:100%;height:100%;object-fit:cover;transition:all .1s linear}
.sidebar-item .sidebar-list .item .info{flex:1;padding-left:15px}
.sidebar-item .sidebar-list .item .info .title{font-size:15px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.4;transition:all .1s linear}
.sidebar-item .sidebar-list .item .info .more{margin-top:6px;text-transform:capitalize;color:var(--color);font-size:14px;padding:0;border:none;line-height:1.4}
.blogflex{display:flex;align-items:flex-start;padding:20px 12px;border:none;background:#fafafa}
.blogflex .blogflex-img{width:50px;height:50px;border-radius:50%;border:1px solid #EEEEEE;overflow:hidden}
.blogflex .blogflex-img img{width:100%;height:100%;object-fit:cover}
.blogflex .blogflex-info{flex:1;padding-left:10px}
.blogflex .blogflex-info .blogflex-name{font-size:17px;line-height:1.4;font-weight:700}
.blogflex .blogflex-info .blogflex-content{font-size:14px;line-height:1.4;color:#666666;margin-top:5px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:30;overflow:hidden}
.lang{z-index:99999;text-align:left;position:absolute;left:100%;top:15px;}
.lang-icon{display:flex;align-items:center;width:100%;height:30px;border:none;cursor:pointer;font-size:var(--fontsize16);user-select:none;white-space:nowrap}
.lang-icon span{position:relative;padding-right:18px;color:var(--headercolor,#333);margin-left:8px;font-size:var(--fontsize14,14px)}
.lang-icon span::before{content:"";position:absolute;right:4px;top:9px;width:8px;height:1px;background:var(--headercolor,#333);transform:rotate(50deg)}
.lang-icon span::after{content:"";position:absolute;right:0px;top:9px;width:8px;height:1px;background:var(--headercolor,#333);transform:rotate(-50deg)}
.lang-drop{position:absolute;top:calc(100% + 26px);right:50%;transform:translateX(50%);background:#FFFFFF;border:1px solid #EBEEF5;border-radius:4px;box-shadow:0px 2px 12px 0 rgba(0,0,0,.1);z-index:9999;visibility:hidden;opacity:0;transition:opacity .3s,top .3s}
.lang-drop.lang-flex{transform:translateX(20%)}
.lang-drop.active{visibility:visible;opacity:1;top:calc(100% + 7px)}
.lang-arrow{display:block;width:10px;height:10px;background-color:#FFFFFF;border-top:1px solid #EBEEF5;border-left:1px solid #EBEEF5;transform:translateX(-50%) rotate(45deg);position:absolute;top:-6px;left:50%}
.lang-drop.lang-flex .lang-arrow{left:80%}
.lang-wrap{list-style:none;width:140px;padding:8px 0px;box-sizing:border-box}
.lang-flex .lang-wrap{display:flex;flex-wrap:wrap;padding:8px}
.lang-wrap li{width:100%;box-sizing:border-box;transition:background-color .3s}
.lang-flex .lang-wrap li{width:33.3333%}
.lang-wrap li.lang-active,.lang-wrap li:hover{background-color:#EEEEEE}
.lang-wrap li a{display:block;color:var(--fontcolor,#333);font-size:var(--fontsize12,12px);padding:10px 12px;text-decoration:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.lang-wrap li img{display:inline-block;width:24px;height:16px;vertical-align:-.25em;margin-right:4px}
@media(max-width:1024px){
.lang{transition:all .2s linear}
.lang-icon img{width:32px;height:auto;}
.lang-icon span{display:none}
.lang-drop{display:none}
.lang-drop.active{display:block;top:calc(100% + 12px)}}

.wmkcfeedback input, .wmkcfeedback textarea {
    width: 100%;
    height: 48px;
    border: 1px solid #bbb;
    border-radius: 3px;
    font-family: inherit;
    padding: 10px;
    font-size: 14px;
    outline: 0;
    margin-top: 20px;
    transition: all .1s linear;
    resize: none;
    box-sizing: border-box;
    text-indent: 25px;
    background: #fff no-repeat left;
}
.wmkcfeedback textarea {
    width: 100%;
    height: 200px;
}
.wmkcfeedback input.wmkcfb-name {
    background-image: url(https://img01.v15cdn.com/leavemessage/name.webp);
    background-size: 18px;
    background-position: 8px;
}
.wmkcfeedback .inquiry-form>input:nth-child(1) {
    margin-top: 0;
}
.wmkcfeedback input.wmkcfb-email {
    background-image: url(https://img01.v15cdn.com/leavemessage/email.webp);
    background-size: 18px;
    background-position: 8px 15px;
}
.wmkcfeedback textarea.wmkcfb-content {
    background-image: url(https://img01.v15cdn.com/leavemessage/content.webp);
    background-size: 16px;
    background-position: 8px 13px;
}
.wmkcfeedback .send-btn {
    min-width: 180px;
    height: 46px;
    padding: 0 15px;
    background: #fff;
    margin: 15px auto 0;
    border: 1px solid var(--color, #000);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color, #000);
    cursor: pointer;
    font-size: 16px;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    outline: 0;
    z-index: 1;
    transition: all .2s linear;
}
.wmkcfeedback .send-btn em {
    position: relative;
    margin-left: 8px;
}
.wmkcfeedback .send-btn .icon {
    background: 0 0;
    width: 15px;
    height: 15px;
    transform: rotate(-90deg);
}
.wmkcfeedback .send-btn .icon::after, .wmkcfeedback .send-btn .icon::before {
    content: "";
    width: 8px;
    height: 1px;
    background: var(--color, #ff9c00);
    position: absolute;
    top: 50%;
    left: 1px;
    transform: rotate(45deg);
}
.wmkcfeedback .send-btn .icon::after {
    transform: rotate(-45deg);
    left: 6px;
}
.wmkcfeedback .send-btn:hover .icon::after, .wmkcfeedback .send-btn:hover .icon::before {
    background: #fff;
}
.wmkcfeedback .send-btn::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    background: var(--color, #ff9c00);
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition-property: transform;
    transition-duration: .5s;
    transition-timing-function: ease-out;
}
.wmkcfeedback .send-btn:hover:before {
    transform: scaleX(1);
    transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
}
.wmkcfeedback .send-btn:hover {
    color: #fff;
}

.pro_left .news_type li a {
    background: url(nav_bg.jpg) no-repeat;
    color: #333333;
    font-weight: 700;
    position: relative
}

.news_type li a:after {
    content: '>';
    position: absolute;
    right: 15px;
    top: 7px;
    font-size: 20px;
    color: #bdd53f
}

.news_type li a:hover:after {
    color: #1f94c7!important
}

.news_type li a:hover {
    color: #1f94c7!important
}

.news_list {
    float: left;
    width: 100%
}

.news_list li:hover {
    background: #e6f3fc
}

.news_list li {
    transition: all .3s
}

.news_list li a {
    display: block;
    line-height: 58px;
    border-bottom: 1px dotted #EEE;
    color: #333333
}

.news_list li:hover a {
    padding: 0px 20px
}

.news_list li .news_cont {
    float: left;
    width: 80%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 20px;
    position: relative
}

.news_list li .news_cont:before {
    content: '>';
    position: absolute;
    left: 0px;
    text-align: -webkit-center;
    top: 0px;
    font-size: 14px;
    color: #1f94c7;
    font-weight: 700;
    font-family: SimSun
}

.news_list li .pub_date {
    float: right
}

.news_list li.nwmor {
    width: 100%;
    float: left;
    border-bottom: 1px dashed #CCC;
    padding: 14px 0px;
    background: none
}

.news_list li.nwmor .wmpic {
    display: block;
    float: left;
    width: 260px;
    padding: 0px;
    border: none;
    line-height: 1.3
}

.news_list li.nwmor .wmpic img {
    max-width: 100%;
    display: block;
    margin: 0px auto
}

.news_list li.nwmor .newstxt {
    padding-left: 290px;
    color: #696969
}

.news_list li.nwmor .newptit {
    position: relative
}

.news_list li.nwmor .newstxt .newptit a {
    margin-bottom: 7px;
    width: 100%;
    font-size: 19px;
    line-height: 28px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 56px;
    border: none;
    padding: 0px 100px 0px 0px;
    box-sizing: border-box
}

.news_list li.nwmor .txtime {
    line-height: 28px;
    color: #999;
    font-size: 13px;
    display: block;
    position: absolute;
    right: 0px;
    top: 0px
}

.news_list li.nwmor .txtime span {
    font-weight: 700;
    margin-right: 6px
}

.news_list li.nwmor .newstxt p {
    overflow: hidden
}

.news_list li.nwmor .newstxt .newptit a:hover {
    color: #1f94c7
}

@media screen and (max-width: 768px) {
    .news_cont {
        width:70%!important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .news_list li .pub_date {
        float: left;
        width: 30%;
        text-align: -webkit-right
    }
}