@charset "utf-8";
*,body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,hr,html,input,li,p,pre,td,textarea,th,ul{margin:0;padding:0}
body{font-size:14px;word-spacing:normal;color:#333;font-family:Helvetica,Arial,Verdana,sans-serif;font-style:normal;font-weight:400;position:relative;line-height:1.7!important;overflow-x:hidden}
li,ul{list-style:none}
a{text-decoration:none}
img{max-width:100%}
.h3{font-weight:600}
.container{max-width:1190px;margin:0 auto}
.clear{clear:both}
.clearfix{zoom:1}
.clearfix:after,.clearfix:before{display:table;content:""}
.clearfix:after{clear:both}
.faker{padding:0 25px;margin-top:10px}
.top{font-size:13px;color:#fff;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{box-shadow:1px 5px 20px #c9c7c7;padding:0 25px}
.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{color:#7f7f7f;line-height:90px;display:block;padding:0 20px;font-size:16px;transition:all .3s;font-weight:600}
.nav li a:hover{color:#000}
.nav .submenu{position:absolute;float:left;width:auto;top:90px;left:0;background:#fff;padding-left:0;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:400!important}
.nav .submenu li a:hover{background:#ececec;color:#000}
.hidden_content{width:100%;position:relative;z-index:1000;height:56px;display:none}
.hide_top{background:#fff;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:#333;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:0 25px}
.nav_en1 .submenu li a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid #fff;line-height:35px;color:#ccc}
.nav_en1 .submenu li{display:block!important}
.nav_en1 .submenu{background:#262626;border-top:1px solid #fff;transition:all .3s;display:none}
.nav_en1 li:hover{background:#6e93dc}
.back_to_top{position:fixed;bottom:30px;right:30px;width:30px;cursor:pointer;border-radius:30px;display:none;z-index:1001}
#about,#products{padding:70px 0}
.incon_title{padding-bottom:60px;text-align:center}
.incon_title h2,.incon_title .h2{text-transform:uppercase;font-weight:700;font-size:38px;color:#333;margin-top:20px;margin-bottom:10px}
.incon_title h2 span,.incon_title .h2 span{color:#333}
.border_line{border-top:1px solid #333;height:1px;margin:15px auto 0;position:relative;width:35%}
.border_line:before{background-color:#333;border:1px ridge #333;content:"";height:10px;left:50%;margin-left:-20px;position:absolute;top:-5px;width:40px}
.mid_box .single_one{float:left;width:33.33%;text-align:center;transition:all .3s;padding:10px 0}
.mid_box .two_imgbox{position:relative;width:191px;height:85.38px;background-color:transparent;margin:46.19px auto 60px;padding:20px 0;border-left:solid 3px #ddd;border-right:solid 3px #ddd;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;-moz-transition-property:transform;-o-transition-property:transform;transition-property:transform;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 #ddd;border-right:solid 4.2426px #ddd}
.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 #ddd;border-left:solid 4.2426px #ddd}
.single_one a{color:#000}
.two_imgbox{position:relative;height:175px;padding-top:20px}
.single_one img{margin-top:-11px;width:158px}
.single_content p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:20px;font-weight:400}
#counter{background-image:url(../img/city.jpg);background-attachment:fixed!important;background-position:center center;background-repeat:no-repeat;background-size:cover;position:relative;color:#ddd;text-align:center}
.mid_in{background:#000;opacity:.8;padding:70px 0}
.counters-item{padding:0 15px}
.counters-item>div{padding:20px 0;border:1px solid #4e595f}
.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:0 10px}
.counters-item p{font-size:18px;margin:0}
.products_li li{float:left;width:33.333%}
.service-block{padding:21px 18px;border-left:1px solid #4e595f;border-top:1px solid #4e595f;margin-bottom:30px;-webkit-box-shadow:2px 2px 5px rgba(44,44,44,.3),13px 13px 0 rgba(193,193,193,.7);-moz-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);text-align:center}
.products_con{padding:10px}
#products a{color:#333;-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;margin-bottom:30px;padding:0 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:#2a2854;position:absolute;content:"";left:0;top:0;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 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333}
#application{background:#ededed;overflow:hidden;padding:70px 0}
.appli_li li{float:left;width:25%}
.appli_li li:hover h3,.appli_li li:hover .h3{color:#6cb670}
.appli_li li:hover img{transform:scale(1.2)}
.appli_imgbox{position:relative;overflow:hidden;border:1px solid #ececec}
.appli_imgbox:hover{cursor:pointer}
.appli_imgbox img{width:100%;transition:.6s;display:block}
.appli_con{padding:10px}
.appli_imgbox:after{background-color:#2a2854;position:absolute;content:"";left:0;top:0;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:#6cb670;color:#fff;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:0;top:0;right:0;bottom:0;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:#fff;text-decoration:underline}
.btn_rmore:focus{color:#fff}
.btn_rmore:active{color:#fff}
.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 0;overflow:hidden;background-size:cover}
#skill .incon_title h2,#skill .incon_title h2 span,#skill .incon_title .h2,#skill .incon_title .h2 span{color:#fff!important}
#skill .border_line:before{background-color:#fff;border:1px ridge #fff}
#skill .border_line{border-top:1px solid #fff}
.appli_li,.products_li,.skill_li,.solution_li{padding:0 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:#333;font-weight:700;text-align:center;max-width:80px}
.skill_list{margin-top:20px;line-height:1.7;color:#fff;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 0}
.solution_li>li{float:left;width:25%;transition:all .3s;text-align:center}
.solution_con{padding:0 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{font-size:18px;font-weight:600}
#intro{background:#2f3033;background:url(bicycle.jpg) no-repeat;background-attachment:fixed!important;color:#fff;padding:70px 0;background-size:cover}
.intro_title{text-align:center}
.intro_title p{font-size:30px;font-weight:600;margin-bottom:30px;display:inline-block;padding:0 30px;border-left:3px solid #ddd;border-right:3px solid #ddd}
.intro_font{font-size:16px;color:#ddd;padding:0 25px}
#contact_us{padding:70px 0;overflow:hidden;background:#f4f4f4}
.contact_li>li{width:50%;float:left;margin-bottom:10px}
.list_content{padding:0 20px}
.contact_li .fl h3,.contact_li .fl .h3{font-size:24px;font-weight:600}
.address{margin-top:10px;line-height:2}
.form-control{background-color:transparent;border:1px solid #4e595f;display:block;width:100%;text-indent:15px;outline:0;height:110px}
.form-control:hover{border:1px solid #6cb670}
.list_content input{height:38px;margin-bottom:20px}
.list_content textarea{padding-top:10px}
#ImgSend_I{background-color:transparent;color:#333;padding:10px 30px;border-radius:0;margin-top:15px;border:1px solid #4e595f;-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:#6cb670;border:1px solid transparent}
.foot{background:#ededed}
.social{text-align:center}
.social li{text-align:center;display:inline-block}
.social li a{padding:0 20px;color:#7f7f7f;line-height:57px;display:block;font-size:16px;transition:all .3s;font-weight:600}
.social li a:hover{color:#000}
.copy_right{padding:20px 0;color:#fff;text-align:center}
.copy_right p{padding-bottom:10px;color:#666}
.social a{text-align:center;display:inline-block}
#wowslider-container a.ws_prev:after{content:'\e800';display:block;font-size:3.5em;line-height:1.7em}
@font-face{font-family:MisoBold;src:url(miso-bold-webfont.eot);src:url(miso-bold-webfont.eot?#iefix) format('embedded-opentype'),url(miso-bold-webfont.ttf) format('truetype');font-weight:400;font-style:normal}
@font-face{font-family:fullscreen;src:url(fullscreen.eot);src:url(fullscreen.eot#iefix) format('embedded-opentype'),url(fullscreen.woff) format('woff'),url(fullscreen.ttf) format('truetype'),url(fullscreen.svg#fullscreen) format('svg');font-weight:400;font-style:normal}
@font-face{font-family:wowslider-controls;src:url(wowslider-controls.eot);src:url(wowslider-controls.eot#iefix) format('embedded-opentype'),url(wowslider-controls.woff) format('woff'),url(wowslider-controls.ttf) format('truetype'),url(wowslider-controls.svg#wowslider-controls) format('svg');font-weight:400;font-style:normal}
#wowslider-container{zoom:1;position:relative;width:100%;margin:0 auto;border:none;text-align:left;font-size:10px;overflow:hidden}
#wowslider-container.fullscreen-mode,#wowslider-container.fullwidth-mode{max-width:none;max-height:none}
#wowslider-container .ws_images ul{position:relative;width:10000%;height:100%;left:0;list-style:none;margin:0;padding:0;border-spacing:0;overflow:visible}
#wowslider-container .ws_images ul li{position:relative;width:1%;height:100%;line-height:0;overflow:hidden;float:left;font-size:0;padding:0!important;margin:0!important}
#wowslider-container .ws_images{position:relative;left:0;top:0;width:100%;height:100%;overflow:hidden}
#wowslider-container.fullscreen-mode .ws_images,#wowslider-container.fullwidth-mode .ws_images{max-height:none}
#wowslider-container .ws_images a{width:100%;display:block;color:transparent}
#wowslider-container.fullscreen-mode .ws_images a,#wowslider-container.fullwidth-mode .ws_images a{height:100%}
#wowslider-container img{max-width:none!important}
#wowslider-container .ws_images img{width:100%;border:none 0;max-width:none;padding:0;margin:0}
#wowslider-container .ws_images iframe{position:absolute;z-index:-1}
#wowslider-container a{text-decoration:none;outline:0;border:none}
#wowslider-container .ws_bullets{float:left;position:absolute;z-index:70}
#wowslider-container .ws_bullets div{position:relative;float:left;font-size:0}
#wowslider-container a.wsl{display:none}
#wowslider-container .ws_bullets{padding:10px}
#wowslider-container .ws_bullets a{margin-left:16px;width:12px;height:12px;float:left;text-indent:-4000px;position:relative;background:#d80808;background:rgba(255,255,255,.3);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
#wowslider-container .ws_bullets a.ws_selbull,#wowslider-container .ws_bullets a:hover{background:#d80808}
#wowslider-container .ws_bullets a:hover{-webkit-animation:pulseIn .9s infinite linear;-moz-animation:pulseIn .9s infinite linear;animation:pulseIn .9s infinite linear}
#wowslider-container a.ws_next,#wowslider-container a.ws_prev{font-family:wowslider-controls;position:absolute;display:none;text-shadow:none;text-align:center;background:#000;color:#fff;top:50%;margin-top:-2.5em;height:5em;width:5em;z-index:60;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
#wowslider-container a.ws_next:hover,#wowslider-container a.ws_prev:hover{background:rgba(255,255,255,.3)}
#wowslider-container a.ws_next{right:10px}
#wowslider-container a.ws_next:after{content:'\e801';display:block;font-size:3.5em;line-height:1.7em}
#wowslider-container a.ws_prev{left:10px}
#wowslider-container a.ws_prev:after{content:'\e800';display:block;font-size:3.5em;line-height:1.7em}
#wowslider-container a.ws_prev:hover:after{-webkit-animation:prevArrow .7s infinite ease-in-out;-moz-animation:prevArrow .7s infinite ease-in-out;animation:prevArrow .7s infinite ease-in-out}
#wowslider-container a.ws_next:hover:after{-webkit-animation:nextArrow .7s infinite ease-in-out;-moz-animation:nextArrow .7s infinite ease-in-out;animation:nextArrow .7s infinite ease-in-out}
* html #wowslider-container a.ws_next,* html #wowslider-container a.ws_prev{display:block}
#wowslider-container:hover a.ws_next,#wowslider-container:hover a.ws_prev{display:block}
#wowslider-container .ws_bullets{bottom:-33px;left:50%}
#wowslider-container .ws_bullets div{left:-70%}
#wowslider-container .ws-title{position:absolute;display:block;bottom:.31em;left:1.23em;margin:9px;z-index:50;font-family:MisoBold,Oswald,Impact,Charcoal,sans-serif;font-size:5.5em;color:#fff;text-shadow:1px 1px 1px #333}
#wowslider-container .ws-title div,#wowslider-container .ws-title span{display:inline-block;padding:10px;background:#d80808;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;opacity:.95;filter:alpha(opacity=95)}
#wowslider-container .ws-title div{display:block;background:#b02d15;margin-top:10px;color:#fff;opacity:.8;text-shadow:1px 1px 1px #000}
#wowslider-container .ws_images>ul{animation:wsBasic 16.8s infinite;-moz-animation:wsBasic 16.8s infinite;-webkit-animation:wsBasic 16.8s infinite}
@keyframes wsBasic{
0%{left:0}
14.88%{left:0}
25%{left:-100%}
39.88%{left:-100%}
50%{left:-200%}
64.88%{left:-200%}
75%{left:-300%}
89.88%{left:-300%}
}
@-moz-keyframes wsBasic{
0%{left:0}
14.88%{left:0}
25%{left:-100%}
39.88%{left:-100%}
50%{left:-200%}
64.88%{left:-200%}
75%{left:-300%}
89.88%{left:-300%}
}
@-webkit-keyframes wsBasic{
0%{left:0}
14.88%{left:0}
25%{left:-100%}
39.88%{left:-100%}
50%{left:-200%}
64.88%{left:-200%}
75%{left:-300%}
89.88%{left:-300%}
}
#wowslider-container .ws_bullets a img{text-indent:0;display:block;bottom:16px;left:-115px;visibility:hidden;position:absolute;-moz-box-shadow:0 0 5px #999;box-shadow:0 0 5px #999;border:3px solid #fff;max-width:none}
#wowslider-container .ws_bullets a:hover img{visibility:visible}
#wowslider-container .ws_bulframe div div{height:75px;overflow:visible;position:relative}
#wowslider-container .ws_bulframe div div img{height:100%}
#wowslider-container .ws_bulframe div{left:0;overflow:hidden;position:relative;width:200px;background-color:#fff}
#wowslider-container .ws_bullets .ws_bulframe{display:none;bottom:18px;overflow:visible;position:absolute;cursor:pointer;-moz-box-shadow:0 0 5px #999;box-shadow:0 0 5px #999;border:3px solid #fff}
#wowslider-container .ws_bulframe span{display:block;position:absolute;bottom:-9px;margin-left:0;left:95px;background:url(triangle.png);width:15px;height:6px}
#wowslider-container.ws_gestures,#wowslider-container.ws_gestures>div>a{cursor:-webkit-grab;cursor:-moz-grab;cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABwSURBVEjH7ZJBEsAgCAMT/v/n9NCOSqe2oD2yNx1JggB4BCEFWyFASP2KMQE7ywWhe/tTRGCGogLk02tFctiW/SUgaMyQG4PdPzDn31rQbMb8FiAXgvsEJNax1yVlVGAjA93apP3HFhZTGIqiKH7iADB6HxPlHdNVAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE0LTA3LTA3VDEzOjQ5OjEwKzAyOjAwm7WiFAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNC0wNy0wN1QxMzo0OToxMCswMjowMOroGqgAAAAASUVORK5CYII=),move}
#wowslider-container.ws_gestures.ws_grabbing,#wowslider-container.ws_gestures.ws_grabbing>div>a{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABaSURBVEjH7ZMxCkAhDEOT8u9/5TpJ+xWkFse8IYutJgEB8RCHL1qCc90BEFnT6QH7mwgFHBUf8wJyS1TDLuc3vmighx37LZdIth3E5hKj9n6O0HRh+oJCiFcMxRUUDxR1CTMAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTQtMDctMDdUMTM6NDk6MzgrMDI6MDDqf+sOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE0LTA3LTA3VDEzOjQ5OjM4KzAyOjAwmyJTsgAAAABJRU5ErkJggg==),move}
#wowslider-container.ws_video_playing .ws_bullets{display:none}
#wowslider-container.ws_video_playing:hover .ws_bullets{display:block}
#wowslider-container.ws_video_playing_ie .ws_bullets,#wowslider-container.ws_video_playing_ie a.ws_next,#wowslider-container.ws_video_playing_ie a.ws_prev{display:block}
#wowslider-container .ws_video_btn{position:absolute;display:none;cursor:pointer;top:0;left:0;width:100%;height:100%;z-index:55}
#wowslider-container .ws_video_btn.ws_vimeo,#wowslider-container .ws_video_btn.ws_youtube{display:block}
#wowslider-container .ws_video_btn div{position:absolute;background-image:url(playvideo.png);background-size:200%;top:50%;left:50%;width:7em;height:5em;margin-left:-3.5em;margin-top:-2.5em}
#wowslider-container .ws_video_btn.ws_youtube div{background-position:0 0}
#wowslider-container .ws_video_btn.ws_youtube:hover div{background-position:100% 0}
#wowslider-container .ws_video_btn.ws_vimeo div{background-position:0 100%}
#wowslider-container .ws_video_btn.ws_vimeo:hover div{background-position:100% 100%}
#wowslider-container1 .ws_playpause.ws_hide{display:none!important}
#wowslider-container .ws_fullscreen{display:none;position:absolute;font-family:fullscreen;top:.5em;right:.5em;font-size:2.25em;z-index:59;color:#1ea5c2;text-shadow:none}
#wowslider-container .ws_fullscreen:hover{-webkit-animation:pulseOut .9s infinite linear;-moz-animation:pulseOut .9s infinite linear;animation:pulseOut .9s infinite linear}
#wowslider-container .ws_fullscreen:after{content:'\e800'}
.ws_fs_wrapper{width:100%;height:100%;background:#efecdd}
.ws_fs_wrapper>#wowslider-container,.ws_fs_wrapper>#wowslider-container .ws_images{margin:0 auto;max-height:none}
.ws_fs_wrapper>#wowslider-container .ws_fullscreen{position:fixed;display:block}
.ws_fs_wrapper>#wowslider-container .ws_fullscreen:after{content:'\e801'}
.ws_fs_wrapper>#wowslider-container{border:0;outline:0;-webkit-box-shadow:0;-moz-box-shadow:0;box-shadow:0}
@-webkit-keyframes pulseIn{
0%{-webkit-transform:scale(1)}
50%{-webkit-transform:scale(1.2)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes pulseIn{
0%{-moz-transform:scale(1)}
50%{-moz-transform:scale(1.2)}
100%{-moz-transform:scale(1)}
}
@keyframes pulseIn{
0%{transform:scale(1)}
50%{transform:scale(1.2)}
100%{transform:scale(1)}
}
@-webkit-keyframes pulseOut{
0%{-webkit-transform:scale(1)}
50%{-webkit-transform:scale(.8)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes pulseOut{
0%{-moz-transform:scale(1)}
50%{-moz-transform:scale(.8)}
100%{-moz-transform:scale(1)}
}
@keyframes pulseOut{
0%{transform:scale(1)}
50%{transform:scale(.8)}
100%{transform:scale(1)}
}
@-webkit-keyframes nextArrow{
0%,100%{-webkit-transform:translateX(0)}
25%{-webkit-transform:translateX(2px)}
75%{-webkit-transform:translateX(-2px)}
}
@-moz-keyframes nextArrow{
0%,100%{-moz-transform:translateX(0)}
25%{-moz-transform:translateX(2px)}
75%{-moz-transform:translateX(-2px)}
}
@keyframes nextArrow{
0%,100%{-moz-transform:translateX(0);transform:translateX(0)}
25%{-moz-transform:translateX(2px);transform:translateX(2px)}
75%{-moz-transform:translateX(-2px);transform:translateX(-2px)}
}
@-webkit-keyframes prevArrow{
0%,100%{-webkit-transform:translateX(0)}
25%{-webkit-transform:translateX(-2px)}
75%{-webkit-transform:translateX(2px)}
}
@-moz-keyframes prevArrow{
0%,100%{-moz-transform:translateX(0)}
25%{-moz-transform:translateX(-2px)}
75%{-moz-transform:translateX(2px)}
}
@keyframes prevArrow{
0%,100%{-moz-transform:translateX(0);transform:translateX(0)}
25%{-moz-transform:translateX(-2px);transform:translateX(-2px)}
75%{-moz-transform:translateX(2px);transform:translateX(2px)}
}
@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%}
.ssp_mid{padding-top:0}
.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:0;width:100%;min-width:unset;top:90px;padding:0!important;margin:0!important;background:#fff;display:block!important}
.nav>li{float:none!important;display:none}
.mobile_login_menu{display:block!important}
.nav li{border-bottom:1px solid #ccc}
.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}
.news_message{padding:0!important}
.news_message li a{text-indent: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{padding-top:40px;transition:all .3s}
.ssp_mid{background:#fff!important}
.content_title{width:100%;height:35px;padding:5px 0;margin-bottom:10px}
.products_wrap{padding:0 25px}
.pro_left{width:200px;padding-bottom:10px;font-size:15px;line-height:1.7;color:#666}
.list_left,.list_right,.pro_left{float:left}
.con_title{height:55px;line-height:55px;color:#000;background:#dbdbdb;font-size:20px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px}
.bPosition{text-align:right;height:35px;line-height:35px;background:#f7f7f7;margin:0 25px;padding-right:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bPosition a{color:#8d9095}
.pro_left .sf-menu{margin:0 auto;padding-bottom:20px}
.pro_left .sf-menu li{border-bottom:1px solid #fff}
.pro_left .sf-menu a{display:block;color:#111;line-height:20px;font-size:16px;padding:9px 0 9px 18px;background:#ececec url(pico.png) 5px 15px no-repeat}
.pro_left .sf-menu a:hover{color:#fff;background:#dbdbdb url(pico.png) 5px 15px no-repeat}
.pro_left .sf-menu ul li a{background:#fff;color:#333}
.pro_left .sf-menu1{margin:0 auto;padding-bottom:20px}
.pro_left .sf-menu1 li{border-bottom:1px solid #fff;position:relative;z-index:999}
.pro_left .sf-menu1 li ul{display:none;position:absolute;left:100%;top:0;width:100%}
.pro_left .sf-menu1 li:hover>ul{display:block}
.pro_left .sf-menu1 a{display:block;color:#111;line-height:20px;font-size:16px;padding:9px 0 9px 18px;background:#ececec url(pico.png) 5px 15px no-repeat}
.pro_left .sf-menu1 a:hover{color:#fff;background:#dbdbdb url(pico.png) 5px 15px no-repeat}
.pro_left .sf-menu1 ul li a{background:#fff;color:#333}
.pro_right{padding-bottom:30px;padding-left:230px}
.singgle_b{width:33.333%;float:left;transition:all .3s}
.single_imgb img{max-width:100%}
.singgle_b .watch_box{padding:0 10px 20px 10px}
.change_box{text-align:center}
.change_box a{width:284px;height:188px;line-height:188px;text-align:center;vertical-align:middle;display:table-cell}
.singgle_b .watch_box img{max-height:100%;max-width:100%;display:block;margin:0 auto}
.singgle_b .watch_box>a{display:block;color:#000;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:6px 0;font-size:15px;font-weight:700}
.singgle_b .watch_box p{text-align:center;margin-top:10px;color:#666;height:45px;overflow:hidden;line-height:1.7}
.pror_wrap{width:100%;font-size:14px;margin-top:20px}
.pror_detail{width:100%;display:inline-block;padding-bottom:20px;border-bottom:1px dashed #ccc}
.pror_detail .fl{max-width:400px;float:left}
.pror_detail .fr{width:52%;float:right;font-size:14px;line-height:25px}
.productsTags,.pror_detail .fr h1,.pror_detail .fr .h1{font-weight:600;width:100%;display:block;font-size:19px;border-bottom:1px dashed #ddd;padding:7px 0;margin-bottom:10px;line-height:34px;color:#666}
.special_read{padding:3px 12px;background:#dbdbdb;border-radius:5px;display:inline-block!important;margin-top:10px;transition:all .6s;color:#333}
.special_read:hover{background:#000;color:#fff!important}
.pror_detail .special_read{margin-top:10px}
.itembody{padding:30px 30px 0 30px;float:left}
.itembody .list_right .case_detail{padding:0}
.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{margin-bottom:10px}
.itembody .list_right a{color:#333;font-size:18px}
.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}
.bPosition a:hover{color:#000}
.pages{text-align:center;font-size:12px;padding:15px 0 20px 0;color:#b2b2b2;clear:both}
.pages a,.pages span{display:inline-block;margin:1px 5px;min-width:10px;height:30px;padding:0 10px;line-height:30px}
.pages a:active,.pages span.ctxt{color:#fff;background:#6e93dc;text-decoration:none}
.pages a:link,.pages a:visited{color:#666;background:#fff}
#imgshow{display:none!important}
.pshare{float:left;padding:8px 0 0 0}
.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:0 8px 0 0;position:relative}
.jsshare a,.jsshare a img{width:35px;vertical-align:middle}
.watch_botton{margin-top:30px}
.button_box button{border:none;width:140px;padding:10px 20px;font-size:14px;color:#fff;margin-bottom:10px;cursor:pointer;outline:0;background:#6e93dc}
.button_box p{padding:10px 0}
.productsTags,.pror_detail .fr h1,.pror_detail .fr .h1{font-weight:600;display:block;font-size:19px;border-bottom:1px dashed #ddd;padding:7px 0;margin-bottom:10px;line-height:34px;color:#666}
.watch_botton .ptit{border:none;padding:10px 20px;font-size:14px;color:#fff;cursor:pointer;outline:0;background:#6e93dc;line-height:16px;margin:25px 0 10px;display:inline-block}
.rollPro1{width:100%;margin:10px auto;overflow:hidden}
.rollPro1 li{width:30%;float:left;margin-right:3%;text-align:center}
.rollPro1 li .pbox{border:1px solid #ddd;padding:4px}
.rollPro1 li a{text-decoration:none;color:#333}
.rollPro1 li .pbox a{display:table-cell;vertical-align:middle;text-align:center;width:240px;height:200px;line-height:200px}
@media screen and (max-width:992px){
.rollPro1 li .pbox a{height:150px;line-height:150px}
}
.rollPro1 li .pbox img{max-width:100%;max-height:100%;display:block;margin:0 auto}
.rollPro1 li p{height:40px;line-height:20px;overflow:hidden;margin:10px auto}
.news_message{padding:0 16px;border:none}
.news_message li{text-align:right;height:40px;background:url(/pico.png) 5px 15px no-repeat;border-bottom:1px dashed #ddd;line-height:40px;color:#888;overflow:hidden}
.news_message li a{float:left;font-size:15px;text-align:left;text-indent:15px;color:#666;display:inline-block;width:80%;overflow:hidden;height:40px}
.news_message li span{font-size:14px;color:#333}
.news_message li a:hover{color:#000;text-decoration:underline}
.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:#333;font-weight:600;text-indent:0}
.news_message li div span{display:block;font-size:14px;color:#666;text-align:left;line-height:150%}
.news_message li div span.ptime{text-align:right}
.tit{text-align:center;color:#333;font-size:22px}
.time{line-height:30px;border-bottom:1px solid #ccc;padding-top:10px;font-size:12px;color:#999;width:160px;margin:0 auto 20px;text-align:center}
.pro_right>ul{overflow:hidden}
.prev_next{padding:20px 0;font-size:16px;color:#444;width:100%;border:none!important}
.prev_next li:nth-child(1){margin-right:5%}
.prev_next li{float:left;width:45%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prev_next a{color:#444;font-size:15px}
.pro_right .news_top, .ptit.pnwtit{font-size:25px;line-height:24px;padding:25px 0 15px;font-weight:400;height:30px;color:#6e93dc}
.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 #ccc;color:#333}
.news_mid a:hover{color:#6e93dc}
.prev_next a:hover{color:#6e93dc}
.ejfl{font-size:24px;margin:0 0 20px;font-weight:400}
.table td,.table th{border:1px solid #cdcdcd;padding:5px}
.table{border-collapse:collapse}
.searchbox{width:100%;height:100px;background:#ededed}
.sk{float:left;height:50px;line-height:50px;border:1px solid #fff;width:498px;text-indent:20px;color:#333;font-size:17px;background:#fff;border-radius:50px 0 0 50px;outline:0}
.sbtn{width:100px;height:52px;background:#222;border:0;color:#fff;font-size:17px;border-radius:0 50px 50px 0;outline:0;cursor:pointer}
.pdown1 #A_DownLoadProduct{display:inline-block;clear:both;height:32px;margin:16px 0 0 0;line-height:32px;background:url(/images/down1_2.png) right top no-repeat;padding-right:50px}
.pdown1 #A_DownLoadProduct span{display:inline-block;height:32px;background:url(/images/down1_1.png) no-repeat;padding:0 0 0 16px}
.pdown2 #A_DownLoadProduct,.pdown3 #A_DownLoadProduct,.pdown4 #A_DownLoadProduct{display:inline-block;clear:both;height:45px;margin:16px 0 0 0;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(/images/down2_1.png) no-repeat;padding:0 12px 0 16px}
.pdown2 #A_DownLoadProduct{background:url(/images/down2_2.png) right top no-repeat}
.pdown3 #A_DownLoadProduct{background:url(/images/down2_3.png) right top no-repeat}
.pdown4 #A_DownLoadProduct{background:url(/images/down2_4.png) 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:0;clear:both;visibility:hidden}
#tags li{float:left}
#tags li a{padding:10px 20px;margin-right:6px;background:#999;color:#fff;font-size:14px;display:block}
ul#tags li.selectTag a{background:#6e93dc}
.tagContent{display:none;width:100%;color:#333;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:0}
.news .news-con ul li .newstime{float:left;width:90px;border:1px solid #ddd;height:82px;border-radius:3px;margin-top:6px}
.news .news-con ul li .newstime b{display:block;font-size:19px;padding:10px 10px 0 10px}
.news .news-con ul li .newstime span{font-size:16px;padding:10px 0 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:#333}
.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:#666;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:600px;margin:0 auto;padding-top:25px}
.searchbox_content_inner{width:100%;display:flex;display:-webkit-flex;margin:20px auto;padding:0}
.searchbox_content_inner #txtSearch{padding:0;font-size:14px;line-height:36px;color:#888;width:calc(100% - 55px);outline:0;height:36px;background:#fff;border:1px #eee solid;border-radius:0}
.searchbox_content_inner #btnSearch{width:55px;height:38px;border:none;background:#dbdbdb url(search.png) 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:#fff}
.xyz12 li{float:none;margin-left:0;width:100%;position:relative;height:28px;z-index:1;text-align:left}
.xyz12 li a{color:#333;font-size:12px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 8px}
.xyz12 li.selected{border-top:0}
.xyz12 li.selected a{color:#8550d9}
.xyz12 span{position:absolute;right:6px;top:0;background:url(/Content/C_IMG/amore.png) center no-repeat;display:block;width:30px;height:30px;cursor:pointer;z-index:100}
.xyz12 span.dp{background:url(/Content/C_IMG/amore1.png) center no-repeat}
.xyz12 li img{vertical-align:middle;margin:0 7px 0 0;width:16px}
.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_con .h3,.appli_con h3,.products_con .h3,.products_con h3{white-space:normal}
.appli_li{display:flex;flex-wrap:wrap}
#indsol li {margin-bottom:20px;}
#indsol li:hover {margin-bottom:30px;}

.proIntro {border:1px solid #ccc;padding:8px;color:#555;margin:25px 0;}
.proIntro a {color:#555;}
.pro_right ul .itembody {padding:8px 0;width:100%;}
.button_box,.button_box a {color:#222;font-size:15px;}
.productsTags {font-size:15px;font-weight:500;color:#222;line-height:1.7;}