@charset "utf-8";
@font-face{ font-family:myFirstFont; src:url(../fonts/framdcn.ttf);}
@font-face{ font-family:simsun; src:url(../fonts/simsun.ttf);}
@font-face{ font-family:Avenir Next W1G; src:url(../font/AVENIRNEXTW1G-REGULAR.OTF);}
@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;}}
.xuanfu01{ margin-bottom: calc(6.25rem + 46px);}
/*==========================================公共 开始=============================================*/
.ar_wap{ display:none}
.a_body{ position:relative; z-index:0;}
.section{ overflow:hidden;}
/*==========================================公共 结束=============================================*/
/*==========================================首页 开始=============================================*/
.banner{position:relative;z-index:1;height:100%;}
.banner ul.slider,.banner ul.slider .miso-list,.banner ul.slider .miso-list .miso-track{ height:100%}
.banner .miso-list li{height:100%;text-align:left;}
.banner .miso-list li .img{ position:absolute; left:0; top:0; width:100%; height:100%; -moz-transition: all 3s ease-in-out;-webkit-transition: all 3s ease-in-out;-o-transition: all 3s ease-in-out;-ms-transition: all 3s ease-in-out;transition: all 3s ease-in-out; background-size:cover !important}
.banner .miso-list li.miso-current .img{visibility: visible !important; -webkit-animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.banner .miso-list li h2{font-size: 5rem;color: #765252;font-family:wz01;position:relative;font-weight:lighter;-webkit-animation: sectitle0 2s ease-in-out 100ms forwards;animation: sectitle0 2s ease-in-out 100ms forwards;top:25px;filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0;margin-top: -10rem;-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;padding: 0 0 0 0;}
@-webkit-keyframes sectitle0{
0%{
-webkit-transform: translateX(-15%);
transform: translateX(-15%);
filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0;
}
100%{
-webkit-transform: translateX(0);
transform: translateX(0);
filter:alpha(opacity=100);opacity:1;-moz-opacity:1;-khtml-opacity:1;
}
}
@keyframes sectitle0{
0%{
-webkit-transform: translateX(-15%);
transform: translateX(-15%);
filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0;
}
100%{
-webkit-transform: translateX(0);
transform: translateX(0);
filter:alpha(opacity=100);opacity:1;-moz-opacity:1;-khtml-opacity:1;
}
}
.banner .miso-list li.miso-current h2{ top:0; filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1}
.banner .miso-list li a{display:inline-block;width:13.75rem;line-height:3.75rem;height:3.75rem;text-align:center;font-size:0.875rem;color:#fff;font-weight:bold;text-transform:uppercase;background:#e24821;overflow: hidden;}
@-webkit-keyframes scaleUpDown {
from { -webkit-transform: scale(1.08); transform: scale(1.08); }
to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes scaleUpDown {
from { -webkit-transform: scale(1.08); transform: scale(1.08); }
to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
.banner .miso-prev,.banner .miso-next{z-index:100000;width:75px;height:75px;line-height: 75px;margin-top:-37.5px;background:none;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;}
.banner .miso-prev:hover,.banner .miso-next:hover{ opacity:1}
.banner .miso-prev{left: 7rem;-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;}
.banner .miso-prev:before{content:"<";width:100%;height:100%;position:absolute;left:0;top:0;font-size: 3rem;font-family:simsun;color:rgba(255,255,255,0.65);}
.banner .miso-next{right: 7rem;-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;}
.banner .miso-next:hover{ }
.banner .miso-next:before{ content:">"; width:100%; height:100%; position:absolute; left:0; top:0; font-size:3rem; font-family:simsun; color:rgba(255,255,255,0.65)}
.banner .layui-container,.banner .layui-row,.banner .layui-col-xs12{ height:100%}
.banner .miso-list li .table{ text-align:left}
.banner .miso-prev:hover:before{ color:#fff}
.banner .miso-next:hover:before{ color:#fff}
@-webkit-keyframes ProgressDots {
from {
width: 0px;
}
to {
width: 100%;
}
}
@keyframes ProgressDots {
/* ==== Slick Slider Css Ruls === */
from {
width: 0px;
}
to {
width: 100%;
}
}
.banner .miso-dots {
position: absolute;
height: 2px;
top: 0;
width: 100%;
left: 0px;
padding: 0px;
margin: 0px;
list-style-type: none;
z-index: 100000;
}
.banner .miso-dots li button {
display: none;
}
.banner .miso-dots li {
float: left;
width: 0px;
height: 1px;
background: #fff;
position: absolute;
left: 0px;
top: 0;
margin: 0;
}
.banner .miso-dots li.miso-active {
width: 100%;
-webkit-animation: ProgressDots 5s both;
animation: ProgressDots 5s both;
}


header{ position:fixed; width:100%; height:6.5rem; top:0; left:0; z-index:4}
header:before{ width:0; height:1px; content:""; position:absolute; bottom:0; left:0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#3FFFFFFF', endColorstr='#3FFFFFFF');background:rgba(255,255,255,0.25); -moz-transition: all 3s ease-in-out;-webkit-transition: all 3s ease-in-out;-o-transition: all 3s ease-in-out;-ms-transition: all 3s ease-in-out;transition: all 3s ease-in-out;}
header.on:before{ width:100%; transition-delay:2.6s;}
header .logo{display:  inline-block;padding: 0 0 0 4.125rem;height:6.5rem;line-height:6.5rem;margin-left:6.5rem;-webkit-transition: 0.36s;-o-transition: 0.36s;-moz-transition: 0.36s;transition: 0.36s;overflow: hidden;}
header .logo a{ display:inline-block}
header .logo.on{ filter:alpha(opacity=0); opacity:0; -moz-opacity:0; -khtml-opacity:0}
header .logo embed{width: 8rem;display: inline-block;vertical-align: middle;}
header .logo embed.wap{ display:none}
header .nav{display: inline-block;line-height: 104px;padding-left: 24rem;box-sizing: border-box;}
header .nav a{color: #fff;}
header .nav a:hover{color: #3a3788;}
header .nav li{margin: 0 1.5rem;float: left;}
.left_bar{ position:fixed; width:6.5rem; height:100%;  top:0; left:0; z-index:6;}
.left_bar:before{content:"";position:absolute;right:0;top:0;width:0;height:100%;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#4C707C82', endColorstr='#4C707C82');background:rgba(112,124,130,0.3);-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;}
.left_bar.bg:before{ left:0; width:100%;}
.left_bar:after{ width:1px; height:0; content:""; position:absolute; top:0; right:0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#3FFFFFFF', endColorstr='#3FFFFFFF');background:rgba(255,255,255,0.25); -moz-transition: all 3s ease-in-out;-webkit-transition: all 3s ease-in-out;-o-transition: all 3s ease-in-out;-ms-transition: all 3s ease-in-out;transition: all 3s ease-in-out;}
.left_bar.on:after{ height:100%; transition-delay:2.6s;}
.left_bar .menu-btn{ position:relative; width: 6.5rem; height:6.5rem; cursor: pointer; float:left; z-index:2}
.left_bar .menu-btn:before{content:"";position:absolute;right:0;top:0;width:0;height:100%;background:#fff;-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;}
.left_bar .menu-btn:hover:before{ left:0; width:100%; transition-delay:0}
.left_bar .menu-btn .icon{position:absolute;left:50%;top:50%;width:30px;height: 18px;transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);}
.left_bar .menu-btn .icon span{width:30px;height:2px;background:#fff;display: block;-webkit-transition: 0.36s;-o-transition: 0.36s;-moz-transition: 0.36s;transition: 0.36s;position: absolute;}
.left_bar .menu-btn .icon span.span02{margin: 8px 0;}
.left_bar .menu-btn .icon span.span01{ position:absolute; top:0}
.left_bar .menu-btn .icon span.span03{ position:absolute; bottom:0}
.left_bar .menu-btn:hover span{ background:#333}
.left_bar .menu-btn.on .icon span.span01{transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);margin-top: 8px;}
.left_bar .menu-btn.on .icon span.span03{transform: rotateZ(-45deg);-webkit-transform: rotateZ(-45deg);margin-bottom: 8px;}
.left_bar .menu-btn.on .icon span.span02{ width:0;}
/*导航*/
.left_bar .nav001{position:absolute;z-index:10;left:6.5rem;top:0;width:12.625rem;height: 100%;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99FFFFFF', endColorstr='#99FFFFFF');background:rgba(255,255,255,0.6);-webkit-transform-origin: left;-moz-transform-origin: left;-ms-transform-origin: left;-o-transform-origin: left;transform-origin: left;-webkit-transition: all 0.36s;-moz-transition: all 0.36s;-o-transition: all 0.36s;transition: all 0.36s;-webkit-transform: perspective(12.625rem) rotateY(90deg);-moz-transform: perspective(12.625rem) rotateY(90deg);-ms-transform: perspective(12.625rem) rotateY(90deg);-o-transform: perspective(12.625rem) rotateY(90deg);transform: perspective(12.625rem) rotateY(90deg);filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0;}
.left_bar .nav001.on{ -moz-transform: perspective(12.625rem) rotateY(0deg); -ms-transform: perspective(12.625rem) rotateY(0deg); -o-transform: perspective(12.625rem) rotateY(0deg); transform: perspective(12.625rem) rotateY(0deg); filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1}
.left_bar .nav001 .logo{height:6.5rem;line-height:6.5rem;text-align:center;padding: 2rem 0 0;}
.left_bar .nav001 .logo embed{ width:8.5rem; display:inline-block}
.left_bar .nav001 .logo embed.wap{ display:none}
.left_bar .nav001 ul{ margin:2rem 1rem 2rem 1rem; padding-bottom:7rem; border-bottom:#e2e0df 1px solid}
.left_bar .nav001 ul li{ height:3.4375rem; line-height:3.4375rem; padding:0 0 0 2.5rem; }
.left_bar .nav001 ul li a{ font-size:1rem; color:#fff; display:inline-block; height:3.4375rem; line-height:3.4375rem; position:relative}
.left_bar .nav001 ul li a:before{ content:""; position:absolute; right:0; bottom:0; width:0; height:2px; background:#3a3788; -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;}
.left_bar .nav001 ul li.on a:before,.left_bar .nav001 ul li:hover a:before{ width:100%; left:0;}
.left_bar .nav001 ul li.on a,.left_bar .nav001 ul li:hover a{ color:#3a3788}
.left_bar .nav001 p{ font-size:0.8rem; line-height:1.5rem; color:#fff; padding:0 1rem;}
.left_bar .nav001 p a{ color:#fff;}
/*menu*/
.left_bar .menu{width: 6.5rem;height:6.5rem;text-align:center;line-height:6.5rem;position:relative;z-index:2;float: left;}
.left_bar dl{float:left;width:100%;position:absolute;bottom:8rem;left:0;z-index: 2;}
.left_bar dl dd{ text-align:center; margin-bottom:1.25rem}
.left_bar dl dd a{ display:inline-block; width:38px; height:38px; border:#fff 1px solid; line-height:36px; text-align:center; fill:#fff; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; position:relative}
.left_bar dl dd a svg{ width:16px; height:36px; position:relative; z-index:1}
.left_bar dl dd a .con{position:absolute;left: -2px;top: -2px;bottom: -2px;width:0;background:#3a3788;-moz-border-radius:19px;-webkit-border-radius:19px;border-radius:19px;font-size:12px;color:#fff;z-index:0;line-height: 40px;-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;overflow:hidden;}
.left_bar dl dd a:hover .con{ width:105px; padding:0 0 0 1rem; }
.left_bar dl dd a .con span{ filter:alpha(opacity=0); opacity:0; -moz-opacity:0; -khtml-opacity:0; -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;}
.left_bar dl dd a:hover .con span{ filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1; transition-delay:0.6s}
.left_bar dl dd[aos=fade-right].aos-animate{transition-delay:3.6s}
.left_bar dl dd[aos=fade-right] a{-webkit-transform:translate(-100px,0) rotate(-90deg);-ms-transform:translate(-100px,0) rotate(-90deg);transform:translate(-100px,0) rotate(-90deg); -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;}
.left_bar dl dd[aos=fade-right].aos-animate a{-webkit-transform:translate(0,0) rotate(0);-ms-transform:translate(0,0) rotate(0);transform:translate(0,0) rotate(0);}
.bottom_bar{ position:fixed; width:100%; height:6.5rem; bottom:0; left:0; z-index:4}
.bottom_bar:before{ width:0; height:1px; content:""; position:absolute; top:0; right:0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#3FFFFFFF', endColorstr='#3FFFFFFF');background:rgba(255,255,255,0.25); -moz-transition: all 3s ease-in-out;-webkit-transition: all 3s ease-in-out;-o-transition: all 3s ease-in-out;-ms-transition: all 3s ease-in-out;transition: all 3s ease-in-out;}
.bottom_bar.on:before{ width:100%; transition-delay:2s;}
.bottom_bar .left{ float:left; width:20%; height:6.5rem; position:relative}
.bottom_bar .left .icon_box{ float:left; width:3rem; height:3rem; line-height:3rem; text-align:center; background:#fff; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; position:relative; cursor:pointer}
.bottom_bar .left .icon_box:before{ content:""; position:absolute; left:0; top:0; width:0; height:100%; background:#fff; -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; -moz-border-radius:1.5rem; -webkit-border-radius:1.5rem; border-radius:1.5rem;}
.bottom_bar .left .icon_box svg{ display:inline-block; width:20px; height:3rem; position:relative; z-index:1; fill:#2f3033}
.bottom_bar .left .con{ float:left; width:calc(100% - 3rem); padding:0 0 0 0.75rem; text-align:left; position:relative}
.bottom_bar .left .con h5{ font-size:0.75rem; color:rgba(255,255,255,0.6);line-height: 18px;margin:0.3rem 0 0;-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;}
.bottom_bar .left .con h3{ font-size:1.25rem; color:#fff; font-family:Myriad Pro; -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;}
.bottom_bar .left .icon_box{ animation: rotate01 1.2s linear infinite;}
@keyframes rotate01 {
0% {
transform: translateY(0) ;
}
25% {
transform: translateY(2px);
}
50% {
transform: translateY(4px) scale(1.05, 0.95);
}
75% {
ransform: translateY(2px) ;
}
100% {
transform: translateY(0) ;
}
}
.bottom_bar .left:hover .icon_box{ animation:none}
.bottom_bar .left:after{ width:1px; height:0; content:""; position:absolute; top:0; right:0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#3FFFFFFF', endColorstr='#3FFFFFFF');background:rgba(255,255,255,0.25); -moz-transition: all 4s ease-in-out;-webkit-transition: all 4s ease-in-out;-o-transition: all 4s ease-in-out;-ms-transition: all 4s ease-in-out;transition: all 4s ease-in-out;}
.bottom_bar .left.on:after{ height:100%; transition-delay:2.6s;}
.bottom_bar .left:hover .icon_box:before{ width:13rem}
.bottom_bar .left:hover .con h5{ color:#999; margin-bottom:0}
.bottom_bar .left:hover .con h3{ color:#333}
/*产品*/
.bottom_bar .center{ float:left; width:30%; height:6.5rem; position:relative}
.bottom_bar .center:before{ background:#fff; content:""; position:absolute; bottom:0; left:0; width:100%; height:0; -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;}
.bottom_bar .center:after{ width:1px; height:0; content:""; position:absolute; top:0; right:0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#3FFFFFFF', endColorstr='#3FFFFFFF');background:rgba(255,255,255,0.25); -moz-transition: all 4s ease-in-out;-webkit-transition: all 4s ease-in-out;-o-transition: all 4s ease-in-out;-ms-transition: all 4s ease-in-out;transition: all 4s ease-in-out;}
.bottom_bar .center.on:after{ height:100%; transition-delay:2.6s;}
.bottom_bar .center ul li{ overflow:hidden; position:relative}
.bottom_bar .center ul li .con{ float:left; margin-left:3rem}
.bottom_bar .center ul li .con h4{ font-size:1rem; color:#fff; margin:1.6rem 0 0}
.bottom_bar .center ul li .con h5,.bottom_bar .center ul li .con h5 a{ font-size:1rem; color:#fff;}
.bottom_bar .center ul li .img{ float:right; margin-right:3.125rem}
.bottom_bar .center ul li .img img{ max-height:6.5rem;}
.bottom_bar .center .miso-prev,.bottom_bar .center .miso-next{z-index:100000;width:42px;height:40px;line-height:38px;top: -39px;background:none;margin:0;-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;-webkit-transform: perspective(40px) rotateX(90deg);-moz-transform: perspective(40px) rotateX(90deg);-ms-transform: perspective(40px) rotateX(90deg);-o-transform: perspective(40px) rotateX(90deg);transform: perspective(40px) rotateX(90deg);filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0;-webkit-transform-origin: bottom;-moz-transform-origin: bottom;-ms-transform-origin: bottom;-o-transform-origin: bottom;transform-origin: bottom;}
.bottom_bar .center .miso-prev.on,.bottom_bar .center .miso-next.on{-webkit-transform: perspective(40px) rotateX(0);-moz-transform: perspective(40px) rotateX(0);-ms-transform: perspective(40px) rotateX(0);-o-transform: perspective(40px) rotateX(0);transform: perspective(40px) rotateX(0);filter:alpha(opacity=100);opacity:1;-moz-opacity:1;-khtml-opacity:1;}
.bottom_bar .center .miso-prev{left: -1px;border: rgba(255,255,255,0.25) 1px solid;}
.bottom_bar .center .miso-prev:hover{ border:rgba(239,243,246,0.7) 1px solid;}
.bottom_bar .center .miso-prev:before{content:"<";width:100%;height:100%;position:absolute;left:0;top:0;font-size: 20px;font-family:simsun;color: #fff;font-weight:  bold;}
.bottom_bar .center .miso-next{left: 40px;border: rgba(255,255,255,0.25) 1px solid;}
.bottom_bar .center .miso-next:hover{ border:rgba(239,243,246,0.7) 1px solid;}
.bottom_bar .center .miso-next:before{content:">";width:100%;height:100%;position:absolute;left:0;top:0;font-size: 20px;font-family:simsun;color: #fff;font-weight: bold;}
/*新闻*/
.bottom_bar .right{float: left;width:50%;padding:0 0 0 3.375rem;height: 6.5rem;}
.bottom_bar .right ul{ height: 6.5rem;}
.bottom_bar .right ul li.miso-slide{ width:100%; height: 6.5rem;}
.bottom_bar .right ul li .time{float:left;width: 5.625rem;}
.bottom_bar .right ul li .time h3{ font-size:1.25rem; color:#fff; margin:1.8rem 0 0}
.bottom_bar .right ul li .time h4{ font-size:0.875rem; color:#fff;}
.bottom_bar .right ul li .con{float:left;width: calc(100% - 5.625rem);padding: 0 6.25rem 0 0;}
.bottom_bar .right ul li .con h5{ margin:1.8rem 0 0}
.bottom_bar .right ul li .con h5,.bottom_bar .right ul li .con h5 a{ font-size:0.9375rem; color:#fff;}
.bottom_bar .right ul li .con p{ font-size:0.75rem; color:rgba(255,255,255,0.55); overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bottom_bar .right .miso-prev,.bottom_bar .right .miso-next{z-index:100000;width: 20px;height: 20px;line-height: 18px;top: 50%;background: none;-moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%; -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;}
.bottom_bar .right .miso-prev{right: 30px;border:rgba(239,243,246,0.7) 1px solid;}
.bottom_bar .right .miso-prev:hover{ border:rgba(239,243,246,0.7) 1px solid;}
.bottom_bar .right .miso-prev:before{content:"<";width:100%;height:100%;position:absolute;left:0;top:0;font-size: 12px;font-family:simsun;color: #fff;transform: scale(0.9);}
.bottom_bar .right .miso-next{right: 0;border:rgba(239,243,246,0.7) 1px solid;}
.bottom_bar .right .miso-next:hover{ border:rgba(239,243,246,0.7) 1px solid;}
.bottom_bar .right .miso-next:before{content:">";width:100%;height:100%;position:absolute;left:0;top:0;font-size: 12px;font-family:simsun;color: #fff;transform: scale(0.9);}
header .right{float:right;margin-right:10rem;height: 6.5rem;line-height: 6.5rem;}
header .right .ewm{ display:inline-block; font-size:0.875rem; color:#ffffff; margin-right:1.25rem; position:relative; cursor:pointer}
header .right .ewm .icon{overflow:hidden;width:1rem;height:1.125rem;fill:#fff; vertical-align: middle;}
header .right .ewm b{margin: 0 0 0 0.625rem;font-weight:normal;}
header .right .ewm .ewm_tc{position:absolute;top: 6.5rem;left:50%;margin-left:-3rem;width:7rem;height:7rem;z-index: 10;display:none;background: #fff;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px; -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 .right .ewm .ewm_tc img{ float:left; width:100%; height:100%;}
header .right .ewm .ewm_tc:before{content:"";position:absolute;top: -6px;margin-left: -6px;left:50%;border-bottom: #fff 6px solid;border-left:transparent 6px solid;border-right:transparent 6px solid;}
header .right .ewm .ewm_tc.on{ margin-top:-1rem;}

/* loading */
body.loading{overflow-y:hidden}
body.loading .main{overflow-y:hidden} 
#pageloader{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:2000}
#pageloader::after,#pageloader::before{content:"";display:block;position:absolute;left:0;width:100%;height:50%;background:#fff;z-index:-1;-webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s}
#pageloader::before{top:0}
#pageloader::after{bottom:0}
#pageloader .loader-icon{-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s}
#pageloader.hiden::after,#pageloader.hiden::before{height:0}
#pageloader.hiden .loader-icon{opacity:0}
.loader-icon{position:absolute;top:50%;left:50%;width:30px;height:30px;margin-top:-15px;margin-left:-15px}
.loader-icon .circular{width:100%;height:100%;-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}
.loader-icon .circular .path{stroke-dasharray:1,200;stroke-dashoffset:0;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite;stroke-linecap:round}
@-webkit-keyframes dash {
0% {
stroke-dasharray:1,200;
stroke-dashoffset:0
}
50% {
stroke-dasharray:89,200;
stroke-dashoffset:-35px
}
100% {
stroke-dasharray:89,200;
stroke-dashoffset:-124px
}
}@keyframes dash {
0% {
stroke-dasharray:1,200;
stroke-dashoffset:0
}
50% {
stroke-dasharray:89,200;
stroke-dashoffset:-35px
}
100% {
stroke-dasharray:89,200;
stroke-dashoffset:-124px
}
}





@media(min-width: 768px){
.bottom_bar .center .miso-prev:hover,.bottom_bar .center .miso-next:hover{background: rgba(112, 124, 130,0.7);transition-delay:0s;}
header .right .lan  ul.yuyan li:hover{ background:#707c82; color:#fff}
header .right .lan  ul.yuyan li:hover a{ color:#fff}
.bottom_bar .right .miso-prev:hover,.bottom_bar .right .miso-next:hover{ background:#707c82; transition-delay:0s; border:#707c82 1px solid}
.bottom_bar .right ul li .con h5 a:hover,.bottom_bar .center ul li .con h5 a:hover{ color:#3a3788}
.bottom_bar .center:hover:before{ height:100%; top:0}
.bottom_bar .center:hover ul li .con h4,.bottom_bar .center:hover ul li .con h5 a{ color:#707c82}
.bottom_bar .center .miso-prev:hover, .bottom_bar .center .miso-next:hover{border: #707c82 1px solid;}
}
@media(max-width: 1860px){
	header .nav{padding-left: 10rem;}
	header .nav li{margin: 0 1.3rem;}
}
@media(max-width: 1600px){
	header .nav li{margin: 0 1.1rem;}
.left_bar{height: calc(100vh - 6.5rem);}
.left_bar .nav{ filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E5FFFFFF', endColorstr='#E5FFFFFF');background:rgba(255,255,255,0.9); left:0; top:6.5rem; bottom:6.5rem; height:calc(100vh - 13rem)}
.banner .layui-col-xs12 h2{text-align: left;padding: 0 0 0 4.5rem !important;}
.banner .layui-col-xs12 img{ display:inline-block}
header .right{ margin-right:2rem}
.left_bar dl{ bottom:1rem}
}
@media(max-width: 1480px){
.banner .layui-col-xs12 h2{text-align: left;padding: 0 0 0 10.5rem !important;}
}
@media(max-width: 1420px){
.right_fx{ display:none}
header .logo img{ height:30px;}
.banner .layui-col-xs12 img{ height:auto;}
}

@media(max-width: 1200px){
	header .nav{padding-left: 5rem;}
	header .nav li{margin: 0 .5rem;}
.bottom_bar .left{ display:none}
.bottom_bar .center{ width:40%}
.bottom_bar .right{ width:60%}
.left_bar{ height:6.5rem}
.left_bar dl{ display:none}
}
@media(max-width: 1000px){
	header .nav{display: none;}
}
@media(max-width: 992px){
.bottom_bar{ height:10rem;}
.bottom_bar .center,.bottom_bar .right{ width:100%; padding:0; height:5rem}
.bottom_bar .center:after{ display:none}
.bottom_bar:after{ width:0; height:1px; content:""; position:absolute; top:5rem; left:0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#3FFFFFFF', endColorstr='#3FFFFFFF');background:rgba(255,255,255,0.25); -moz-transition: all 3s ease-in-out;-webkit-transition: all 3s ease-in-out;-o-transition: all 3s ease-in-out;-ms-transition: all 3s ease-in-out;transition: all 3s ease-in-out;}
.bottom_bar.on:after{ width:100%; transition-delay:2s;}
.bottom_bar .center ul li .con{ margin-left:0;line-height: 20px;}
.bottom_bar .center ul li .img{ margin-right:0}
.bottom_bar .center ul li .img img{ max-height:5rem}
.bottom_bar .center ul li .con h4,.bottom_bar .right ul li .time h3{ margin:0.9rem 0 0}
.bottom_bar .right ul li .con h5{ margin:0.9rem 0 0}
.bottom_bar .right ul li .con{line-height: 20px;}
.bottom_bar .right .miso-prev, .bottom_bar .right .miso-next{ margin-top:-1.75rem}
.bottom_bar .center .miso-prev, .bottom_bar .center .miso-next{ width:34px; line-height:32px; height:34px; top:-33px;}
.bottom_bar .center .miso-next{ left:32px;}
.left_bar{ width:5rem; height:5rem}
.left_bar .menu-btn{ width:5rem; height:5rem; z-index:1000}
.left_bar .menu{ display:none !important}
.left_bar .menu-btn.on .icon span{ background:#333}
.left_bar .nav001{top:0;bottom:0;height:100vh;width: 100vw;background: #fff;left: 0;}
.left_bar .nav001 .logo embed.web{ display:none}
.left_bar .nav001 .logo embed.wap{ display:inline-block}
header{ height:5rem}
header .logo{height:5rem;line-height:5rem;padding: 1.5rem 0 0 1.125rem;}
header .logo embed.web{ display:none}
header .logo embed.wap{display: inline-block;}
header .logo embed{ height:2.5rem}
header .right{ display: none}
}
@media(max-width: 768px){
	.a_body{z-index: 999999;}
	.left_bar .nav001 ul li a {color: #333;font-size: 14px;}
	.bottom_bar .right ul li .time{ width:4rem;line-height: 20px;}
	.left_bar .nav001 p {font-size: 14px;color: #333;line-height: 26px;}
	.left_bar .nav001 p a{font-size: 14px;color: #333;}
	.left_bar .nav001 ul {padding-bottom: 5rem;}
	header .nav{display: none;}
	.banner .layui-col-xs12 img{ max-width:80%}
	header .logo{margin-left:0;padding: 0 0 0 6rem;}
	header .logo embed{height:2rem;}
	header .right .ewm{ margin-right:0.5rem}
	header .right .ewm b,header .right .lan b{ margin:0 0 0 0.25rem}
	.left_bar .menu-btn .icon,.left_bar .menu-btn .icon span{ width:24px;}
	.banner .miso-prev{ left:0; margin-top:0}
	.banner .miso-next{ right:0; margin-top:0}
	.ar_wap{ display:block}
	.ar_web{ display:none}
}