@charset "utf-8";
@font-face{ font-family:Impact; src:url(../font/impact.ttf);}
@font-face{ font-family:BEBAS; src:url(../font/BEBAS.TTF);}
@font-face{ font-family:DINCOND-MEDIUM-WEBFONT; src:url(../font/DINCOND-MEDIUM-WEBFONT.TTF);}
@font-face{ font-family:ROBOTO-LIGHT-10_0; src:url(../font/ROBOTO-LIGHT-10_0.TTF);}
@font-face{ font-family:ROBOTOCONDENSED-REGULAR_0; src:url(../font/ROBOTOCONDENSED-REGULAR_0.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:0;}
.section{ overflow:hidden;}

.w1600{max-width: 90%;margin:0 auto;position: relative;}

.header{z-index: 4777;padding: 0;position: fixed;height: 81px;top: 35px;transition: 0.6s;width: 100%;}
.header:before{content:"";position:absolute;top:0;left: 0;margin-left: 0;width: 100%;height: 84px;background: transparent;-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 .h-container{padding: 0 25px;width: 1200px;margin: 0 auto;}
.header .logo {display: block;float: left;height: 85px;line-height: 85px;position:relative;}
.header .logo .img02{ display:none}
.header.width .logo .img01{ display:none}
.header.width .logo .img02{ display:inline-block}
.header.width .nav>ul>li.nav_li>a:after{background: url(../images/nav_down01.png) center center no-repeat;margin-top: -3px;}
.header .right{}

.nav{float: left;position:relative;}
.nav li{position: relative;float: left;display: block;}
.nav>ul>li:before{content:"";position:absolute;background:transparent;height: 112px;width: 100%;bottom: 8px;transition: 0.6s;}
.nav>ul>li:after{content:"";position:absolute;background:transparent;height: 3px;width: 100%;bottom: 1px;transition: 0.6s;}
.nav li.nav_li{ margin-right:0.5rem}
.nav>ul>li>a{display: block;height: 85px;line-height: 75px;text-align: center;padding: 0 1.5rem;position: relative;z-index: 1;font-size: 1.125rem;color: #fff;font-weight: bold;transition: 0.36s;}
.nav>ul>li>a:before {content: "";width: 0;height: 2px;position: absolute;left: 50%;bottom: 0;margin-left: 0;-webkit-transition: 0.6s;transition: 0.6s;}
.nav>ul>li:hover>a:before,.nav>ul>li.on>a:before{height: 2px;}
.nav>ul>li:hover:before,.nav>ul>li.on:before{background: #269dd2;}
.nav>ul>li:hover:after,.nav>ul>li.on:after{background: #269dd2;}
.nav>ul>li.nav_li>a:after{content:"";position:absolute;top: 50%;bottom:0;right: 7px;width: 7px;height:5px;background: url(../images/nav_down.png) center center no-repeat;margin-top: -6.5px;transition: 0.36s;}
.nav>ul>li .rd-navbar-dropdown{position: absolute;top: 84px;left: 0;margin-left: 0;width: 100%;padding: 12px 0;z-index: 5;margin-top: 20px;text-align: left;transform: translate3d(0, 0, 0);visibility: hidden;opacity: 0;transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1);}
.nav>ul>li:nth-child(3) .rd-navbar-dropdown{width: 100%;margin-left: 0;}
.nav>ul>li .rd-navbar-dropdown li{ display:block; float:none}
.nav>ul>li .rd-navbar-dropdown::before {content: '';background: #ffffff;position: absolute;top: 0;right:0;bottom:0;left:0;box-shadow: 0 13px 16px 0 rgba(0, 0, 0, 0.13);}
.nav>ul>li .rd-navbar-dropdown::after {content: '';position: absolute;top: 10px;left: 50%;width: 0;height: 0;border-style: solid;border-width: 0 8px 10px 8px;border-color: #fff transparent #fff transparent;margin-left: -8px;display: none;}
.nav>ul>li .rd-navbar-dropdown li > a, .nav>ul>li .rd-navbar-dropdown li > a::before, .nav>ul>li .rd-navbar-dropdown li > a{ transition: .15s ease-in-out;}
.nav>ul>li .rd-navbar-dropdown li > a, .nav>ul>li .rd-navbar-dropdown li > a:focus, .nav>ul>li .rd-navbar-dropdown li > a:active{ color: #151515;}
.nav>ul>li .rd-navbar-dropdown li > a{position: relative;padding: 5px 0 5px 0;text-align: center;line-height: 26px;white-space: nowrap;transition: 0.6s;}
.nav>ul>li .rd-navbar-dropdown li > a::before{content: '';position: absolute;top: 10px;left: 0;display: inline-block;width: 0;height: 0;font-size: 0;line-height: 0;border-style: solid;border-width: 4px 0 4px 10px;border-color: transparent transparent transparent #b7b7b7;display: none;}
.nav>ul>li .rd-dropdown-item.on a{color: #fff;background: #269dd2;}
.nav>ul>li .rd-navbar-dropdown li > a:hover{color: #fff;background: #269dd2;}
.nav>ul>li .rd-navbar-dropdown li > a:hover::after{ border-color: transparent transparent transparent #269dd2;}
.nav>ul>li .rd-navbar-dropdown.focus{margin-top:0;visibility:visible;opacity:1;}

.header .layui-container{ transition:1s}
.header.width{position:fixed;top:0;width: 100%;box-shadow: 0 0 10px rgba(0,0,0,0.25);}
.header.width .layui-container{ max-width:100%}
.header.width .nav>ul>li>a{ color:#333}
.header.width:before{width:100%;margin-left: 0;left: 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;background: rgba(255, 255, 255, 0.96);}
.header .content{padding: 0;}
.header .content .right dl{float:left;font-size:0;line-height: 75px;margin-left: 1rem;position:relative;z-index: 10;}
.header .content .right dl dd{display:inline-block;margin-right: 0.875rem;cursor: pointer;}
.header .content .right dl dd a{display:inline-block;height: 46px; position:relative; vertical-align:middle}
.header .content .right dl dd a img{vertical-align:top;position: relative;}
.header .content .right dl dd a .con{position:absolute;right:0;top:0;bottom:0;width:100%;border-radius:23px;background: #269dd2;transition:0.6s;opacity:0;font-size:16px;color:#fff;text-align:left;padding-left:20px;line-height:46px;white-space: nowrap;}

.header .content .right dl dd a:hover .con{ width:180px; opacity:1}
.header.width .nav>ul>li.on>a, .header.width .nav>ul>li:hover>a{ color:#fff}
.header.width .nav>ul>li.on>a:after, .header.width .nav>ul>li:hover>a:after{background: url(../images/nav_down.png) center center no-repeat;margin-top: -3px;}
.header.width .nav>ul>li:hover:before, .header.width .nav>ul>li.on:before{ bottom:0}
.header.width .nav>ul>li>a{ line-height:85px}


.rd-navbar-main-element { position: absolute; float: left;}
.rd-navbar-nav-wrap.active {
    transform: translateX(0);
}
.rd-navbar-nav-wrap {
    color: #ffffff;
    background: #269dd2;
    box-shadow: none;
}
.rd-navbar-nav-wrap {
    position: fixed;
    left: 0;
    top: -37px;
    bottom: -56px;
    z-index: 1029;
    width: 100%;
    padding: 140px 0 81px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    font-size: 14px;
    line-height: 34px;
    transform: translateX(-110%);
}
.rd-navbar-nav {
    display: block;
    margin: 15px 0;
    height: auto;
    text-align: left;
}
.rd-navbar-submenu {
    position: relative;
}
.rd-nav-item {
    text-align: left;
}
.rd-navbar-wrap, .rd-navbar, .rd-menu, .rd-navbar-nav, .rd-navbar-panel, .rd-navbar-static .rd-menu, .rd-navbar-nav-wrap, .rd-navbar-submenu {
    transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1);
}
.rd-nav-link {
    color: #fff;
}
.rd-nav-link {
    display: block;
    padding: 10px 56px 10px 18px;
}
.rd-nav-link {font-size:14px;color: #fff;letter-spacing:2px;text-transform: uppercase;}

.rd-navbar-submenu-toggle {
    color: #fff;
}
.rd-navbar-submenu-toggle {
    cursor: pointer;
    display: inline-block;
    width: 56px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
.rd-navbar-submenu-toggle::after {
    content: '\f107';
    position: absolute;
    top: 0;
    right: 0;
    width: 56px;
    height: 52px;
    font: 400 14px "FontAwesome";
    line-height: 48px;
    text-align: center;
    transition: 0.4s all ease;
    z-index: 2;
    cursor: pointer;
}
.rd-nav-item.focus .rd-nav-link, .rd-nav-item.active .rd-nav-link, .rd-nav-item.opened .rd-nav-link {
    color: #ffffff;
    background: #148fc5;
}
.rd-navbar-submenu.opened > .rd-navbar-dropdown, .rd-navbar-submenu.opened > .rd-navbar-megamenu {
    display: block;
}
li.opened > .rd-menu {
    opacity: 1;
    height: auto;
}
li.opened > .rd-navbar-dropdown {
    padding: 4px 0 0;
}
.rd-menu {
    transition: opacity 0.3s, height 0.4s ease;
    opacity: 0;
}
.rd-navbar-dropdown {
}

li.opened > .rd-navbar-submenu-toggle::after {
    top: 0;
    transform: rotate(180deg);
    color:#fff;
}
.rd-navbar-submenu .rd-navbar-dropdown > li > a {
    padding-left: 30px;
}
.rd-megamenu-list > li > a, .rd-navbar-dropdown > li > a {
    color: rgba(255, 255, 255, 0.6);
}
.rd-megamenu-list > li > a, .rd-navbar-dropdown > li > a {
    display: block;
    padding: 9px 56px 9px 16px;
    font-size: 14px;
    line-height: 1.5;
}

.rd-nav-item.opened .rd-menu{ opacity:1}
.rd-navbar-open-right{ height:0}

.rd-nav-item.active .rd-navbar-submenu-toggle{ color:#fff}
.rd-navbar-submenu .rd-navbar-dropdown > li.active > a{color: #fff;}

#openBtn {
  display: none;
  position: fixed;
  top: 30px;
  right: 15px;
  cursor: pointer;
}

#openBtn .lcbody {
  width: 26px;
  height: 18px;

  position: relative;
}

#openBtn .lcbody .lcitem {
  width: 100%;
  height: 1px;
  position: absolute;
  transition: transform 0.36s ease;
}

#openBtn .lcbody .lcitem div {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: auto;
  right: 0;
  background: #fff;
}

#openBtn .lcbody .top {
  top: 0;
}

#openBtn .lcbody .center {
  display: block;
  top: 49%;
}

#openBtn .lcbody .bottom {
  top: 100%;
}

#openBtn .lcbody:hover .lcitem.top .rect {
  animation: move 0.4s ease-in-out 1;
}

#openBtn .lcbody:hover .lcitem.center .rect {
  animation: move 0.4s ease-in-out 0.1s 1;
}

#openBtn .lcbody:hover .lcitem.bottom .rect {
  animation: move 0.4s ease-in-out 0.2s 1;
}

.active#openBtn .lcitem.top {
  transform: rotateZ(45deg);
  top: 49%;
}

.active#openBtn .lcitem.center {
  opacity: 0;
}

.active#openBtn .lcitem.bottom {
  transform: rotateZ(-45deg);
  top: 49%;
}

@keyframes move {
  0% {
    right: 0;
  }
  40% {
    right: 0;
    width: 0;
  }
  60% {
    right: auto;
    width: 0%;
  }
  100% {
    right: auto;
    width: 100%;
  }
}

.n_header #openBtn .lcbody .lcitem div{ background:#333}

.search_btn{line-height: 78px;margin-left:2rem;cursor: pointer;}
input{ border:none}
.tc{ transition:all ease 300ms; position: fixed; width: 100%; height: 100%;  top: 0; left: 0; z-index:9999999999; pointer-events: none; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.tc.act{ filter:alpha(opacity=100);   -moz-opacity:1;   -khtml-opacity: 1;   opacity: 1;  display: block;  pointer-events: auto;}
.tc-box{
  width: 60rem; padding-top:40px;
  max-width:80%;
  margin:0 auto; margin-top:-80px;
  box-sizing:border-box;
  /* background:#fff; */
  display: block;
  position:relative;
  z-index:1;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  overflow:  hidden;
  }
.tc.act .tc-box{ -webkit-animation-name: anim-open-2; animation-name: anim-open-2; transform:scale(1);}
.close{ position: absolute; cursor:pointer; color:#e13a39; font-size:30px; right: 30px; top: 30px;}
.tc_bg { height: 100%; background: rgba(0,0,0,.85); position: absolute; top: 0; left: 0; width: 100%; z-index: 0;}
.tc_txt{ height:470px; overflow-y:auto; padding-right:30px;}
/*弹窗内容样式*/
.tc-box form{position:relative;border-bottom:2px solid #eee;height:4.25rem;padding-right: 0;position:relative;}
.tc-box .tc_fdj{ position:absolute; left:20px; display:block; height: 4.25rem; line-height: 4.25rem;}
.tc-box .tc_fdj img{ width:1.3rem;}
.tc-box form label{text-align:left;display:block;position:absolute;bottom:0;height: 4.25rem;line-height: 4.25rem;font-size:1.6rem;color:#999;pointer-events:none;margin-left: 0;transition:.3s;}
.tc-box form label.act{ font-size:16px; bottom:3rem;line-height: 3rem; height:3rem;}
.tc-box #search-input{width: 80%;height:4.25rem;padding: 0;font-size:1.6rem;color:#999;box-shadow:none;-webkit-appearance: none;float:left;border-right: 0;background:none;}
.tc-box .btn_blue{width: 40px;height:4.25rem; border:0; line-height:4.25rem;background:url(../images/search.png) center center no-repeat;font-size:1.125rem;color:#fff;cursor:pointer;text-transform:uppercase;float:right;}
.tc-box .btn_blue.fr{ background:#e9edef; color:#4e4f53;}


/*==========================================公共 结束=============================================*/


/*==========================================首页 开始=============================================*/

.banner_box{width: 100%;position: relative;z-index: 0;}
.banner{overflow:hidden;width: 100vw;}
.banner ul.miso-slider{ width:100% !important;}
.banner ul li.li01{height: 100vh;background-size: cover !important;position: relative;}
.banner ul li.li01 .box_table{text-align: center;}
.banner ul li.li01 .box_table img{ opacity:0; visibility:hidden; transition:1s; transform:translateY(100px)}
.banner.on ul li.li01.miso-current .table img{ opacity:1; visibility:visible; transform:translateY(0)}
.ban_po{position:absolute;bottom: 50px;font-size:20px;color:#fff;left:50%;margin-left: -205px;}
.ban_po font,.ban_po span{ font-family:Impact;}
.banner .miso-dots{left: 0;bottom: 60px;width: 100%;height:2px;}
.banner .miso-dots li{width: 50px;height:2px;padding:0;margin: 0 10px;background: #fff;}
.banner .miso-dots li button{width: 0;height:2px;padding:0;background: #fff; }
@-moz-keyframes a_slidercurrent {from { width: 0%; } to { width: 100%; }}
@-webkit-keyframes a_slidercurrent {from { width: 0%; } to { width: 100%; }} 
.banner .miso-dots li.miso-active button{width: 100%;background:#fed201; -moz-animation: a_slidercurrent 5s linear; -webkit-animation: a_slidercurrent 5s linear; -o-animation: a_slidercurrent 5s linear; animation: a_slidercurrent 5s linear;}

.banner ul li.li01 .box_table h3{font-size: 4.5rem;color:#fff;font-weight:bold;margin-bottom: 1.5rem;letter-spacing:26px;transition:1s; }
.banner ul li.li01 .box_table h5{font-size:1.625rem;color:#fff;font-weight:bold;font-family:Humnst777 Blk BT;letter-spacing: 0.75rem;transition:1s; }
.banner ul li.li01.miso-current .box_table h3{ transform:translateY(0); letter-spacing:6px; }
.banner ul li.li01.miso-current .box_table h5{ transform:translateY(0); }
.banner ul li.li01 .items.scaleBg{position:absolute;top:0; height:100%;left:0; width:100vw;background-size: cover !important; transition:1s}

.banner.on ul li.li01.miso-current .items.scaleBg{}


.datu{position:relative;width:100%;height:100vh;top: 0;}


.banner{position:relative;z-index:1;height:100vh;width: 100%;z-index: 10;}
.banner .line_box{z-index:2;position:  absolute;width:  100%;height: 100%;top: 0;bottom: 0;}
.banner .line{ width:1px; top:0; z-index:10000; position:absolute; -moz-transition: all 2s ease-in-out;-webkit-transition: all 2s ease-in-out;-o-transition: all 2s ease-in-out;-ms-transition: all 2s ease-in-out;transition: all 2s ease-in-out;}
.banner .line01{left: 25%;height:0;background:rgba(255,255,255,0.2);}
.banner .line02{left: 50%;height:0;background:rgba(255,255,255,0.2);}
.banner .line03{left: 75%;height:0;background:rgba(255,255,255,0.2);}
.banner .miso-list li.miso-current .line_box.on .line01{ height:100%; transition-delay:2s}
.banner .miso-list li.miso-current .line_box.on .line02{ height:100%; transition-delay:3s}
.banner .miso-list li.miso-current .line_box.on .line03{ height:100%; transition-delay:4s}

.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%;background-size:cover !important;z-index:1;-moz-opacity: 0;-khtml-opacity: 0;opacity: 1;filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transition:1.2s ease;-moz-transition:1.2s ease;-ms-transition:1.2s ease;-o-transition:1.2s ease;-webkit-transition:1.2s ease;font-size: 0;}
.banner .miso-list li.miso-current .img{visibility: visible !important; -moz-opacity: 1;-khtml-opacity: 1;opacity: 1;filter:alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.banner .miso-list li h2{ font-size:7.5rem; color:#fff; font-family:Tw Cen MT Condensed; text-transform:uppercase; font-weight:bold; margin:10px 0}
.banner .miso-list li h3{font-size:3rem;color:#fff;margin-bottom: 70px;}
.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{overflow:hidden;position:relative;z-index: 100;}

@-webkit-keyframes scaleUpDown {
from { -webkit-transform: scale(1); transform: scale(1); }
to { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05);}
}
@keyframes scaleUpDown {
from { -webkit-transform: scale(1); transform: scale(1); }
to { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05);}
}
.banner .miso-prev,.banner .miso-next{ z-index:100000; width:75px; height:75px; line-height:71px; 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:30%; margin-left:-680px; border:rgba(255,255,255,0.65) 2px solid; -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:hover{ border:rgba(255,255,255,1) 2px dashed;}
.banner .miso-prev:before{ content:"<"; width:100%; height:100%; position:absolute; left:0; top:0; font-size:24px; font-family:simsun; color:rgba(255,255,255,0.65)}
.banner .miso-next{ right:30%; margin-right:-680px; border:rgba(255,255,255,0.65) 2px solid; -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{ border:rgba(255,255,255,1) 2px dashed;}
.banner .miso-next:before{ content:">"; width:100%; height:100%; position:absolute; left:0; top:0; font-size:24px; font-family:simsun; color:rgba(255,255,255,0.65)}
.banner .con{height:100%;position:relative;z-index: 10;padding-left: 230px;}

/*4产品系列*/
.datu .content{position: absolute;left: 0;right:0;bottom: 0;z-index: 10000;min-width: 1280px;padding: 5rem 0 3rem;-webkit-transform-origin: center bottom 0;-ms-transform-origin: center bottom 0;transform-origin: center bottom 0;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;transition: transform 0.9s ease 0s;-webkit-transition: transform 0.9s ease 0s;-ms-transition: transform 0.9s ease 0s;overflow: hidden;}
.binboxAct { background:#000000; -webkit-transform: perspective(600px) rotateX(90deg); -ms-transform: perspective(600px) rotateX(90deg); transform: perspective(600px) rotateX(90deg); transition: visibility 0.9s steps(1, end) 0s, transform 0.9s ease 0s; -webkit-transition: visibility 0.9s steps(1, end) 0s, transform 0.9s ease 0s; -ms-transition: visibility 0.9s steps(1, end) 0s, transform 0.9s ease 0s; visibility: hidden; }

.datu .content ul{}
.datu .content ul li{padding: 0 3.5rem;-webkit-transition: -webkit-transform 0.6s ease-in-out;-moz-transition: -moz-transform 0.6s ease-in-out;transition: all 0.6s ease-in-out;cursor:pointer;}
.datu .content ul li .con h4{font-size: 24px;color:#fff;text-transform:uppercase;margin-bottom: 10px;font-family: Californian FB;}
.datu .content ul li .con h3{font-size: 16px;color:#fff;line-height: 20px;}
.datu .content ul li .con h3 big{ font-size:20px; margin-right:5px}
.datu .content ul .miso-list{overflow: visible;}
.datu .content ul li.miso-current{ transform:translateY(-34px);-o-transform:translateY(-34px);-ms-transform:translateY(-34px);}
.datu .content ul li .box{ position:relative;}
.datu .content ul li .box a{display:inline-block;width:62px;height:62px;background: #fff;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;position:absolute;right:0;top: 8px;-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;-webkit-transition:1s;transform:translateY(70px);-o-transform:translateY(70px);-ms-transform:translateY(70px);overflow:hidden;}
.datu .content ul li:hover .box a,.datu .content ul li.miso-current .box a{ -moz-opacity: 1;-khtml-opacity: 1; opacity: 1; filter:alpha(opacity=1); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); transform:translateY(-10px);-o-transform:translateY(-10px);-ms-transform:translateY(-10px);}
.datu .content ul li .box .icon{-moz-opacity: 1;-khtml-opacity: 1; opacity: 1; filter:alpha(opacity=1); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); transition:1s; -moz-transition:1s; -ms-transition:1s; -o-transition:1s; -webkit-transition:1s; transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);}
.datu .content ul li:hover .box .icon{ -moz-opacity: 0;-khtml-opacity: 0; opacity: 0; filter:alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); transform:translateY(-70px);-o-transform:translateY(-70px);-ms-transform:translateY(-70px);}
.datu .content ul li .box a:before{ content:""; background:url(../images/jiantou1.png) center no-repeat; position:absolute; width:20px; height:14px; top:50%; margin-top:-7px; left:50%; margin-left:-10px; transition:1s; -moz-transition:1s; -ms-transition:1s; -o-transition:1s; -webkit-transition:1s;}
.datu .content ul li .box a:hover:before{ margin-left:40px;}
.datu .content ul li .box a:after{ content:""; background:url(../images/jiantou1.png) center no-repeat; position:absolute; width:20px; height:14px; top:50%; margin-top:-7px; left:50%; margin-left:-62px; transition:1s; -moz-transition:1s; -ms-transition:1s; -o-transition:1s; -webkit-transition:1s;}
.datu .content ul li .box a:hover:after{ margin-left:-10px;}

.ind_video_box > div {width: 0;height: 100%;display: inline-block;vertical-align: top;position: absolute;overflow: hidden;transition: 1s ease;bottom: 0;}
.banner .miso-list li .ind_video_box > div.can_video{transition:2s ease; }
.banner .miso-list li.miso-current .ind_video_box{/*-webkit-animation: scaleUpDown 9s forwards linear; animation: scaleUpDown 9s forwards linear;*/}
.ind_video_box img, .ind_video_box .ban_img {width: 100vw;height: 100vh;position: relative;object-fit: cover;}
.ind_video_box .can_video img{ transition:9s ease}
.ind_video_box .can_video:nth-child(1) img {left: 0; transform-origin: 0 100%; transform:scale(1.02)}
.ind_video_box .can_video:nth-child(2) img {left: -25vw;transform-origin: 0 100%; transform:scale(1.02)}
.ind_video_box .can_video:nth-child(3) img {left: -50vw;transform-origin: 0 100%; transform:scale(1.02)}
.ind_video_box .can_video:nth-child(4) img {left: -75vw;transform-origin: 0 100%; transform:scale(1.02)}

.banner .miso-list li.miso-current.on .ind_video_box .can_video:nth-child(1) img { transform:scale(1)}
.banner .miso-list li.miso-current.on .ind_video_box .can_video:nth-child(2) img { transform:scale(1)}
.banner .miso-list li.miso-current.on .ind_video_box .can_video:nth-child(3) img { transform:scale(1)}
.banner .miso-list li.miso-current.on .ind_video_box .can_video:nth-child(4) img { transform:scale(1)}


.banner .miso-list li.miso-current.on .ind_video_box > div.can_video{width: 25%;}
.banner .miso-list li.miso-current.on .ind_video_box > div.line_box {height: 100%;}

.ind_video_box > .ind_video_box:nth-child(1) {transition-delay: 0;}
.ind_video_box > .ind_video_box:nth-child(2) {transition-delay: 0.2s;}
.ind_video_box > .ind_video_box:nth-child(3) {transition-delay: 0.4s;}
.ind_video_box > .ind_video_box:nth-child(4) {transition-delay: 0.6s;}
.banner .miso-list li.miso-current .ind_video_box > div:nth-child(1) {left: 0;}
.banner .miso-list li.miso-current .ind_video_box > div:nth-child(2) {left: 25%;}
.banner .miso-list li.miso-current .ind_video_box > div:nth-child(3) {left: 50%;}
.banner .miso-list li.miso-current .ind_video_box > div:nth-child(4) {left: 75%;}



.container01{ position:relative; font-size:0}
.container01 .box{ height:250px; font-size:0; display:inline-block; width:20%; vertical-align:top; padding:54px 2.5rem 0; position:relative; overflow:hidden}
.container01 .box a{ display:block}
.container01 .box .bg{position:absolute;top:0;right:0;bottom:0;left:0;transition:0.9s;background-size: cover !important;}
.container01 .box .title{ margin-bottom:1.5rem; position:relative}
.container01 .box .title big{font-size:1.375rem;color:#fff;font-weight:bold;display: inline-block;vertical-align: top;margin-right: 0.875rem;text-transform: capitalize;}
.container01 .box .title small{font-size:11px;color:rgba(255,255,255,0.75);line-height: 13px;display: inline-block;transform: scale(0.95);vertical-align: top;margin-top: -4px;}
.more{position:relative;overflow: hidden;width: 20px;height: 20px;}
.more .a{display:block;height: 20px;}
.more .a svg{width: 20px;height:20px;}
.more svg.svg01, .more svg.svg02{width: 20px;height:20px;position:absolute;will-change:transform;transition: 0.6s;}
.more svg.svg02{ -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0;}
.container01 .box02 ul { margin-top:14px; position:relative}
.container01 .box02 ul li{ font-size:14px; line-height:30px; color:#fff}
.container01 .box02 ul li a{ position:relative; padding-left:12px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff}
.container01 .box02 ul li a:before{ content:""; position:absolute; left:0; top:0; bottom:0; width:7px; background:url(../images/box02_dot.png) left center no-repeat}

.container01 .box03 ul { margin-top:14px; position:relative; margin:0 -1rem}
.container01 .box03 ul li{ display:inline-block; width:25%; text-align:center}
.container01 .box03 ul li h3{ height:70px; line-height:75px;}
.container01 .box03 ul li h5{font-size:14px;color:#fff;white-space: nowrap;}

footer{ padding:35px 0; background:#f6f6f6}
footer .left p{ font-size:13px; line-height:24px; color:#686666}
footer .right dl{font-size:0;line-height: 40px;text-align: right;}
footer .right dl dt{display:inline-block;font-size:13px;color:#727272;font-family:Roboto;text-transform:uppercase;font-family: PingFang;}
footer .right dl dd{display:inline-block;text-align:center;margin-left: 1.125rem;}
footer .right dl dd a{display:inline-block;width:40px;height:40px;line-height:38px;border:#d6d6d6 1px solid;border-radius:50%;cursor: pointer;transition: 0.6s;}
footer .right dl dd a svg{max-width: 20px;max-height: 16px;fill:#a3a3a3;display: inline-block;vertical-align: middle;transition: 0.6s;}
.foot_link{width: 342px;height: 40px;border: 1px solid #dedede;cursor:pointer;overflow:visible;position: relative;margin-top: 0.75rem;}
.foot_link .tanchu{left: -1px;right: -1px;padding: 10px 15px;box-sizing:border-box;position:absolute;bottom: 38px;background: #269dd2;display: none;border: #269dd2 1px solid;z-index: 100;}
.foot_link .tanchu a {color: #fff;line-height: 27px;display:block;font-size: 14px;}
.foot_link .tanchu .swiper-slide{ height:30px !important;}
.foot_link .swiper-scrollbar-drag{ height:60% !important;}
.foot_link #bnt_link1.a {padding-left: 15px;color: #8a8787;text-align:left;line-height: 38px;width: 300px;box-sizing:border-box;font-size: 13px;text-decoration:none;position:absolute;z-index:1;border-right: 1px solid #dedede;}
.foot_link .sanjiao{float:right;line-height:38px;width: 42px;text-align: center;} 
.foot_link .sanjiao img{ margin:-3px 0 0}

footer .right ul{font-size:0;margin: 16px 0 12px;text-align: right;}
footer .right ul li{display:inline-block;font-size: 13px;color: #6a6868;margin-left: 42px;position:relative;}
footer .right ul li:before{content:"";position:absolute;width:1px;height: 14px;top:50%;margin-top: -7px;right:-21px;background: #6a6868;}
footer .right ul li:last-child:before{ display:none}
footer .right ul li a{color: #6a6868;}
footer .right p,footer .right p a{font-size:13px;color:#bdbebf;line-height:24px;text-align: right;}


.tc1 .tc{transition:all ease 300ms;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 999;}
.tc1 .tc{pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transform:scale(1.1);display:  none;}
.tc1 .tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;  pointer-events: auto;transform:scale(1);}
.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;overflow: hidden;top:50%;z-index:9999;width: 200px;height: 250px;left:50%;margin-left: -100px;margin-top: -125px;-webkit-animation-duration: 1.2s;animation-duration: 1.2s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-name: anim-close-2;animation-name: anim-close-2;}
.tc1 .tc.act{display: block;}
.tc1 .tc.act .tc-box{display: block;-webkit-animation-name: anim-open-2;animation-name: anim-open-2;transform:scale(1);}
.tc1 .close{position: absolute; cursor:pointer;font-size: 20px;right: 30px;top: 30px; }
.tc1 .tc-bg {height: 100%;background: rgba(0,0,0,.9);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}
.tc1 .tc-box h3 img{width: 200px;height: 200px;}
.tc1 .tc-box h5{width: 100%;height: 50px;line-height: 50px;font-size:1rem;color:#fff;text-align:center;}
.tc-box01{ padding:0 !important}
header.width #openBtn .lcbody .lcitem div{ background:#000}
.n_banner{height:25rem;position: relative;background-size: cover !important;}
.n_title{height:75px;border-bottom:#e7e7ea 1px solid;padding: 0;position:relative;}
.n_title .w1400{position:relative}

.n_nav{ position:relative;}
.n_nav a{display:inline-block;height: 75px;font-size: 17px;float:left;line-height: 75px;color: #303033;text-align: center;box-sizing: border-box;position: relative;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;margin-right: 2.5rem;}
.n_nav a strong{display:block;color: #3f3f3f;position:relative;z-index:4;height: 75px;line-height: 75px;font-weight: bold;transition: 0.6s ease-in-out;}
.n_nav .on,.n_nav a:hover{color: #fff;}
.n_nav a:before{content:"";width:0;height: 4px;position: absolute;bottom: 0;left: 0;background: #269dd2; transition:0.6s ease-in-out}
.n_nav .on:before,.n_nav a:hover:before{width: 100%;}
.n_nav .on strong,.n_nav a:hover strong{height: 75px;line-height: 75px;color: #269dd2;}
.layui-col-md4{ height:75px}
.position{position:absolute;line-height: 75px;right: 0;bottom: 0;color: #7b7b7d;padding-left: 22px;font-size: 13px;background: url(../images/home_icon.png) left 30px no-repeat;}
.position span, .position a, .position i{font-size: 13px;color: #7b7b7d;-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;}

.position i{margin: 0px 5px;font-style:normal;}
.position i img{vertical-align:middle;margin-top: -2px;}
.position em{font-size:12px;color: #269dd2;font-style: normal;}
.position a:hover{color: #269dd2;}
.n_main_box .main_box{width: 1200px;height: 80px;position:relative;margin: 0 auto;}

video.video-js {margin: 0 auto;}
/*====移动端导航====*/
#m_n_nav{background: #269dd2;display: none;line-height: 50px;position: relative;z-index: 99;float: left;width: 100%;}
#bnt_back{position:absolute;left: 1rem;top:0;}
#bnt_back svg{fill: #fff;height: 30px;vertical-align: middle;width: 26px;}
#m_n_nav i{}
#m_n_nav h1{font-size: 14px;color: #fff;text-align: center;margin: 0;line-height: 50px;}
#bnt_sub_nav{position: absolute;right: 1rem;top: 0;cursor: pointer;color: #fff;font-size: 18px;}
#bnt_sub_nav svg{fill: #fff;height: 30px;vertical-align: middle;width: 26px;}
#bnt_sub_nav img{ display: block; height: 15px; margin-top:20px; }
#bnt_sub_nav.on img{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
#sub_nav_content{background: #f0f3f5; display: none; box-shadow: 0 0 5px #999; z-index: 9;}
#sub_nav_content ul{ padding:  10px;}
#sub_nav_content ul li { display: block; line-height: 28px; margin: 1rem 0;}
#sub_nav_content ul li a{ display:block; border-left:2px solid #269dd2; height:30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: #535455;}
#sub_nav_content ul li.on a{color: #269dd2;}
#sub_nav_content dl{font-size:0;overflow: hidden;background: #fff;padding: 10px 0;}
#sub_nav_content dt{position:relative;background:#fff;z-index: 999;width: 33.333333%;display: inline-block;margin-bottom: 0;float: left;text-align: center;}
#sub_nav_content dt a{margin:0 20px;display:block;color:#5b5349;line-height: 30px;font-size:14px;font-weight: 400;vertical-align: top;}
#sub_nav_content dt a i{position: absolute;right: 15px;top: 0;opacity:0;filter:alpha(opacity=0);display: none;}
#sub_nav_content dt a{}
#sub_nav_content dt.title{background:#fafafb;}
#sub_nav_content dt.title i{ opacity:1;filter:alpha(opacity=100);}
#sub_nav_content dt.title_on  { background:#fafafb;}
#sub_nav_content dt.title_on a{ color: #269dd2; border-top:1px solid #fff;}
#sub_nav_content dt.title_on a i{ color: #269dd2; }
#sub_nav_content dt.last a{border-top:1px solid #f8f8f8;}
#sub_nav_content dt.on a,#sub_nav_content dt.title_on a{color: #269dd2;}
#sub_nav_content dd{  display:none;}
#sub_nav_content dd .box{padding:0px 0px 0px 0px;}
#sub_nav_content dd a{ padding:0 25px;  line-height:30px;border-top:1px solid #e7e7e7;font-size:12px;color:#5b5349;display:block;height:30px;}
#sub_nav_content dd a.on{ color: #269dd2;}

.n_about{ padding:5rem 0}
.n_about .fl01{ padding-bottom:3rem}
.n_about .fl01 .left{ width:11.25rem;}
.n_about .fl01 .left h4{font-size:1.125rem;color:#75767b;margin-bottom: 0.375rem;}
.n_about .fl01 .left h5{ font-size:1.125rem; color:#bcbcbc; margin-bottom:2rem}
.n_about .fl01 .right{width:calc(100% - 11.25rem);padding-left: 9rem;}
.n_about .fl01 .right h3{ font-size:1.5rem; color:#269dd2; font-weight:bold; margin-bottom:2rem}
.n_about .fl01 .right .ar_article p{ color:#7d7d7d}
.n_about .fl02 .ar_pagecon img {display: block;margin: 1rem auto;max-width:100%;}

.n_jiagou{ background:url(../images/n_jiagou_bg.jpg) center bottom no-repeat; background-size:cover}

.n_team{ background:url(../images/n_team_bg.jpg) center bottom no-repeat; background-size:cover}
.n_team dl{ height:4rem; line-height:4rem; border-bottom:#e4e4e4 1px solid; position:relative; margin-bottom:2rem}
.n_team dl:after{ content:""; position:absolute; left:0; bottom:-1px; width:24px; height:3px; background:#269dd2}
.n_team dl dt{ font-size:1.6875rem; display:inline-block; color:#000000; width:6.25rem}
.n_team dl dd{ display:inline-block; color:#666666; font-size:1.0625rem}

.n_fazhan{ background:#f8f9fa url(../images/n_fazhan_bg.jpg) center bottom no-repeat; background-size:cover}
.n_fazhan .content{position:relative;margin: 0 -2.5rem;padding-bottom: 50px;}
.n_fazhan .content ul:before{content:"";position:absolute;top: 50px;height: 3px;background: #c5c5c5;left: 2.5rem;right: 2.5rem;}
.n_fazhan .content ul{width: 100%;position: relative;}
.n_fazhan .content ul li{position:relative;}
.n_fazhan .content ul li:after{ content:""; position:absolute; left:3.75rem; top:0; width:25px; height:58px; background: url(../images/jt.png) center no-repeat;}
.n_fazhan .content ul li:before{content:"";position:absolute;top: 50px;left: 2.5rem;right: 2.5rem;height: 3px;background: #269dd2;}
.n_fazhan .content ul li h3{font-size: 2.5rem;color: #269dd2;margin-top: 70px;position:relative;font-weight: bold;font-family:BEBAS;margin-bottom: 2.5rem;}
.n_fazhan .content ul li h5{font-size:0.875rem;color:#7f7f7f;line-height:26px;max-width: 10.25rem;display:  inline-flex; }
.n_fazhan .content .miso-prev, .n_fazhan .content .miso-next{width:38px;height:38px;top: 51px;}
.n_fazhan .content .miso-prev{background: url(../images/left02.png) center no-repeat;left: -15px;}
.n_fazhan .content .miso-next{background: url(../images/right02.png) center no-repeat;right: -15px;}
.n_fazhan .content ul li .box{padding: 0 2.5rem;position:relative;}
.n_fazhan .content ul li h2{ margin:28px 0 20px}
.n_fazhan .content ul li h2 img{ width:300px; height:155px; border:#d2d2d5 3px solid}
.n_fazhan .content ul li p{font-size: 16px;color: #747474;line-height: 2rem;margin-bottom: 0;padding-left: 14px;position: relative;}
.n_fazhan .content ul li p:before{content:"";position:absolute;left:0;top: 12px;width:6px;height:6px;background:#a8a8a8;border-radius:50%;}

.n_zizhi{background:url(../images/n_zizhi_bg.jpg) center bottom no-repeat;background-size:cover;overflow: hidden;}
.n_zizhi .content{ position:relative}
.n_zizhi .content:before{ content:""; position:absolute; left:112px; top:0; bottom:0; width:1px; border-right:#e4e4e4 1px dashed}
.n_zizhi ul li a{ padding:2rem 0; display:block; position:relative}
.n_zizhi ul li a:before{content:"";position:absolute;left:0;margin:0 -80vh;background-image: linear-gradient(90deg,#d4eaf1,transparent,transparent);bottom:0;height: 100%;transition: 1s;width: 0;}
.n_zizhi ul li a .left{ width:112px; font-size:2.5rem; color:#269dd2; font-family:BEBAS; position:relative}
.n_zizhi ul li a .left:after{content:"";background:url(../images/right_icon01.png) center no-repeat;width:32px;height:15px;position:absolute;left: 106px;top:50%;margin-top: -0.75rem;}
.n_zizhi ul li a .right{ width:calc(100% - 112px); padding-left:3.125rem; position:relative}
.n_zizhi ul li a .right ul li{ font-size: 16px;color: #666666;line-height:1.875rem;}

.n_news{ background:#f6f6f6; padding:3.75rem 0 5.5rem}
.n_news .fl01{ border-bottom:#e8e8e8 1px solid; padding-bottom:3.125rem; margin-bottom:3rem}
.n_news .fl01 ul li .left{ width:40%; overflow:hidden; height:22.75rem}
.n_news .fl01 ul li .left img{width:100%;height:100%;object-fit: cover;}
.n_news .fl01 ul li .right{ width:60%; background:#ffffff; height:22.75rem; padding:2.125rem 3.125rem;}
.n_news .fl01 ul li .right .box_table{ text-align:left}
.n_news .fl01 ul li .right .box_table h6{font-size:14px;color:#6e6e6e;font-family:Roboto;font-weight:bold;height: 20px;}
.n_news .fl01 ul li .right .box_table h3{font-size:1.75rem;line-height:2.1875rem;color:#000000;transition:0.36s;overflow: hidden;}
.n_news .fl01 ul li .right .box_table p{font-size:14px;line-height:28px;color:#7f7f7f;margin-bottom:2.5rem;height: 112px;overflow: hidden;}
.n_news .fl01 ul li .right .box_table .more01 span{ display:inline-block; width:136px; height:2.5rem; line-height:2.5rem; font-size:13px; color:#fff; background:#269dd2; transition:.6s; text-align:center}
.n_news .fl01 ul.miso-dots{ bottom:5rem; padding-left:71.25%; text-align:left}
.n_news .fl01 ul.miso-dots li{ width:11px; height:11px; border:#7f7f7f 2px solid; border-radius:50%; transition:0.36s}
.n_news .fl01 ul.miso-dots li.miso-active{ background:#269dd2; border:#269dd2 2px solid}
.n_news .fl02 ul li{ margin-bottom:2.375rem; margin-top:2rem; padding-bottom:20px;  border-bottom: 1px #ccc solid;}
.n_news .fl02 ul li .time{ width:7.25rem;}
.n_news .fl02 ul li .time h3{ font-size:5.125rem; color:#8c8c8c; font-family:DINCOND-MEDIUM-WEBFONT; margin-bottom:0.5rem}
.n_news .fl02 ul li .time h5{ font-size:1.375rem; color:#8c8c8c; font-family:DINCOND-MEDIUM-WEBFONT;}
.n_news .fl02 ul li .con{ width:calc(100% - 7.25rem)}
.n_news .fl02 ul li .con h5{font-size:1.5rem;color:#3f3f3f;font-weight:bold;height:1.75rem;line-height:1.75rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin: 0.75rem 0 1.25rem; transition:0.36s}
.n_news .fl02 ul li .con p{ font-size:15px; color:#6e6e6e; line-height:26px; height:52px; overflow:hidden}

.n_news .fl02 ul li .picture{float:left;}
.n_news .fl02 ul li .picture img{width:12rem;height:8.75rem;object-fit: cover;}
.n_news .fl02 ul li .piccon{margin-left: 2rem;float: left;width: calc(100% - 14.25rem);}
.n_news .fl02 ul li .piccon h5{font-size:1.5rem;color:#3f3f3f;font-weight:bold;height:1.75rem;line-height:1.75rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:1.25rem; transition:0.36s}
.n_news .fl02 ul li .piccon p{ font-size:15px; color:#6e6e6e; line-height:26px; height:52px; overflow:hidden}
.n_news .fl02 ul li .piccon h6{font-size:14px;color:#6e6e6e;font-family:Roboto;font-weight:bold;height: 20px;}

/*====翻页====*/
.j_pages{margin:0 auto 0 auto}
.j_pages .box{display:inherit;width:100%;padding: 0;font-size: 0;text-align:center;}
.j_pages a{padding: 0px 16px;height: 38px;line-height: 34px;display:inline-block;border: #dcdcdc 2px solid;margin: 0 5px;color: #393939;font-size: 14px;box-sizing: border-box;-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;}
.j_pages a font{ padding:0 10px}
.j_pages .on{background: #269dd2;color: #fff;border: #269dd2 2px solid;}
.j_pages a:hover{ background: #269dd2;color: #fff; border: #269dd2 2px solid;}
.j_pages span{color: #393939;padding: 0;height: 38px;line-height: 34px;display:inline-block;font-size:14px;}
.j_pages input{color: #393939;padding: 0px 16px;height: 38px;line-height: 34px;display:inline-block;font-size:14px;border: #dcdcdc 2px solid;cursor:pointer;background: none;}
.j_pages input[type="text"]{ width:40px; padding:0; text-align:center}
.j_pages input[type="submit"]:hover{background: #269dd2;color:#fff;border: #269dd2 2px solid;}
.j_pages span.select_box select {padding: 8px 15px;margin: 0 10px;border: 2px solid #dcdcdc;background: none;line-height: 2;}
.qiehuan .miso_hd{width:24.75rem;position:relative;float: left;z-index: 100;}
.qiehuan .miso_hd .miso-track{ transform:translate3d(0, 0px, 0px) !important;width: 100%!important;}
.qiehuan .miso_hd:before{content:"";position:absolute;top:0;right:0;bottom:0;left: 0;}
.qiehuan .miso_hd ul{ position:relative;}
.qiehuan .miso_hd ul .miso-list{padding-left: 0;overflow: visible;}
.qiehuan .miso_hd ul li{position:relative;width: 100% !important;background: #269dd2;margin-bottom: 0; text-align:center; transition:0.6s}
.qiehuan .miso_hd ul li:after{content:"";position:absolute;border-left: transparent 14px solid;border-top: transparent 14px solid;border-bottom: transparent 14px solid;position: absolute;right: -13px;top: 50%;margin-top: -14px;}
.qiehuan .miso_hd ul li a{height: 16.5rem;display:block;text-align:center;cursor:pointer;padding:0 3.125rem;}
.qiehuan .miso_hd ul li a img{ display:inline-block; transition:0.6s}
.qiehuan .miso_hd ul li a h3{font-size: 30px;color: #fff;transition:0.36s; font-family:Swis721 BlkCn BT; margin-bottom:1rem; transition:0.6s}
.qiehuan .miso_hd ul li a h5{font-size: 20px;color: #fff;transition:0.36s; margin-bottom:2.5rem; transition:0.6s}
.qiehuan .miso_hd ul li a h6{ height:0; overflow:hidden; visibility:hidden; opacity:0; transition:0.6s}
.qiehuan .miso_hd ul li.miso-slide.miso-current a h3{ color:#000000}
.qiehuan .miso_hd ul li.miso-slide.miso-current a h5{ color:#000000}

.qiehuan .miso_hd ul li.miso-slide.miso-current{ background:#f6f6f6 !important;}
.qiehuan .miso_hd ul li.miso-slide.miso-current .box_table{ text-align:left;}
.qiehuan .miso_hd ul li.miso-slide.miso-current a h6{ height:42px; overflow:hidden; visibility:visible; opacity:1;}
.qiehuan .miso_hd ul li.miso-slide.miso-current:after{border-left: #f6f6f6 14px solid;}

.qiehuan .miso_bd{width: calc(100% - 24.75rem);}
.qiehuan .miso_bd .hezi{ display:none; }
.qiehuan .miso_bd .hezi .box{height: 49.5rem;padding:0 10rem;}
.qiehuan .miso_bd .hezi .box .box_table_cell{vertical-align:top;padding: 60px 0 0;text-align: left;}
.qiehuan .miso_bd .hezi.act{ display:block}
.qiehuan .miso_bd .hezi .box ul{ font-size:0;margin-left:10rem;}
.qiehuan .miso_bd .hezi03 .box ul {margin-left: 0!important;}
.qiehuan .miso_bd .hezi .box ul li{display:inline-block;width:33.33%;margin:3.125rem 0;text-align: center;}
.qiehuan .miso_bd .hezi.hezi03 .box ul li{width:25%;margin:5.125rem 0;}
.qiehuan .miso_bd .hezi .box ul li a{ display:block; cursor:pointer}
.qiehuan .miso_bd .hezi .box ul li a h3 span{ display:inline-block; width:4.375rem; height:4.375rem; line-height:4.375rem;  border-radius:50%; position:relative; }
.qiehuan .miso_bd .hezi .box ul li a h3 span:before{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; transform:scale(0); background:#269dd2; transition:0.6s; border-radius:50%}
.qiehuan .miso_bd .hezi .box ul li a h3 span img{position:relative}
.qiehuan .miso_bd .hezi .box ul li a h5{ line-height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:18px; color:#fff; font-weight:bold;}

.n_chanye{ padding:4.375rem 0 5.5rem}
.n_dangwu .fl02 ul{ margin-bottom:3.125rem}
.n_dangwu .fl02 ul li{border-bottom:#e4e4e4 2px dashed;padding: 0 0 1.5rem;margin-bottom: 1.75rem;}
.n_dangwu .fl02 ul li .con h6{font-size: 14px;color: #6e6e6e;font-family: Roboto;font-weight: bold;height: 20px;}
.n_dangwu .fl02 ul li .con h5{font-size:1.5rem;color:#3f3f3f;font-weight:bold;height:1.75rem;line-height:1.75rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin: 0.75rem 0 0.5rem;transition:0.36s;}
.n_dangwu .fl02 ul li .con p{font-size:15px;color:#6e6e6e;line-height:26px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.n_qyjzg{padding:4.375rem 0 5.0625rem;overflow: hidden;}
.n_qyjzg .fl01 .bg{background:url(../images/n_qyjzg_fl01_bg.jpg) center no-repeat;padding:5.625rem 6.25rem 3.625rem;background-size: cover;}
.n_qyjzg .fl01 .bg .left{ width:15rem;}
.n_qyjzg .fl01 .title{ text-align:right}
.n_qyjzg .title h3{ font-size:2.375rem; line-height:2rem; color:#979797; font-family:ROBOTO-LIGHT-10_0; text-transform:uppercase; margin-bottom:1rem}
.n_qyjzg .title h4{ font-size:2rem; color:#494949; }
.n_qyjzg .fl01 .bg .right{max-width: calc(100% - 15rem);padding-left: 2rem;}
.n_qyjzg .fl01 .bg .right .box_table{ width:auto}
.n_qyjzg .fl01 .bg .right dl{text-align:left;margin-bottom: 2rem;}
.n_qyjzg .fl01 .bg .right dl dt{font-size: 1.375rem;color:#494949;font-weight:bold;margin-bottom: 0.5rem;}
.n_qyjzg .fl01 .bg .right dl dd{ font-size:17px; line-height:2rem; color:#494949}

.n_qyjzg .fl02 .title{ margin-bottom:3.125rem}
.n_qyjzg .fl02 .bg{background:url(../images/n_qyjzg_fl02_bg.jpg) center no-repeat;padding: 5.625rem 6.25rem;background-size: cover;}
.n_qyjzg .fl02 ul{ font-size:0; margin:0 -2.5rem}
.n_qyjzg .fl02 ul li{ display:inline-block; width:20%; padding:15px 2.5rem; overflow:hidden; margin:-15px 0}
.n_qyjzg .fl02 ul li a{ display:block; position:relative; transition:0.6s; border-radius:50%}
.n_qyjzg .fl02 ul li a .img, .n_qyjzg .fl02 ul li a .img img{width:100%;max-width: 13.5rem;display: inline-block;border-radius: 50%;transition: 0.6s;}
.n_qyjzg .fl02 ul li a .top{ position:absolute; top:0; right:0; bottom:0; left:0; z-index:1}
.n_qyjzg .fl02 ul li a .top h3{ font-size:2rem; color:#fff; font-family:DINCOND-MEDIUM-WEBFONT; margin-bottom:1rem}
.n_qyjzg .fl02 ul li a .top h5{ font-size:1.0625rem; line-height:24px; color:#fff}

.n_comlist .fl02 .title{ margin-bottom:3.125rem}
.n_comlist .fl02 .bg{background:url(../images/n_qyjzg_fl02_bg.jpg) center no-repeat;padding: 5.625rem 6.25rem;background-size: cover;}
.n_comlist .title h3{ font-size:2.375rem; line-height:2rem; color:#979797; font-family:ROBOTO-LIGHT-10_0; text-transform:uppercase; margin-bottom:1rem}
.n_comlist .title h4{ font-size:2rem; color:#494949; }
.n_comlist .fl02 ul{ font-size:0; margin:0 -2.5rem}
.n_comlist .fl02 ul li{ display:inline-block; width:25%; padding:15px 2.5rem; overflow:hidden;}
.n_comlist .fl02 ul li a{ display:block; position:relative; transition:0.6s;}
.n_comlist .fl02 ul li a .img, .n_comlist .fl02 ul li a .img img{width:100%;height:10rem;display: inline-block;transition: 0.6s; background:#fff; border-radius:10px;}
.n_comlist .fl02 ul li a .top h3{ font-size:2rem; color:#666; line-height:40px;text-align:center; font-family:DINCOND-MEDIUM-WEBFONT; margin-bottom:1rem}
.n_comlist .fl02 ul li a .top h5{ font-size:1.0625rem; line-height:24px; color:#666;line-height:40px;text-align:center;}

.n_zeren{ padding:3.5rem 0 4rem}
.n_zeren .fl01{ margin-bottom:3.5rem}
.n_zeren .fl01 ul{ text-align:center; font-size:0}
.n_zeren .fl01 ul li{ width:13.125rem !important; float:none; display:inline-block; margin:0 7px}
.n_zeren .fl01 ul li a{ display:block; width:100%; height:55px; line-height:55px; border-radius:27.5px; background:#f6f6f6; font-size:1.125rem; color:#373737; cursor:pointer}
.n_zeren .fl01 ul li.miso-current a{ background:#269dd2; color:#fff}
.n_zeren .fl02 ul{ margin:0 -30vw}
.n_zeren .fl02 ul li{ padding:0 1.875rem; text-align:center}
.n_zeren .fl02 ul li .img, .n_zeren .fl02 ul li .img img{ width:100%;height: 23rem;object-fit: cover;}
.n_zeren .fl02 ul li .con{ transition:0.6s; transform:translateY(50px); opacity:0}
.n_zeren .fl02 ul li .con h5{ font-size:1.375rem; color:#494949; height:1.5rem; line-height:1.5rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:1.75rem 0 0.75rem}
.n_zeren .fl02 ul li .con h6{ font-size:1rem; color:#939393; font-family:DINCOND-MEDIUM-WEBFONT;}

.n_zeren .fl02 ul li.miso-current .con{ transform:translateY(0); opacity:1}
.n_zeren .fl02 ul .miso-prev, .n_zeren .fl02 ul .miso-next{width:65px;height:65px;background-size:cover !important;z-index: 10;margin-top: -3rem;}
.n_zeren .fl02 ul .miso-prev{background:url(../images/left03.png) center no-repeat;left: 40vw;}
.n_zeren .fl02 ul .miso-next{background:url(../images/right03.png) center no-repeat;right: 40vw;}

.n_huodong{ padding:4.375rem 0 5rem; overflow:hidden}
.n_huodong ul{ font-size:0; margin:0 -1.5625rem; margin-bottom:1rem}
.n_huodong ul li{ display:inline-block; width:25%; padding:0 1.5625rem; margin-bottom:2.5rem; overflow:hidden}
.n_huodong ul li a{ display:block}
.n_huodong ul li .img, .n_huodong ul li .img img{ overflow:hidden; width:100%;height: 18.125rem;object-fit: cover;}
.n_huodong ul li .con{ padding:1rem; background:#f6f6f6; position:relative}
.n_huodong ul li .con:before{ content:""; position:absolute; bottom:0; width:100%; height:0; background:transparent; transition:0.6s; left:0}
.n_huodong ul li h6{ font-size:12px; color:#3f3f3f; margin-bottom:0.75rem; position:relative}
.n_huodong ul li h5{ font-size:1.1875rem; color:#555555; line-height:1.8125rem; height:3.625rem; overflow:hidden;position:relative}

.n_chanye_detail .fl01{ padding:4rem 0 3rem}
.n_chanye_detail .fl01 .left{ width:18.75rem;}
.n_chanye_detail .fl01 .title{ text-align:left}
.n_chanye_detail .fl01 .title h3{ font-size:2.5rem}
.n_chanye_detail .fl01 .title h4{ font-size:2rem; color:#303030; font-weight:bold}
.n_chanye_detail .title{ text-align:center}
.n_chanye_detail .title h3{ font-size:2.125rem; line-height:2.375rem; color:#979797; font-family:ROBOTO-LIGHT-10_0; text-transform:uppercase; margin-bottom:0.5rem}
.n_chanye_detail .title h4{ font-size:1.75rem; color:#303030;}
.n_chanye_detail .fl01 .right{max-width: calc(100% - 18.75rem);padding-left:12rem;}
.n_chanye_detail .fl01 .right p{ font-size:16px; color:#5f5f5f; line-height:28px; margin-bottom:28px}
.n_chanye_detail .fl02{ padding-top:4.375rem; background:#eef2f3;overflow: hidden;}
.n_chanye_detail .fl02 .title{ margin-bottom:3.125rem}
.n_chanye_detail .fl02 ul{ margin:0 -25vw}
.n_chanye_detail .fl02 ul li{ padding:0 1.875rem; text-align:center}
.n_chanye_detail .fl02 ul li a{ display:block; position:relative; overflow:hidden}
.n_chanye_detail .fl02 ul li .img, .n_chanye_detail .fl02 ul li .img img{ width:100%; overflow:hidden}
.n_chanye_detail .fl02 ul li .con{ transition:0.6s; position:absolute; bottom:-6rem; left:0; right:0}
.n_chanye_detail .fl02 ul li .con h5{font-size:1.4rem;color:#fff;height:5rem;line-height:5rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background-image: linear-gradient(transparent, rgba(0,0,0,0.7));padding:0 1rem;}
.n_chanye_detail .fl02 ul li.miso-current .con{bottom:0; opacity:1}
.n_chanye_detail .fl02 ul .miso-prev, .n_chanye_detail .fl02 ul .miso-next{width:65px;height:65px;background-size:cover !important;z-index: 10;}
.n_chanye_detail .fl02 ul .miso-prev{background:url(../images/left03.png) center no-repeat;left: 40vw;}
.n_chanye_detail .fl02 ul .miso-next{background:url(../images/right03.png) center no-repeat;right: 40vw;}
.n_chanye_detail .fl03{ background:url(../images/n_chanye_detail_fl03_bg.jpg) center bottom no-repeat; background-size:cover; padding-bottom:5.625rem;padding-top:6.25rem}
.n_chanye_detail .fl03 .title{ margin-bottom:3rem}
.n_chanye_detail .fl03 ul{ font-size:0; text-align:center}
.n_chanye_detail .fl03 ul li{ display:inline-block; width:20%; height:10.6875rem; border:#dbdbdb 1px solid; background:#fff; margin: 15px}
.n_chanye_detail .fl03 ul li a, .n_chanye_detail .fl03 ul li a .img{ display:block; height:100%; position:relative; overflow:hidden}
.n_chanye_detail .fl03 ul li a .img img{ display:inline-block; width:70%;height:auto; margin:0 auto;}
.n_chanye_detail .fl03 ul li a .top{ position:absolute; top:0; right:0; bottom:0; left:0; background:transparent; transition:0.6s; transform:translateY(100%)}
.n_chanye_detail .fl03 ul li a .top h5{ font-size:17px; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:1.25rem}
.n_chanye_detail .fl03 ul li a .top h6 svg{ height:30px; fill:#b3ddef}

.n_qiye_detail .fl02{ padding:4rem 0 5rem; background:url(../images/n_qiye_detail_fl02.jpg) center bottom no-repeat; background-size:cover}
.n_qiye_detail .fl02 .title{ text-align:center; margin-bottom:3.75rem}
.n_qiye_detail .fl02 .title h3{ font-size:2.125rem; line-height:2.375rem; color:#979797; font-family:ROBOTO-LIGHT-10_0; text-transform:uppercase; margin-bottom:0.5rem}
.n_qiye_detail .fl02 .title h4{ font-size:1.75rem; color:#303030;}
.n_qiye_detail .fl02 ul{ margin:0 -25vw}
.n_qiye_detail .fl02 ul li{ padding:0 1.875rem; text-align:center}
.n_qiye_detail .fl02 ul li a{ display:block; position:relative; overflow:hidden}
.n_qiye_detail .fl02 ul li .img, .n_qiye_detail .fl02 ul li .img img{ width:100%; overflow:hidden}
.n_qiye_detail .fl02 ul li .con{ transition:0.6s; position:absolute; bottom:-6rem; left:0; right:0}
.n_qiye_detail .fl02 ul li .con h5{font-size:1.75rem;color:#fff;height:6rem;line-height:6rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background-image: linear-gradient(transparent, rgba(0,0,0,0.7));}
.n_qiye_detail .fl02 ul li.miso-current .con{bottom:0; opacity:1}
.n_qiye_detail .fl02 ul .miso-prev, .n_qiye_detail .fl02 ul .miso-next{width:65px;height:65px;background-size:cover !important;z-index: 10;}
.n_qiye_detail .fl02 ul .miso-prev{background:url(../images/left03.png) center no-repeat;left: 40vw;}
.n_qiye_detail .fl02 ul .miso-next{background:url(../images/right03.png) center no-repeat;right: 40vw;}

.n_qiye_detail .fl01{ padding:4rem 0; background:url(../images/n_qiye_detail_fl01.jpg) center no-repeat; background-size:cover}
.n_qiye_detail .fl01 .left{ width:31%;padding-right: 5%;}
.n_qiye_detail .fl01 .left h3{ margin-bottom:3.125rem}
.n_qiye_detail .fl01 h3 img {max-width: 100%;}
.n_qiye_detail .fl01 .left ul li{ font-size:17px; color:#5f5f5f; line-height:2.5rem}
.n_qiye_detail .fl01 .left ul li .blue{color:#269dd2; font-family:DIN Offc Pro}
.n_qiye_detail .fl01 .left ul li span svg{width:24px;height:16px;fill:#47484b;display: inline-block;vertical-align: middle;margin-top: -3px;}
.n_qiye_detail .fl01 .right{ width:69%}
.n_qiye_detail .fl01 .right h3{ font-size:1.375rem; color:#269dd2; font-weight:bold; margin-bottom:1.875rem}
.n_qiye_detail .fl01 .right .ar_article{ margin-bottom:3rem}
.n_qiye_detail .fl01 .right .more00 a{display:inline-block;width:12.1875rem;height:3.375rem;line-height:3.375rem;background:#269dd2;font-size:16px;color:#fff;text-align: center;border-radius: 1.6875rem; transition:.6s}
.n_qiye_detail .fl01 .right .more00 a svg{margin-right:8px;fill:#fff;width: 24px;height:24px;display: inline-block;vertical-align: middle;margin-top: -3px;}
.n_qiye_detail_2 .fl02{ padding:4rem 0 5rem; background:url(../images/n_qiye_detail_fl02.jpg) center bottom no-repeat; background-size:cover}
.n_qiye_detail_2 .fl02 .title{ text-align:center; margin-bottom:3.75rem}
.n_qiye_detail_2 .fl02 .title h3{ font-size:2.125rem; line-height:2.375rem; color:#979797; font-family:ROBOTO-LIGHT-10_0; text-transform:uppercase; margin-bottom:0.5rem}
.n_qiye_detail_2 .fl02 .title h4{ font-size:1.75rem; color:#303030;}
.n_qiye_detail_2 .fl02 .swiper-container ul li .img img{ width:100%}
.n_qiye_detail_2 .fl02 .swiper-container ul li{text-align: center;background-position: center;background-size: cover;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.n_qiye_detail_2 .fl02 .content{position:relative;/* margin: 0 -7rem; */padding:0 7rem;}
.n_qiye_detail_2 .fl02 .swiper-container ul li{}
.n_qiye_detail_2 .fl02 .swiper-container ul li .img{ padding:0}
.n_qiye_detail_2 .fl02 .swiper-container ul li .img img{width:100%;object-fit: cover;height: 36rem;}
.n_qiye_detail_2 .fl02 .swiper-container ul li .img p{width:100%;text-align:center;line-height:2.5;font-size:1rem;}
.n_qiye_detail_2 .fl02 .swiper-container{position:static;margin: 0; padding-bottom:6rem}
.n_qiye_detail_2 .fl02 .swiper-container .swiper-button-next, .n_qiye_detail_2 .fl02 .swiper-container .swiper-button-prev{ width:50px; height:50px; top:auto; bottom:0}
.n_qiye_detail_2 .fl02 .swiper-container .swiper-button-prev{ background:url(../images/left04.png) center no-repeat; left:50%; margin-left:-70px}
.n_qiye_detail_2 .fl02 .swiper-container .swiper-button-next{ background:url(../images/right04.png) center no-repeat; right:50%; margin-right:-70px;}

.n_contact{ background:url(../images/n_contact_fl01_bg.jpeg) center bottom no-repeat; padding:4rem 0; background-size:cover}
.n_contact .fl01 .left{ width:50%}
.n_contact .fl01 .left .title{ text-align:left; margin-bottom:3.125rem}
.n_contact .fl01 .left .title h3{ font-size:2.125rem; line-height:2.375rem; color:#979797; font-family:ROBOTO-LIGHT-10_0; text-transform:uppercase; margin-bottom:0.5rem}
.n_contact .fl01 .left .title h4{ font-size:1.75rem; color:#303030;}
.n_contact .fl01 .left ul li{ font-size:15px; color:#686666; line-height:2.375rem}
.n_contact .fl01 .left ul li big{ font-size:24px; color:#269dd2; font-family:DIN Offc Pro}
.n_contact .fl01 .left ul li span svg{width:24px;height:16px;fill:#8c8c8c;vertical-align: middle;}
.n_contact .fl01 .left ul li a{ color:#686666;}
.n_contact .fl01 .right{ width:50%;position: relative;height: 30rem;}

.n_contact .fl02 .left{ width:50%}
.n_contact .fl02 .left .title{ text-align:left; margin-bottom:3.125rem}
.n_contact .fl02 .left .title h3{ font-size:2.125rem; line-height:2.375rem; color:#979797; font-family:ROBOTO-LIGHT-10_0; text-transform:uppercase; margin-bottom:0.5rem}
.n_contact .fl02 .left .title h4{ font-size:1.75rem; color:#303030;}
.n_contact .fl02 .left ul li{ font-size:15px; color:#686666; line-height:2.375rem}
.n_contact .fl02 .left ul li big{ font-size:24px; color:#269dd2; font-family:DIN Offc Pro}
.n_contact .fl02 .left ul li span svg{width:24px;height:16px;fill:#8c8c8c;vertical-align: middle;}
.n_contact .fl02 .left ul li a{ color:#686666;}
.n_contact .fl02 .right{ width:50%;position: relative;}
.n_contact .fl02 .bg .right dl{text-align:left;margin-bottom: 2rem;width:100%;display:inline-block;}
.n_contact .fl02 .bg .right dl dt{font-size: 1.375rem;color:#494949;font-weight:bold;margin-bottom: 1rem;}
.n_contact .fl02 .bg .right dl dd{ font-size:17px; line-height:2rem; color:#494949}
.n_contact .fl02 .bg .right dl dd a{ color:#686666;}

.n_rencai .fl01{ padding:5rem 0 4rem}
.n_rencai .fl01 .left, .n_rencai .fl01 .right{ width:50%}
.n_rencai .fl01 .box{ padding:0 7.5rem}
.n_rencai .fl01 .box .box_table{ text-align:left}
.n_rencai .fl01 .left .box{ height:28rem;}
.n_rencai .fl01 .left .box01{ background:url(../images/n_rencai_box_bg01.jpeg) center no-repeat; background-size:cover}
.n_rencai .fl01 .left .box02{ background:url(../images/n_rencai_box_bg02.jpeg) center no-repeat; background-size:cover}
.n_rencai .fl01 .right .box{ height:56rem; background:url(../images/n_rencai_box_bg03.jpeg) center no-repeat; background-size:cover; padding:8.4375rem 7.5rem 0}

.n_rencai .fl01 .box h3{ font-size:1.5rem; color:#fff; font-weight:bold}
.n_rencai .fl01 .box h4{ font-size:1.5rem; color:#fff; margin:10px 0 3.125rem}
.n_rencai .fl01 .box p{ font-size:14px; color:#fff; line-height:28px;}
.n_rencai .fl01 .box01 h3{ color:#269dd2}
.n_rencai .fl01 .box01 h4{ color:#474747}
.n_rencai .fl01 .box01 p{ color:#505050}
.n_rencai .fl02{ padding-bottom:5.625rem}
.n_rencai .fl02 .title{ text-align:center; margin-bottom:3.125rem}
.n_rencai .fl02 .title h3{ font-size:2.125rem; line-height:2.375rem; color:#979797; font-family:ROBOTO-LIGHT-10_0; text-transform:uppercase; margin-bottom:0.5rem}
.n_rencai .fl02 .title h4{ font-size:1.75rem; color:#303030;}
.n_rencai .fl02 ul li{ line-height:4.375rem; font-size:0; transition:0.6s}
.n_rencai .fl02 ul li:nth-child(2n){background:#f7f7f7;}
.n_rencai .fl02 ul li:nth-child(1){ background:#fff !important}
.n_rencai .fl02 ul li span{display:inline-block;width:25%;font-size:1.125rem;color:#545454;padding:0 3rem;vertical-align:top;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.n_rencai .fl02 ul li span a{ color:#545454;}
.n_rencai .fl02 ul li .span01{text-align: right; width:19%}
.n_rencai .fl02 ul li:nth-child(1) span{ font-size:1.375rem}
.n_rencai .fl02 ul li .span01 a{ display:inline-block; width:125px; height:34px; line-height:32px; border:#c0c0c0 1px solid; border-radius:17px; text-align:center; font-size:14px; color:#6c6c6c; transition:0.6s}

.n_rencai .fl02 ul li.li:hover{ background:#269dd2}
.n_rencai .fl02 ul li.li:hover span, .n_rencai .fl02 ul li.li:hover span a{ color:#fff}
.n_rencai .fl02 ul li.li:hover .span01 a{ color:#fff; border:#fff 1px solid}

.n_zhaopin_detail{}
.n_zhaopin_detail .fl01{ padding:4rem 0;}
.n_zhaopin_detail .fl01 .left{ width:35%}
.n_zhaopin_detail .fl01 .left h3{margin-bottom: 2rem;font-size:1.375rem;color:#404040;}
.n_zhaopin_detail .fl01 .left ul li{font-size: 16px;color:#5f5f5f;line-height: 2rem;}
.n_zhaopin_detail .fl01 .left ul li big{ font-size:24px; color:#269dd2; font-family:DIN Offc Pro}
.n_zhaopin_detail .fl01 .left ul li span svg{width:24px;height:16px;fill: #269dd2;display: inline-block;vertical-align: middle;margin-top: -3px;}
.n_zhaopin_detail .fl01 .right{ width:65%}
.n_zhaopin_detail .fl01 .right h3{ font-size:1.375rem; color:#269dd2; font-weight:bold; margin-bottom:1.875rem}
.n_zhaopin_detail .fl01 .right .ar_article{ margin-bottom:3rem}
.n_zhaopin_detail .fl01 .right .more00 a{display:inline-block;width:12.1875rem;height:3.375rem;line-height:3.375rem;background:#269dd2;font-size:16px;color:#fff;text-align: center;border-radius: 1.6875rem; transition:.6s}
.n_zhaopin_detail .fl01 .right .more00 a svg{margin-right:8px;fill:#fff;width: 24px;height:24px;display: inline-block;vertical-align: middle;margin-top: -3px;}

.n_zxzp{ padding:4rem 0;}
.n_zxzp .left .title{ text-align:left;margin-bottom:3.75rem;}
.n_zxzp .left .title h3{ font-size:2.375rem; line-height:2rem; color:#979797; font-family:ROBOTO-LIGHT-10_0; text-transform:uppercase; margin-bottom:1rem}
.n_zxzp .left .title h4{ font-size:2rem; color:#494949; }
.n_zxzp .left{ width:38%}
.n_zxzp .left h5{ font-size:17px; color:#6f6f6f; font-weight:bold; margin-bottom:2rem}
.n_zxzp .left p{ font-size:14px; line-height:28px; color:#6f6f6f}
.n_zxzp .right{ width:62%}

.col-span6{width:50%;float:left;}

/*表单*/
.form form{margin: 0 -8px;}
.form .n_l{float: right;width: 790px;padding: 0;}
.form .n_l .title{ margin-bottom:55px;}
.form .n_l .title h4{ font-size:24px; color:#030303; margin-bottom:26px;}
.form .n_l .title p{ font-size:14px; color:#565758; line-height:30px;}
.form .n_l form{ margin:0 -19px;}
.form .layui-form-item{float:left;width:50%;clear:none;padding: 0 8px;position: relative;}
.form .layui-form-pane .layui-form-label{width: 10px;line-height: 50px;height: 50px;background: none;border: none;border-radius:4px 0 0 4px;font-size: 16px;color: #282828;text-align:  left;padding: 0;position: absolute;left: -2px;}
.form .layui-form-select dl{top: 50px;}
.form .layui-form-pane .layui-form-label font{font-size:16px;color: #ff0000;}
.form .layui-form-pane .layui-form-label small{ font-size:16px; color:#d6bb68}
.form .layui-form-pane .layui-input-block{margin-left: 0;min-height:48px;}
.form .layui-input, .form .layui-select, .form .input{height: 60px;font-size: 14px;background: #ffffff;border: none;border-radius: 0;}
.form .input{line-height:60px;padding: 0 18px;}
.form .layui-textarea{height: 240px;font-size: 14px;background: #ffffff;border: none;border-radius: 0;}
.form .layui-form-select .layui-input{font-size: 16px;color:#242425;}
.form .layui-form-pane .layui-btn{width: 48%;}
.form .layui-btn{height: 60px;background: #269dd2;border-radius: 0;color: #fff;font-size: 16px;}
.form .layui-btn:hover{background: #269dd2;color:#fff;}

.form .n_r{float: left; width: 459px;}
.form .layui-form-select .layui-edge{position:absolute;right: 23px;top:50%;cursor:pointer;border-width: 5px;border-top-color: transparent;border-top-style:solid;transition:all .3s;-webkit-transition:all .3s;border-top: transparent 7px solid;background:url(../images/layui-edge.png) center no-repeat;width: 11px;height: 7px;border: none;margin-top: -2.5px;}

.form .layui-input#test1{background: #f1f4f6 url(../images/rili.png) 92% center no-repeat;}


input::-webkit-input-placeholder{ color:#4f4f4f;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#4f4f4f; }
input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#4f4f4f;}
input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#4f4f4f;}

textarea::-webkit-input-placeholder{ color:#4f4f4f;}
textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#4f4f4f;}
textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#4f4f4f;}
textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#4f4f4f;}

.form .layui-form-pane .layui-btn01, .form .layui-form-pane .layui-btn02{width: 100%;}
.form .layui-form-pane .layui-btn01{height: 60px;background:#fff;border-radius: 0;color: #4f4f4f;font-size: 14px;border:none;text-align: left;padding: 0 18px;}
.layui-upload-choose{position: absolute !important;top:50%;left: 84px;margin-top: -6px;}
.form .layui-form-pane .layui-btn02{ background:#676767; color:#fff}

.n_yjjy{ background:url(../images/n_yjjy_bg.jpg) center bottom no-repeat; background-size:cover; padding-bottom:7rem}


/*新闻详情*/
.n_news_detail{padding: 1rem 0 5rem;}
.n_news_detail .content{ display: -webkit-box;}
.n_news_detail .n_left{display:block;width: 75%;width: calc(100% - 23.125rem);padding-right: 4.375rem;vertical-align: top;}

.n_news_detail .n_left .box{padding: 0;background:#fff;}
.n_news_detail .n_left .box .ar_title{margin-bottom: 2.125rem;}
.n_news_detail .n_left .box .ar_title h3{font-size:2.125rem;color:#404142;line-height:3rem;margin-bottom: 0.75rem;}
.n_news_detail .n_left .box .ar_title h5{font-size:1.4rem;color:#404142;line-height:2rem;margin-bottom: 0.55rem;}
.n_news_detail .ar_article,.n_news_detail .ar_article p{font-size:1.025rem;line-height:2rem;color:#696969;margin-bottom: 1rem;}
.n_news_detail .n_left .box .ar_title h6 span{position:relative;font-size:14px;color: #808080;display:inline-block;height: 40px;line-height: 40px;font-weight:normal;margin-right:1.675rem;vertical-align: top;font-family: pingfang;}
.n_news_detail .n_left .filedown,.n_news_detail .n_left .filedown a{color:#269dd2;}
.n_news_detail .n_left .box .ar_title h6 span a{color: #808080;}
.n_news_detail .n_left .box .ar_title h6 span img{ margin:-3px 0.45rem 0 0}
.n_news_detail .n_left .box .ar_title h6{ display:inline-block; position:relative;} 
.n_news_detail .n_left .box .ar_title h6:before{content:"";position:absolute;bottom:-3px;width:6.25rem;height:3px;background:#ff9637;display: none;}
.n_news_detail .n_left .box .ar_title h6 span svg{width:20px;height:20px;fill:#808080;margin-right: 6px;display: inline-block;vertical-align: middle;margin-top: -3px;}
.n_news_detail .n_left .box .ar_title h6 span.shart_box svg{ width:26px; height:26px; fill:#808080}
.fenxiang_box{ display:inline-block;}
.fenxiang_box:hover #j_shart_s_24{ display:inline-block;}

.datailthumb img{ width:100px;margin:10%;}

.shart_box{display:inline-block; cursor:pointer}
#j_shart_s_24 .bds_count{ font-size:12px;}
#j_shart_s_24{display: none;vertical-align: top;}
#j_shart_s_24 strong{z-index:2;line-height:36px;font-size:12px;color: #7e8080;font-weight: normal;display: none;}
#j_shart_s_24 .bds_qzone{background:url(../images/j_shart.png) center -224px no-repeat}
#j_shart_s_24 .bds_tsina{background:url(../images/j_shart.png) center -311px no-repeat}
#j_shart_s_24 .bds_tqq{background:url(../images/j_shart.png) center -195px no-repeat}
#j_shart_s_24 .bds_renren{background:url(../images/j_shart.png) center -340px no-repeat}
#j_shart_s_24 .bds_weixin{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_sqq{background:url(../images/j_shart.png) center -79px no-repeat}
#j_shart_s_24 .bds_fbook{background:url(../images/j_shart.png) center -166px no-repeat}
#j_shart_s_24 .bds_twi{background:url(../images/j_shart.png) center -137px no-repeat}
#j_shart_s_24 .bds_linkedin{background:url(../images/j_shart.png) center -108px no-repeat}
#j_shart_s_24 .bds_tieba{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_huaban{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_douban{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_copy{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_print{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_mshare{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_count{font-size:12px}
#j_shart_s_24.xian{ display:inline-block}

.b_nav{ text-align:center; margin-top:3.75rem}
.b_nav .con{ font-size:1.0625rem;}
.b_nav .con.center{ display:inline-block;}
.b_nav .con.center img{ margin:-3px 0.875rem 0;}
.b_nav .con.fl img{ margin:-3px 0.875rem 0 0;}
.b_nav .con.fr img{ margin:-3px 0 0 0.875rem;}
.b_nav .con.fl a,.b_nav .con.fr a,.b_nav .con.center a{ color:#666565}


.n_news_detail .n_right{display:block;width:25%;width: 23.125rem;max-width: 23.125rem;}
.n_news_detail .n_right .gg{ margin-bottom:2.75rem}
.n_news_detail .n_right .gg .img{ width:100%; overflow:hidden}
.n_news_detail .n_right .gg .con h5{font-size:1.25rem;color:#383838;margin: 1.25rem 0 0.5rem;height: 1.5rem;line-height: 1.5rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.n_news_detail .n_right .gg .con h6{font-size:14px;color:#808080;font-family: ROBOTOCONDENSED-REGULAR_0;}
.n_news_detail .n_right .con{margin-bottom: 1rem;}
.n_news_detail .n_right .con h3{ font-size:1.375rem; color:#404142; font-weight:bold; padding-bottom:1.25rem; border-bottom:#e2e2e2 2px solid; margin-bottom:1rem}
.n_news_detail .n_right .con ul li{font-size: 16px;color: #404142;line-height:2.875rem;}
.n_news_detail .n_right .con ul li a{color:#404142;display: block;}
.n_news_detail .n_right .con ul li a font{ display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.n_news_detail .n_right .con ul li a .img{ display:none; overflow:hidden}

.sticky {position: sticky;top: 85px;}
.n_news_detail .b_nav .con.center{width: 8rem;font-size: 16px;margin-left: -4rem;}

.n_container01{padding: 7rem 0 6.25rem;}
.n_djgz{ background:#fff; padding:3.25rem 2rem}
.n_djgz .fl01{ margin-bottom:2.5rem}
.n_djgz .fl01 .left{float:left;width:53%;position:relative;}
.n_djgz .fl01 .left ul.slider{ width:100%}
.n_djgz .fl01 ul.slider li a{display:block;width: 100%;height: 100%;position:relative;}
.n_djgz .fl01 ul.slider li a h5{width: 100%;height: 65px;line-height: 65px;background: rgba(0,0,0,0.55);padding: 0 120px 0 20px;font-size: 1.375rem;color: #f6f6f6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-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;position: absolute;left:  0;bottom: 0;}
.n_djgz .fl01 ul.slider li:hover a h5{ text-decoration:underline}
.n_djgz .fl01 ul.slider li a h5:before{content:"";position:absolute;left:0;top:0;border-bottom: transparent 60px solid;border-top: transparent 0 solid;border-left: #fff 32px solid;display: none;}
.n_djgz .fl01 ul.slider li.miso-slide .img,.n_djgz .fl01 .left ul.slider li.miso-slide .img img{width: 100%;height: 26rem;object-fit: cover;}
.n_djgz .fl01 ul.slider .miso-prev,.container02 .left ul.slider .miso-next{width:38px;height:65px;z-index: 1000; margin-top:-35px; -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_djgz .fl01 .left ul.slider .miso-prev{ background:url(../images/left.png) center no-repeat}
.n_djgz .fl01 .left ul.slider .miso-next{ background:url(../images/right.png) center no-repeat; right:0}
.n_djgz .fl01 .right{float:right;width:47%; padding-left:2.5rem;}
.n_djgz .fl01 .left .miso-dots{bottom: 26px;width: 155px;right: 0;z-index: 10;text-align: right;padding-right: 20px;height: 11px;}
.n_djgz .fl01 .left .miso-dots li{width: 11px;height: 11px;border-radius:50%;background: #fff;}
.n_djgz .fl01 .left .miso-dots li.miso-active{background: #dd0000;}
.n_djgz .fl01 .right ul li{padding-bottom: 1.75rem;border-bottom:#e1e1e1 1px solid;margin-bottom: 1.75rem;}
.n_djgz .fl01 .right ul li h5{ font-size:1.25rem; color:#484848; font-weight:bold; line-height:1.5rem; height:1.5rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:1rem; transition:0.6s}
.n_djgz .fl01 .right ul li p{font-size:15px;line-height:24px;height:48px;color:#747474;overflow: hidden;position: relative;}
.n_djgz .fl01 .right ul li p span{color:#dd0000;font-weight:bold;position: absolute;right: 0;bottom: 0;background: #fff;padding: 0 5px;}

.n_djgz .fl02 .left{ width:53%}
.n_djgz .fl02 .title{padding-left: 0;height: 40px;}
.n_djgz .fl02 .title{font-size: 22px;color:#000000;font-weight:bold;margin-bottom: 24px;}
.n_djgz .fl02 .title font{display: inline-block;border-bottom:#e9302b 2px solid;padding-bottom: 16px;}
.n_djgz .fl02 .title a{float:right;font-size: 16px;color: #484848;font-weight:normal;transition: 0.36s;}
.n_djgz .fl02 .title{border-bottom: #ebebeb 2px solid;}
.n_djgz .fl02 .first{margin-bottom: 18px;}
.n_djgz .fl02 .first a{ display:block; overflow:hidden}
.n_djgz .fl02 .first .tit{float:left;background:url(../images/kuang.png) center no-repeat;width:57px;height:51px;font-size:15px;line-height:18px;font-weight:bold;color:#fff;padding: 8px 10px;}
.n_djgz .fl02 .first .con{width: calc(100% - 70px);float: right;}
.n_djgz .fl02 .first .con h4{font-size:1.125rem;height:1.25rem;line-height:1.25rem;color: #151515;font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin: 3px 0 10px;transition: 0.6s;}
.n_djgz .fl02 .first .con p{font-size: 15px;color: #8c8d90;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.n_djgz .fl02 .right{ width:47%; padding-left:2.5rem;}

.n_djgz .fl02 ul li{font-size: 1.125rem;color: #151515;line-height: 41px;height: 41px;}
.n_djgz .fl02 ul li a{ display:block; position:relative; padding-left:18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.n_djgz .fl02 ul li a:before{ content:""; position:absolute; top:50%; margin-top:-3px; width:6px; height:6px; border-radius:50%; background:#dcdcdc; left:0}
.n_djgz .fl02 ul li a b{padding-right: 15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-block;max-width: 78%;font-weight:normal;vertical-align:top;color:#000000;transition:0.36s;}
.n_djgz .fl02 ul li a span{ font-size:14px; color:#c4c5c8; float:right}


.n_qyjzg01{ padding:6.25rem 0 5rem}
.n_qyjzg01 .left{ position:relative; width:615px;}
.n_qyjzg01 .left img{ width:100%}
.n_qyjzg01 .left .title{ position:absolute; top:0; right:0; bottom:0; left:0}
.n_qyjzg01 .left .title h4{ font-size:2rem; color:#fff; font-weight:bold; margin-bottom:0.75rem}
.n_qyjzg01 .left .title h3{ font-size:1.125rem; color:#fff; font-family:ROBOTO-LIGHT-10_0; text-transform:uppercase}
.n_qyjzg01 .right{ position:relative; width:calc(100% - 615px); padding-left:10rem; padding-top:3.5rem}
.n_qyjzg01 .right .box_table{ text-align:left}
.n_qyjzg01 .right .box_table dl dt{ margin-bottom:0.875rem}
.n_qyjzg01 .right .box_table dl dd{ font-size:1.375rem; line-height:2.5rem; color:#494949; margin-bottom:3rem}

@media(max-width: 1200px){
	.n_qyjzg01 .left{ width:40%}
	.n_qyjzg01 .right{ width:60%; padding-left:4rem; padding-top:0}
}

@media(max-width: 768px){
	.n_qyjzg01 .left{ width:100%}
	.n_qyjzg01 .right{ width:100%; padding:3rem 0 0}
	.n_qyjzg01 .right .box_table dl dt img{ height:1.75rem}
	.n_qyjzg01 .right .box_table dl dd{ font-size:14px; line-height:2rem; color:#494949; margin-bottom:2rem}
	.n_qyjzg01{ padding:3rem 0}
}

/*==========================================内页 结束=============================================*/


@media(min-width: 768px){
	.container01 .box:hover .bg{ transform:scale(1.15)}
	.more .a:hover svg{-webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;transition: opacity 0.5s ease, -webkit-transform 0.5s ease;transition: opacity 0.5s ease, transform 0.5s ease;transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;}
	.more .a:hover svg.svg01{ opacity: 0; -webkit-transform: translateX(150%); transform: translateX(150%);}
	.more .a:hover svg.svg02{opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
	
	footer .right ul li a:hover, .n_news .fl02 ul li a:hover .con h5, .n_news .fl01 ul li a:hover .right .box_table h3, .n_dangwu .fl02 ul li a:hover .con h5, .n_news_detail .n_right .gg .con h5:hover, .n_news_detail .n_right .con ul li a:hover font, .b_nav .con.fl a:hover, .b_nav .con.fr a:hover, .b_nav .con.center a:hover,.n_news .fl02 ul li a:hover .piccon h5{ color:#269dd2}
	
	.n_zizhi ul li a:hover:before{width: 200vw;}
	
	.n_news .fl01 ul li .right .box_table .more01 span:hover{ border-radius:1.25rem}
	
	.qiehuan .miso_bd .hezi .box ul li a:hover h3 span:before{ transform:scale(1);}
	
	.qiehuan .miso_bd .hezi .box ul li a:hover h3 span img{ -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0); filter:none; -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
	@keyframes jello {
		from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }
		22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
		33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
		44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
		55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
		66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
		77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
		88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
	}
	
	.n_qyjzg .fl02 ul li a:hover img{ box-shadow:0 0 15px rgba(0,0,0,0.25)}
	
	.n_huodong ul li a:hover .con:before{ height:100%; background:#269dd2}
	.n_huodong ul li a:hover h6, .n_huodong ul li a:hover h5{ color:#fff}
	
	.n_chanye_detail .fl03 ul li a:hover .top{ transform:translateY(0); background:#269dd2;}
	.n_qiye_detail .fl01 .right .more00 a:hover, .n_zhaopin_detail .fl01 .right .more00 a:hover{ background:#2085b2}
	
	.n_djgz .fl01 .right ul li h5:hover, .n_djgz .fl02 .first .con h4:hover, .n_djgz .fl02 ul li a:hover b, .n_djgz .fl02 .title a:hover{ color:#dd0000}
	
	
	

}



@media(min-width: 992px) and (max-width: 1300px){
}

@media(max-width: 1800px){
}

@media(max-width: 1630px){
	.w1600{ padding:0 15px;}
	
	.n_fazhan{ padding:3rem 3rem}
}
@media(max-width: 1500px){
	
	.qiehuan .miso_bd .hezi .box{ padding:0 1.5rem}
	
	.w1600{ max-width:100%}
	.w1400{ max-width:94%}
}

@media(max-width: 1100px){
	.container01 .box{width: 100%;}
	.container01 .box .bg{ background-size:cover !important}
	.container01 .box04,.container01 .box05{ width:50%}
}

@media(max-width: 1400px){
	.w1400{padding: 0;}
	
	.n_qyjzg .fl02 .bg{ padding:0 2rem}
	.n_qyjzg .fl02 ul{ margin:0 -1rem}
	.n_qyjzg .fl02 ul li{ padding:0 1rem}
}

@media(max-width: 1260px){
	.header .right .nav, .search_btn{ display:none}
	#openBtn{display:block;top: 36px;}
	.header{ top:0}

}

@media(max-width: 1200px){
	.n_qiye_detail .fl01 .right{ padding-left:2rem}
	.n_zhaopin_detail .fl01 .right{ padding-left:2rem}
}

@media(max-width: 992px){
	.container01 .box{}
	
	.n_title{ display:none}
	#m_n_nav{ display:block}
	
	.n_banner{ height:20vh}
	
	.n_news .fl01 ul li .left{width:100%;height: auto;}
	.n_news .fl01 ul li .right{width:100%;height: auto;padding: 3rem 2rem 5rem;}
	.n_news .fl01 ul.miso-dots{padding: 0 2rem;bottom: 2rem;}
	.n_news .fl01 ul li .right .box_table h6{ margin-top:0}
	
	.j_pages .box{ text-align:center}
	.j_pages a, .j_pages .span, .j_pages input{ display:none}
	.j_pages a.m_bnt{ display:inline-block}
	.j_pages a{ margin:0 2px}
	
	.qiehuan .miso_hd{width:100%;margin-bottom: 2rem;}
	.qiehuan .miso_bd{ width:100%}
	.qiehuan .miso_hd ul li:after{ display:none}
	.qiehuan .miso_hd ul li{ width:33.33% !important}
	.qiehuan .miso_hd ul li a{padding:0 1rem;height: 10rem;}
	.qiehuan .miso_hd ul li a h3{font-size: 1.5rem;margin-bottom: 8px;}
	.qiehuan .miso_hd ul li.miso-slide.miso-current a h6{ height:24px}
	.qiehuan .miso_hd ul li a img{ max-height:24px}
	.qiehuan .miso_hd ul li a h5{ font-size:14px; margin-bottom:1.5rem}
	.qiehuan .miso_bd .hezi .box{ padding:3rem 1rem; height:auto}
	.qiehuan .miso_bd .hezi .box ul li{width:50%;margin: 1rem 0;}
	.qiehuan .miso_bd .hezi .box ul li a h5{font-size:13px;line-height: initial;}	
	.qiehuan .miso_bd .hezi .box ul {margin: 0;}
	.qiehuan .miso_bd .hezi .box .box_table_cell {padding:0 0 60px 0;text-align: left;}
	.qiehuan .miso_bd .hezi.hezi03 .box ul li {width: 25%;margin: 3.125rem 0 4.125rem;}
	
	.n_qyjzg .fl01 .bg{ padding:3rem 1.5rem}
	.n_qyjzg .fl02 .bg{padding: 3rem 1.5rem;height:auto;}
	.n_qyjzg .fl02 ul li{width:33.333333%;margin: 0;}
	
	.n_zeren .fl02 ul{ margin:0 -0.5rem}
	.n_zeren .fl02 ul li{ padding:0 0.5rem}
	.n_zeren .fl02 ul .miso-prev, .n_zeren .fl02 ul .miso-next{margin-top:0;top: 26%;}
	.n_zeren .fl02 ul .miso-prev{ left:-0.5rem; transform:scale(0.4)}
	.n_zeren .fl02 ul .miso-next{ right:-0.5rem; transform:scale(0.4)}
	
	.n_huodong ul{ margin:0 -7px; margin-bottom:2rem}
	.n_huodong ul li{ width:50%; padding:0 7px; margin-bottom:1.5rem}
	.n_huodong ul li .con{ padding:1.5rem 1rem}
	
	.n_chanye_detail .fl01 .right{ padding-left:3rem}	
	.n_chanye_detail .fl02 ul{ margin:0 -0.5rem}
	.n_chanye_detail .fl02 ul li{ padding:0 0.5rem}
	.n_chanye_detail .fl02 ul .miso-prev, .n_chanye_detail .fl02 ul .miso-next{margin-top:0;top: 26%;}
	.n_chanye_detail .fl02 ul .miso-prev{ left:-0.5rem; transform:scale(0.4)}
	.n_chanye_detail .fl02 ul .miso-next{ right:-0.5rem; transform:scale(0.4)}
	.n_chanye_detail .fl03 ul li{ width:50%}
	
	.n_qiye_detail .fl02 ul{ margin:0 -0.5rem}
	.n_qiye_detail .fl02 ul li{ padding:0 0.5rem}
	.n_qiye_detail .fl02 ul .miso-prev, .n_qiye_detail .fl02 ul .miso-next{margin-top:0;top: 26%;}
	.n_qiye_detail .fl02 ul .miso-prev{ left:-0.5rem; transform:scale(0.4)}
	.n_qiye_detail .fl02 ul .miso-next{ right:-0.5rem; transform:scale(0.4)}
	.n_qiye_detail .fl03 ul li{ width:50%}
	

	.n_contact .fl01 .left{ margin-bottom:2rem}
	.n_contact .fl01 .left, .n_contact .fl01 .right{ width:100%}
	.ar_article img { max-width: 100%!important;}
	
	.n_rencai .fl02 ul li span{width:25% !important;padding: 0 1rem;font-size: 13px;}
	.n_zxzp .left{ width:100%; margin-bottom:2rem}
	.n_zxzp .right{ width:100%}
	.form .layui-form-item{ width:100%}
	
	.n_news_detail .content{ display:block}
	.n_news_detail .content .n_left{ display:block; width:100%; padding:0; margin-bottom:3rem}
	.n_news_detail .content .n_right, .sticky{display:block;width:100%;max-width: 100%;}
	.n_news_detail .content .n_right .frl01 ul{ width:100%}
	.n_news_detail .content .n_left .title h6 .span2{ display:none}
	
	.n_djgz .fl01 .left{ width:100%; margin-bottom:2rem}
	.n_djgz .fl01 .right{ width:100%; padding:0}
	.n_djgz .fl02 .left{ width:100%; margin-bottom:2rem}
	.n_djgz .fl02 .right{ width:100%; margin-bottom:2rem; padding:0}
	.n_djgz .fl01 .right ul li p{height:auto;font-size: 13px;}
}

@media(max-width: 768px){
	.header .logo img{ height:35px;}
	.datu,.banner{height: 50vh;}
	.banner ul li.miso-slide{height: 50vh;}
	.ind_video_box img, .ind_video_box .ban_img{ height:100%}
	.container01 .box{height:180px;padding: 20px 20px 0;}
	.container01 .box04, .container01 .box05{width:50%;height: 120px;}
	
	footer .left{width:100%;margin-bottom: 2rem;}
	footer .left p{ text-align:center}
	.foot_link{ width:100%}
	footer .right{ width:100%}
	footer .right dl{ text-align:center}
	footer .right ul{ text-align:center}
	footer .right ul li{ margin:0 5px;}
	footer .right ul li:before{ display:none}
	footer .right p, footer .right p a{ text-align:center; font-size:11px;}
	
	.banner ul li.miso-slide .table h3{ font-size:2.5rem; margin-bottom:1rem}
	.banner ul li.miso-slide .table h5{ font-size:1rem; letter-spacing:2px}
	.banner .miso-dots{ bottom:3rem}
	.ban_po{bottom:2.25rem;margin-left: -100px;}
	
	.n_about{ padding:3rem 0}
	
	.n_fazhan{ padding:3rem 3rem}
	.n_fazhan .content ul li p{ font-size:13px; line-height:26px;}
	.n_fazhan .content .miso-prev, .n_fazhan .content .miso-next{ width:24px; height:24px; background-size:cover !important}
	
	.n_news .fl01 ul li .right .box_table h3{ font-size:18px}
	
	.n_news .fl02 ul{ margin-bottom:2rem}
	.n_news .fl02 ul li{ margin-bottom:1.5rem}
	.n_news .fl02 ul li .time{ width:4rem}
	.n_news .fl02 ul li .con{ width:calc(100% - 4rem)}

	.n_news .fl02 ul li .time h3{font-size: 3rem;}
	.n_news .fl02 ul li .time h5{ font-size:14px}
	.n_news .fl02 ul li .con h5{font-size: 15px;margin: 0 0 0.5rem;}
	.n_news .fl02 ul li .con p{font-size:13px;line-height: 22px;height: 44px;}
	.ar_article img { max-width: 100%!important;}

	.j_pages a{font-size:12px;height:33px;line-height:28px;padding: 0 10px !important;}
	
	.n_qyjzg .fl01 .bg{height:auto;padding: 3rem 1.5rem 8rem;}
	.n_qyjzg .fl01 .bg .left{ width:100%}
	.n_qyjzg .fl01 .bg .right{width:100%;max-width: 100%;padding: 0;}
	.n_qyjzg .fl01 .title{ text-align:center; margin-bottom:2rem}
	.n_qyjzg .fl01 .bg .right dl dd{ font-size:13px}
	.n_qyjzg .title{ transform:scale(0.8)}
	.n_qyjzg .fl02 ul li{width:50%;margin-bottom: 1.5rem;}
	.n_zeren .fl02 ul li .con h5{ font-size:13px;}
	.n_zeren .fl01 ul li{ width:10rem !important}
	.n_zeren .fl01 ul li a{ height:45px; line-height:45px;}
	.n_zeren .fl01{ margin-bottom:2.5rem}
	
	.n_huodong{ padding:3rem 0}
	.n_container01{overflow:hidden;background-size: 170% auto !important;background-color: #fffefa !important;}
	
	.n_chanye_detail .fl01 .right p{ font-size:13px; color:#5f5f5f; line-height:26px; margin-bottom:26px}
	
	.n_chanye_detail .fl01 .left{width:100%;margin-bottom: 2rem;}
	.n_chanye_detail .fl01 .right{width:100%;padding:0;max-width: 100%;}
	.n_chanye_detail .fl02 ul li .con h5{ height:4rem; line-height:4rem; font-size:13px}
	.n_chanye_detail .fl03 ul li{ height:10rem}
	.n_chanye_detail .fl01{ padding:3rem 0 2rem}
	.n_chanye_detail .fl03 .title{ transform:scale(0.8)}
	.n_chanye_detail .fl02{ padding:3rem 0}
	
	.n_qiye_detail .fl01 .left{ width:100%; margin-bottom:2rem}
	.n_qiye_detail .fl01 .right{ width:100%; padding:0}
	.n_qiye_detail .fl02 .content{ padding:0 }
	
	.n_qiye_detail .fl02 .swiper-container .swiper-button-next, .n_qiye_detail .fl02 .swiper-container .swiper-button-prev{ transform:scale(0.6)}
	.n_qiye_detail .fl02 .swiper-container .swiper-button-prev{ margin-left:-50px}
	.n_qiye_detail .fl02 .swiper-container .swiper-button-next{ margin-right:-50px}
	.n_qiye_detail .fl02{ padding:3rem 0}
	.n_qiye_detail .fl02 .title{ transform:scale(0.8)}
	
	.ar_article{font-size:13px;color:#5f5f5f;line-height:26px; margin-bottom:26px;}	
	.ar_article p{font-size:13px;color:#5f5f5f;line-height:26px; margin-bottom:26px;}	
	.n_qiye_detail .fl01 .left h3 img{max-width: 100%; padding:0;}
	
	.n_contact .fl01 .left .title{ margin-bottom:2rem;}
	.n_contact .fl01 .right iframe{height: 15rem;}
	.n_contact .fl01 .left ul li{ font-size:13px}
	
	.n_rencai .fl01 .box{padding: 3rem 3rem;height: auto !important;}
	.n_rencai .fl01 .right .box{padding: 5rem 3rem 22rem;}

	.n_rencai .fl01 .left, .n_rencai .fl01 .right{ width:100%}
	.n_rencai .fl01 .box h4{ font-size:16px}
	.n_rencai .fl01 .box p{ font-size:13px}
	.n_rencai .fl01 .right .box{ height:auto}
	.n_rencai .fl02 ul li span{width: 33.333333% !important;line-height: 34px;text-align: left;}
	.n_rencai .fl02 ul li{line-height:normal;padding: 10px 0;}
	.n_rencai .fl02 ul li .span01 a{width:80px;font-size: 12px;height: 26px;line-height: 24px;}
	.n_rencai .fl02 ul li .span01{text-align: left;}
	.n_rencai .fl02{ padding-bottom:4rem}
	.n_rencai .fl01{ padding:4rem 0}
	
	.n_zhaopin_detail .fl01 .left{ width:100%; margin-bottom:2rem}
	.n_zhaopin_detail .fl01 .right{ width:100%; padding:0}
	.n_qiye_detail .fl01 .right .more00 a, .n_zhaopin_detail .fl01 .right .more00 a, .n_zhaopin_detail .fl01 .left ul li, .n_qiye_detail .fl01 .left ul li{ font-size:14px;}
	
	.b_nav{ margin-top:2rem}
	.b_nav .con.center a, .b_nav .con.center span{ font-size:12px}
	.b_nav .con.center img{height: 15px;}
	.b_nav .con.fl img,.b_nav .con.fr img{ width:4rem;}
	.b_nav .con a font{ display:none}
	.n_news_detail .n_right .con{ margin-bottom:0}
	.n_news_detail .n_right .con ul li{ font-size:13px}
	.n_news_detail .n_left .box .ar_title h3{ font-size:1.7rem}

	.n_news_detail{ padding:3rem 0}	
	
	.n_djgz .fl02 ul li{font-size:14px;height: 35px;line-height: 35px;}
	.n_djgz .fl02 ul li a b,.n_djgz .fl02 .right ul li a b{max-width: 78%;}
	.n_djgz .fl02 ul li a span{font-size:11px}
	.n_djgz{ padding:2rem 1rem}
	.n_djgz .fl01 ul.slider li a h5{height:50px;line-height:50px;font-size:13px;padding: 0 65px 0 10px;}
	.n_djgz .fl01 .left .miso-dots{bottom: 18px;}

	.n_djgz .fl01 .left .miso-dots li{ width:8px; height:8px}
	.n_djgz .fl01 .right ul li{ padding:0 0 1.25rem; margin-bottom:1.25rem}
	.n_djgz .fl02 .title a{font-size:13px;line-height: 24px;}
	.n_djgz .fl02 .title font{ font-size:18px}
	
	.banner ul li.li01 .box_table h3{ font-size:24px; letter-spacing:10px}
	.banner ul li.li01 .box_table h5{font-size:14px;letter-spacing: 2px;}
	.banner .miso-dots li{ width:20px; margin:0 3px}
	.n_team dl dt{ font-size:14px; width:50px}
	.n_zizhi ul li a .right ul li{ font-size:13px;}
	.n_zizhi ul li a .left:after{ transform:scale(0.7); left:82px}
	.n_zizhi ul li a .left{ width:90px}
	.n_zizhi .content:before{ left:90px}
	.n_zizhi ul li a .right{ width:calc(100% - 90px)}
	.n_fazhan .content ul li:after{transform:scale(0.6);top: 9px;}
	.fenxiang_box{ display:none}
	
	.n_banner{ height:30vh !important}
	.n_dangwu .fl02 ul li .con h6{ font-size:16px;}
	.n_dangwu .fl02 ul li .con h5{ font-size:16px;}
	.n_dangwu .fl02 ul li .con p{ font-size:12px;}
	
	.n_about .fl01{ padding-bottom:1rem}
	.n_about .fl01 .left{ display:none}
	.n_about .fl01 .right{ width:100%; padding:0}
	
	.n_djgz .fl01 ul.slider li.miso-slide .img, .n_djgz .fl01 .left ul.slider li.miso-slide .img img{ width: 100%;height: 16rem;object-fit: cover;}
	.n_zeren .fl02 ul li .img, .n_zeren .fl02 ul li .img img{ width:100%;height: 16rem;object-fit: cover;}
	.col-span6{width:100%;float:left;}
	.n_contact .fl02 .right{ width:100%;position: relative;}
	.n_qiye_detail .fl02 .swiper-container ul li .img img{width:100%;object-fit: cover;height: 16rem;}
	.n_huodong ul li .img, .n_huodong ul li .img img {overflow: hidden;width: 100%;height: 10rem;object-fit: cover;}
	.datailthumb {display: none;}
}


@media(max-width: 456px){
	
}