@charset "utf-8";
/* CSS Document public*/
*{font-family:Arial, Helvetica,"Microsoft Yahei", sans-serif; padding: 0; margin:0; box-sizing:border-box;}
html{ overflow-x:hidden; }
body{padding:0;margin:0;font-family:Arial,"Microsoft Yahei",Helvetica, sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-overflow-scrolling:touch;line-height: 1.4; font-size:14px;}
html, body {width:100%;max-width: 100%;min-width: 320px;scrollbar-width: none;}
a{text-decoration:none;bblr:expression(this.onFocus=this.blur()); outline:none;color:#333; text-decoration:none; }
a,input,img,:focus{ mayfish:expression(this.onfocus=this.blur); cursor:handbblr:expression(this.onFocus=this.blur());outline-style:none;}
a:active, a:hover{ text-decoration: none;}
a:hover{text-decoration: none;}
a:focus{outline:none;text-decoration:none;}

ul{list-style:none;}
img{border:0px}
ul,li,dl,dt,dd,h1,h2,.h3,.h4,.h5,.h6,form,p{padding:0;margin:0; font-weight:normal;}
.h3,.h4,.h5{ font-weight:normal;}
.h4 a:hover,.h5 a:hover{ -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
hr{display:block;height:1px;border:0;background:#d8d8d8;padding:0;margin-bottom: 3.25rem;margin-top: 2.5rem;}
abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video{display:block}
.fl{ float:left}
.fr{ float:right}
.clear{clear:both;height:0px;font-size:1px;line-height:0px}
.container01,.container02,.container03,.container04,.container05,.container06,.container07,.container08,.n-container01,.n-container03,.n-container04{ margin:0 auto;}
.slow img:hover{ transform:scale(1.05);}
.slow img{-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.h5 a,.more a{-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.opacity{filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1}
.a_body{ position:relative;}
:root {  --header-height: 4.25rem;}
::-webkit-scrollbar {width:5px;height:5px; background:#f1f1f1}
::-webkit-scrollbar-track {border-radius:2.5px; background:#f1f1f1}
::-webkit-scrollbar-thumb {border-radius:2.5px; background:#d4042c}

.h5 a{ display:inline-block; max-width:100%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.more a{ -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%}
.table_cell{ display:table-cell; vertical-align:middle}


@font-face{ font-family:MISTRAL; src:url(https://aloss.wsjianzhan.com/assets/default/font/MISTRAL.TTF);}
@font-face{ font-family:bahnschrift; src:url(https://aloss.wsjianzhan.com/assets/default/font/bahnschrift.ttf);}
@font-face{ font-family:impact; src:url(https://aloss.wsjianzhan.com/assets/default/font/impact.ttf);}
/*@font-face{ font-family:Helvetica; src:url(https://aloss.wsjianzhan.com/assets/default/font/Helvetica-Condensed-Light-Light.otf);}*/
@font-face{ font-family:Helvetica; src:url(https://aloss.wsjianzhan.com/assets/default/font/tt0248m.ttf);}
@font-face {font-family:DINCond-Medium;src:url(https://aloss.wsjianzhan.com/assets/default/font/DINCOND-MEDIUM-WEBFONT.TTF);}
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}
@media (max-width:328px){html{font-size:12px;}}

.ar_wap{ display:none}
.a_body{ position:relative; z-index:9997; overflow-x:hidden}

.section{ overflow:hidden;}
header{position:  fixed;height:var(--header-height);background:#fff;left: 0;z-index: 9998;width: 100%;box-shadow:0 3px 6px rgba(0,0,0,0.1);}
header .fl{height:var(--header-height);line-height:var(--header-height);position: relative;}
header .fl img{width: 13.375rem;display: inline-block;vertical-align: middle;}

#header nav{ display:inline-block; height:var(--header-height); line-height:var(--header-height);}
#header nav ul{ font-size:0}
#header nav ul li{ display:inline-block; *display:inline; *zoom:1; margin-left:2.5rem;}
#header nav ul li a{ font-size:1rem; color:#474749; display:block; position:relative; height:var(--header-height); line-height:var(--header-height)}
#header nav ul li a:before{ content:""; position:absolute; bottom:0; right:0; height:2px; width:0; background:#d4042c; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
#header nav ul li:hover a:before,#header nav ul li.on a:before{ left:0; width:100%}
header .tel{ display:inline-block; height:var(--header-height); line-height:var(--header-height); margin-left:1.875rem; position:relative;}
header .tel:before{ content:""; position:absolute; left:0; top:50%; margin-top:-7.5px; width:1px; height:15px; background:#c0c0c1}
header .tel img{ margin:-3px 9px 0 1.625rem;}
header .tel{ font-size:18px; color:#555555; font-weight:700}
/*banner*/
.banner_box{position:relative;overflow:hidden;margin-top:4.4rem; }/*height:100vh*/
.banner_box01{ height:600px;}
.banner_box .banner{height: 600% !important;}
.banner_box .banner ul,
.banner_box .banner li { height: 100%; overflow: hidden; position: relative; background:#000}
.banner_box .banner li {position: absolute;top: 0;left: 0;width: 100%;height: 600px;overflow: hidden;z-index: 1;display: none;}
.banner_box .banner li .fullbg {-webkit-transition: transform 3.2s;-moz-transition: transform 3.2s;-ms-transition: transform 3.2s;transition: transform 3.2s;-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);width: 100% !important;height: 100% !important;margin-left: 0 !important;}
.banner_box .banner li:nth-child(1){ display:block;}
.banner_box .banner li:nth-child(1) .fullbg{ display:block; -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.banner_box .banner li .misu { opacity: 0; -webkit-transform: translate(0, 50px); -moz-transform: translate(0, 50px); -ms-transform: translate(0, 50px); transform: translate(0, 50px); -webkit-transition: 0.8s ease-out; -moz-transition: 0.8s ease-out; -ms-transition: 0.8s ease-out; transition: 0.8s ease-out; }
.banner_box .banner li:first-child .misu{ opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -ms-transition: 0.3s ease-out; transition: 0.3s ease-out; }
.banner_box .banner li.current { z-index: 2; }
.banner_box .banner li.current .fullbg { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.banner_box .banner li.current .misu { opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
.banner_box .banner .cont {position: absolute;top: 0;left: 0;width: 100%;color: #fff;text-align: center;height: 600px;}
.banner_box .banner .cont h1 {font-size: 5.3125rem;-webkit-transition-delay: 0s;-moz-transition-delay: 0s;-ms-transition-delay: 0s;transition-delay: 0s;font-family: MISTRAL;}
.banner_box .banner .cont .intro {letter-spacing: 10px;font-size: 1.5rem;padding: 0;-webkit-transition-delay: 0.6s;-moz-transition-delay: 0.6s;-ms-transition-delay: 0.6s;transition-delay: 0.6s;font-family: qy;}
.banner_box .banner .cont .intro img{max-width:90%;margin-top: -30px;}
.banner_box .banner .cont .view { -webkit-transition-delay: 0.8s; -moz-transition-delay: 0.8s; -ms-transition-delay: 0.8s; transition-delay: 0.8s; }
.banner_box .banner .cont .view a { background-color: #090604; color: #fff; width: 132px; height: 34px; line-height: 34px; text-align: center; display: inline-block; margin: 0 auto; overflow: hidden; border-top: solid #634d3a 1px; border-bottom: solid #634d3a 1px; }
.banner_box .banner .cont .view a:after { content: ""; position: absolute; background-color: #c30d0c; top: 0; left: 0; width: 100%; height: 100%; left: -100%; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; }
.banner_box .banner .cont .view a:hover:after { left: 0; }
.banner_box .banner .cont .view span { position: relative; z-index: 1; }
.banner_box .banner .scrolltips { position: absolute; bottom: 20px; left: 0; text-align: center; width: 100%; color: #fff; z-index: 20; }
.banner_box .banner .scrolltips .pic .icon { width: 24px; height: 43px; background-image: url(../../images/icon-mouse.html); }
.banner_box .banner .scrolltips .pic .icon:after { content: ""; position: absolute; width: 1px; height: 10px; background-color: #fff; left: 50%; top: 10px; -webkit-animation: sc 1s infinite; -moz-animation: sc 1s infinite; -ms-animation: sc 1s infinite; animation: sc 1s infinite; }

.wap_nav{ display:none}
.button01 {position:relative;display:inline-block;width:8.25rem;height:3rem;line-height:3rem;background:#d4042c;text-align:center;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;overflow:hidden;font-size:0.9375rem;color:#fff}
.button01.ar_wap {display:none}
.button01:before {content:"";position:absolute;top:-30px;left:-100px;height:110px;width:70px;background:rgba(255,255,255,.6);transform:rotate(20deg);}
.button01:hover:before {left:250px;transition:all 0.6s;}
.button01:hover {color:#fff}

.layui-inline,img{display:inline-block;vertical-align:middle}h1,h2,.h3,.h4,.h5,.h6{font-weight:400}
.layui-container{position:relative;margin:0 auto;padding:0 15px;box-sizing:border-box;max-width: 1310px;}
.layui-container01{position:relative;margin:0 auto;padding:0 15px;box-sizing:border-box;max-width: 1630px;}
.layui-container01:before,.layui-container01:after{
    display: table;
    content: " ";
}
.layui-container03 {
    position: relative;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
    max-width: 1410px;
}
.container06{ padding:8.875rem 0 4.6875rem; text-align:center}
.container06 .con{ display:inline-block; *display:inline; *zoom:1}
.container06 .con.left{ text-align:left}
.container06 .con.left .h3{ font-family:MISTRAL; font-size:3.75rem; color:#1d1b1b; margin-bottom:5.25rem}
.container06 .con.left h2{ overflow:hidden}
.container06 .con.right{ margin-left:10rem; text-align:left; position:relative}
.container06 .con.right h2{font-size:1.25rem;color:#373739;line-height: 1.75;}
.container06 .con.right .h3{font-size:2.5rem;color:#373739;margin:1.5rem 0 3.25rem; font-weight:lighter}
.container06 .con.right .h3 a{ color:#373739; font-family: bahnschrift;}
.container06 .con.right p{ font-size:0.875rem; color:#373739; line-height:1.875rem;}
.container06 .con.right .weixin{ position:absolute; bottom:0; right:0; text-align:center}
.container06 .con.right .weixin img{ width:6.25rem; height:6.25rem}
.container06 .con.right .weixin .h5{ margin-bottom:0.5rem; margin-top:0.75rem; font-size:0.9375rem; color:#373739}
.container08{ font-size:0; padding:5rem 0 2.25rem 0;border-bottom:#e7e7e7 1px solid}
.container08 .con{ display:inline-block; *display:inline; *zoom:1; min-height:7.8125rem; position:relative}
.container08 .con:before{ content:""; position:absolute; right:0; top:50%; width:1px; height:7.8125rem; margin-top:-3.90625rem; background:#e7e7e7}
.container08 .con.right:before{ display: none}
.container08 .con.left{ width:35%; text-align:center; padding:0 1.25rem 0 0;}
.container08 .con.left ul{margin: 0.25rem 0 1.5rem;}
.container08 .con.left ul li{ display:inline-block; *display:inline; *zoom:1; width:25%; line-height:1.8rem;text-align:left;}
.container08 .con.left ul li a{ font-size:0.875rem; color:#565555;}
.container08 .con.center{ width:28%; text-align:center}
.container08 .con.center ul li{ display:inline-block; *display:inline; *zoom:1; margin:0 1.875rem}
.container08 .con.center ul li .h3 img{ width:5.625rem; height:5.625rem}
.container08 .con.center ul li .h5{ font-size:12px; color:#565555; height:2rem; line-height:2rem}
.container08 .con.left dl{font-size:0;padding: 0 8.5%;}
.container08 .con.left dl dt{font-size: 12px;color:#3e3d3d;display: inline-block;}
.container08 .con.left dl .dl_r{display:inline-block;width: calc(100% - 58px);white-space: nowrap;overflow: hidden;margin-left: 10px;}
.container08 .con.left dl dd{display:inline-block;margin-right:10px;line-height: 12px;}
.container08 .con.left dl dd a{font-size:12px;color:#99999c;margin-right: 6px;}
.container08 .con.right{ width:37%;}
.container08 .con.right .h3{ height:1.25rem; line-height:1.25rem; margin-bottom:1.875rem}
.container08 .con.right .h3 span{font-size:1.25rem;color:#3e3d3d;font-weight:bold;display:  inline-block;}
.container08 .con.right .h3 i{display:inline-block;font-style:normal;width:7px;height:7px;border-radius:3.5px;background:#3e3d3d;vertical-align: middle;margin: 0 0.5rem;}
.container08 .con.right p{ font-size:0.875rem; color:#565555; line-height:1.5rem}
#container {position:fixed;width:100%;height:100%;top:0;left:0;display:none;z-index:100000;}
#container .header {position:fixed;left:0;top:0;width:100%;z-index:10;padding:2rem}
.error404 .header {display:none}
#container .header nav {position:fixed;left:0;top:0;width:100%;height:100%;background-color:#d4042c;}
#container .header .logo {display:block;float:left;transition:opacity .2s ease-in-out}
#container .header .logo p,#container .header .logo img {float:left}
#container .header .logo img {width:9rem}
#container .header .logo p {display:inline-block;margin:0;line-height:4.4rem;margin-left:3rem}
.menu-opener {display:block;position:absolute;top:50%;-ms-transform:translateY(-50%) translateX(20%);transform:translateY(-50%) translateX(20%);right:1rem;cursor:pointer;}
.menu-opener .menu-label {color:#000;font-size:1rem;display:inline-block;line-height:30px;margin-right:0.5em;vertical-align:top;font-family:"Matter SQ",sans-serif;}
.menu-opener .menu-icon {height:30px;width:30px;border:1px dotted #000;border-radius:15px;display:inline-block;vertical-align:top;}
.menu-opener .menu-icon i {display:block;width:11px;height:2px;top:13px;left:9px;background-color:#000;position:relative;transition:all .2s ease-in-out;}
.menu-opener .menu-icon i:after,.menu-opener .menu-icon i:before {display:block;width:5px;height:2px;background-color:#000;content:'';left:3px;position:absolute;}
.menu-opener .menu-icon i:before {top:-3px;transition:all 0.3s}
.menu-opener .menu-icon i:after {top:3px;transition:all 0.3s;transition-delay:0.05s}
.menu-opener:hover i:after {width:7px;left:0}
.menu-opener:hover i:before {width:8px;left:0}
.menu-opener.opened .menu-label {pointer-events:none}
.menu-opener.opened .menu-icon {transition:transform 0.3s}
.menu-opener.opened .menu-icon i {top:13px;left:9px;-ms-transform:rotate(45deg);transform:rotate(45deg);-ms-transform-origin:50% 50%;transform-origin:50% 50%}
.menu-opener.opened .menu-icon i:before {opacity:0}
.menu-opener.opened .menu-icon i:after {-ms-transform:rotate(90deg);transform:rotate(90deg);width:11px;top:0px;left:0px}
.menu-opener.opened .menu-icon:hover {-ms-transform:rotate(180deg);transform:rotate(180deg)}
.menu-opener.opened .menu-icon:hover i {left:8px}
.primary-menu {margin:0;}
.primary-menu li {text-align:center}
.primary-menu .current-page-ancestor a,.primary-menu .current-menu-item a {position:relative}
.primary-menu .current-page-ancestor a:after,.primary-menu .current-menu-item a:after {height:.4rem;width:.4rem;background-color:#feeeff;position:absolute;border-radius:50%;left:50%;bottom:0rem;content:'';margin-left:-0.2rem}
.solid .primary-menu .current-page-ancestor a:after,.solid .primary-menu .current-menu-item a:after {background-color:#555a8c}
.primary-menu a {padding:1em;display:block;color:#fff;font-size:1.25rem;}
.primary-menu li.on a {color:#fff;background:#d8042d;}
.language-chooser {margin:0}
.language-chooser>li.active {display:none}
.language-chooser>li a {color:#fff;text-transform:uppercase;font-size:16px;    display: block; border: 1px solid; padding: 0.2rem 2rem;}
.language-chooser>li a span {display:inline-block}
.language-chooser>li a span img {margin:-3px 10px 0 0}
.img-stellar {position:absolute;width:4.4rem;display:none}

#container .menu-opener{right: calc(1rem + 15px);}
#container .menu-opener .menu-label{ color:#fff}
#container .menu-opener .menu-icon{ border:#fff 1px solid}
#container .menu-opener .menu-icon i, #container .menu-opener .menu-icon i:after, #container .menu-opener .menu-icon i:before{ background:#fff}

.tc1 .tc{pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0; position:  fixed;width:  100%;height:  100%;top: 0;z-index: 99999;transform:scale(1.1);display:  none;}
.tc1 .tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;  pointer-events: auto;display: flex; justify-content: center; align-items: center;height: 100%; }
.tc1 .close:hover{ transform:rotate(180deg);}
.tc1 .close,.tc{ transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; }
.tc1 .tc-box{position:absolute;background: #d9d9d9;overflow: hidden;z-index:9999;width: 16rem;padding: .5rem;}
.tc1 .close{position: absolute; cursor:pointer;font-size: 20px;right: 30px;top: 30px; }
.tc1 .tc_bg {height: 100%;background: rgba(0,0,0,.7);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}
.tc1 h3 img{ width:100%; margin: 0 auto;display: block;}
.tc1 h5{ height: 2rem;line-height: 2rem;font-size: 13px;color: #6c6c6c;text-align:center;}
.tc1 .tc.act .tc-box{ -webkit-animation-name: anim-open-2;animation-name: anim-open-2;transform:scale(1);}

.floor {position:relative;transition:opacity .4s ease-in-out}
.floor.animated {opacity:1}
footer{ padding:2.25rem 0 2rem; font-size:12px; color:#a8a4a4}
footer a{font-size:12px;color:#a8a4a4;display: inline-block;margin: 2px 0 0 0.25rem;}
footer .fl .ar_wap{ display:none}
footer .fr{text-align:right;position:relative;padding-right: 0;float:right;}

.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:before,.clearfix:after,.row:before,.row:after {content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.row:after,.clearfix:after {clear:both;}
.row,.clearfix {zoom:1;}
.clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}


.livechat-girl { width: 62px; height: 62px; border-radius: 50%; position: fixed; bottom: 1px; right: 40px; opacity: 0; -webkit-box-shadow: 0 5px 10px 0 rgba(35,50,56,.3); box-shadow: 0 5px 10px 0 rgba(35,50,56,.3); z-index: 9999; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); cursor: pointer; -webkit-transition: all 1s cubic-bezier(.86, 0, .07, 1); transition: all 1s cubic-bezier(.86, 0, .07, 1) }
.livechat-girl:focus { outline: 0 }
.livechat-girl.animated { opacity: 1; transform: translateY(-40px); -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px) }
.livechat-girl:after { content: ''; width: 12px; height: 12px; border-radius: 50%; background-image: linear-gradient(to bottom, #f10000, #f10000); position: absolute; right: 1px; top: 1px; z-index: 50 }
.livechat-girl .girl { position: absolute;     top: -1px; left: -1px; width: 100%; height: auto; z-index: 50 }
.livechat-girl .animated-circles .circle { background: rgba(241,0,0,.25); width: 60px; height: 60px; border-radius: 50%; position: absolute; z-index: 49; transform: scale(1); -webkit-transform: scale(1) }
.livechat-girl .animated-circles.animated .c-1 { animation: 2s scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-girl .animated-circles.animated .c-2 { animation: 2.5s scaleToggleTwo cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-girl .animated-circles.animated .c-3 { animation: 3s scaleToggleThree cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-girl.animation-stopped .circle { opacity: 0!important }
.livechat-girl.animation-stopped .circle { opacity: 0!important }
.livechat-girl .livechat-hint { position: absolute; right: 40px; top: 50%; margin-top: -20px; opacity: 0; z-index: 0; -webkit-transition: all .3s cubic-bezier(.86, 0, .07, 1); transition: all .3s cubic-bezier(.86, 0, .07, 1) }
.livechat-girl .livechat-hint.show_hint { -webkit-transform: translateX(-40px); transform: translateX(-40px); opacity: 1 }
.livechat-girl .livechat-hint.hide_hint { opacity: 0; -webkit-transform: translateX(0); transform: translateX(0) }
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 1296px!important }
.livechat-girl .livechat-hint.rd-notice-tooltip .rd-notice-content { width: auto; overflow: hidden; text-overflow: ellipsis }
@keyframes scaleToggleOne {0{transform:scale(1);-webkit-transform:scale(1)}
50% {transform:scale(2);-webkit-transform:scale(2)}
100% {transform:scale(1);-webkit-transform:scale(1)}
}
@keyframes scaleToggleTwo {0{transform:scale(1);-webkit-transform:scale(1)}
20% {transform:scale(1);-webkit-transform:scale(1)}
60% {transform:scale(2);-webkit-transform:scale(2)}
100% {transform:scale(1);-webkit-transform:scale(1)}
}
@keyframes scaleToggleThree {0{transform:scale(1);-webkit-transform:scale(1)}
33% {transform:scale(1);-webkit-transform:scale(1)}
66% {transform:scale(2);-webkit-transform:scale(2)}
100% {transform:scale(1);-webkit-transform:scale(1)}
}
.rd-notice-tooltip { -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2); box-shadow: 0 2px 2px rgba(0,0,0,.2); font-size: 14px; border-radius: 3px; line-height: 1.25; position: absolute; z-index: 65; max-width: 350px; opacity: 1 }
.rd-notice-tooltip:after { position: absolute; display: block; content: ''; height: 20px; width: 20px; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; z-index: 50 }
.rd-notice-tooltip .rd-notice-content { background: 0; border-radius: 3px; width: 100%; color: #fff; position: relative; z-index: 60; padding: 20px; font-weight: 400; line-height: 1.45 }
.rd-notice-type-success { background-color: #f10000; -webkit-box-shadow: 0 5px 10px 0 rgba(241,0,0,.2); box-shadow: 0 5px 10px 0 rgba(241,0,0,.2) }
.rd-notice-type-success .rd-notice-content { background-color: #f10000 }
.rd-notice-type-success:after { background-color: #f10000; -webkit-box-shadow: 0 5px 10px 0 rgba(241,0,0,.2); box-shadow: 0 5px 10px 0 rgba(241,0,0,.2) }
.rd-notice-position-left { margin-left: -20px }
.rd-notice-position-left:after { right: -6px; top: 50%; margin-top: -10px }
.rd-notice-tooltip.single-line .rd-notice-content { height: 40px; padding: 0 20px; line-height: 40px; white-space: nowrap }

.m {max-width:1310px;height:100%;}

.layui-row:after,.layui-row:before {content: '';display: block;clear: both}
.colorfont{ color: #ee0632; font-size: 3.125rem; font-family: DINCond-Medium; margin: 0 3px 0 3px; position: relative; bottom: -3px;}
.container04 .content .box .con .title1 h2 a:hover, .list_box1 li a:hover h2{ color:#d4042c; padding-left:1.25rem}
.layui-row,.layui-col-xs12{ height:100%}
.n_banner02{ height:32.5rem;}
.n_banner02 .table{ text-align:left}
.n_banner02 .h3{font-size:4.375rem;color:#e62129;font-family:Impact;}
.n_banner02 .h4{ font-size:1.875rem; color:#fff; margin:1.875rem 0 1.25rem}
.n_banner02 h2{ font-size:3.4375rem; color:#fff; font-weight:bold; margin-bottom:1.75rem}
.n_banner02 .h6{ font-size:0.875rem; line-height:1.5rem; color:#989898; color:rgba(255,255,255,0.4); text-transform:uppercase}
.n_banner04 .h3{ margin-bottom:2.125rem; color:#fff}
.n_banner04 h2{ font-size:2.8125rem}

.newslist{width: 100%; overflow:hidden;}
.newslist li{width:33.33%; overflow:hidden; float: left; padding:1px;}
.newslist li a{background:#ffffff; padding:8%; display: block; overflow: hidden; }
.newslist li .time{color:#555555; text-align: center; margin-top: 10px; width:60px;}
.newslist li .time .d{ font-size:40px; display:block; line-height: 1}
.newslist li .time .y{ display:block; }
.newslist li .zi{ padding-left:90px;  }
.newslist li .zi span{ color:#484848; font-size:16px; margin-bottom: 8px; display: block;height: 25px; overflow: hidden; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.newslist li .zi span i{ display: inline-block; width: 0px; height: 1px; background: #0166ce; vertical-align: middle; }
.newslist li:hover .zi span i{ width: 15px;margin-right: 5px;}
.newslist li:hover .zi span{color: #0166ce }

.newslist li .zi p{ color:#818181; height:44px; overflow: hidden; line-height:22px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.newslist li:hover{box-shadow: 0 0 40px #c3c3c3;}
@media(max-width: 1620px){
    .container04 .slider-for ul{ margin:0 -1rem}
    .container04 .slider-for ul li{width:33.333333%;padding: 0 1rem;}
    .n_news .right.fixed{right:15px;margin-right:0;}
}
@media screen and (min-width:1600px) and (max-width: 1636px){header .tel{display: none;}}
@media screen and (min-width:1360px) and (max-width: 1554px){
    header .tel{display: none;}
}
@media(max-width: 1470px){
    .container04 .slider-for ul{ margin:0 -0.5rem}
    .container04 .slider-for ul li{width:33.333333%;padding: 0  0 0 1rem;}
    .container04 .slider-for ul li .box{}
}
@media (max-width: 1440px){
    #banner .swiper-button-prev{ left: 1%;}
    #banner .swiper-button-next{ right: 1%;}
    #banner .m.between{ padding: 0 7rem;}
}
@media(max-width: 1415px){
    .container04 .slider-for ul li .box .fl .time h2{ font-size:1.5rem}
    .n_banner05 dl dt,.n_banner05 dl dd{ height:50%;}
    .n_banner05 dl dt,.n_banner05 dl dd{ width:50%; border-bottom:rgba(255,255,255,0.1) 1px solid; border-right:rgba(255,255,255,0.1) 1px solid;}
    .n_banner05 dl dt .table{ text-align:center}
    .n_banner05 dl dd:nth-child(2),.n_banner05 dl dd:last-child{ border-right:none}
}
@media only screen and (max-width:1599px) {
    .livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 1060px!important }
}
@media (min-width: 1360px){
    .layui-container01 {max-width: 1730px;}
    .layui-container01,.layui-container04{padding: 0 80px;}
    .n_news .right.fixed{ right:80px;}
}
@media(max-width: 1340px){
    header .tel{display: none;}
}
@media(max-width: 1300px){
    .n_news .left ul{ margin:0 -0.75rem}
    .n_news .left ul li{ padding:0 0.75rem}
    .n_news .left ul li:nth-child(2) .con p{ display: none}
    .n_news .left ul li:nth-child(2) .con .h5{ margin-bottom:2rem}
    
}
@media only screen and (max-width:1309px) {
    .livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 984px!important }
}
@media(max-width: 1240px){
    .container04 .slider-for ul li .box{padding: 0;overflow: hidden;}
    .container04 .slider-for ul li .box .fl .time h2{ margin-bottom:2rem}
    .container04 .slider-for ul li .box .fr .h5{margin: 0 0 1rem;}
    .container04 .slider-for ul li .box .fr p{}
}
@media(max-width: 1200px){
    .container01 .fl01 ul li .icon .con img{ max-height:2.8rem}
    .container02 ul.ul li{ width:33.333333%}
    .container02 ul.ul li:nth-child(21){ display:block !important}
    .container04 .slider-for ul{margin: 0 0 0 -1rem;width: auto}
    .container04 .slider-for ul li{ width:50%;}
    .container05{ background-position:0 !important}
    .container08 .con.right{ padding:0 0 0 2rem}

    .n_news .left ul li .con{ padding-top:2rem; padding-bottom:2rem}
    .n_news_detail .left{ width:100%; margin-bottom:3rem}
    .n_news_detail .left .box{ padding:4rem 2rem}
    .n_news_detail .right{ display:none}
    .ar_wap.clear{ display:block}
    .n_small .fl06 ul{ font-size:0; margin:0 -8px;}
    .n_small .fl06 ul li{ display:inline-block; width:25%; padding:0 8px;}
    
    .container04 .content .box { width:100%; margin-bottom:1.25rem}
    .s_search{margin-top: 2rem !important;}
    footer .fr,footer .fl{ float: none;text-align:center;}
    footer .layui-col-xs12{text-align: center;}
}
@media only screen and (max-width:1124px) {
    .livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 600px!important }
}
@media (min-width:1025px) {
    #container .header nav {position: relative;z-index: 5;float: right;background: none;width: auto}
    .primary-menu {position:static;-ms-transform:none;transform:none;display:inline-block;width:auto;background:none;float:left;transition:all .2s ease-in-out}
    .primary-menu li {float:left;text-align:left;margin-left:4.5rem}
    .primary-menu a {padding:0;line-height:4.4rem;color:#fff}
    .solid .primary-menu a {color:#555a8c}
    .language-chooser {float:right}
    .language-chooser>li {margin-left:4.5rem}
    
}
@media (max-width:1024px) {
    .primary-menu {position: absolute;top: 50%;-ms-transform: translateY(-50%);transform: translateY(-50%);width: 100%}
    .primary-menu li {margin-bottom: 0;}
    .primary-menu li:last-child {margin-bottom: 0}
    .language-chooser {position: absolute;left: 50%;bottom: 1rem; color:#fff;-ms-transform: translateX(-50%);transform: translateX(-50%); letter-spacing: 1px;}
}
@media screen and (min-width:992px) and (max-width: 1180px){
    #header nav ul li:nth-child(n+6){display: none!important;}
}
@media(max-width: 992px){
    header .fr{ display:none}
    .wap_nav{ display:block}
    .container01 .fl01 ul li{ width:33.333333%; margin-bottom:2rem}
    .container03 ul li{width:25%;margin-bottom: 1.5rem;}
    .container08 .con.center ul li.li{ display:none}
    .container08 .con.left{ padding:0 2rem 0 0}
    .n_case ul{ margin:0 -0.75rem}
    .n_case ul li{ width:50%; padding:0 0.75rem; margin-bottom:2rem}
    .n_join ul>li .box .left{ width:25%}
    .n_join ul>li .box .right{ width:74%}
    .n_news .left ul{ margin:0 -0.5rem}
    .n_news .left ul li{padding:0 0.5rem;width:50%;height:  auto !important;margin-bottom: 2rem;}
    .n_news .left ul li.li{ width:100%}
    .n_news .left ul li:nth-child(2) .con{height:auto !important;padding-top: 2rem !important;padding-bottom: 2rem !important;}
    .n_news .left ul li:nth-child(2) .con p{ display:block}
    .n_news .left ul li:nth-child(2) .con .h5{ margin-bottom:1rem}
    .n_news .right,.n_news .layui-col-xs12:before{ display:none}
    .n_news .left{ width:100%}
    .news_nav{ display:block}
    .n_banner05 dl dt .h3{font-size:3rem;color:#fff;font-family:Impact;}
    .n_banner05 dl dt .h4{ font-size:1.5rem; color:#fff; margin:1.875rem 0 0.875rem}
    .n_banner05 dl dt h2{ font-size:1.5rem; color:#fff; font-weight:bold; margin-bottom:1.75rem}
    .n_banner05 dl dt .h6{ font-size:0.9375rem; line-height:1.5rem; color:#fff; text-transform:uppercase}
    .n_banner05 dl dd .h3{ height:3.5rem; line-height:3.5rem}
    .n_banner05 dl dd .h3 img{ height:1.5rem}
    .n_banner05 dl dd .h4{ font-size:1.25rem; margin:0 0 1.5rem; }
    .n_banner05 dl dd h2{ font-size:1.125rem; margin-bottom:0.75rem}
    .n_banner05 dl dd .h5{ font-size:1rem; }
    .n_banner05 dl dd .h6{font-size:1rem;line-height: 1.5rem;margin-bottom:1rem;}
    .n_banner05 dl dd ul li{  margin:0  0.5rem; }
    .n_banner05 dl dd .con{ height:auto}
    .n_banner05 dl dd ul li .h3 img{ height:2.5rem}
    .video_box{ display:none}
    .n_banner06 .left .h3{ font-size:2.5rem; margin-top:-15rem}
    .n_banner06 .left .h4{ font-size:1.25rem}
    .n_banner06 .left .h6{ margin-bottom:4rem}
    .n_banner06 .right{ width:100%; right:0rem; bottom:-1rem}
    .n_case01 ul{ margin:0 -0.75rem}
    .n_case01 ul li{ width:50%; padding:0 0.75rem; margin-bottom:2rem}
    .n_case_x ul li{width:33.333333%;}
    .n_small .fl03 ul{ padding:0}
    .n_small .fl04 .left{width: 65%;}
    .n_small .fl04 .left .box ul li{ width:75px; height:75px}
    .n_small .fl04 .left .box ul li canvas{transform:scale(0.55);float: left;margin: -29px;}
    .n_small .fl04 .left .box ul li .con{ line-height:75px;}
    .n_small .fl04 .left .box ul li.li01{width: 103px !important;}
    .n_small .fl04 .left .box ul li.li01 .con{line-height: 106px !important;}
    .n_small .fl04 .left .box ul .li{ margin-right:2rem}
    .n_small .fl04 .left .box ul .li[aos=fade-right]:before{ width:1rem; right:-2rem}
    .n_small .fl04 .right{width: 30%;}
    .n_small .fl05 ul{padding:0;margin-top: 0;}
    .n_small .fl05 ul .miso-list{padding: 2rem 0 !important;}
    .n_small .fl05 .title{ margin-bottom:2rem}
    .container06 .con.left{ margin-bottom:2rem}
    .newslist li{ width: 50%;}
}
@media(max-width: 967px){
    .container03 ul .miso-slide li, .container03 ul li.wow{ width:25%;}
}
@media screen and (min-width:640px) and (max-width: 992px){
    .container08 .con.left{ padding: 0;}
    .container08 .con.left ul li{ width: 33.333%;line-height: 3.2rem;}
    
}
@media (max-width: 768px){
    .container03 ul li .h5 br{ display:inline-block}
    .banner_box{overflow:hidden;height: auto;}
    .banner_box .banner{ width:100vw !important; height:calc(100vh - 6.25rem) !important}
    .banner_box .banner li{ height:100%}
    .banner_box .banner .cont{ height:100%}
    .banner_box .banner .cont h1{ font-size:3.5rem; line-height:6rem; }
    .banner_box .banner .cont .intro{ font-size:1.25rem; letter-spacing:4px;}
    .banner_box .banner .cont .intro img{max-width:100%;position: relative;}
    .container01{padding: 3rem 0 4rem;}
    .container01 .title{ margin-bottom:3rem}
    .container01 .fl02 ul li{ width:20%; margin-bottom:1rem}
    .container01 .fl02 ul li span{ opacity:1}
    .container02 ul.ul li{width: 33.33333%;}
    .container02 ul.ul li a .con .h3 img{ max-width:60%; max-height:3.5rem}
    .container02 .title{margin-bottom: 2rem;margin-top: 4rem;}
    .container02 .slider-for ul li{ width:100%;}
    .container02 .slider-nav .miso-slide .h5{ padding:0; display:block}
    .container02 .slider-for ul li .box .fl .dot img{ height:3.5rem}
    .container03 ul .miso-slide li{ width:33.333333%; margin-bottom:1rem}
    .container03 ul li .img{padding:0 1rem}
    .container03 .title h2 img{height: 3rem;}
    .container03 .title .h4 .ar_wap{ display:inline-block; line-height:1.75rem}
    .container03{padding: 4rem 0;}
    .container03 .title{ margin-bottom:3rem}
    .container04{padding: 3.5rem 0 3rem;}
    .container04 .title{ margin-bottom:3rem}
    .container04 .slider-for{ margin-bottom:1.5rem}
    .container04 .slider-for ul li{width:100%;margin-bottom: 1rem;}
    .container04 .slider-nav .miso-slide .h5{ padding:0; display:block}
    .container04 .slider-for ul li .box .fl .dot img{ height:3.5rem}
    .container04 .slider-for ul li a{padding: 1.5rem 15px 1.5rem;}
    .container05{padding: 4rem 0 3rem;}
    .container05 .title{ margin-bottom:3rem}
    .container05 ul{padding:0 0.5625rem;}
    .container05 ul li{ width:33.333333%; padding:0 0.5625rem}
    .container05 ul li .img{height: 5rem;line-height: 5rem;}
    .container07{height:20rem;background-size: cover;}
    .container06 .con.right{ margin-left:2rem; text-align: center;}
    .container06 .con.right .h3{margin:1rem 0 2rem;font-size: 1.25rem;}
    .container08{ padding:3rem 0}
    .container08 .con{ width: 100%;}
    footer .fl{ line-height:1.5rem; margin-bottom:1rem; width:100%; text-align:center;}
    footer .fl .ar_wap{ display:inline-block}
    footer .fr{ text-align:center; position:relative; padding-right:2rem; width:100%;}
    .container08 .con:before{ display: none}
    .container08 .con.right .h3 img{ height:1rem}
    
    .n_banner{ width:100vw !important; height:calc(100vh - 6.25rem) !important;background-position:0 !important}
    .n_banner02{ height:20rem !important}
    .n_banner02 .h3{font-size: 2.375rem !important;line-height:  2.375rem !important;}
    .n_banner02 .h4{font-size: 1rem !important;}
    .n_banner02 h2{ font-size:2.4375rem;}
    .n_banner02 .h6{ font-size:0.875rem; }
    .n_banner06{height:auto !important;}
    .n_banner06 .left{ padding:3.25rem 0 4rem}
    .n_banner06 .left .h3{ margin-top:0}
    .n_banner06 .right{ position:relative}
    .n_case{ padding:3.625rem 0 3.25rem; }
    .page a{ display:none}
    .page a.block{ display:inline-block}
    .n_join{ padding:3rem 0 3rem;}
    .n_banner03{ height:20rem !important}
    .n_banner03 .h3 img{ height:8rem}
    .n_join ul{ margin-bottom:3rem}
    .banner_box{overflow:hidden;height: auto;}
    .banner_box .banner{ width:100vw !important; height:calc(100vh - 6.25rem) !important}
    .n_banner06 .left ul li a span img{ height:12px;}
    .n_case01{ padding:3.625rem 0 3.25rem; }
    .n_case01 .title .h5{ font-size:1.125rem; text-align:center}
    .n_case01 .title h2{ font-size:2rem; text-align:center}
    .n_banner06 .right img{ opacity:1; -webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
    .n_news_detail .left .box .ar_title .h3{ font-size:1.5rem}
    
    .n_case_x ul li{width:50%;}
    .al_select ul li a img{ height:20px;}
    .n_case_x{ padding:3rem 0 4rem}
    .n_case_x ul li{ margin-bottom:5rem}
    .container09 ul{ height:5.625rem; overflow:hidden}
    .container09 ul.on{ height:auto;}
    header .fl embed.wap{ display:inline-block; width:12rem}
    header .fl embed.web{ display:none}
    .button01.ar_web{ display:none}
    .button01.ar_wap{ display:inline-block}
    .zixu_wap{ display:inline-block !important}
    .zixu_web{display: none !important;}
    .banner_box .banner .cont .intro img{max-width:100%;position: relative;}
    header .fl embed.web{ display: none}
    .livechat-girl .livechat-hint.rd-notice-tooltip{ display:none !important}
    .n_small .fl00 .title h2{ font-size:3.5rem}
    .n_small .fl00 .title .h3{ font-size:1.5rem; margin-top:-2.5rem}
    .n_small .fl00 .title .h5 span{ line-height:1.5rem; font-size:1rem}
    .n_small .fl01{ padding:3rem 0 2rem}
    .n_small .fl01 .box{ background-size:cover !important}
    .n_small .fl02 ul{ padding:0 0rem;}
    .n_small .fl02 .miso-prev,.n_small .fl02 .miso-next{z-index:100000;width: 32px;height: 32px;line-height: 30px;background:none;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;top: 33%;}
    .n_small .fl02 .miso-prev:hover,.n_small .fl02 .miso-next:hover{ opacity:1}
    .n_small .fl02 .miso-prev{left:0;border: #e36079 1px dashed;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
    .n_small .fl02 .miso-prev:hover{border: #d7183c 1px solid;}
    .n_small .fl02 .miso-prev:before{content:"<";width:100%;height:100%;line-height: 30px;position:absolute;left:0;top:0;font-size: 18px;font-family:simsun;font-weight: bold;color: #d7183c;text-align: center;}
    .n_small .fl02 .miso-next{right: 0;border: #e36079 1px dashed;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
    .n_small .fl02 .miso-next:hover{border: #d7183c 1px solid;}
    .n_small .fl02 .miso-next:before{content:">";width:100%;height:100%;line-height: 30px;position:absolute;left:0;top:0;font-size: 18px;font-family:simsun;font-weight: bold;color: #d7183c;text-align: center;}
    .n_small .fl02 ul li .con .h5{ line-height:4rem; text-align:center; font-size:1.25rem; color:#3c3c3c}
    .n_small .fl01 .box{ height:230px;}
    .n_small .fl03 ul{ margin:0 -70%; margin-top:-10rem}
    .n_small .fl05{ padding:4rem 0 3rem}
    .n_small .fl05 .title .h3{ margin-top:0}
    .n_small .fl06 ul{ font-size:0; margin:0 -8px;}
    .n_small .fl06 ul li{ display:inline-block; width:33.333333%; padding:0 8px;}
    .n_small .fl06{ padding:4rem 0 3rem}
    .n_small .fl06 .title .h3{ margin-top:0}
    .n_small .fl06 .title{ margin-bottom:3rem}
    .n_small .fl05 ul li .box .con .h5{ margin-top:1.25rem; font-size:1rem}
    .container07 .my-map{width:62px;height:70px;position:absolute;top:50%;margin-top: -55px;left:50%;margin-left:-31px; background-size:100% 100% !important}
    .container06 .con.right .weixin{ position:relative; margin-top:2rem}
    .container06 .con.right .h5{ line-height:2rem}
    .banner_box .banner li{ height:100%}
    .banner_box .banner .cont{ height:100%}
    
    footer .layui-col-xs12>a{ display:block; text-align:center; margin:0 0 10px}
    .container08 .con.right p{padding:0 0;line-height: 1.75;}
    #banner .m{ display: flex; flex-direction: column !important; justify-content: center !important; align-items: center !important;}
    #banner .txt{ height: auto !important;}
    #banner .swiper-container{ height: 56rem;}
    #banner .pic{ height: 20rem; width: 100%;}
    #banner .pic img{ max-height: 100%;}
    .bgs{ display: none}
}
@media (min-width: 768px) {
    #container { padding: 0 }
    #container .header {padding: 6.25vh 12.5vw 6.25vh 6.25vw}
    .solid .menu-opener .menu-icon {border-color: #555a8c}
    .solid .menu-opener .menu-icon i { background-color: #555a8c }
    .solid .menu-opener .menu-icon i:after, .solid .menu-opener .menu-icon i:before {background-color: #555a8c}
    .solid .language-chooser > li a {color: #555a8c}
    .solid .menu-opener .menu-icon i {background-color: #555a8c}
    .solid .menu-opener .menu-icon i:after, .solid .menu-opener .menu-icon i:before {background-color: #555a8c}
    .solid .language-chooser>li a {color:#555a8c}
    .img-stellar {display: block }
    .container01 .fl01 ul li a:hover .box span.y1 { opacity: 0; transform: scale(1.3); -webkit-transform: scale(1.3); }
    .container01 .fl01 ul li a:hover .box span.y2 { opacity: 1; transform: scale(1); -webkit-transform: scale(1); visibility: visible; }
    .container01 .fl01 ul li:hover .icon .con01{ left:100%;}
    .container01 .fl01 ul li:hover .icon .con02{ left:0;}
    .container02 ul.ul li:hover .img:after{ left:0; width:0}
    .container02 ul.ul li:hover .con:before{ left:0; width:100%}
    .container02 ul.ul li:hover .con .h4{ height:1.875rem}
    .container02 ul.ul li:hover .con .h5{ height:1rem}
    .container04 .slider-for ul li a:hover .fr .h5{ color:#d4042c}
    .container04 .slider-for ul li a:hover{ transform:translateY(-.5rem)}
    .container08 .con.left ul li a:hover,.container09 ul li a:hover,.n_case ul li .con .h5 a:hover, .n_join .bottom p a:hover, .n_news .left ul li .con .h5 a:hover, .n_news .right ul li a:hover,.n_case01 ul li .con .h5 a:hover,.b_nav .con.center a:hover,.n_news_detail .right .con ul li a:hover{ color:#d4042c}
    .n_case ul li .box .img:hover .red-bg { opacity: 1; visibility: visible; }
    .n_case ul li .box .img:hover .line { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }
    .n_case ul li .box .img:hover img{ transform:scale(1.05);}
    .n_news .left ul li .box .img:hover .red-bg { opacity: 1; visibility: visible; }
    .n_news .left ul li .box .img:hover .line { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }
    .n_news .left ul li .box .img:hover img{ transform:scale(1.05);}
    .n_case01 ul li .box .img:hover .red-bg { opacity: 1; visibility: visible; }
    .n_case01 ul li .box .img:hover .line { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }
    .n_case01 ul li .box .img:hover img{ transform:scale(1.05);}
    .n_banner06 .left ul li a:hover{ border:#d4042c 1px solid}
    .n_banner06 .left ul li a:hover:before{ top:0; height:100%}
    .b_nav .con.fr a:hover{ color:#d4042c}
    
    .al_select ul li:hover:after{ left:0; width:100%}
    .n_case_x ul li .con .h6 span a:hover{ background:#ff0000; color:#fff; border:#ff0000 1px solid}
    .container05 ul li .img:hover{}
    .n_small .fl05 ul li .box:hover .con .h4 a{ margin-top:5.25rem; display:inline-block}
    .n_small .fl05 ul li .box:hover .con{position:absolute;height: 21rem;left:0;width:100%; transform:translateY(-4.375rem);-o-transform:translateY(-4.375rem);-ms-transform:translateY(-4.375rem);}
    .n_small .fl05 ul li .box .con .h4 a:hover{ background:#d5042c; display:inline-block; color:#fff}
    .container01 .fl02 ul li:hover .h3 img{height:2.8125rem;-webkit-filter: grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0);filter:none;opacity: 1;}
    .container03 ul li:hover{ top: -12px; }
    .container03 ul li:hover .img img{ }
}
@media (max-width: 767px) {
    #container .header {transition: background-color .2s ease-in-out}
    #container .header.solid {background-color: #555a8c}
    .container06 .con.right p{padding: 0;}
}
@media(max-width: 700px){.newslist li{ width: 100%;}}
@media(max-width: 640px){
    .container01 .fl01 ul li .box span.y1{border: #dbdbdb 1px solid;}
    .container01 .fl01 ul li .box, .container01 .fl01 ul li .box span.y1, .container01 .fl01 ul li .icon{width:6rem; height:6rem; line-height:6rem}
    .container01 .fl01 ul li .icon .con img{ height:2.2rem}
    .container01 .fl01 ul li .h5{ margin-bottom:0.5rem; margin-top:1.25rem}
    .container01 .fl01 ul li .h6{ font-size:10px;}
    .container01 .fl01 ul li .h6{ line-height:1.5rem; height:3rem}
    .container04 .slider-for ul li .box .fr .h6 img{ width:2.4rem}
    .container06{padding: 3rem 0;}
    .container06 .con.left{ width:100%; text-align:center; margin-bottom:2rem}
    .container06 .con.left .h3{ margin-bottom:1rem}
    .container06 .con.right{ width:100%; text-align:center; margin-left:0}
    .container08 .con.left,.container08 .con.center,.container08 .con.right,.container08 .con.right .box{ width:100%; padding:0; text-align:center}
    .container08 .con.center{ margin-bottom:2rem}
    .container08 .con.left{ padding:0 3rem}

    .n_case ul{ margin:0 -0.5rem}
    .n_case ul li .con .h5, .n_case ul li .con .h5 a{ font-size:1.125rem}
    .n_case ul li{ width:50%; padding:0 0.5rem; margin-bottom:1.5rem}
    .n_case ul li .con{ padding:1.55rem 1rem 1.75rem 1rem}
    .n_join .title .h4{ font-size:0.875rem}
    .n_join .title .h3{ font-size:1.25rem}
    .n_join ul>li{ margin-bottom:1.5rem}
    .n_join ul>li .box .left{width:100%;display:block;border:none;border-bottom:#dcdee0 2px solid;padding:2rem 0;position: relative;}
    .n_join ul>li .box .left .con{position:relative;min-height: auto;padding: 00.5rem;}
    .n_join ul>li .box .left .con .h3 img{ width:5rem}
    .n_join ul>li .box .right{ width:100%; display:block}
    .n_join ul>li .box .right .con{ padding:0 1rem}
    .n_news .left{ padding:4rem 0 3rem}
    .n_news .left ul li.li .top{ padding:2rem 2rem 0}
    .n_banner04 h2{ font-size:1.75rem}
    .n_case01 ul{ margin:0 -0.5rem}
    .n_case01 ul li .con .h5, .n_case01 ul li .con .h5 a{ font-size:1.125rem}
    .n_case01 ul li{ width:50%; padding:0 0.5rem; margin-bottom:1.5rem}
    .n_case01 ul li .con{ padding:1.55rem 1rem 1.75rem 1rem}
    .n_news_detail .left .box{ padding:4rem 1rem}
    .n_news_detail .left .box .ar_title .h6 span img{ height:11px;}
    .b_nav .con.center img{ height:14px;}
    .b_nav .con.fl img,.b_nav .con.fr img{ width:14px;}
    
    .container08 .con.right p .ar_wap{ display:inline-block}
    .n_case_x ul li .img .top .table_cell .sj_top img{ height:0.5rem}
    .n_small .fl04 .left .box .title .h4{ padding:0.5rem 0 0}
    .n_small .fl04 .left .box .title{ margin-bottom:2rem}
    .n_small .fl04{ padding:3rem 0 4rem}
    .n_small .fl04 .left .box ul li .con .h3{ font-size:0.875rem}
    .n_small .fl06 ul{ font-size:0; margin:0 -5px;}
    .n_small .fl06 ul li{ display:inline-block; width:50%; padding:0 5px; margin-bottom:1rem}
    .hi-icon{ width:6rem; height:6rem; line-height:6rem}
    .n_small .fl05 ul li .box .con img{ max-height:2rem}
    .n_case ul{ margin:0 -0.35rem }
    .n_case ul li{ padding:0 0.35rem; margin-bottom:1.25rem}
    .container04 .slider-nav .btn_c3 .h5{ padding:0 8px;}
    .container04 .slider-nav{ margin-bottom:2rem}
    .container04 .title h2, .container05 .title h2, .container01 .title h2, .container02 .title h2{ font-size:1.5rem}
    .container04 .title .h4, .container02 .title .h4, .container03 .title .h4{ font-size:1rem}
    .container01 .fl01{ margin-bottom:1rem}
    .s_news_search{ width:100% !important; margin-right: 0 !important;}
    .s_news_keyword{ line-height: 30px !important; padding-top: 15px !important;}
}
@media(max-width: 480px){
    .container03 ul .miso-slide li, .container03 ul li.wow{ width:33.333%; margin-bottom: 1rem;}
    .container03 ul .miso-slide li .h5, .container03 ul li.wow .h5{padding: 0 15px; height: 26px;}
    .container03 ul{ padding-bottom: 1rem;}
    #banner .m{ padding: 0 2rem !important;}
    #banner .swiper-button-prev,
    #banner .swiper-button-next{ display: none;}
    #banner .txt h4{ font-size: 2rem !important;}
    #banner .txt h3{ font-size: 1.25rem !important; line-height: 2rem !important;}
    #banner .pic{ max-height: 14rem; height: auto;}
    #banner .swiper-container{ height: 40rem;}
}
@media(max-width: 456px){
    .container01 .fl01 ul li .box, .container01 .fl01 ul li .box span.y1, .container01 .fl01 ul li .icon{width:5rem; height:5rem; line-height:5rem}
    .container01 .fl01 ul li .icon .con img{ height:2rem}
    .container01 .fl01 ul li .h6{line-height: 1.5rem;height: 3rem;}
    .n_case ul li{ }
    .n_news .left ul li{ width:100%; margin-bottom:1.5rem}
    .n_case01 ul li{ width:100%;}
}