@charset "utf-8";
@import url(language.css);
:root{--color:#076ce0;--fontcolor:#000;--fontbold3:300;--fontbold4:400;--fontbold5:500;--fontbold6:600;--fontbold7:700}
body, html, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, th, td, form, object, iframe, blockquote, pre, a, abbr, address, code, img, fieldset, form, label, figure{margin:0px;padding:0px}
body, html, input, button, textarea{font:12px/1.8 Arial, Tahoma, simsun, Verdana, Helvetica, sans-serif}
html, body{width:100%;position:relative}
h1,h2,h3,h4,h5,h6{text-transform:capitalize}
li{list-style:outside none none}
i, em{font-style:normal}
a{text-decoration:none}
.clearfix{clear:both}
.clearfix::after{content:"";display:block;height:0px;clear:both;visibility:hidden}
.container{width:1200px;margin:0px auto}
header{width:100%;padding:25px 0px}
header .container {position:relative;display:table}
.logo{float:left;width:28%;margin-right:2%}
.logo a{display:block}
.logo a img{max-width:100%;max-height:90px}
.head_info{float:right;width:45%}    
#xyz {right:0px;top:-25px}
.search{width:100%}
.search-txt{float:left;width:80%;height:36px;line-height:36px;text-indent:1em;color:#999;border:2px solid var(--color);outline:none;background-color:#FFF}
.search-click{float:right;width:18.5%;height:42px;font-size:18px;background-color:var(--color);color:#FFF;border-radius:3px;border:none;outline:none;cursor:pointer}
nav{width:100%;height:48px;background-color:#2b2b2b}
nav ul{z-index:99999999999999999999}
nav ul li{float:left;position:relative}
nav ul li a{display:block;font-size:14px;color:#FFF;line-height:48px;text-transform:capitalize;padding:0px 40px}
nav ul li a:hover,.inmenu_1{background-color:var(--color)}
.submenu{display:none;position:absolute;top:48px;left:0px;width:150%;background-color:rgba(43,43,43,.8)}
nav ul li:hover > ul{display:block}
.submenu li{width:100%;height:36px;line-height:36px}
.submenu li a{display:block;padding:0px 5%;font-size:12px;color:#FFF;line-height:36px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.submenu li a:hover{background-color:rgba(7,108,224,.7)}
@font-face{font-family:'MisoBold';src:url('../miso-bold-webfont.html');src:url('../miso-bold-webfontd41d.html#iefix') format('embedded-opentype'), url('../ttf/miso-bold-webfont.ttf') format('truetype');font-weight:normal;font-style:normal}
@font-face{font-family:'fullscreen';src:url('../eot/fullscreen.eot');src:url('../eot/fullscreen.eot#iefix') format('embedded-opentype'), url('../woff/fullscreen.woff') format('woff'), url('../ttf/fullscreen.ttf') format('truetype'), url('../fullscreen.html#fullscreen') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'wowslider-controls';src:url('../eot/wowslider-controls.eot');src:url('../eot/wowslider-controls.eot#iefix') format('embedded-opentype'), url('../woff/wowslider-controls.woff') format('woff'), url('../ttf/wowslider-controls.ttf') format('truetype'), url('../wowslider-controls.html#wowslider-controls') format('svg');font-weight:normal;font-style:normal}
#wowslider-container{zoom:1;position:relative;width:100%;min-width:1200px;margin:0px auto;z-index:100;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:0px;list-style:none;margin:0px;padding:0px;border-spacing:0;overflow:visible}
#wowslider-container .ws_images ul li{position:relative;width:1%;height:100%;line-height:0px;overflow:hidden;float:left;font-size:0px;padding:0px 0 0 0 !important;margin:0px 0 0 0 !important}
#wowslider-container .ws_images{position:relative;left:0px;top:0px;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:0px;margin:0px}
#wowslider-container .ws_images iframe{position:absolute;z-index:-1}
#wowslider-container a{text-decoration:none;outline:none;border:none}
#wowslider-container .ws_bullets{float:left;position:absolute;z-index:70}
#wowslider-container .ws_bullets div{position:relative;float:left;font-size:0px}
#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:rgb(30,165,194);background:rgba(30,165,194,0.5);-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:rgba(30,165,194,1)}
#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:rgb(30,165,194);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(30,165,194,0.6)}
#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:0.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 #333333}
#wowslider-container .ws-title div,#wowslider-container .ws-title span{display:inline-block;padding:10px;background:#3398B6;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;opacity:0.95;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=95)}
#wowslider-container .ws-title div{display:block;background:#B02D15;margin-top:10px;color:#FFFFFF;opacity:0.8;text-shadow:1px 1px 1px #000000}
#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 #999999;box-shadow:0 0 5px #999999;border:3px solid #FFFfff;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:0px;overflow:hidden;position:relative;width:200px;background-color:#FFFfff}
#wowslider-container .ws_bullets .ws_bulframe{display:none;bottom:18px;overflow:visible;position:absolute;cursor:pointer;-moz-box-shadow:0 0 5px #999999;box-shadow:0 0 5px #999999;border:3px solid #FFFfff}
#wowslider-container .ws_bulframe span{display:block;position:absolute;bottom:-9px;margin-left:0px;left:95px;background:url(../triangle.html);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:0px;left:0px;width:100%;height:100%;z-index:55}
#wowslider-container .ws_video_btn.ws_youtube,
#wowslider-container .ws_video_btn.ws_vimeo{display:block}
#wowslider-container .ws_video_btn div{position:absolute;background-image:url(../playvideo.html);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:0px 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:0px;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(0.8)} 100%{-webkit-transform:scale(1)}}
@-moz-keyframes pulseOut{0%{-moz-transform:scale(1)} 50%{-moz-transform:scale(0.8)} 100%{-moz-transform:scale(1)}}
@keyframes pulseOut{0%{transform:scale(1)} 50%{transform:scale(0.8)} 100%{transform:scale(1)}}
@-webkit-keyframes nextArrow{0%, 100%{-webkit-transform:translateX(0px)}25%{-webkit-transform:translateX(2px)}75%{-webkit-transform:translateX(-2px)}}
@-moz-keyframes nextArrow{0%, 100%{-moz-transform:translateX(0px)}25%{-moz-transform:translateX(2px)}75%{-moz-transform:translateX(-2px)}}
@keyframes nextArrow{0%, 100%{-moz-transform:translateX(0px);transform:translateX(0px)}25%{-moz-transform:translateX(2px);transform:translateX(2px)}75%{-moz-transform:translateX(-2px);transform:translateX(-2px)}}
@-webkit-keyframes prevArrow{0%, 100%{-webkit-transform:translateX(0px)}25%{-webkit-transform:translateX(-2px)}75%{-webkit-transform:translateX(2px)}}
@-moz-keyframes prevArrow{0%, 100%{-moz-transform:translateX(0px)}25%{-moz-transform:translateX(-2px)}75%{-moz-transform:translateX(2px)}}
@keyframes prevArrow{0%, 100%{-moz-transform:translateX(0px);transform:translateX(0px)}25%{-moz-transform:translateX(-2px);transform:translateX(-2px)}75%{-moz-transform:translateX(2px);transform:translateX(2px)}}
footer{width:100%;padding:80px 0px 20px 0px;background-color:#232a34;overflow:hidden}
.erweima{width:192px;margin:0px auto 20px}
.erweima img{width:100%}
footer dl{margin:0px auto 20px;text-align:center}
footer dl dd{font-size:14px;color:#4b4b4b;margin-bottom:10px}
footer dl dd a{display:inline-block;color:#4b4b4b}
footer dl dd a:hover{color:#FFF}
.copyright{font-size:14px;color:#4b4b4b;text-align:center}
.inbanner{width:100%;overflow:hidden}
.inbanner img{display:block;width:100%;min-width:1200px;margin:0px auto}
.seat{padding:10px 0px;border-bottom:1px solid #f0f0f0;font-size:14px;color:#666666;margin-bottom:20px;overflow:hidden}
.seat a{font-size:14px;color:#333333;margin:0px 4px}
.seat a:hover{color:var(--color)}
.category{float:left;width:294px;margin-bottom:20px}
.catetit{width:100%;height:50px;font-size:24px;font-weight:bold;color:var(--color);line-height:50px;text-transform:uppercase;border-bottom:1px solid #CCC}
.category ul.sf-menu{width:100%;margin-bottom:20px}
.category ul.sf-menu li{padding:0px 11%;background:url(../png/add.png) no-repeat 12px 19px;font-size:15px;line-height:46px;border-bottom:1px solid #EEE}
.category ul.sf-menu li a{display:block;color:#333333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer}
.category ul.sf-menu li a:hover{color:var(--color)}
.category ul.sub-menu{display:none;width:100%;padding-bottom:10px}
.category ul.sub-menu li{padding:0px 5%;background:url(../png/minus.png) no-repeat 0 11px;font-size:12px;line-height:24px;border-bottom:none}
.category ul.sub-menu li a{display:block;color:#666666;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer}
.category ul.sub-menu li a:hover{text-decoration:underline}
.category ul.sf-menu li:hover ul.sub-menu{display:block}
.pages{clear:both;text-align:center;font-size:12px;padding:15px 0px 20px 0px;color:#b2b2b2;margin:40px 0px}
.pages a, .pages span{display:inline-block;margin:1px 5px;min-width:10px;height:30px;padding:0px 10px;line-height:30px}
.pages a:link, .pages a:visited{color:#666666;background:#FFF}
.pages a:hover, .pages a:active, .pages span.ctxt{color:#FFF;background:var(--color);color:#FFF;text-decoration:none}
.pt-page-moveFromBottom{-webkit-animation:moveFromBottom 1s ease both;-moz-animation:moveFromBottom 1s ease both;-ms-animation:moveFromBottom 1s ease both;-o-animation:moveFromBottom 1s ease both;animation:moveFromBottom 1s ease both}
.pt-page-moveFromLeft{-webkit-animation:moveFromLeft .6s ease both;-moz-animation:moveFromLeft .6s ease both;-ms-animation:moveFromLeft .6s ease both;-o-animation:moveFromLeft .6s ease both;animation:moveFromLeft .6s ease both}
@-webkit-keyframes moveFromLeft {from {-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%)}}
@keyframes moveFromLeft {from {-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}}
@-webkit-keyframes moveFromBottom {from {-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%)}}
@keyframes moveFromBottom {from {-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}}
h3.indextit{width:100%;padding-bottom:40px;background:url(../png/tit_b_line.png) no-repeat center bottom;margin-bottom:60px;font-size:36px;color:#333333;text-align:center;line-height:40px;text-transform:capitalize}
h3.indextit span{display:inline-block;color:var(--color);margin-right:10px}
.inabout{width:100%;padding:80px 0px;overflow:hidden}
.inabout_left{float:left;width:408px}
.inabout_left img{max-width:100%}
.inabout_right{float:right;width:712px}
.inabout_right p{font-size:14px;color:#333333;line-height:180%;table-layout:fixed;word-wrap:break-word;word-break:normal;text-align:justify;text-justify:inter-ideograph}
.infenlei{width:100%;height:540px;padding:80px 0px;background:url(../jpg/infenleibg.jpg) center 0 fixed;background-size:cover}
.infenlei ul{width:100%;overflow:hidden}
.infenlei ul li{float:left;width:370px;height:530px;background-color:#FFF;margin-right:45px}
.infenlei ul li:last-child{margin-right:0px}
.infenlei ul li:hover{-webkit-box-shadow:0px 15px 30px rgba(0,0,0,0.1);box-shadow:0px 15px 30px rgba(0,0,0,0.1);-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0);-moz-transition:0.6s ease-in;-webkit-transition:0.6s ease-in;-o-transition:0.6s ease-in;transition:0.6s ease-in}
.infenlei ul li a{display:block;font-size:20px;color:#333333;line-height:28px;margin-bottom:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.infenlei ul li a.flimg{margin-bottom:40px;width:100%;height:300px;position:relative}
.infenlei ul li a.flimg img{max-width:100%;max-height:300px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;margin:auto}
.infenlei ul li span{display:block;width:90%;margin:0px auto}
.infenlei ul li p{font-size:14px;line-height:28px;color:#666666;height:auto}
.innews{width:100%;padding:80px 0px;overflow:hidden}
.innews ul{float:left;width:580px}
.innews ul li{width:100%;height:92px;background-color:#F1F1F1;margin-bottom:20px;overflow:hidden}
.innews ul li:nth-child(5n){margin-bottom:0px}
.innews ul li span{display:block;float:left;width:92px;height:92px}
.innews ul li span a{display:block;width:100%;height:92px;position:relative}
.innews ul li span a img{max-width:100%;max-height:92px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;margin:auto}
.innews ul li dl{float:right;width:468px;height:72px;padding:10px 10px}
.innews ul li dl dt{font-size:16px;margin-bottom:2px}
.innews ul li dl dt a{display:block;color:#333333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.innews ul li dl dd{font-size:12px;color:#999;line-height:180%;height:42px;overflow:hidden}
.innewsbg{float:right;width:540px}
.innewsbg img{width:100%}
.inhot{width:100%;padding:80px 0px;background-color:var(--color);overflow:hidden}
.inhot h3{color:#FFF;background:url(../png/tit_b_line0.png) no-repeat center bottom}
.inhot ul{width:100%;overflow:hidden}
.inhot ul li{float:left;width:24%;padding:0px 0 15px;margin-right:1.3333333%;margin-bottom:20px;background-color:#FFF}
.inhot ul li:nth-child(4n){margin-right:0px}
.inhot ul li:hover{-webkit-box-shadow:0px 15px 30px rgba(0,0,0,0.1);box-shadow:0px 15px 30px rgba(0,0,0,0.1);-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0);-moz-transition:0.6s ease-in;-webkit-transition:0.6s ease-in;-o-transition:0.6s ease-in;transition:0.6s ease-in}
.inhot ul li span{display:block;width:100%;height:300px;margin-bottom:20px}
.inhot ul li span a{display:block;width:100%;height:300px;position:relative;margin:0px auto}
.inhot ul li span a img{max-width:100%;max-height:300px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;margin:auto}
.inhot dl{width:90%;margin:0px auto;font-size:12px;line-height:150%;overflow:hidden}
.inhot dt{font-size:16px;margin-bottom:5px}
.inhot dt a{display:block;color:#333333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.inhot dl dd{height:180px;font-size:14px;color:#666}
.inknow{width:100%;padding:80px 0px;overflow:hidden}
.inknow ul{width:100%;overflow:hidden}
.inknow ul li{float:left;width:370px;margin-right:45px}
.inknow ul li:nth-child(3n){margin-right:0px}
.inknow ul li span{display:block;width:240px;height:240px;margin:0px auto 20px;overflow:hidden}
.inknow ul li span a{display:block;width:240px;height:240px;position:relative}
.inknow ul li span a img{max-width:100%;max-height:240px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;margin:auto;-webkit-transition:all 0.8s ease-in-out;-moz-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out;-ms-transition:all 0.8s ease-in-out;transition:all 0.8s ease-in-out;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}
.inknow ul li span a img:hover{-webkit-transform:rotate3d(0,1,0,360deg);-moz-transform:rotate3d(0,1,0,360deg);-o-transform:rotate3d(0,1,0,360deg);-ms-transform:rotate3d(0,1,0,360deg);transform:rotate3d(0,1,0,360deg)}
.inknow ul li dl{text-align:center}
.inknow ul li dl dt{font-size:16px;margin-bottom:2px}
.inknow ul li dl dt a{display:block;color:#333333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.inknow ul li dl dd{font-size:12px;color:#666666;line-height:180%;height:63px;overflow:hidden}
.about{float:right;width:878px;margin-bottom:20px;overflow:hidden}
.about p{width:100%;font-size:14px;color:#333333;line-height:180%;table-layout:fixed;word-wrap:break-word;word-break:normal;text-align:justify;text-justify:inter-ideograph}
.news{float:right;width:878px;margin-bottom:20px;overflow:hidden}
.news ul{width:100%;padding-top:20px;overflow:hidden}
.news ul li{padding:5px 15px;border-bottom:1px dotted #EEE;overflow:hidden}
.news ul li a{display:inline-block;width:87%;font-size:18px;line-height:45px;color:#666666;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;vertical-align:middle}
.news ul li span{width:18%;font-size:12px;line-height:45px;color:#999;text-align:right}
.news ul li a:hover{color:var(--color)}
.news_main{float:right;width:878px;margin-bottom:20px;overflow:hidden}
.newscontent{width:100%;margin-bottom:20px;overflow:hidden}
.newscontent h1{width:100%;margin:0px auto;font-size:28px;color:#333333;border-bottom:2px solid var(--color)}
.newscontent .ncdate{display:block;text-align:center;font-size:16px;color:#666666;padding:20px 0px}
.newscontent p{width:100%;font-size:14px;color:#333333;line-height:180%}
.flip{width:100%;color:#333333;font-size:16px;margin:20px 0px;zoom:1}
.flip a{color:var(--color);text-decoration:underline;padding-bottom:4px;margin-left:8px}
.flip a:hover{text-decoration:none}
.flip .prev{margin-bottom:10px}
.relatednews{width:100%;overflow:hidden}
.relatednews h2{font-size:18px;color:#333333;text-transform:uppercase;margin:20px 0px 10px}
.relatednews ul{overflow:hidden}
.relatednews ul li{width:48%;height:32px;border-bottom:1px dashed #EEE}
.relatednews ul li:nth-child(odd){float:left}
.relatednews ul li:nth-child(even){float:right}
.relatednews ul li a{display:block;font-size:14px;color:#666666;line-height:32px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.relatednews ul li a:hover{color:var(--color)}
.proCateTags{clear:both;padding:0px 10px 8px 10px;margin:0px 10px;border:1px solid #EEE;border-radius:5px}
.proCateTagsh3{font-size:14px;line-height:32px;margin:0px;padding:0px}
.keywords{margin:12px auto}
.keywords a{margin-right:10px;color:#2e66b5;line-height:1.8;text-decoration:underline;display:inline-block;white-space:nowrap;text-overflow:ellipsis}
.keywords a:hover{text-decoration:none}
.plist{float:left}
.product_main{float:right;width:878px;margin-bottom:20px;overflow:hidden}
.proIntro{clear:both;margin:10px auto 30px;padding:0px;line-height:1.6;color:#999}
.pro_lb0{width:100%;overflow:hidden}
.pro_lb0 ul{width:100%;overflow:hidden}
.pro_lb0 ul li{width:96%;padding:10px 2%;border-bottom:1px solid #EEE;position:relative;margin-bottom:10px;overflow:hidden}
.pro_lb0 ul li .proimg{float:left;width:26.5%}
.pro_lb0 ul li .proimg a{display:block;padding:10px 0px}
.pro_lb0 ul li .proimg a img{width:100%}
.pro_lb0 ul li dl{float:right;width:71%;padding-top:15px;overflow:hidden}
.pro_lb0 ul li dl dt{font-size:16px;color:#333333;line-height:150%;margin-bottom:10px;overflow:hidden}
.pro_lb0 ul li dl dt a{display:block;color:#333333}
.pro_lb0 ul li dl dt a:hover{color:var(--color)}
.pro_lb0 ul li dl dd{font-size:12px;color:#999;line-height:150%;margin-bottom:10px;overflow:hidden}
.pro_lb1{width:100%;overflow:hidden}
.pro_lb1 ul{width:100%;overflow:hidden}
.pro_lb1 ul li{float:left;width:31.7%;margin-right:2.4%;padding:10px 0px;margin-bottom:20px;background-color:rgba(7,108,224,.7);border-radius:3px}
.pro_lb1 ul li:nth-child(3n){margin-right:0px}
.pro_lb1 dl{width:90%;margin:0px auto;font-size:12px;line-height:150%;overflow:hidden}
.pro_lb1 dt{padding-bottom:15px}
.pro_lb1 dt a{display:block;width:100%;height:260px;position:relative;margin:0px auto}
.pro_lb1 dt a img{max-width:100%;max-height:260px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;margin:auto}
.pro_lb1 dd{height:48px;font-size:16px;line-height:150%;text-align:center;margin-bottom:10px;overflow:hidden}
.pro_lb1 dd a{display:block;color:#FFF}
.pro_lb1 dd a:hover{text-decoration:underline}
.pro_more{display:block;width:160px;height:36px;font-size:18px;color:#FFF;line-height:36px;text-align:center;margin-top:30px}
.mmo{background-color:var(--color);vertical-align:middle;display:inline-block;position:relative;box-shadow:0px 0px 1px rgba(0, 0, 0, 0);transform:translateZ(0px);transition-property:color;transition-duration:0.5s;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.5s;-webkit-transition-property:color;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}
.mmo::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:0.5s;transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-webkit-transition-duration:0.5s;-webkit-transition-property:transform;-webkit-transform:scaleX(0);-webkit-transform-origin:0 50%}
.mmo:hover{color:white;text-decoration:underline}
.mmo:hover::before{transform:scaleX(1);transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transform:scaleX(1)}
.table{border-collapse:collapse}
.table td, .table th{border:1px solid #cdcdcd;padding:5px}
.table p{padding:0px;margin:0px}
.pshare{float:left;padding:8px 0px 0px 0px}
.pshareli{float:left;width:48%;height:28px;line-height:28px}
.pshare li img{vertical-align:middle;margin-right:12px}
.jsshare{text-align:center;padding-top:8px}
.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}
.addthis_sharing_toolbox{display:inline-block}
span.at-icon-wrapper, .at-icon-wrapper svg{width:24px!important;height:24px!important;line-height:24px!important}
.procont_main{float:right;width:878px;margin-bottom:20px}
.productshow{width:100%}
.pcon_l{float:left;width:380px}
.pcon_r{float:right;width:478px}
.pcon_r h1{font-size:18px;font-weight:var(--fontbold6);color:#333333;line-height:24px;padding-top:15px;border-top:1px solid #E4E2E2;margin-bottom:20px}
.pcon_r p{font-size:14px;color:#666666;line-height:180%}
.pconmore{width:200px;height:47px;font-size:18px;line-height:47px;text-align:center;display:block;color:#FFF;margin-top:43px}
.mmv{background-color:var(--color);vertical-align:middle;display:inline-block;position:relative;box-shadow:0px 0px 1px rgba(0, 0, 0, 0);transform:translateZ(0px);transition-property:color;transition-duration:0.5s;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.5s;-webkit-transition-property:color;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}
.mmv::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:0.5s;transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-webkit-transition-duration:0.5s;-webkit-transition-property:transform;-webkit-transform:scaleX(0);-webkit-transform-origin:0 50%}
.mmv:hover{color:white;text-decoration:underline}
.mmv:hover::before{transform:scaleX(1);transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transform:scaleX(1)}
.proinfo{width:100%;padding-top:40px;overflow:hidden}
.proinfo h3{height:40px;line-height:40px;padding-left:20px;margin-bottom:20px;background:#f3efec;color:#333333;font-size:18px}
.proinfo p{font-size:14px;color:#666666;line-height:180%}
.productsTags{margin-top:20px}
.rollPro1{width:100%;margin:10px auto;overflow:hidden}
.rollPro1 li{width:30%;float:left;margin-right:5%;text-align:center}
.rollPro1 li:nth-of-type(3){margin-right:0%}
.rollPro1 li:nth-of-type(6){margin-right:0%}
.rollPro1 li:nth-of-type(9){margin-right:0%}
.rollPro1 li:nth-of-type(12){margin-right:0%}
.rollPro1 li .pbox{border:1px solid #EEE;padding:4px;height:150px}
.rollPro1 li .pbox img{max-width:100%;max-height:150px}
.rollPro1 li p{height:40px;line-height:20px;overflow:hidden;margin:10px auto}
.rollPro1 li p a{display:block;color:#666}
.rollPro1 li p a:hover{color:var(--color)}
.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 0px 0px 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 0px 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}
.box_left,.box_right{float:left}
.box_left{width:190px}
.box_right{padding-left:200px;margin-left:20px;float:none}
.box_right a{color:#333333;font-size:16px;line-height:16px}
.box_left img{width:100%}
.artical_date{padding-top:10px;padding-bottom:10px;color:#666666;font-size:14px;line-height:14px}
.box_right>div:nth-child(2){color:#cbcbcb}
.newspg_right{float:left;width:100%}
.clearfix{zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}
#con {margin-top:30px}
#tagContent {clear:both;padding-top:20px}
#tags{height:40px;line-height:40px;padding-left:20px;margin-bottom:20px;background:#f3efec}
#tags li {float:left}
#tags li a {display:inline-block;margin-right:20px;color:#444;font-size:18px}
ul#tags li.selectTag a {color:var(--color);border-bottom:2px solid var(--color);line-height:38px}
.head_info{display:flex}
.search{width:calc(100% - 140px)}
.header_en .search{flex:1;display:flex}
header .container{display:flex;justify-content:space-between;align-items:center}    
#xyz *{box-sizing:border-box}    
#xyz{position:relative;z-index:99999;width:120px;height:30px;top:5px;margin-left:10px}
.xyz12{border-radius:3px;border:1px solid #dcdcdc;width:100%;background:#FFF;line-height:30px;position:absolute}
.xyz12 li{position:relative;height:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:30px;padding:0px 8px;z-index:1;text-align:left}
.xyz12 li a{color:#333333;font-size:12px}
.xyz12 li.selected{border-top:0px}
.xyz12 li.selected a{color:#8550d9}
.xyz12 span{position:absolute;right:0;top:0;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:-2px 7px 0px 0px}
.xyz12 li:hover{background:#F2F2F2}
.inhot dl dd{height:36px}
.inhot ul li,.infenlei ul li{transition:margin .3s ease-in-out}
.inhot ul li:hover,.infenlei ul li:hover{-webkit-box-shadow:0px 15px 30px rgba(0,0,0,.1);box-shadow:0px 15px 30px rgba(0,0,0,.1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-moz-transition:margin .3s ease-in-out;-webkit-transition:margin .3s ease-in-out;-o-transition:margin .3s ease-in-out;transition:margin .3s ease-in-out;margin-top:-5px}
.copyright,footer dl dd,footer dl dd a{color:#FFF}
.footnavlist {text-align:center;border-top:1px solid #666666;padding:15px 0px 10px}
.footnavlist li {display:inline-block}
.footnavlist li a {font-size:15px;color:#FFF;padding:5px 20px;display:inline-block;background:none}
.proty-tit {font-size:24px;line-height:1.3;padding:10px 0px}
.pro-body {font-size:14px;color:#000;line-height:1.7;margin-bottom:12px}
.pro_lb0 ul li dl dt a {font-size:18px;line-height:1.4}
.pro_lb0 ul li dl dd {font-size:13px}
.pages {margin:12px 0px}
.proIntro {color:#666666;font-size:13px;line-height:1.7;padding:10px}
.proIntro a {color:#666}
.inydetail,.inydetail p,.inydetail a,.inydetail td {font-size:16px;line-height:1.7;color:#111}
.ptit {height:40px;line-height:40px;padding-left:20px;margin-bottom:20px;background:#f3efec;color:#333333;font-size:18px}
.catetit{height:auto;min-height:50px}
.project-list li{display:flex;background:#fbfbfb;margin-bottom:30px;padding:20px}
.project-info{margin-left:20px;width:auto}
.project-info a{flex-direction:column;width:100%;height:100%;display:flex;justify-content:space-evenly}
.project-name{font-size:18px;line-height:1.3}
.project-content{font-size:14px;color:#777270;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;overflow:hidden}
.project-list .project-img img{max-width:200px}
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:1350px}
.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:1350px}
.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 *{box-sizing:border-box}
.sidebar-item{box-sizing:border-box;width:100%;margin-bottom:20px;position:relative}
.sidebar-item.sidebar-search{background:#f7f7f7;display:flex;justify-content:space-between;align-items:center;border:none;padding:15px 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:13px;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 0 0;font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:23;overflow:hidden}
.sidebar-item .sidebar-list .item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #EEEEEE}
.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{color:var(--fontcolor);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:15px 10px;border:none;background:#f7f7f7}
.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;line-height:1.4;height:30px;margin-left: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)}}