@charset "utf-8";
@import url(../../../css01.v15cdn.com/language.css);
:root{--color:#456fc4;--fontcolor:#000000;--fontbold3:300;--fontbold4:400;--fontbold5:500;--fontbold6:600;--fontbold7:700}
*,html,body,h1,h2,h3,h4,h5,h6,table,th,td,ul,li,dl,dt,dd,div,p{margin:0px;padding:0px;box-sizing:border-box}
body{font-size:14px;color:var(--fontcolor);line-height:1.6;position:relative;font-family:Helvetica,Arial,Verdana,sans-serif}
a,a:link,a:visited{color:var(--fontcolor);text-decoration:none}
a:hover,a:active{color:var(--color);text-decoration:none}
h1,h2,h3,h4,h5,h6{text-transform:capitalize}
ul,li,dl,dt,dd,ol{list-style:none}
img{border:none;vertical-align:middle;max-width:100%;height:auto}
iframe,video{max-width:100%;outline:0;border:none;vertical-align:bottom}
.container{clear:both;margin:0px auto;max-width:1360px}
.clear{clear:both}
.clearfix{zoom:1}
.clearfix:after,.clearfix:before{display:table;content:""}
.clearfix:after{clear:both}
.faker{padding:0px 25px;margin-top:10px}
.top{font-size:13px;color:#FFFFFF;background:#363636;position:relative;height:40px}
.logo img{vertical-align:middle;max-height:100%}
.info-links{text-align:center}
.info-links li{float:right;margin-right:46px;line-height:40px;color:#909090;height:40px;overflow:hidden}
.info-links li a{color:#909090}
.info-links li img{line-height:24px;font-size:16px;height:24px;float:left;margin-top:7px;margin-right:3px}
#nav{padding:0px 25px;box-shadow:1px 5px 20px #EEEEEE}
.nav .container{position:relative}
.logo{float:left;height:90px;line-height:90px}
.logo_img{vertical-align:middle}
.nav{z-index:99;float:right}
.nav>li{float:left;position:relative}
.nav li a{display:block;padding:0px 15px;color:var(--fontcolor);font-size:16px;line-height:90px;font-weight:var(--fontbold6);transition:all .3s}
.nav .submenu{position:absolute;float:left;width:auto;top:90px;left:0px;background:#FFFFFF;padding-left:0px;opacity:.95;filter:alpha(opacity=85);z-index:9999999;display:none}
.nav .submenu li a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:35px;height:35px;font-weight:normal}
.nav .submenu li a:hover{background:#EEEEEE;color:var(--fontcolor)}
.hidden_content{width:100%;position:relative;z-index:1000;height:56px;display:none}
.hide_top{background:#FFFFFF;width:100%;z-index:1000}
.mobile_logo{float:left;height:55px;margin-left:25px}
.mobile_login_menu{float:right;height:25px;line-height:25px;padding:5px 13px;background:#333333;margin-top:27px;border-radius:8px;cursor:pointer;margin-right:25px;display:none}
.mobile_login_menu img{width:25px}
.menu_bar{font-size:18px;float:left}
.hide_menuwrap{width:100%;position:absolute;float:left;background:#363636;transition:all .3s;z-index:200;overflow:hidden}
.hide_menuwrap .nav{float:none}
.nav_en1>li{background:#212121;text-align:left;display:none;width:100%;float:none!important;font-size:20px;border-top:1px solid #EFEFEF;transition:all .2s;transform:translateZ(0);transition-property:color;transition-duration:.3s;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:.3s;-webkit-transition-property:color;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}
.nav_en1 li a{line-height:50px;display:block;padding:0px 25px}
.nav_en1 .submenu li a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid #FFFFFF;line-height:35px;color:#CCCCCC}
.nav_en1 .submenu li{display:block!important}
.nav_en1 .submenu{background:#262626;border-top:1px solid #FFFFFF;transition:all .3s;display:none}
.nav_en1 li:hover{background:var(--color)}
.back_to_top{position:fixed;bottom:30px;right:30px;width:30px;cursor:pointer;border-radius:30px;display:none;z-index:1001}
#about,#products{clear:both;padding:60px 0px}
.incon_title{padding-bottom:30px;text-align:center}
.incon_title h2,.incon_title .h2{color:var(--fontcolor);font-size:35px;line-height:1.1;font-weight:var(--fontbold7);text-transform:uppercase}
.incon_title h2 span,.incon_title .h2 span{color:var(--fontcolor)}
.border_line{border-top:1px solid var(--color);height:1px;margin:10px auto 0px;position:relative;width:25%}
.border_line:before{background-color:var(--color);content:"";height:4px;left:50%;margin-left:-20px;position:absolute;top:-3px;width:40px}
.mid_box .single_one{float:left;width:33.33%;text-align:center;transition:all .3s;padding:10px 0px}
.mid_box .two_imgbox{position:relative;width:200px;height:100px;background-color:transparent;margin:50px auto;padding:20px 0px;border-left:solid 3px #DDDDDD;border-right:solid 3px #DDDDDD;transform:translateZ(0);transition:all .5s}
.mid_box .two_imgbox:hover{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px)}
.two_imgbox:before{top:-72.5685px;border-top:solid 4.2426px #DDDDDD;border-right:solid 4.2426px #DDDDDD}
.two_imgbox:after,.two_imgbox:before{content:"";position:absolute;z-index:1;width:138.14px;height:138.14px;background-color:inherit;left:25.4315px;-webkit-transform:scaleY(.5774) rotate(-45deg);-moz-transform:scaleY(.5774) rotate(-45deg);-ms-transform:scaleY(.5774) rotate(-45deg);-o-transform:scaleY(.5774) rotate(-45deg);transform:scaleY(.5774) rotate(-45deg)}
.two_imgbox:after{bottom:-70.5685px;border-bottom:solid 4.2426px #DDDDDD;border-left:solid 4.2426px #DDDDDD}
.single_one img{margin-top:-28px;width:170px}
.single_content p{display:inline-block;margin-top:10px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#counter{background-image:url(city.jpg);background-attachment:fixed!important;background-position:center center;background-repeat:no-repeat;background-size:cover;position:relative;color:#DDDDDD;text-align:center}
.mid_in{background:#000000;opacity:.8;padding:70px 0px}
.counters-item{padding:0px 15px}
.counters-item>div{padding:20px 0px;border:1px solid var(--color)}
.counters_li li{float:left;width:25%}
.counters-item h4,.counters-item .h4{font-size:20px;line-height:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0px 10px}
.counters-item p{font-size:30px;margin:0px}
.products_li li{float:left;width:33.333%}
.service-block{padding:18px;margin-bottom:18px;text-align:center;border-left:1px solid var(--color);border-top:1px solid var(--color);-webkit-box-shadow:2px 2px 5px rgba(44,44,44,.3),13px 13px 0 rgba(193,193,193,.7);box-shadow:2px 2px 5px rgba(44,44,44,.3),13px 13px 0 rgba(193,193,193,.7)}
.products_con{padding:10px}
#products a{color:var(--fontcolor);-webkit-transition:all .3s ease-in 0s;-moz-transition:all .3s ease-in 0s;-o-transition:all .3s ease-in 0s;transition:all .3s ease-in 0s}
.text_big{text-align:center;padding:0px 25px}
.service-block img{max-width:100%;max-height:100%}
.service-block a{display:inline-block;position:relative;width:100%}
.service-block a:after{background-color:var(--color);position:absolute;content:"";left:0px;top:0px;opacity:0;height:100%;width:100%;-moz-transform:scaleY(0);-webkit-transform:scaleY(0);-o-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transition:all .6s ease-out;-moz-transition:all .6s ease-out;-ms-transition:all .6s ease-out;-o-transition:all .6s ease-out;transition:all .6s ease-out;z-index:10}
.products_li li:hover .service-block a:after{-moz-transform:scaleY(1);-webkit-transform:scaleY(1);-o-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);opacity:.8}
.appli_con .h3,.appli_con h3,.products_con .h3,.products_con h3{text-align:center;padding:5px 0px;overflow:hidden;text-overflow:ellipsis;color:var(--fontcolor)}
#application{background:#EEEEEE;overflow:hidden;padding:70px 0px}
.appli_li li{float:left;width:25%}
.appli_li li:hover h3,.appli_li li:hover .h3{color:var(--color)}
.appli_li li:hover img{transform:scale(1.2)}
.appli_imgbox{position:relative;overflow:hidden;border:1px solid #EEEEEE}
.appli_imgbox:hover{cursor:pointer}
.appli_imgbox img{width:100%;transition:.6s;display:block}
.appli_con{padding:10px}
.appli_imgbox:after{background-color:var(--color);position:absolute;content:"";left:0px;top:0px;opacity:0;height:100%;width:100%;-moz-transform:scaleX(0);-webkit-transform:scaleX(0);-o-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all .6s ease-out;-moz-transition:all .6s ease-out;-ms-transition:all .6s ease-out;-o-transition:all .6s ease-out;transition:all .6s ease-out;z-index:10}
.appli_li li:hover .appli_imgbox:after{-moz-transform:scaleX(1);-webkit-transform:scaleX(1);-o-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);opacity:.8}
.btn_rmore{padding:4px 8px;background:var(--color);color:#FFFFFF;position:absolute;top:50%;margin-top:-18px;left:50%;margin-left:-42px;z-index:1000;display:none}
.appli_li li:hover .btn_rmore{display:block}
.btn_rmore::before{background-color:#192634;transform-origin:0 50%;left:0px;top:0px;right:0px;bottom:0px;position:absolute;z-index:-1;content:"";transform:scaleX(0);transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-webkit-transition-duration:.5s;-webkit-transition-property:transform;-webkit-transform:scaleX(0);-webkit-transform-origin:0 50%}
.btn_rmore:hover{color:#FFFFFF;text-decoration:underline}
.btn_rmore:focus{color:#FFFFFF}
.btn_rmore:active{color:#FFFFFF}
.btn_rmore:hover::before{transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transform:scaleX(1)}
.btn_rmore:focus::before{transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transform:scaleX(1)}
.btn_rmore:active::before{transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transform:scaleX(1)}
#skill{background:url(skills.jpg) no-repeat;background-attachment:fixed!important;padding:70px 0px;overflow:hidden;background-size:cover}
#skill .incon_title h2,#skill .incon_title h2 span,#skill .incon_title .h2,#skill .incon_title .h2 span{color:#FFFFFF!important}
#skill .border_line:before{background-color:#FFFFFF;border:1px ridge #FFFFFF}
#skill .border_line{border-top:1px solid #FFFFFF}
.appli_li,.products_li,.skill_li,.solution_li{padding:0px 20px}
.skill_li li{float:left;width:25%;margin-bottom:15px}
.skill_top{height:80px;display:inline-block;margin-left:35px}
.skill_top img{display:inline-block;border-radius:80px;width:80px}
.skill_top p{margin-top:-58px;color:var(--fontcolor);font-weight:var(--fontbold7);text-align:center;max-width:80px}
.skill_list{margin-top:20px;line-height:1.7;color:#FFFFFF;font-size:18px}
.skill_list img{border-radius:15px;width:20px;margin-right:10px;vertical-align:middle}
.skill_list p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:35px}
#solution{overflow:hidden;padding:70px 0px}
.solution_li>li{float:left;width:25%;transition:all .3s;text-align:center}
.solution_con{padding:0px 10px}
.solution_imgbox img{width:100%}
.solution_li>li:hover{box-shadow:0 12px 30px rgba(195,195,197,.8);margin-top:-10px}
.solution_con p{margin:10px 0px;font-size:16px}
#intro{background:#2f3033;background:url(bicycle.jpg) no-repeat;background-attachment:fixed!important;color:#FFFFFF;padding:70px 0px;background-size:cover}
.intro_title{text-align:center}
.intro_title p{font-size:30px;font-weight:var(--fontbold6);margin-bottom:20px;display:inline-block;padding:0px 30px;border-left:3px solid #DDDDDD;border-right:3px solid #DDDDDD}
.intro_font{font-size:16px;color:#DDDDDD;padding:0px 25px;text-align:center}
#contact_us{padding:70px 0px;overflow:hidden}
.contact_li>li{width:50%;float:left;margin-bottom:10px}
.list_content{padding:0px 20px}
.contact_li .fl h3,.contact_li .fl .h3{font-size:24px;font-weight:var(--fontbold6)}
.address{margin-top:10px;line-height:2}
.form-control{background-color:transparent;border:1px solid var(--color);display:block;width:100%;text-indent:15px;outline:0;height:110px}
.form-control:hover{border:1px solid var(--color)}
.list_content input{height:38px;margin-bottom:20px}
.list_content textarea{padding-top:10px}
#ImgSend_I{background-color:transparent;color:var(--fontcolor);padding:10px 30px;border-radius:0;margin-top:15px;border:1px solid var(--color);-webkit-transition:all .5s ease-in 0s;-moz-transition:all .5s ease-in 0s;-o-transition:all .5s ease-in 0s;transition:all .5s ease-in 0s;outline:0;cursor:pointer}
#ImgSend_I:hover{background-color:var(--color);border:1px solid transparent}
.foot{clear:both;margin:50px auto 0px;padding:30px 0px 10px;background:#EEEEEE}
.social{text-align:center}
.social li{text-align:center;display:inline-block}
.social li a{margin:0px 10px;font-size:16px;transition:all .3s}
.copy_right{margin:20px 0px 10px;font-size:14px;text-align:center}
.copy_right img{max-width:100px;margin-bottom:10px}
.copy_right p{font-size:14px;color:var(--fontcolor)}
.copy_right p a{margin-left:10px}
@media screen and (max-width:1250px){
.pror_detail .fr{width:100%!important;margin-top:10px}}
@media screen and (max-width:1090px) and (min-width:760px){
.itembody .list_left{float:none!important}
.itembody .list_right{padding-left:0!important;margin-top:10px}}
@media screen and (max-width:960px){
.hidden_content{display:block}
.appli_li li,.counters_li li,.products_li li,.skill_li li,.solution_li>li{width:50%}
.mid_box .single_one{width:100%}
.info-links li{float:none;display:inline-block;margin-right:10px}
.choose_box li,.single_case{width:50%!important}
.ab_content li{width:100%}
.contact_li>li{width:100%}
.itembody{padding:30px 0 0}
.solution_li>li:hover{margin-top:0!important}
.solution_con{padding:10px 10px!important}
.nav{position:absolute;float:right;transition:all .3s;z-index:200;right:0px;width:100%;min-width:unset;top:90px;padding:0!important;margin:0!important;background:#FFFFFF;display:block!important}
.nav>li{float:none!important;display:none}
.mobile_login_menu{display:block!important}
.nav li{border-bottom:1px solid #CCCCCC}
.nav .submenu{position:unset!important;float:none!important}
.nav li a{line-height:45px}}
@media screen and (max-width:760px){
.show_box li{width:49%}
.news_content{width:49%!important}
.partner_icon li{width:44%}
.pro_left{width:100%!important;float:none!important}
.pro_right{padding-left:0!important}}
@media screen and (max-width:700px){
.itembody{padding:30px 0 0!important}
.itembody .list_right{padding-left:0!important;margin-top:10px}
.itembody .list_left{float:none!important}}
@media screen and (max-width:560px){
.appli_li li,.counters_li li,.products_li li,.skill_li li,.solution_li>li{width:100%}}
.inner_banner img{width:100%}
.products{clear:both;margin:30px auto 0px;transition:all .3s}
.content_title{clear:both;padding:0px;margin:25px auto}
.products_wrap{clear:both;margin:0px auto;padding:0px}
.pro_left{width:300px;box-shadow:0px 5px 15px #EEEEEE}
.list_left,.list_right,.pro_left{float:left}
.con-contact{margin:10px}
.con_title{line-height:48px;color:#FFFFFF;background:var(--color);font-size:20px;text-align:center}
.bPosition{font-size:14px;text-align:right;line-height:35px;padding-right:10px;background:#F7F7F7}
.pro_left .sf-menu{margin:0px auto;padding-bottom:20px}
.pro_left .sf-menu li{border-bottom:1px solid #FFFFFF}
.pro_left .sf-menu a{display:block;color:var(--fontcolor);line-height:20px;font-size:16px;padding:9px 0px 9px 18px;background:#EEEEEE url(pico.png) 5px 15px no-repeat}
.pro_left .sf-menu a:hover{color:var(--color);background:#dbdbdb url(pico.png) 5px 15px no-repeat}
.pro_left .sf-menu ul li a{background:#FFFFFF;color:var(--fontcolor)}
.pro_left .sf-menu1{margin:0px auto;padding-bottom:20px}
.pro_left .sf-menu1 li{border-bottom:1px solid #FFFFFF;position:relative;z-index:999}
.pro_left .sf-menu1 li ul{display:none;position:absolute;left:100%;top:0px;width:100%}
.pro_left .sf-menu1 li:hover>ul{display:block}
.pro_left .sf-menu1 a{display:block;color:var(--fontcolor);line-height:20px;font-size:16px;padding:9px 0px 9px 18px;background:#EEEEEE url(pico.png) 5px 15px no-repeat}
.pro_left .sf-menu1 a:hover{color:#FFFFFF;background:#dbdbdb url(pico.png) 5px 15px no-repeat}
.pro_left .sf-menu1 ul li a{background:#FFFFFF;color:var(--fontcolor)}
.pro_right{padding-left:50px;overflow:hidden}
.pro_right .title-h1{clear:both;margin:8px 0px;font-size:26px;line-height:1.3}
.pro_right ul{display:flex;flex-wrap:wrap;overflow:hidden}
.pro_right .singgle_b{width:31.333%;margin:0% 1.5% 3% 1.5%;float:left;transition:all .3s}
.pro_right .singgle_b:nth-child(3n+1){margin-left:0%}
.pro_right .singgle_b:nth-child(3n){margin-right:0%}
.pro_right .singgle_b .watch_box{padding:10px;border:solid 1px #EEEEEE;box-shadow:0px 5px 15px #EEEEEE}
.pro_right .singgle_b .watch_box:hover{border:solid 1px var(--color)}
.pro_right .singgle_b .watch_box .change_box{display:flex;max-height:295px;align-items:center;justify-content:center;aspect-ratio:1/1}
.pro_right .singgle_b .watch_box img{display:block;margin:0px auto;max-height:295px}
.pro_right .singgle_b .watch_box>a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:10px 0px;text-align:center;font-size:18px;line-height:1.3;font-weight:var(--fontbold6)}
.pro_right .singgle_b .watch_box p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-align:center;color:#555555}
.pror_wrap{clear:both;width:100%}
.pror_detail{width:100%;display:inline-block;padding-bottom:20px}
.pror_detail .fl{float:left;max-width:400px}
.pror_detail .fr{float:right;width:58%}
.special_read{display:inline-block;margin:10px 0px;padding:8px 18px;min-width:120px;text-align:center;background:#DDDDDD;border-radius:5px;transition:all .6s}
.special_read:hover{background:#000000;color:#FFFFFF!important}
.pro_right ul .itembody{padding:8px 0px;width:100%}
.itembody .list_right .case_detail{padding:0px}
.itembody_in{padding-bottom:15px;border-bottom:1px dotted #E4E4E4;transition:all .3s;overflow:hidden}
.itembody .list_left{width:250px}
.itembody .list_right{transition:all .3s;padding-left:270px;float:none}
.itembody .list_right h3,.itembody .list_right .h3{font-size:18px;margin-bottom:10px}
.itembody .list_left img{width:100%;height:100%}
.sf-menu li .sub-menu{display:none;transition:.6s}
.sf-menu li:hover .sub-menu{display:block}
.pages{text-align:center;margin:20px auto;color:#AAAAAA;clear:both}
.pages a,.pages span{display:inline-block;margin:0px 5px;padding:7px 15px;border:solid 1px #EEEEEE}
.pages a:active,.pages span.ctxt{color:#FFFFFF;background:var(--color);border:solid 1px var(--color)}
#imgshow{display:none!important}
.pshare{float:left;padding:8px 0px 0px 0px}
.jsshare{text-align:center;padding-top:8px;float:left}
.pshare li{float:left;width:48%;height:28px;line-height:28px}
.pshare li img{vertical-align:middle;margin-right:12px}
.jsshare span.stxt{display:inline-block;font-size:14px;line-height:24px;padding:0px 8px 0px 0px;position:relative}
.jsshare a,.jsshare a img{width:35px;vertical-align:middle}
.button_box button,.watch_botton .ptit{display:inline-block;margin:10px 0px;padding:12px 20px;min-width:180px;font-size:20px;line-height:1;color:#FFFFFF;background:var(--color);cursor:pointer;outline:0;border:none}
.rollPro1{width:100%;margin:10px auto;overflow:hidden}
.rollPro1 li{width:15.6%;float:left;margin-right:1%;text-align:center}
.rollPro1 li .pbox{border:1px solid #DDDDDD;padding:5px;aspect-ratio:1/1}
.rollPro1 li .pbox a{vertical-align:middle;text-align:center}
.rollPro1 li p{height:40px;line-height:20px;overflow:hidden;margin:10px auto}
.news_message{padding:0px;border:none}
.news_message li{width:100%;line-height:40px;background:url(pico.png) 5px 15px no-repeat;border-bottom:1px dashed #DDDDDD;overflow:hidden}
.news_message li a{float:left;font-size:16px;text-indent:16px;display:inline-block;overflow:hidden}
.news_message li span{float:right;font-size:12px;color:#555555}
.news_message li.newspic{height:auto}
.news_message li.newspic a.pimg{display:block;float:left;width:22%;height:auto}
.news_message li.newspic a.pimg img{width:100%}
.news_message li div{float:right;width:75%}
.news_message li div a{display:block;float:none;font-size:16px;color:var(--fontcolor);font-weight:var(--fontbold6);text-indent:0}
.news_message li div span{display:block;font-size:14px;color:#555555;text-align:left;line-height:150%}
.news_message li div span.ptime{text-align:right}
.tit{text-align:center;color:var(--fontcolor);font-size:22px}
.time{font-size:14px;color:#555555;margin:0px auto 20px}
.prev_next{padding:20px 0px;color:var(--fontcolor);width:100%}
.prev_next li:nth-child(1){margin-right:5%}
.prev_next li{float:left;width:45%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pro_right .news_top,.ptit.pnwtit{margin:20px auto 0px;font-size:20px;color:var(--color)}
.news_mid{border:none!important}
.news_mid li{float:left;width:50%;height:35px;line-height:35px}
.news_mid li a{display:block;white-space:nowrap;margin-right:3%;text-overflow:ellipsis;overflow:hidden;font-size:14px;border-bottom:1px dashed #CCCCCC;color:var(--fontcolor)}
.news_mid a:hover{color:var(--color)}
.prev_next a:hover{color:var(--color)}
.ejfl{margin:5px 0px 20px;font-size:26px;line-height:1.3;font-weight:var(--fontbold6)}
.table td,.table th{border:1px solid #cdcdcd;padding:5px}
.table{border-collapse:collapse}
.searchbox{width:100%;background:#EEEEEE}
.sk{float:left;height:50px;line-height:50px;border:1px solid #FFFFFF;width:498px;text-indent:20px;color:var(--fontcolor);font-size:17px;background:#FFFFFF;border-radius:50px 0px 0px 50px;outline:0}
.sbtn{width:140px;height:50px;background:var(--color);border:0px;color:#FFFFFF;font-size:16px;border-radius:0 50px 50px 0px;outline:0;cursor:pointer}
.pdown1 #A_DownLoadProduct{display:inline-block;clear:both;height:32px;margin:16px 0px 0px 0px;line-height:32px;background:url(https://img01.v15cdn.com/down1_2.webp) right top no-repeat;padding-right:50px}
.pdown1 #A_DownLoadProduct span{display:inline-block;height:32px;background:url(https://img01.v15cdn.com/down1_1.webp) no-repeat;padding:0px 0 0 16px}
.pdown2 #A_DownLoadProduct,.pdown3 #A_DownLoadProduct,.pdown4 #A_DownLoadProduct{display:inline-block;clear:both;height:45px;margin:16px 0px 0px 0px;line-height:45px;padding-right:45px}
.pdown2 #A_DownLoadProduct span,.pdown3 #A_DownLoadProduct span,.pdown4 #A_DownLoadProduct span{display:inline-block;height:45px;background:url(https://img01.v15cdn.com/down2_1.webp) no-repeat;padding:0px 12px 0 16px}
.pdown2 #A_DownLoadProduct{background:url(https://img01.v15cdn.com/down2_2.webp) right top no-repeat}
.pdown3 #A_DownLoadProduct{background:url(https://img01.v15cdn.com/down2_3.webp) right top no-repeat}
.pdown4 #A_DownLoadProduct{background:url(https://img01.v15cdn.com/down2_4.webp) right top no-repeat}
#con{margin-top:30px;margin-bottom:15px}
#tagContent{padding-top:20px}
ul#tags{margin-bottom:20px;height:43px}
ul#tags:after{content:'';display:block;height:0px;clear:both;visibility:hidden}
#tags li{float:left}
#tags li a{padding:10px 20px;margin-right:6px;background:#555555;color:#FFFFFF;font-size:14px;display:block}
ul#tags li.selectTag a{background:var(--color)}
.tagContent{display:none;width:100%;color:var(--fontcolor);padding-top:10px;font-size:14px;line-height:28px}
#tagContent div.selectTag{display:block}
.news{padding:40px 0 0}
.news-con{float:left}
.news-img{float:right}
@media (max-width:991px){
.news .news-con{width:100%}}
.news .news-con ul{width:100%}
.news .news-con ul li{width:100%;display:inline-block;margin-bottom:29px}
.news .news-con ul li:last-child{margin-bottom:0px}
.news .news-con ul li .newstime{float:left;width:90px;border:1px solid #DDDDDD;height:82px;border-radius:3px;margin-top:6px}
.news .news-con ul li .newstime b{display:block;font-size:19px;padding:10px 10px 0px 10px}
.news .news-con ul li .newstime span{font-size:16px;padding:10px 0px 10px 10px}
.news .news-con ul li .newstxt{float:right;width:82%}
@media (max-width:768px){
.news .news-con ul li .newstxt{float:right;width:75%}}
@media (max-width:645px){
.news .news-con ul li .newstxt{float:right;width:65%}}
.news .news-con ul li .newstxt h4,.news .news-con ul li .newstxt .h4{font-size:18px;margin-bottom:10px;color:var(--fontcolor)}
.news .news-con ul li .newstxt h4:hover,.news .news-con ul li .newstxt .h4:hover{color:#0d346d}
.news .news-con ul li .newstxt p{color:#555555;line-height:24px}
.news-img{overflow:hidden;height:500px}
@media (max-width:991px){
.news-img{display:none}}
.news-img img{width:100%;transition:all 2s}
.news-img img:hover{width:120%}
.searchbox_content{width:640px;margin:0px auto;padding:10px 0px}
.searchbox_content_inner{display:-webkit-flex;margin:10px}
.searchbox_content_inner #txtSearch{line-height:36px;height:36px;width:calc(100% - 55px);outline:0;border:solid 1px #EEEEEE;border-radius:0}
.searchbox_content_inner #btnSearch{width:55px;height:36px;border:none;background:url(search.png) var(--color) center no-repeat;cursor:pointer;border-radius:0}
.nav_lan{display:flex;justify-content:flex-end}
#xyz *{box-sizing:border-box}
#xyz{position:relative;z-index:99999;width:120px;height:30px;line-height:30px;margin-left:10px;top:30px}
.xyz12{width:100%;position:absolute;height:100%}
.xyz12 ul{border:1px #EEE solid;background:#FFFFFF}
.xyz12 li{float:none;margin-left:0px;width:100%;position:relative;height:28px;z-index:1;text-align:left}
.xyz12 li a{color:var(--fontcolor);font-size:12px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0px 8px}
.xyz12 li.selected{border-top:0px}
.xyz12 li.selected a{color:#8550d9}
.xyz12 span{position:absolute;right:6px;top:0px;background:url(https://img01.v15cdn.com/amore.webp) center no-repeat;display:block;width:30px;height:30px;cursor:pointer;z-index:100}
.xyz12 span.dp{background:url(https://img01.v15cdn.com/amore1.webp) center no-repeat}
.xyz12 li img{vertical-align:middle;margin:0px 7px 0px 0px}
.xyz12 li:hover{background:#F2F2F2}
@media (max-width:960px){
#xyz{position:absolute;right:120px}}
#recommend .service-block a{display:block;height:300px}
#recommend .service-block img{position:absolute;top:50%;left:50%;-otransform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
#recommend{padding-bottom:60px}
.appli_li{display:flex;flex-wrap:wrap}
#indsol li{margin-bottom:20px}
#indsol li:hover{margin-bottom:30px}
.proIntro{clear:both;margin:10px auto 30px;padding:0px;line-height:1.6;max-width:1360px}
.button_box,.button_box a{color:#222222;font-size:15px}
.productsTags{font-size:15px;font-weight:var(--fontbold5);color:#222222;line-height:1.7}
.appli_li li.md9 .appli-hidden{position:absolute;top:0px;left:0px;opacity:0;color:#FFFFFF;background:var(--color)80;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:10px;box-sizing:border-box}
.appli_li li.md9 .btn_rmore{position:static;margin:0px;display:inline-block}
.appli_li li.md9:hover .appli-hidden{opacity:1}
.appli_li li.md9 .appli_imgbox:after{display:none}
.appli_li li.md9 .btn_rmore::before{background:none}
.md9 .products_con .hidden-box{opacity:0;position:absolute;top:0px;left:0px;padding:21px 18px;background:var(--color);color:#FFFFFF;display:flex;right:0px;bottom:0px;align-items:center;justify-content:center;transform:scaleY(0);transition:.5s}
#products .md9 a{position:relative}
.md9 .service-block a:after{display:none}
#products li.md9:hover a .hidden-box{display:flex;transform:scaleY(1);opacity:1}
.md9 .appli-hidden p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.md9 .appli_con .appli_imgbox{padding-bottom:100%;height:0px;overflow:hidden;background:#FFFFFF;position:relative;display:flex;align-items:center}
.md9 .appli_con .appli_imgbox img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.appli_li li.md9:hover img{transform:translate(-50%,-50%) scale(1.2)}
.indsolutionbox{padding:0px 15px;display:flex;justify-content:space-between;flex-wrap:wrap}
.indsolutionlef{width:45%}
.indsolutionlef ul{box-shadow:0px 0px 8px #DDDDDD}
.indsolutionrig{width:53%}
ul.indsoluleflist li{padding:0px 25px;border-left:3px solid #FFFFFF}
ul.indsoluleflist li:hover{border-color:#000000}
ul.indsoluleflist li a{display:flex;border-bottom:1px solid #EEE;height:110px;justify-content:space-between;align-items:center;padding:12px 0px;box-sizing:border-box}
ul.indsoluleflist li .solulefpic{width:38%;height:100%}
ul.indsoluleflist li .solulefpic img{width:100%;height:100%;object-fit:cover;display:block}
ul.indsoluleflist li .solulefword{width:58%}
ul.indsoluleflist li .soluleftime{color:#555555}
ul.indsoluleflist li .soluleftit{color:var(--fontcolor);line-height:1.4;font-weight:bold;margin-top:5px}
ul.indsoluriglist{display:flex;justify-content:space-between;height:100%}
ul.indsoluriglist li{width:48%;box-shadow:0px 0px 8px #DDDDDD}
ul.indsoluriglist li a{display:block;padding:15px}
ul.indsoluriglist li .solurigtit{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:17px;line-height:24px;margin-bottom:10px;height:48px;color:var(--fontcolor)}
ul.indsoluriglist li .solurightpic{margin-bottom:12px;position:relative;width:100%;padding-bottom:66%;border:1px solid #EEE}
ul.indsoluriglist li .solurightpic img{width:100%;height:100%;position:absolute;top:0px;left:0px;object-fit:contain}
ul.indsoluriglist li .solurigtxt{font-size:15px;color:var(--fontcolor);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;line-height:25px;height:100px;margin-bottom:16px}
ul.indsoluriglist li .solurigtime{color:#555555}
ul.indsoluriglist li a:hover .solurigtit{color:var(--fontcolor)}
@media screen and (max-width:960px){.indsolutionbox{display:block}
.indsolutionlef{width:100%;margin-bottom:30px}
.indsolutionrig{width:100%}}
.indsolutionbox h3{font-size:20px;margin-bottom:15px}
.indsolutionbox h3:hover a{color:var(--fontcolor)}
.indsolutionlef ul,ul.indsoluriglist{height:100%;height:calc(100% - 49px)}
h4.cate-h4, h4.pro-h4{clear:both;font-weight:bold}
ul.cate-ulli, ul.pro-ulli{clear:both;padding:10px 0px 10px 20px}
ul.cate-ulli li, ul.pro-ulli li{list-style-type:disc;line-height:1.7}
ol.cate-ulli, ol.pro-ulli{clear:both;padding:10px 0px 10px 30px}
ol.cate-ulli li, ol.pro-ulli li{list-style-type:decimal;line-height:1.7}
.prohome-content{clear:both;margin:20px auto;padding:0px;line-height:1.6;box-sizing:border-box;max-width:1360px}
.prolist-content{clear:both;margin:0px auto;padding:0px;line-height:1.6;box-sizing:border-box}
.prolist-content .kche-wrap-width{padding-left:0px!important;padding-right:0px!important}
.prolist-bottom{clear:both;margin:20px auto;padding:0px;line-height:1.6;box-sizing:border-box;max-width:1360px}
.prolist-bottom a{text-decoration:underline}
.prolist-bottom a:hover{color:var(--color)}
.ck-widget-toc{display:table;border:1px solid #A2A9B1;background-color:#F8F9FA;padding:10px 20px 10px 10px;font-size:95%;margin:15px 0px;min-width:300px;max-width:100%}
.ck-widget-toc ol{padding:0px 0px 0px 30px;counter-reset:item}
.ck-widget-toc ol li{display:block;position:relative;list-style:none}
.ck-widget-toc ol li:before{content:counters(item, ".");counter-increment:item;position:absolute;margin-right:100%;right:10px}
.ck-widget-toc-title{text-align:left;font-weight:var(--fontbold7);margin:0px 0px 5px 0px;padding:0px 0px 0px 5px}
.ck-widget-pt{padding-top:100px;margin-top:-100px}
.ck-widget-toc1{display:table;border:1px solid #A2A9B1;background-color:#F8F9FA;padding:10px 20px 10px 10px;font-size:95%;margin:15px 0px;min-width:300px;max-width:100%}
.ck-widget-toc1 ol{padding:0px 0px 0px 30px;counter-reset:item}
.ck-widget-toc1 ol li{display:block;position:relative;list-style:none}
.ck-widget-toc1 ol li:before{content:counters(item, ".");counter-increment:item;position:absolute;margin-right:100%;right:10px}
article.blogcontent{clear:both;margin:0px auto 40px;padding:0px}
article.blogcontent h2{margin:20px 0px 0px 0px;font-size:24px;line-height:1.3}
article.blogcontent h3{margin:20px 0px 0px 0px;font-size:22px;line-height:1.3}
article.blogcontent h4{margin:20px 0px 0px 0px;font-size:20px;line-height:1.3}
article.blogcontent h5{margin:20px 0px 0px 0px;font-size:18px;line-height:1.3}
article.blogcontent img{margin:0px 0px 10px 0px;padding:0px;max-width:49%;margin-right:1%;border:solid 1px #EEEEEE;vertical-align:top}
article.blogcontent p{margin:0px 0px 10px 0px;padding:0px;line-height:1.6}
article.blogcontent p a{color:var(--color)}
article.blogcontent p a:hover{text-decoration:underline}
article.blogcontent ul{margin:0px;padding:5px 0px 0px 20px}
article.blogcontent ul li{margin:0px 0px 5px 0px;list-style-type:disc}
.sidebar-item{width:100%;margin-bottom:20px;position:relative}
.sidebar-item.sidebar-search{background:#EEEEEE;display:flex;justify-content:space-between;align-items:center;border:none;padding:20px 10px}
.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:10px 10px 0;font-size:14px}
.sidebar-item .sidebar-list{padding:10px 10px 0}
.sidebar-item .sidebar-list .item{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.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.3;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 10px;border:none;background:#EEEEEE}
.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:relative;top:30px;height:32px;}
.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)}}