@charset "utf-8";

@font-face{ font-family:Futura; src:url(/static/style/pc/font/tt0142m_.ttf);}

/* @font-face{ font-family:PingFangSC-Semibold; src:url(/static/style/pc/font/PingFangSC-Semibold.woff2);}

@font-face{ font-family:PingFangSC-Regular; src:url(/static/style/pc/font/PingFangSC-Regular.woff2);}

 */

@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;}}

h1, h2, h3, h4, h5, h6, p, font, span{ letter-spacing:1px}



/*==========================================公共 起头=============================================*/

.ar_wap{ display:none}

.a_body{ position:relative; z-index:0;}

.section{ overflow:hidden;}

.wow{ transition:0.36s}



.header_box{height:0;position: relative;z-index: 100;}



.header{z-index: 4777;padding: 0;height: 104px;top: 0;width: 100%;position: fixed;}

.header:before{content:"";position:absolute;top:0;left: 0;margin-left: 0;width: 100%;height: 104px;background: transparent;transition: 0.6s;}



.header:after{content: '';background: #ffffff;position: absolute;top: 73px;right:0;height:190px;left:0;box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);}

.header .h-container{padding: 0 25px;width: 1200px;margin: 0 auto;}

.header .logo {display: block;float: left;height: 104px;line-height: 104px;position:relative;max-width: 250px;}

.header .logo img{ max-width:100%}

.header .logo svg{ display:inline-block; vertical-align:middle}

.header .center{width: calc(100% - 300px);text-align:center;}

.header .right{ width:50px;}

.header .right .yuyan{float: right;position: relative;z-index: 1;}

.header .right .yuyan a{display:inline-block;height: 104px;line-height: 104px;font-size:14px;color:#1F2D3F;}



.nav{display: inline-block;padding: 27px 0;vertical-align: top;}

.nav li{float: left;display: block;position: relative;}

.nav li.nav_li{}

.nav>ul>li>a{display: block;height: 50px;line-height: 50px;text-align: center;position: relative;z-index: 2;font-size: 1rem;color: #1F2D3F;padding: 0 0.875rem;cursor: pointer;font-family: PingFangSC-Regular, PingFang SC;}

.nav>ul>li>a:before {content: "";height: 3px;position: absolute;left: 15px;right: 100%;bottom: 0;margin-left: 0;-webkit-transition: 0.36s;transition: 0.36s;background: #ffb81a;background-size: 100% 3px;border-radius: 1.5px;}

.nav>ul>li>a:hover:before,.nav>ul>li.on>a:before{ right: 15px;}

.nav>ul>li>a:after {content: "";height: 3px;position: absolute;left: calc(15px + 22%);right: 100%;bottom: 0;margin-left: 0;-webkit-transition: 0.36s;transition: 0.36s;background: #4278FF;background-size: 100% 3px;border-radius: 1.5px;}

.nav>ul>li>a:hover:after,.nav>ul>li.on>a:after{right: 15px;/* border-left: #fae0a8 2px solid; */}

.nav>ul>li.nav_li:after{content:"";position:absolute;top: 50%;bottom:0;right: 5px;width:10px;height:5px;margin-top: -2.5px;z-index: 0;}

.nav>ul>li .rd-navbar-dropdown{position: absolute;top: 62px;left: 0;margin-left: 0;width: auto;min-width: 118px;padding: 15px 10px 25px;z-index: 1;text-align: center;transform: translate3d(0, 0, 0);visibility: hidden;opacity: 0;transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1);background: #fff;white-space: nowrap;box-shadow: 0 0 15px rgba(0,0,0,0.15);border-radius: 3px;}

.nav>ul>li .rd-navbar-dropdown li{display:block;float:none;padding: 0 0.75rem;text-align: left;}

.nav>ul>li .rd-navbar-dropdown::before {}

.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: #333;}

.nav>ul>li .rd-navbar-dropdown li > a{position: relative;padding: 0;text-align: left;line-height: 36px;white-space: nowrap;transition: 0.6s;font-size: 14px;}

.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-navbar-dropdown li > a h3 svg{ height:33px !important; transition:0.6s}



.nav>ul>li .rd-navbar-dropdown li dl dd{ line-height:32px; color:#666666}

.nav>ul>li .rd-navbar-dropdown li dl dd a{color:inherit;transition: 0.6s;}



.nav>ul>li .rd-navbar-dropdown.rd-navbar-dropdown_san li{display:inline-block;margin: 0 0.75rem 0 0;}

.nav>ul>li .rd-navbar-dropdown.rd-navbar-dropdown_san li > a{ border-bottom: #E7E7E7 1px solid; margin-bottom: 10px;}



.nav>ul>li .rd-navbar-dropdown li > a:hover{color: #4278ff;}

.nav>ul>li .rd-navbar-dropdown li > a:hover::after{ border-color: transparent transparent transparent #104a9e;}

.nav>ul>li .rd-navbar-dropdown.focus{margin-top:0;visibility:visible;opacity:1;}

.nav>ul>li .rd-navbar-dropdown li > a:hover h3 svg{ transform:translateY(-5px)}





.header.width{position:fixed;top:0;width: 100%;box-shadow: 0 0 10px rgba(0,0,0,0.25);}

.header.width:before{width:100%;margin-left: 0;left: 0;background: rgba(255, 255, 255, 0.95);}

.header:after{width:100%;margin-left: 0;left: 0;transition: all 0.36s;background: rgba(255, 255, 255, 0.94);opacity:0;visibility:hidden;display: none;}

.header.on:after{ opacity:1; visibility:visible}

.header.on:before{ width: 100%;

    margin-left: 0;

    left: 0;

    background: rgba(255, 255, 255, 0.95);}



.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: #104a9e;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.on:before{ border-bottom:#e1e1e1 1px solid}

.header.width.on:after{ top:85px}

.header.width .nav{}

.header.width .nav>ul>li>a{}





.rd-navbar-main-element { position: absolute; float: left;}

.rd-navbar-nav-wrap.active {

    transform: translateX(0);

}

.rd-navbar-nav-wrap {

    color: #ffffff;

    background: #ffffff;

    box-shadow: none;

}

.rd-navbar-nav-wrap {

    position: fixed;

    left: 0;

    top: -37px;

    bottom: -56px;

    z-index: 1029;

    width: 100%;

    padding: 112px 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: #151515;

}

.rd-nav-link {

    display: block;

    padding: 10px 56px 10px 18px;

}

.rd-nav-link {font-size:14px;color: #1e1716;letter-spacing:0;text-transform: uppercase;}



.rd-navbar-submenu-toggle {

    color: #151515;

}

.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: '';

    position: absolute;

    top: 0;

    right: 0;

    width: 56px;

    height: 52px;

    line-height: 48px;

    text-align: center;

    transition: 0.4s all ease;

    z-index: 2;

    cursor: pointer;

    background:url(/static/style/pc/images/nav_down.svg) center no-repeat;

    background-size: 10px;

}

.rd-nav-item.focus .rd-nav-link, .rd-nav-item.active .rd-nav-link, .rd-nav-item.opened .rd-nav-link {

    color: #4278FF;

}

.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: 0;

}

.rd-menu {

    transition: opacity 0.3s, height 0.1s 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: #000;

}

.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: #4278FF;}



#openBtn {

  display: none;

  position: absolute;

  top: 50%;

  right: 15px;

  cursor: pointer;

  margin-top: -10px;

}



#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: #000;

}



#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}



/*==========================================公共 实现=============================================*/





/*==========================================首页 起头=============================================*/



.banner_box{height: 100vh;width: 100vw;position: relative;z-index: 0;overflow: hidden;}

.banner_box:after{content:"";position:absolute;top:0;left:0;width:100%;height: 200px;background-image: linear-gradient(rgba(0,0,0,0.3),transparent);display: none;}

.banner{overflow:hidden;height: 100vh;width: 100vw;}

.banner ul.miso-slider{ width:100% !important;}

.banner ul li.miso-slide{height: 100vh;background-size: cover !important;}

.banner ul li.miso-slide video{width:100%;height:100vh;object-fit:cover;opacity: 1;}

.banner ul li.miso-slide .layui-container,.banner ul li.miso-slide .layui-row,.banner ul li.miso-slide .layui-col-xs12{ height: 100%;}

.banner ul li.miso-slide .table{text-align:left;}

.banner ul li.miso-slide .table h3{opacity:0;visibility:hidden;transition:1s;transform:translateY(100px);font-size: 3.5rem;color:#2D42CCFF;font-family: Futura;text-align: center;text-transform: uppercase;font-weight: bold;letter-spacing: 0px;}

.banner.on ul li.miso-slide.miso-current .table h3{ opacity:1; visibility:visible; transform:translateY(0)}

.banner .miso-dots{left: 50%;top: 50%;bottom: auto;width: 15px;margin-left: -800px;transform: translateY(-60%);}

.banner .miso-dots li{width:25px;height:2px;padding:0;margin: 6px 0;}

.banner .miso-dots li button{ width:14px; height:2px; padding:0; background:#fff; transition:0.6s} 

.banner .miso-dots li.miso-active button{ width:25px; background:#fed201}



.container_box{background:#fff;position: relative;z-index: 10;}



.container00 .title h3{font-size:3rem;color:#000000FF;line-height: 3.75rem;}



.object-fit-bg {

    background-repeat: no-repeat;

    background-position: 50% 50%;

    background-size: cover;

    position: relative;

    overflow: hidden;

}

.object-fit-img { -o-object-fit: cover; object-fit: cover; position: relative; width: 100%; height: 100%; top: 0;left: 0;}







h6.more00 a{display:inline-block;color: #4278FF;}

h6.more00 font{display:inline-block;padding-right:4px;background:#fff;position:relative;font-size: 1rem;z-index: 1;}

h6.more00{line-height: 14px;color: #000;font-size: 0;}

h6.more00 span{vertical-align:top;display:inline-block;width: 94px;height: 12px;position: relative;z-index: 0;overflow: hidden;}

svg.svg01,svg.svg02{width: 94px;height: 12px;position:absolute;will-change:transform;transition: 0.6s;left: 0;}

svg.svg02{ -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0;}

.miso-prev svg.svg02{-webkit-transform: translateX(-100%);transform: translateX(-100%);opacity: 0;}



.title001{ text-align:center; margin-bottom:3.5rem}

.title001 h2{font-size:5rem;color:#F4F7FB;text-transform:uppercase;letter-spacing: 3px;}

.title001 h3{font-size:3rem;color:#000;letter-spacing: 0px;line-height: 3.5rem;}



.line001 img{ display:inline-block}



.container01{padding:5.625rem 0 8.75rem;position:relative; overflow:hidden}

.container01 .content{position:relative;display: table;width: 100%;}

.container01 .bg{position:absolute;left:0;top: 50vh;}

.container01 .left{width: 48%;padding-right: 0;display: table-cell;float: none;vertical-align: top;position: relative;}

.container01 .title001 h3{margin-top: -3rem;}

.container01 .left .box{padding: 0 5rem;margin-bottom: 3.75rem;}

.container01 .left .box .line001{margin-bottom: 1.375rem;}

.container01 .left .box p{font-size: 1.25rem;color: #666;line-height: 1.875rem;}

.container01 .left .box .con{margin-top: 3.1875rem;font-size: 0;overflow: hidden;}

.container01 .left .box .con dl{display:inline-block;width: 50%;vertical-align: top;float: left;}

.container01 .left .box .con dl:last-child{ margin-right:0}

.container01 .left .box .con dl dt{font-size: 3rem;color: #4278FF;margin-bottom:12px;}

.container01 .left .box .con dl dt font{font-family:Futura;font-weight: bold;letter-spacing: 0;}

.container01 .left .box .con dl dt font span{ font-weight:600}

.container01 .left .box .con dl dd{font-size: 14px;line-height: 22px;color: #666;letter-spacing: 1px;display: inline-block;padding-right: 3rem;}

.container01 .right{width: 52%;overflow: hidden;position: relative;left: 0;top: 0;display: table-cell;float: none;}

.container01 .right img{top: 0;position:relative;transition:transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);width: 100%;}

.container01 hr{ margin:6.25rem 0}

.container01 h6.more00{ padding-left:5rem;}



.layui-img-responsive{ max-width:100%}



.title002 h3{font-size: 2.5rem;color:#000;letter-spacing: 0px;line-height: 3.5rem;}



.container02{padding:5rem 0 5rem; background:#F1F4F7; position:relative; overflow:hidden}

.container02 .content{position:relative;display: table;width: 100%;}

.container02 .bg{position:absolute;left:0;top: 50vh;}

.container02 .left{width: 48%;padding: 0;float: none;display: table-cell;vertical-align: top;position: relative;}

.container02 .left .box_table{ padding:0 5rem}

.container02 .title h3{ margin-bottom:3.75rem}

.container02 .left .box{padding: 3.5rem 0 0 0;margin-bottom: 3rem;}

.container02 .left .box .line001{margin-bottom: 1.375rem;}

.container02 .left .box p{margin-bottom: 2rem;font-size: 1.25rem;color: #666;line-height: 1.875rem;}

.container02 .left .box .con{margin-top: 3.1875rem;font-size: 0;}

.container02 .left .box .con dl{display:inline-block;width: 50%;vertical-align: top;}

.container02 .left .box .con dl:last-child{ margin-right:0}

.container02 .left .box .con dl dt{font-size: 2.25rem;color: #4278FF;margin-bottom:12px;}

.container02 .left .box .con dl dt font{ font-family:Futura}

.container02 .left .box .con dl dd{font-size: 12px;line-height: 22px;color:#333;letter-spacing: 1px;display: inline-block;width: 152px;}

.container02 .right{width: 52%;overflow: inherit;position: relative;right: 0;top: 0;float: none;display: table-cell;}

.container02 .right.ar_wap{ display:none}

.container02 .right img{top: 0;position:relative;transition:transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);width: 100%;}

.container02 hr{ margin:6.25rem 0}

.container02 h6.more00{padding-left: 0;}

.container02 h6.more00 font{ background:#f1f4f7}



.container03{padding:8.75rem 0;position:relative; overflow:hidden}

.container03 .content{ position:relative;}

.container03 .bg{position:absolute;left:0;top: 50vh;}

.container03 .left{width: 45%;float: none;display: table-cell;vertical-align: top;position: relative;}

.container03 .left .box_table{text-align:left;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}

.container03 .title001 h3{ text-align:left;}

.container03 .left .box{padding: 0 0 0 5rem;margin-bottom: 3rem;}

.container03 .left .box .line001{margin-bottom: 1.375rem;}

.container03 .left .box p{font-size: 1.25rem;color: #666;line-height: 1.875rem;}

.container03 .left .box .con{margin-top: 3.1875rem;font-size: 0;}

.container03 .left .box .con dl{display:inline-block;width: 50%;vertical-align: top;}

.container03 .left .box .con dl:last-child{ margin-right:0}

.container03 .left .box .con dl dt{font-size: 3rem;color: #4278FF;margin-bottom:12px;}

.container03 .left .box .con dl dt font{font-family:Futura;font-weight: bold;}

.container03 .left .box .con dl dd{font-size: 12px;line-height: 22px;color:#333;letter-spacing: 1px;display: inline-block;width: 152px;}

.container03 .right{width: 55%;height: auto;overflow: hidden;float: none;display: table-cell;}

.container03 .right img{top: 0;position:relative;transition:transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);width: 100%;}

.container03 hr{ margin:6.25rem 0}

.container03 h6.more00{ padding-left:5rem;}



.container04{margin: 0;position:relative;padding: 7.5rem 0;height: 700px;overflow:hidden;background-size: cover;}

.container04 .bg01{content:"";position:absolute;right:0;top:0;height: 960px;width:100vw;overflow: hidden;background-size: cover !important;}

.container04 .bg01 img{ width:100%}

.container04 .bg{position:absolute;top: 36%;left:0;}

.container04 .title h3{margin-bottom: 2.5rem;color:#fff;font-size: 2.5rem;}

.container04 .left{width:50%;padding-left:5rem;transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;position: relative;z-index: 1;}

.container04 .left .box{margin-bottom: 3rem;}

.container04 .left .box p{font-size:16px;color:#fff;line-height:30px;letter-spacing: 0px;}



.container04 h6.more00{ line-height:40px;}

.container04 h6.more00 a{display:inline-block;cursor: pointer;}

.container04 h6.more00 font{display:inline-block;background:#feb81a;font-size: 14px;padding: 0 20px;height: 40px;border-radius: 20px;line-height: 40px;font-weight: bold;margin-right: 1rem;transition:0.6s;color:#000;}

.container04 h6.more00 span{margin: 15px 0;position:relative;z-index:1;width: 60px;}

.container04 h6.more00 span svg{fill:#fff;width: 60px;}

.container04 h6.more00 span svg.svg02{ fill:#000}

.container04 .bottom_box{ position:absolute; top:0; right:0; bottom:0; left:0}



.container04>h6.more00 span{ transform:rotate(180deg)}

.container04>h6.more00 font{display:inline-block;background:none;font-size: 18px;padding: 0 20px;height: 40px;border-radius: 20px;line-height: 40px;font-weight:normal;margin-right: 1rem;transition:0.6s;color: #fff;}



.container04 .bottom_box .w1200{ height:100%}

.container04 .bottom_box .box_table{text-align:left;padding: 0 0 0px;}

.container04 .bottom_box .layui-container{ max-width:100%; padding:0; transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;}

.container04 .bottom_box .miso_hd{width: 320px;position: relative;}



.container04 .bottom_box .miso_hd .miso-list{}

.container04 .bottom_box .miso_hd ul li{font-size: 8.75rem;color:#535FB2;height: 180px;line-height: 180px;padding-left: 0;text-align: right;}

.container04 .bottom_box .miso_hd ul li .span{display: block;width: 100%;white-space: nowrap;font-size: 0;padding-right: 2rem;font-family: arial;}

.container04 .bottom_box .miso_hd b{font-size: 140px;color: #fff;transition:0.6s;position: absolute;top: 50%;margin-top: -70px;font-family: arial;font-weight: normal;}

.container04 .bottom_box .miso_hd ul li .span .font, .container04 .bottom_box .miso_hd ul li .span .font1{color: #ffff !important;font-size: 1.5rem;vertical-align: top;display: inline-block;font-family: arial;opacity: 0.3;}

.container04 .bottom_box .miso_hd ul li .span .font*{ color:inherit}

.container04 .bottom_box .miso_hd ul li .span .font1{font-family: arial;}

.container04 .bottom_box .miso_hd .miso-prev, .container04 .bottom_box .miso_hd .miso-next{width: 40px;height:40px;left: 245px;transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;}

.container04.on .bottom_box .miso_hd .miso-prev{background: url(/static/style/pc/images/up01.svg) center 0 no-repeat, url(/static/style/pc/images/up01.svg) center 40px no-repeat;top: 138px;opacity: 0.3;}

.container04.on .bottom_box .miso_hd .miso-next{background: url(/static/style/pc/images/down01.svg) center 0 no-repeat, url(/static/style/pc/images/down01.svg) center -40px no-repeat;top: auto;bottom: 96px;opacity: 0.3;}

.container04 .bottom_box .miso_hd .miso-prev:before,.container04 .bottom_box .miso_hd .miso-next:before{ display:none}

.container04 .bottom_box .miso_bd{width: calc(100% - 340px);padding: 80px 0 0 5rem;position:relative;}

.container04 .bottom_box .miso_bd:before{content:"";position:absolute;width: 62px;height: 5px;background:url(/static/style/pc/images/line002.svg) center no-repeat;top: 40px;left: 5rem;}

.container04 .bottom_box .miso_bd .ar_article{height:344px;overflow:hidden;overflow-y:scroll;margin-bottom: 0;}

.container04 .bottom_box .miso_bd .ar_article { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -webkit-tap-highlight-color: transparent;}

.container04 .bottom_box .miso_hd ul li:hover .span .font, .container04 .bottom_box .miso_hd ul li:hover .span .font1{opacity:1 !important;}



.container04 .bottom_box .miso_bd .ar_article::-webkit-scrollbar{width:1px;height:1px;background-color:transparent;}

.container04 .bottom_box .miso_bd .ar_article::-webkit-scrollbar-track{border-radius:0;background-color:transparent;}

.container04 .bottom_box .miso_bd .ar_article::-webkit-scrollbar-thumb{border-radius:0;width:1px;height:1px;background-color:rgba(255,255,255,0.1);}

.container04 .bottom_box .miso_bd .miso-slide ul{ transform:translateY(25px); transition:.6s}

.container04 .bottom_box .miso_bd .ar_article ul li{ font-size:18px; line-height:42px; color:#fff; padding-left:1.5rem; position:relative}

.container04 .bottom_box .miso_bd .ar_article ul li p{ font-size:18px; line-height:42px; color:#fff;}

.container04 .bottom_box .miso_bd .ar_article ul li:before{content:"";position:absolute;left:0;top: 20px;width:5px;height:5px;border-radius:50%;background:#feb81a;}

.container04 .bottom_box .miso_bd .ar_article ul li, .container04 .bottom_box .miso_bd .ar_article ol li{ margin:0}

.container04 .bottom_box .miso_bd .ar_article ul, .container04 .bottom_box .miso_bd .ar_article ol{list-style-type:none;margin-bottom: 0;}

.container04 .bottom_box .miso_bd .ar_article ul li p, .container04 .bottom_box .miso_bd .ar_article ol li p{ color:#fff}



.container04 .bottom_box .miso_hd ul li.miso-current .span{ padding-right:0}

.container04 .bottom_box .miso_hd ul li.miso-current .span b{opacity:1;visibility:visible;transition:0.6s;}

.container04 .bottom_box .miso_hd ul li.miso-current .span .font1{color: #F9BA00 !important;font-size: 140px;opacity: 1;}

.container04 .bottom_box .miso_hd ul li.miso-current .span .font{ opacity:0; visibility:hidden}

.container04 .bottom_box .miso_bd .miso-slide.miso-current ul{ transform:translateY(0); transition:.6s}



.container04 .bottom_box .content{padding: 0;}

.container04.on .left{transform: translateX(-100vw);}



.container05{ padding:7.5rem 0 7.25rem; overflow:hidden; position:relative}

.container05 .title003 h3{ font-size:2rem; color:#2D3031; margin-bottom:3rem; text-align:center}

.container05 .left{ width:52%}

.container05 .left ul li .img, .container05 .left ul li .img img{width:100%;overflow:hidden;object-fit: cover;}

.container05 .left ul li .con{ padding:1.25rem 0 0}

.container05 .left ul li .con h4{font-size:1.5rem;color:#333;line-height:2.125rem;max-height: 4.25rem;overflow:hidden;transition: 0.6s;font-weight: bold;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.container05 .left ul li .con p{font-size:1rem;line-height:1.625rem;max-height: 4.875rem;overflow:hidden;color:#666666;margin:0.75rem 0 1rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.container05 .left ul li .con h6{ font-size:0.875rem; color:#666}

.container05 .right{ width:48%; padding-left:3.75rem}

.container05 .right ul li{ padding-bottom:1.875rem; margin-bottom:1.875rem; border-bottom:#F5F5F5 2px solid}

.container05 .right ul li .img, .container05 .right ul li .img img{width:15.875rem;overflow: hidden;}

.container05 .right ul li .con{ width:calc(100% - 15.875rem); padding:1rem 0 0 1.875rem}

.container05 .right ul li .con h4{font-size:1.125rem;color:#333;line-height:1.75rem;max-height: 5.25rem;overflow:hidden;margin-bottom:0.75rem;transition: 0.6s;font-weight: bold;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.container05 .right ul li .con h6{ font-size:0.875rem; color:#666}



.container05 .right ul li:last-child{ border-bottom:none}



.more01{text-align:center;line-height: 24px;}

.more01 .con{display:inline-block;vertical-align: top;width:24px;height:24px;line-height:22px;border: #bcbcbc 1px solid;border-radius:50%;position:relative;overflow: hidden;margin-right: 5px;}

.more01 .con img{ margin:-3px 0.375rem 0 0}

.more01 .con {}

svg.svg001,svg.svg002{width: 9px;height: 9px;position:absolute;will-change:transform;transition: 0.6s;left: 6px;top: 6px;fill: #4278FF;}

svg.svg002{-webkit-transform: translateX(-150%);transform: translateX(-150%);opacity: 0;}



.more01 font{font-size:14px;color:#4278FF;display: inline-block;vertical-align: top;}



.progress{position: absolute;left: 50%;margin-left: -117.5px;bottom: 0;display: block;width: 235px;height: 2px;border-radius: 1px;overflow: hidden;background-color: #DEDEDE;background-image: linear-gradient(to right, #333333, #333333);background-repeat: no-repeat;background-size: 0 100%;transition: background-size .4s ease-in-out;z-index: 100;}





.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}





.container06{padding: 0;position: relative;}

.container06 .w1200{padding: 6.875rem 0 0;position: relative;}

.container06 .w1200 .bg{content:"";position:absolute;right:0;top:0;bottom:0;width: 85vw;overflow: hidden;}

.container06 .w1200 .bg img{ width:100%}

.container06 .title h3{font-size:2.25rem;text-align:left;margin-bottom: 3rem;padding-left:5rem;}









.container06 .content{margin-left: 28rem;background: rgba(255,255,255,0.95);bottom: -5.625rem;padding: 5.625rem 0 6rem;position:relative;box-shadow: 0px 6px 60px 0px rgba(0, 0, 0, 0.05);}

.container06 .content:before{content:"";position:absolute;left:100%;width:100vw;top:0;bottom:0;}

.container06 .miso_hd{ padding:0 3rem; position:relative}

.container06 .miso_hd ul.miso-slider{font-size:0;padding-bottom: 4rem;}

.container06 .miso_hd ul .miso-list{padding: 15px;margin: -15px;}

.container06 .miso_hd ul .miso-slide li{display:inline-block;width: 25%;text-align:center;height:5rem;line-height:5rem;margin: 0 0 2rem;vertical-align: top;}

.container06 .miso_hd ul .miso-slide li a{ display:block; transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;}

.container06 .miso_hd ul .miso-slide li img{display:inline-block;max-width: 55%;max-height: 2rem;transition:0.6s;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;filter: alpha(opacity=60);opacity: 0.6;-moz-opacity: 0.6;-khtml-opacity: 0.6;}



.container06 .miso_hd .miso-dots{width:235px;height:1.5px;background:#DEDEDE;left: 50%;margin-left: -117.5px; display:-webkit-flex; display: flex;}

.container06 .miso_hd .miso-dots li{height:1.5px;flex:1;margin: 0; position:relative}

.container06 .miso_hd .miso-dots li:before{ content:""; position:absolute; left:0; top:0; width:0; height:1.5px; background:#000000; transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;}

.container06 .miso_hd .miso-dots li.miso-active:before{ width:100%}

.container06 .miso_hd ul .miso-slide.miso-current li img{ }



.container06 .miso_hd ul .miso-slide li:hover img{ -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0); filter:none; filter:alpha(opacity=100); opacity:1;  -moz-opacity:1; -khtml-opacity:1;} 



.container06 .miso_hd{ position:relative}

.container06 .miso_hd .miso-prev,.container06 .miso_hd .miso-next{width: 94px;height:12px;top:auto;bottom: -11px;transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;}

.container06 .miso_hd .miso-prev{left:50%;margin-left: -255px; transform:rotate(180deg); bottom:-6px;}

.container06 .miso_hd .miso-next{right:50%;margin-right: -255px;}



.container06 .lwy_cc{ padding-bottom:44% !important; position: relative;}

.container06 .lwy_cc .item{width:100%;height:100%; position:absolute; top:0; right:0; bottom:0; left:0}

.container06 .lwy_cc .item__img{ background-size:cover !important}



.container07{ background:#EEF7FF; height:480px;}



.container07 .title h3{font-size: 1.5rem;margin-bottom: 1rem;letter-spacing: 4px;}

.container071 .title h3{padding-top: 50px;}

.container07 .enter{ text-align:center}

.container07 .enter a{position:relative;width:456px;height:66px;line-height:64px;background: #fff;border: #DFEAF3 1px solid;display: inline-block;padding: 0 2rem;text-align: left;overflow: hidden;transition: all .9s cubic-bezier(.215,.61,.355,1) 0s;cursor: pointer;}

.container07 .enter a:before{ content:""; position:absolute; right:0; width:0; top:0; bottom:0; background:#4278FF; transition: all .9s cubic-bezier(.215,.61,.355,1) 0s;}

.container07 .enter a font{display:inline-block;padding-right:4px;position:relative;font-size: 14px;z-index: 1; transition:0.6s}

.container07 .enter a{color: #777;font-size: 0;}

.container07 .enter a span{vertical-align:top;display:inline-block;width: 94px;height: 12px;position: relative;z-index: 0;float: right;margin: 26px 0;}



footer{background: #4278FF url(../images/footer_bg.jpg) center no-repeat;background-size:cover;overflow: hidden;}

footer .fl01{ padding:4.75rem 0 38px}

footer .fl01 .left h6{font-size:12px;color:rgba(255,255,255,0.6);margin: 2rem 0 1.25rem;}

footer .fl01 .left h2 img{max-height: 2rem;margin-right: 1rem;}

footer .fl01 .left h5{ font-size:14px; color:#fff; margin-bottom:15px}

footer .fl01 .right dl{ display:inline-block; vertical-align:top; margin-left:3.75rem}

footer .fl01 .right dl dt,footer .fl01 .right dl dt a{ font-size:15px; color:#fff; margin-bottom:20px}

footer .fl01 .right dl dd,footer .fl01 .right dl dd a{ font-size:14px; color:rgba(255,255,255,0.8); line-height:36px; transition:0.36s}

footer .fl02{ border-top:rgba(255,255,255,0.3) 1px solid; padding:20px 0}

footer .fl02 p,footer .fl02 p a{ line-height:24px; font-size:14px; color:rgba(255,255,255,0.8); transition:0.36s}



.container04 h6.more01{position:absolute;left: 50%;top: 74px;opacity:0;visibility:hidden;transition:0.6s;margin-left: -600px;}

.container04.on h6.more01{ opacity:1; visibility:visible;}



.anniu00.active{ z-index: 10;}

.anniu00.anniu01{position:absolute;width: 40px;height: 40px;left: 16rem;transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;top:0;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);cursor: pointer;}

.anniu00.anniu02{position:absolute;width: 40px;height: 40px;left: 16rem;transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;bottom:-40px;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);cursor: pointer; }



.anniu00.anniu01.active{ background:url(/static/style/pc/images/up01.svg) center 0 no-repeat}

.anniu00.anniu02.active{ background:url(/static/style/pc/images/down01.svg) center -50px no-repeat}



/*内页*/

.n_header.header{top: 0;}

.n_neiye{padding-top: 104px;}



.n_banner{position:relative;z-index: 1;margin-bottom: 3rem;box-shadow: 0 0 30px rgba(0,0,0,0.04);background-image: linear-gradient(to right, #334cc8, #19269f);}

.n_banner>img{

    width: 100%;

}

.n_banner .top{ position:absolute; top:0; right:0; bottom:0; left:0}

.n_banner .top .table{ text-align:left}

.n_banner .top h3{font-size: 3rem;color: #fff;line-height: 4rem;letter-spacing: 0.2rem;margin-top:-5rem;}

.n_banner .top h4{font-size:3rem;color:#ffffff;font-weight:normal;margin:2rem 0;line-height: 4.5rem;}

.n_banner .top h5{font-size: 2rem;color:#ffffff;font-weight:normal;margin-top:1rem;}

.n_banner.n_banner_pp .top h3{margin-right: -.5rem;margin-top:0rem;}



.n_banner .img_zd:after{content:"";background:url(/static/style/pc/images/tuoyuan.png) center bottom no-repeat;background-size:100% auto;height:100px;position:absolute;bottom: -2px;left:0;right:0;}



.n_banner01 .box_table{ text-align:left}

.n_banner01 h3{font-size:3rem;color:#FBBC00;margin: -2% 0 2.5rem 0;letter-spacing:1px;padding-left: 3.125rem;}

.n_banner01 p{font-size:1.25rem;color:#fff;max-width: 40.25%;line-height: 2rem;padding-left: 3.125rem;}



.n_about .fl01{padding: 4.375rem 0 7.5rem;}

.n_about.n_gonggong .title{ position:relative}

.n_about.n_gonggong .title h5{font-size: 14px;color: #666666;text-transform:uppercase;margin-bottom: 1rem;}

.n_about.n_gonggong .title h3{font-size: 2rem;color:#000000; text-transform:uppercase;}

.n_about.n_gonggong .title .zhuangshi{position:absolute;top:0;right:0;font-size: 1rem;color:#000000;text-transform:uppercase;line-height: 1.5rem;letter-spacing: 2px;}



.n_about .fl01 .title{ margin-bottom:6.25rem}

.n_about .fl01 .p1{font-size:1.5rem;line-height: 2.125rem;color:#000000;padding-left: 9.375rem;width: 88%;max-width:100%;margin-bottom:5rem;}

.n_about .fl01 .left{width: 35%;padding-left: 9.375rem;}

.n_about .fl01 .left p{font-size: 16px;line-height: 26px;color:#000000;margin-bottom:24px;}

.n_about .fl01 .right{width: 60%;overflow:hidden;}

.n_about .fl01 .box{ margin-top:3.125rem}



.n_about .fl02{margin: 0 0 7.5rem;position:relative;}

.n_about .fl02 .w1200{ position:relative; z-index:1}

.n_about .fl02 .left{width: 35%;min-height: 500px;padding: 4rem 0 0;position: relative;z-index: 1;}



.n_about .fl02 .title h3{margin-bottom: 2.75rem; text-transform:uppercase;}

.n_about .fl02 .left .box{padding: 2.5rem 1.75rem 2.5rem 2.75rem;background:#fff;box-shadow:0 0 15px rgba(0,0,0,0.05);width: 30.75rem;}

.n_about .fl02 .left .box h3{font-size: 2rem;color: #000;line-height: 2.75rem;letter-spacing: 1px;margin-bottom: 0rem;}

.n_about .fl02 .left .box h4{font-size: 1.5rem;color:#333333;line-height: 2.75rem;letter-spacing: 0.5px;}

.n_about .fl02 .left .box .con{ margin-top:6.1875rem}

.n_about .fl02 .left .box .con dl{display:inline-block;max-width: 50%;vertical-align: top;padding-right: 4rem;}

.n_about .fl02 .left .box .con dl:last-child{ margin-right:0}

.n_about .fl02 .left .box .con dl dt{font-size:3rem;color:#000; margin-bottom:12px}

.n_about .fl02 .left .box .con dl dt font{ font-family:Futura}

.n_about .fl02 .left .box .con dl dd{ font-size:14px; line-height:20px; color:#333}

.n_about .fl02 .right{width: 82%;height: 500px;position:absolute;right: 0;top: 0;}

.n_about .fl02 .right .img{position: relative;width: 100%;padding-bottom: 45.54%;}

.n_about .fl02 .right img{position: absolute;transition:transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);width: 100%;object-fit: cover;}

.n_about .fl02 .right .qiehuan_box{position:absolute;left: -170px;bottom: 3rem;width:120px;height:10px;}

.n_about .fl02 .right .qiehuan_box .miso-prev{ width:50px; height:10px}



.n_about .fl02 .right .qiehuan_box .miso-next{ width:50px; height:10px}

.n_about .fl02 .right .qiehuan_box h6.more00 span{ width:50px}

.n_about .fl02 .right .qiehuan_box svg.svg01, .n_about .fl02 .right .qiehuan_box svg.svg02{ width:50px; height:10px;}

.n_about .fl02 .right .qiehuan_box .miso-prev{transform:rotate(180deg);top: 0px;}



.n_about .fl03{background: #F9FAFB;padding: 8rem 0 5rem;}

.n_about .fl03 .title{margin-bottom:3.75rem;text-align: center;}

.n_about .fl03 .title h4{ font-size:2.5rem; color:#000000;}

.n_about .fl03 ul { font-size:0}

.n_about .fl03 ul .miso-list{margin:0 -1.25rem;}

.n_about .fl03 ul li{ display:inline-block; width:25%; padding:0 1.25rem; text-align:center; margin-bottom:2.5rem}

.n_about .fl03 ul li a{display:block;background:#fff;position:relative;overflow:hidden;transition:0.6s;cursor:pointer;border-radius: 5px;}

.n_about .fl03 ul li a:hover{ box-shadow:0 0 15px rgba(0,0,0,0.15)}

.n_about .fl03 ul li a h2{height: 6.5rem;}

.n_about .fl03 ul li h4{font-size: 16px;line-height:24px;color:#666666;padding: 0 2rem;height: 72px;overflow: hidden;}

.n_about .fl03 ul li a svg, .n_about .fl03 ul li a img{display:inline-block;max-width:100%;vertical-align:middle;max-height: 4.5rem;object-fit: cover;}

.n_about .fl03 ul li a .top{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;padding:0 2.5rem 0 1.875rem;transform:translateY(100%);transition:0.6s;display: none;}

.n_about .fl03 ul li a .top .table{ text-align:left}

.n_about .fl03 ul li a .top h3{ font-size:2rem; color:#fff; line-height:normal; margin-bottom:1rem}

.n_about .fl03 ul li a .top h5{ font-size:16px; color:#fff; line-height:26px; height:52px; overflow:hidden}



.n_about .fl03 .miso_hd{position:relative;padding-bottom: 2rem;}

.n_about .fl03 .miso_hd .miso-prev, .n_about .fl03 .miso_hd .miso-next{width: 94px;height:12px;top:auto;bottom: -11px;transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;}

.n_about .fl03 .miso_hd .miso-prev{left:50%;margin-left: -255px;transform:rotate(180deg);bottom: -6px;}

.n_about .fl03 .miso_hd .miso-next{right:50%;margin-right: -255px;}



.n_about .fl04{padding:7.5rem 0;}

.n_about .fl04 .right{width: 54%; margin-top: 46px;}

.n_about .fl04 .left{width: 42%;padding:2.5rem 0 0;}



.n_about .fl04 .left01 h3{font-size:1.75rem;color:#000000;margin-bottom:1rem;margin-top: 5rem;}

.n_about .fl04 .left01 h4{font-size: 14px;color:#999999;margin-bottom: 1.75rem;}

.n_about .fl04 .left01 p{font-size: 16px;color:#000000;line-height:24px;}



.n_about .fl05{ padding-bottom:7.5rem}

.n_about .fl05 .content_box, .n_about .fl05 .content_box .miso-list, .n_about .fl05 .content_box .miso-track{position: absolute;top: 0;right: 0;bottom: 0;left: 0;transform: translate3d(0, 0px, 0px) !important;width: 100% !important;}

.n_about .fl05 .title{ margin-bottom:4.375rem; text-align:center}

.n_about .fl05 .title h4{ font-size:2.5rem; color:#000000;}

.n_about .fl05 .content{ position:relative}

.n_about .fl05 .content img{ opacity:0.15}

.n_about .fl05 .content .dot00{position:absolute;width:32px;height:32px;cursor:pointer;margin-left: -16px;margin-top: -16px;}



.n_about .fl05 .content .dot00 .box{background:#426AFF;z-index: 100;width:16rem;padding:1.25rem 1.25rem;position: absolute;left: 50%;margin-left: -8rem;bottom: 4rem;opacity:0;visibility:hidden;transition:0.6s;border-radius: 4px;}

.n_about .fl05 .content .dot00 .box:before{ content:""; position:absolute; bottom:-5px; border-top:#426AFF 5px solid; border-right:transparent 5px solid; border-left:transparent 5px solid; left:50%; margin-left:-5px}

.n_about .fl05 .content .dot00 .box h4{ font-size:1.125rem; color:#fff; margin-bottom:0.5rem}

.n_about .fl05 .content .dot00 .box p{ font-size:0.875rem; line-height:1.5rem; color:#fff;}



.n_about .fl05 .content .dot01{top: 43%;left: 75%;}

.n_about .fl05 .content .dot02{top: 40%;left: 79%;}

.n_about .fl05 .content .dot03{top: 47%;left: 68%;}

.n_about .fl05 .content .dot04{top: 40%;left: 82%;}

.n_about .fl05 .content .dot05{top: 18%;left: 52%;}

.n_about .fl05 .content .dot06{top: 38%;left: 13%;}

.n_about .fl05 .content .dot07{top: 39%;left: 86%;}





.n_about .fl05 .content .dot08{top: 50%;left: 78%;}

.n_about .fl05 .content .dot09{top: 47%;left: 80.5%;}

.n_about .fl05 .content .dot10{top: 50%;left: 74%;}

.n_about .fl05 .content .dot11{top: 48%;left: 79.5%;}

.n_about .fl05 .content .dot12{top: 50.5%;left: 79.5%;}

.n_about .fl05 .content .dot13{top: 51%;left: 80.5%;}



/*==========================================首页 实现=============================================*/





/*==========================================内页 起头=============================================*/



.title_tit{border-bottom:#DBDBDB 1px solid;color:#000;padding: 4rem 2.5rem 0;padding-bottom: 1.25rem;font-size:0;margin-bottom: 5rem;}

.title_tit a{display:inline-block;color: #666666;position:relative;font-size: 2rem;margin-right:6.25rem;}

.title_tit font{ color:#000; font-size:3.75rem;}

.title_tit a:after{content:"";position:absolute;bottom:calc(-1.25rem - 1px);left:0;width:0;height: 2px;background:#000000;transition: 0.36s;}

.title_tit a.on{ color:#000000;}

.title_tit a.on:after, .title_tit a:hover:after{ width:100%}



.n_case .fl01{ padding-bottom:6.25rem}

.n_case .fl01 .left{width: 60%;}

.n_case .fl01 .left .img, .n_case .fl01 .left .img img{width:100%;height:416px;overflow:hidden;object-fit: cover;}

.n_case .fl01 .right{width:40%;padding: 2.5rem 0 0 5rem;}

.n_case .fl01 .right h6{ font-size:12px; color:#999999}

.n_case .fl01 .right h3{font-size: 2rem;color:#333;margin: 0.75rem 0 2rem;}

.n_case .fl01 .right h4 img{ height:2.75rem;}

.n_case .fl01 .right p{font-size:1rem;line-height:26px;max-height: 104px;overflow: hidden;color:#666666;margin: 1rem 0 1.5rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}

.n_case .fl01 .more01{ text-align:left}

.n_case .fl01 .more01 font{ font-size:16px;}



.n_case .fl02 .layui-form{text-align:center;margin-bottom: 2.5rem;position: relative;z-index: 1;}

.n_case .fl02 .layui-form-item{display:inline-block;vertical-align: top;margin: 0 0.5rem;}

.n_case .fl02 .layui-form-item .layui-inline{ margin:0}

.n_case .fl02 .layui-form-item .layui-input-inline{margin:0;text-align: left;}

.n_case .fl02 .layui-form-label{ display:none}

.n_case .fl02 .layui-form-select .layui-edge{border:none;background:url(/static/style/pc/images/nav_down.svg) center no-repeat;width: 12px;height: 10px;background-size: 10px;margin-top: -5px;right: 15px;}





.n_case ul.ul1{ font-size:0; margin:0 -1.25rem; margin-bottom:1rem}

.n_case ul.ul1 .miso-list{ overflow:visible}

.n_case ul.ul1 li{ display:inline-block; width:33.333333%; padding:0 1.25rem; margin-bottom:2.5rem}

.n_case ul.ul1 li a{display:block;transition:0.6s;box-shadow: 0px 6px 60px 0px rgba(0, 0, 0, 0.05);cursor: pointer;}

.n_case ul.ul1 li .img, .n_case ul.ul1 li .img img{ width:100%; overflow:hidden}

.n_case ul.ul1 li .con{background:#fff;transition:0.6s;}

.n_case ul.ul1 li .con .top{ padding:1.25rem; border-bottom:#EEEEEE 1px solid}

.n_case ul.ul1 li .con .top .ico{display:inline-block;width:3.75rem;height:3.75rem;line-height: 3.75rem;background:#fff;box-shadow:0 0 20px rgba(0,0,0,0.05);border-radius: 50%; text-align:center}

.n_case ul.ul1 li .con .top .ico img{ width:70%; display:inline-block}

.n_case ul.ul1 li .con .top .con_li{ width:calc(100% - 3.75rem); padding:0.5rem 0 0 1.25rem}

.n_case ul.ul1 li .con .top .con_li h4{ font-size:16px; color:#333; font-weight:bold; height:18px; line-height:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}

.n_case ul.ul1 li .con .top .con_li h5{font-size:14px;color:#333;height: 44px;line-height: 22px;overflow:hidden;text-overflow:ellipsis;margin:0.5rem 0 1.25rem;}

.n_case ul.ul1 li .con .top .con_li dl{font-size:0;}

.n_case ul.ul1 li .con .top .con_li dl dd{display:inline-block;padding: 0 0.25rem;background: rgba(66, 120, 255, 0.1);font-size: 13px;height:24px;line-height:24px;color:#4278FF;margin-right: 0.25rem;margin-bottom: 4px;}



.n_case ul.ul1 li .con .bottom{ padding:1.25rem 2rem; font-size:0;}

.n_case ul.ul1 li .con .bottom dl{ display:inline-block; width:50%; text-align:center}

.n_case ul.ul1 li .con .bottom dl dt big{ font-size:1.5rem; color:#333; font-weight:bold}

.n_case ul.ul1 li .con .bottom dl dt small{ font-size:12px; color:#666; margin-left:4px;}

.n_case ul.ul1 li .con .bottom dl dd{ font-size:12px; color:#999; margin-top:5px}



.n_case .more01 .con svg{margin:-3px 0.5rem 0 0;display:inline-block;vertical-align:middle;fill:#999;width: 24px;height: 24px;}

.n_case .more01 font{ color:#666666}



.n_email{ padding:7.5rem 0 0}

.n_email .box{ border-top:#DBDBDB 1px solid; padding:3.75rem 0 4rem}

.n_email .box dl{margin-bottom: 2.75rem;}

.n_email .box dl dt{font-size: 1.25rem;color:#000000;font-weight:bold;margin-bottom:1.25rem;}

.n_email .box dl dd{font-size: 14px;color:#000000;font-weight: bold;}

.n_email .box dl dd svg{margin-right: 4px;display:inline-block;vertical-align:middle;height: 16px;margin-top: -3px;}



.a_page .box{ font-size:0; text-align:center}

.a_page .box a{display:inline-block;font-size:1.125rem;color:#C0C0C0;min-width:20px;margin:0 1rem;height:30px;line-height:30px;vertical-align:top;border-bottom:#fff 2px solid;transition:0.36s;font-family: Futura;}

.a_page .box a span svg{

    display: inline-block;

}

.a_page .box a.a.on{ border-bottom:#000000 2px solid; line-height:20px; font-size:1.75rem; color:#000000}

.a_page .box a span{display:inline-block;width: 50px;height: 20px;position: relative;z-index: 0;overflow: hidden;opacity: 0.6;line-height: 20px;}

.a_page .box a span svg.icon01, .a_page .box a span svg.icon02{width: 50px;height: 18px;position:absolute;will-change:transform;transition: 0.6s;left: 0;}

.a_page .box a span svg.icon02{ -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0;}









.n_active .fl01 h3{ font-size:1.75rem; line-height:40px; color:#000000; margin-bottom:2.5rem; margin-top:5rem}

.n_active .fl01 h3 svg{ margin-left:1rem}

.n_active .fl01 ul{ font-size:0; margin:0 -1.375rem; margin-bottom:2rem}

.n_active .fl01 ul li{ display:inline-block; width:33.3333333%; padding:0 1.375rem; margin-bottom:2.5rem}

.n_active .fl01 ul li a{display:block;position:relative;overflow: hidden;}

.n_active .fl01 ul li a:before{ content:""; position:absolute; bottom:0; right:0; width:100%; height:1px; background:#2076F7; transition:0.6s}

.n_active .fl01 ul li a:after{ content:""; position:absolute; bottom:0; right:0; width:0; height:1px; background:#1325A5; transition:0.6s}

.n_active .fl01 ul li a .img, .n_active .fl01 ul li a .img img{overflow:hidden;width: 100%;}

.n_active .fl01 ul li a .con h6{font-size:12px;color:#000;padding:1.25rem 0 1rem;font-family: Futura;}

.n_active .fl01 ul li a .con h5{ font-size:1.125rem; color:#333333; line-height:1.5rem; height:3rem; overflow:hidden; font-weight:bold; margin-bottom:1.25rem}

.n_active .fl01 ul li a .con h4{ padding-bottom:1rem; text-align:right; padding-right:0.5rem}









.container07.container071{height: 500px;padding: 70px 0 0;overflow: hidden;}

.container07.container071 .title h3{ padding-top:0}







.n_join .fl01{ padding:7.5rem 0;}

.n_join .fl01 .title h3{ font-size:3rem; color:#000000; font-weight: bold; margin-bottom:2.5rem}

.n_join .fl01 .content{ position:relative}

.n_join .fl01 .left{ width:55%;}

.n_join .fl01 .right{ width:45%; padding:2.5rem 0 0 3.75rem; position:absolute; bottom:0; top:0; left:55%}

.n_join .fl01 .right h4 font{ font-size:3rem; color:#000}

.n_join .fl01 .right .shuzi{ float:right; font-size:16px; color:#000000; padding-right:7.5rem}

.n_join .fl01 .right .shuzi big, .n_join .fl01 .right .shuzi small{ font-size:16px}

.n_join .fl01 .right .qiehuan_box{ position:absolute; bottom:2.5rem; width:120px; height:10px}

.n_join .fl01 .right .qiehuan_box .miso-prev{ width:50px; height:10px}

.n_join .fl01 .right .qiehuan_box .miso-next{ width:50px; height:10px}

.n_join .fl01 .right .qiehuan_box h6.more00 span{ width:50px}

.n_join .fl01 .right .qiehuan_box svg.svg01, .n_join .fl01 .right .qiehuan_box svg.svg02{ width:50px; height:10px;}

.n_join .fl01 .right .qiehuan_box .miso-prev{transform:rotate(180deg);top: 0px;}



.n_join .fl03{ padding:7.5rem 0;}

.n_join .fl03 .left{width:50%;padding-right:6rem;padding-top: 2rem;}

.n_join .fl03 .left .title h6{ font-size:14px; color:#000; margin-bottom:0.75rem; text-transform:uppercase}

.n_join .fl03 .left .title h3{font-size:2rem;color:#000;margin-bottom:2.5rem;font-weight: bold;}

.n_join .fl03 .left ul li{ padding:1.875rem 2.75rem 1.875rem; background:#fff; transition:0.6s}

.n_join .fl03 .left ul li h3{ font-size:1.25rem; color:#000; margin-bottom:0.875rem; font-weight:bold}

.n_join .fl03 .left ul li h4{font-size:1.0rem;color:#666666;line-height: 1.5rem;}

.n_join .fl03 .right{width: 50%;}



.n_join .fl03 .right img{max-width:38rem;max-width: 100%;width: 100%;}

.n_join .fl03 .left ul li.on{ box-shadow: 0px -6px 60px 0px rgba(0, 0, 0, 0.1); position: relative; z-index: 1;}



.n_join .fl02 .title h3{font-weight: bold;margin-bottom:4.5rem;border-bottom:#DBDBDB 1px solid;letter-spacing: 0;}

.n_join .fl02 .title h3 font{font-size: 2rem;color:#000000;display:inline-block;padding-bottom:1.625rem;position:relative;}

.n_join .fl02 .title h3 font:after{ content:""; position:absolute; bottom:-1px; left:0; width:100%; height:1px; background:#000000; transition:0.6s}

.n_join .fl02 .title h3 form{float:right;width: 45%;font-size: 0;}

.n_join .fl02 .title h3 .layui-form-item{display:inline-block;width: 50%;}

.n_join .fl02 .title h3 .layui-form-item .layui-inline { display:block}

.n_join .fl02 .title h3 .layui-form-item .layui-input-inline{ width:100%}

.n_join .fl02 .title h3 .layui-form-item .layui-input-inline input::-webkit-input-placeholder{ color:#333;}

.n_join .fl02 .title h3 .layui-form-item .layui-input-inline input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#333; }

.n_join .fl02 .title h3 .layui-form-item .layui-input-inline input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#333;}

.n_join .fl02 .title h3 .layui-form-item .layui-input-inline input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#333;}

.n_join .fl02 .title h3 .layui-form-item .layui-input-inline .layui-input{padding-left: 1rem;font-size: 14px;}

.n_join .fl02 .title h3 .layui-form-item .layui-input-inline .layui-form-select .layui-edge{border:none;background:url(/static/style/pc/images/nav_down.svg) center no-repeat;width: 12px;height: 10px;background-size: 10px;margin-top: -5px;right: 15px;}





.n_join .fl02 .content dl{ margin-top:2.5rem}

.n_join .fl02 dl dt{ font-size:16px; color:#000000; padding-bottom:1rem; border-bottom:#E9E9E9 1px solid; font-weight:600}

.n_join .fl02 .content dl dd{border-bottom:#E9E9E9 1px solid;cursor: pointer; position:relative}

.n_join .fl02 .content dl dd:after{content:"";position:absolute;bottom:0;right:0;width:0;transition:0.6s;height:2px;background: #4278ff;}

.n_join .fl02 .content dl dd h5{ line-height:4.75rem; font-size:0; }

.n_join .fl02 .content dl dd h5 .con{display:inline-block;width:25%;font-size:14px;color: #333333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align: top;}



.n_join .fl02 .content dl dd h5 .jiantou{ float:right}

.n_join .fl02 .content dl dd h5 .jiantou svg{ vertical-align:middle; display:inline-block; transition:0.6s}

.n_join .fl02 .content dl dd .ar_article{ display:none}

.n_join .fl02 .content dl dd h5.on .jiantou svg{ transform:rotate(90deg)}

.n_join .fl02 .content dl dd h5.on .jiantou svg, .n_join .fl02 dl dd h5.on .jiantou svg path{ fill:#1325A5}

.n_join .fl02 .content dl dd:hover:after{ left:0; width:100%}

.n_join .fl02 .content dl dd h5 .con01{ font-size:13px; width:20%}

.n_join .fl02 .content dl dd h5 .con02{font-size: 14px;width:35%;}

.n_join .fl02 .content dl dd h5 .con03{ font-size:13px; width:35%}



.n_martech .fl01{ padding:7.5rem 0;}

.n_martech .fl00 .title{ text-align:center; margin-bottom:5rem}

.n_martech .fl00 .title h3{ font-size:2rem; color:#000000; font-weight: bold; position:relative}

.n_martech .fl00 .title h3:before{ content:""; width:24px; height:3px; background:#FFB819; position:absolute; left:50%; margin-left:-12px; top:-1.25rem}

.n_martech .fl01 ul{ font-size:0}

.n_martech .fl01 ul li{ display:inline-block; width:33.333333%; text-align:center}

.n_martech .fl01 ul li h3{ height:7rem}

.n_martech .fl01 ul li h4{ font-size:1.25rem; color:#333; margin-bottom:1rem; font-weight:600}







.n_martech .fl01 ul li h6{font-size:14px;color:#666;line-height:24px;max-width: 13.5rem;display: inline-block;}



.n_martech .fl02{ padding:7.5rem 0 1rem; background:#F9FAFB}



.n_martech .fl02 ul{ font-size:0}

.n_martech .fl02 ul li{ display:inline-block; width:50%; margin-bottom:6.25rem}

.n_martech .fl02 ul li h3{ background:#EEF1F9; display:inline-block; width:10.25rem; height:10.25rem; line-height:10.25rem; border-radius:50%; text-align:center}

.n_martech .fl02 ul li h3 img{display:inline-block;width: 5rem;height: 5rem;vertical-align:middle;}

.n_martech .fl02 ul li .con{display:inline-block;width:calc(100% - 10.25rem);padding: 2rem 0 0 2.5rem;vertical-align: top;}

.n_martech .fl02 ul li h4{ font-size:1.25rem; color:#333; margin-bottom:1rem; font-weight:600}

.n_martech .fl02 ul li h6{ font-size:14px; color:#666; line-height:24px; max-width:14rem}



.n_martech .fl03{ padding:7.5rem 0 3.5rem;}

.n_martech .fl04{ padding:3.5rem 0 7.5rem;}



.n_martech .fl05{ padding:7.5rem 0 1rem; background:#1F30A9}

.n_martech .fl05 .title h3{ color:#fff}

.n_martech .fl05 ul li h4{ color:#fff}

.n_martech .fl05 ul li h6{ color:#fff}







.n_baiodan{ position:relative}

.n_baiodan .fl01 .content{position:relative;padding: 5rem 12rem 7.5rem;}

.n_baiodan .fl01 .left{width: 100%;padding: 0;position:relative;font-size: 0;}

.n_baiodan .fl01 .fanhui svg{ width:5rem}

.n_baiodan .fl01 .fanhui{ margin-bottom:2.5rem}

.n_baiodan .fl01 .left .title h3{ font-size:3rem; color:#000000; margin-bottom:4.375rem}

.n_baiodan .fl01 .left .layui-form{font-size:0;margin: 0 -1.25rem;}

.n_baiodan .fl01 .left .layui-form .layui-form-label{width: 100%;padding: 0;text-align: left;line-height: 36px;font-size: 1rem;color: #666666;}

.n_baiodan .fl01 .left .layui-form .layui-input-block{margin-left: 0;}

.n_baiodan .fl01 .left .layui-form .layui-form-select .layui-edge{right: 15px;}

.n_baiodan .fl01 .left .layui-form .layui-input, .n_baiodan .fl01 .left .layui-form .layui-select, .n_baiodan .fl01 .left .layui-form .layui-textarea{background: #F6F7F9;border: none;height: 40px;}

.n_baiodan .fl01 .left .layui-form .layui-form-item{margin-bottom: 20px;width: 50%;display: inline-block;padding: 0 1.25rem;text-align: left;}

.n_baiodan .fl01 .left .layui-form .layui-input, .n_baiodan .fl01 .left .layui-form .layui-textarea{padding-left: 10px;font-size: 14px;color: #000;}

.n_baiodan .fl01 .left .layui-form .layui-textarea{padding:1.75rem 1.25rem;min-height: 9.75rem;}

.n_baiodan .fl01 .left .layui-form .layui-textarea::-webkit-input-placeholder{ color:#999;}

.n_baiodan .fl01 .left .layui-form .layui-textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999;}

.n_baiodan .fl01 .left .layui-form .layui-textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999;}

.n_baiodan .fl01 .left .layui-form .layui-textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#999;}

.n_baiodan .fl01 .left .layui-form .layui-form-select dl{}

.n_baiodan .fl01 .right{ width:46.5%; position:relative}



.n_baiodan .bg01{position:absolute;right: 3%;top: -8rem;}

.n_baiodan .fl01 .content .bg02{ position:absolute; right:0; bottom:0}

.n_baiodan .fl01 .left .title003 h3{ text-align:left}

.n_baiodan .fl01 .left .layui-form .layui-btn{width: 11.25rem;height: 3.125rem;line-height: 3.125rem;background: #4278FF;font-size:1.25rem;letter-spacing:0;position:relative;padding-right: 1rem;margin-top: 1rem;}

.n_baiodan .fl01 .left .layui-form .layui-btn:after{content:"";position:absolute;right:0;width: 3.5rem;height:1px;background:#fff;top:50%;transition:0.3s;display: none;}

.n_baiodan .fl02{ overflow:hidden}

.n_baiodan .fl02 iframe{ height:33.75rem; width:100%}

.layui-form-select dl dd, .layui-form-select dl dt{ font-size:14px;}



.n_baiodan .fl02 .content01{position:relative;padding-bottom: 0rem;}

.n_baiodan .fl02 .content{ position:relative}

.n_baiodan .fl02 .content .bg03{ position:absolute; left:-5.5rem; bottom:50%}

.n_baiodan .fl02 .content01 .bg04{ position:absolute; right:0; bottom:-8rem}

.dingyue{background: #4278FF;padding:7.5rem 0;position:relative;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}

.n_baiodan .fl02 .content01 .dingyue{background: #fbbc00 url(../images/diwen.svg) center no-repeat;background-size:cover;padding: 9rem 1.5rem;}

.n_baiodan .fl02 .content01 .dingyue h3{ padding:0}

.dingyue .title h3{font-size: 1.5rem;margin-bottom:2.5rem;padding-top: 50px;color:#333;letter-spacing: 1px;}

.dingyue .enter{ text-align:center}

.dingyue .enter a{position:relative;width:456px;height: 3.125rem;line-height: calc(3.125rem - 2px);background: #fff;border: #e8e8e8 1px solid;display: inline-block;padding: 0 2rem;text-align: left;overflow: hidden;transition: all .9s cubic-bezier(.215,.61,.355,1) 0s;}

.dingyue .enter a:before{ content:""; position:absolute; right:0; width:0; top:0; bottom:0; background:#2D42CC; transition: all .9s cubic-bezier(.215,.61,.355,1) 0s;}

.dingyue .enter a font{display:inline-block;padding-right:4px;position:relative;font-size: 14px;z-index: 1; transition:0.6s}

.dingyue .enter a{color: #777;font-size: 0;}

.dingyue .enter a button{float:right;border:none;cursor:pointer;background: none;overflow:hidden;position: absolute;right: 2rem;}

.dingyue .enter a .zhengque{display: none;float:right;line-height:62px;/* opacity:0; *//* visibility:hidden; */position: absolute;top: 0;right: 2rem;}

.dingyue .enter a .zhengque svg{ vertical-align:middle}

.dingyue .enter a span{vertical-align:top;display:inline-block;width: 94px;height: 12px;position: relative;z-index: 0;margin: 1.125rem 0;}

.dingyue .enter input{display:inline-block;height: calc(100% - 2px);line-height: calc(100% - 2px);font-size: 16px;color:#000;border:none;}



.tc1{ position:relative; z-index:100}

.tc1 .tc {

  transition: all ease 300ms;

  position: fixed;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;



  z-index: 1;

}



.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 {

  overflow: hidden;

  z-index: 9999;

  height: 100%;

  width: 100%;

  -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;

  position: relative;

  z-index: 1;

}

.tc1 .tc-box h3 img{ border:#fff 10px solid}



.tc1 .tc.act {

  display: block;

}



.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;

  opacity:0

}



.tc1 .tc-box h3 img {

  width: 12rem;

  height: 12rem;

}



.tc1 .tc-box h5 {

  width: 12rem;

  height: 3rem;

  line-height: 3rem;

  font-size: 1rem;

  color: #fff;

  text-align: center

}



.tc1 .tc.act .tc-box {

  -webkit-animation-name: anim-open-2;

  animation-name: anim-open-2;

  transform: scale(1);

}



.n_detail .fl01{position:relative;padding: 4.375rem 0 3rem;}

.n_detail .fl01 .fanhui{margin-bottom: -1rem;}

.n_detail .fl01 .fanhui svg{ width:5rem}



.n_detail .fl01 .miso_hd ul.miso-slider{font-size:0;padding-bottom: 3rem;}

.n_detail .fl01 .miso_hd ul .miso-list{}

.n_detail .fl01 .miso_hd ul .miso-slide li{}

.n_detail .fl01 .miso_hd ul .miso-slide li a{ display:block; transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;}

.n_detail .fl01 .miso_hd{ position:relative}

.n_detail .fl01 .miso_hd .miso-dots{width:235px;height:1.5px;background:#DEDEDE;left: 50%;margin-left: -117.5px;display:-webkit-flex;display: flex;display: none;}

.n_detail .fl01 .miso_hd .miso-dots li{height:1.5px;flex:1;margin: 0; position:relative}

.n_detail .fl01 .miso_hd .miso-dots li:before{ content:""; position:absolute; left:0; top:0; width:0; height:1.5px; background:#000000; transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;}

.n_detail .fl01 .miso_hd .miso-dots li.miso-active:before{ width:100%}

.n_detail .fl01 .miso_hd{position:relative;margin-bottom: 4rem;}

.n_detail .fl01 .miso_hd .miso-prev,.n_detail .fl01 .miso_hd .miso-next{width: 94px;height:12px;top:auto;bottom: -11px;transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;}

.n_detail .fl01 .miso_hd .miso-prev{left:50%;margin-left: -255px;}

.n_detail .fl01 .miso_hd .miso-next{right:50%;margin-right: -255px;}



.detail_box{ padding:0 10.625rem}

.detail_box .title{margin-bottom: 2rem;}



.detail_box .title h6 img{max-height: 1.875rem;}

.detail_box .title h6 svg{ max-height: 1.875rem;}

.detail_box .title h3{font-size: 1.5rem;color:#333333;line-height: 2.375rem;font-weight: bold;margin-top: 0rem;}

.detail_box .time{font-size:1.125rem;line-height:1.625rem;color:#333;float:right;margin-right: calc(-7.815rem - 40px);margin-bottom: -10rem;}

.detail_box .time h4{font-size:14px;color:#666666;border-top: #DFDFDF 1px solid;padding: 0.75rem 0 0;margin-top: 1.5rem;margin-bottom: 0.5rem;}

.detail_box .time .ul a{display:inline-block;margin-right: 0;position:relative;background: none;}

.detail_box .time .ul a .top{position:absolute;top: -35px;height:28px;padding:0 12px;left:50%;background: #fff;border-radius: 3px;box-shadow: 0 0 6px rgba(0,0,0,0.05);transform: translateX(-50%);font-size: 12px;color: #333;text-transform: capitalize;white-space: nowrap;opacity: 0;visibility: hidden;transition: 0.36s;}



.detail_box .time .ul a .top:before{content:"";position:absolute;border-left:transparent 4px solid;border-right:transparent 4px solid;border-top:#fff 4px solid;bottom: -4px;left: 50%;margin-left: -4px;}

.detail_box .time .ul a svg{position: absolute;left: 0;pointer-events: none;}



.n_detail .fl02 .box{ font-size:0; border-top:#E5E5E5 1px solid; border-bottom:#E5E5E5 1px solid}

.n_detail .fl02 .box .con{ display:inline-block; width:50%}

.n_detail .fl02 .box .con a{ display:block; padding:2.5rem 0}







.n_detail .fl02 .box .con a .left.fr{ padding-right:4rem; text-align:right}

.n_detail .fl02 .box .con a .left.fl{ padding-left:4rem}

.n_detail .fl02 .box .con a .left h6{ font-size:12px; color:#666; margin-bottom:1rem}

.n_detail .fl02 .box .con a .left h4{font-size:1rem;color:#000;line-height: 1.5rem;height: 3rem;max-width:17.5rem;font-weight: bold;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.n_detail .fl02 .box .con a .right{line-height: 4.5rem;}

.n_detail .fl02 .box .con a .right.fr svg{ width:6rem}

.n_detail .fl02 .box .con a .right.fl svg{width:6rem;vertical-align: middle;}



.n_detail .fl03{padding: 3.75rem 0 8.75rem;}

.n_detail .fl03 .title{font-size: 16px;color: #1d1d1d;margin-bottom:1.75rem;}

.n_detail .fl03 ul{font-size:0;margin:0 -1.375rem;margin-bottom: 0;}

.n_detail .fl03 ul li{display:inline-block;width:33.3333333%;padding:0 1.375rem;margin-bottom: 0;}

.n_detail .fl03 ul li a{display:block;position:relative;overflow: hidden;}

.n_detail .fl03 ul li a:before{content:"";position:absolute;bottom:0;right:0;width:100%;height:1px;background: #DBDBDB;transition:0.6s;}

.n_detail .fl03 ul li a:after{ content:""; position:absolute; bottom:0; right:0; width:0; height:1px; background:#1325A5; transition:0.6s}

.n_detail .fl03 ul li a .img, .n_detail .fl03 ul li a .img img{ overflow:hidden}

.n_detail .fl03 ul li a .con h6{font-size: 0.875rem;color:#000;padding:1.25rem 0 1rem;}

.n_detail .fl03 ul li a .con h5{font-size: 1rem;color:#333333;line-height: 1.625rem;height: 3.25rem;overflow:hidden;font-weight:bold;margin-bottom: 0;transition: 0.6s;}

.n_detail .fl03 ul li a .con h4{ padding-bottom:1rem; text-align:right; padding-right:0.5rem}

.n_detail .fl03 ul .miso-prev, .n_detail .fl03 ul .miso-next{ width:40px; height:40px; transition:0.6s; margin-top:-4rem; opacity:0.2}

.n_detail .fl03 ul .miso-prev{ background:url(/static/style/pc/images/left02.svg) center no-repeat; left:-3rem}

.n_detail .fl03 ul .miso-next{ background:url(/static/style/pc/images/right02.svg) center no-repeat; right:-3rem}

.n_detail .fl03 ul .miso-prev:hover{ opacity:1}

.n_detail .fl03 ul .miso-next:hover{ opacity:1}



.nav>ul>li:last-child .rd-navbar-dropdown{ display:none !important; opacity:0 !important}



.n_header_box .header{ background:#fff}



.title003{ text-align:center; margin-bottom:2.5rem}

.title003 h3{ font-size:2rem; color:#333}



.n_news .fl01{ padding-bottom:6.25rem}

.n_news .fl01 .left{width: 48%;}

.n_news .fl01 .left .img, .n_news .fl01 .left .img img{width:100%;overflow:hidden;object-fit: cover;}

.n_news .fl01 .right{width: 52%;padding: 2.5rem 0 0 5rem;}

.n_news .fl01 .right h6{font-size: 1rem;color:#999999;}

.n_news .fl01 .right h3{font-size:1.75rem;line-height: 2.375rem;font-weight: bold;color:#333;margin: 0.75rem 0 2rem;transition: 0.6s;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.n_news .fl01 .right h4 img{ height:18px;}

.n_news .fl01 .right p{font-size:1rem;line-height:26px;max-height: 104px;overflow: hidden;color: #333;margin: 1rem 0 1.5rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}

.n_news .fl01 .right h5{font-size: 12px;color:#666;}



.n_news .fl02 .content{ border-bottom:#DBDBDB 1px solid}

.n_news .fl02 ul.ul1{ font-size:0; margin:0 -1.25rem; padding-bottom:3rem; }

.n_news .fl02 ul.ul1 li{ display:inline-block; width:33.333333%; padding:0 1.25rem; margin-bottom:2.5rem}

.n_news .fl02 ul.ul1 li a{ display:block; transition:0.6s}

.n_news .fl02 ul.ul1 li .img, .n_news .fl02 ul.ul1 li .img img{ width:100%; overflow:hidden}





.n_news .fl02 ul.ul1 li .con{ background:#fff; transition:0.6s; padding:0 2px}





















.n_news .fl02 ul.ul1 li .con h5{font-size:1.125rem;color:#333;line-height:1.75rem;max-height:3.5rem;overflow:hidden;margin:1rem 0;transition: 0.36s;font-weight: bold;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.n_news .fl02 ul.ul1 li .con h6{ font-size:0.875rem; color:#666666; font-family:PingFangSC-Regular, PingFang SC}



.n_news .fl03{ padding-top:5rem}

.n_news .fl03 .w1200{ position:relative}

.n_news .fl03 .title004{ width:30%; position:absolute; left:0; top:1rem;}

.n_news .fl03 .title004 h6{font-size: 1rem;color:#999999;}

.n_news .fl03 .title004 h3{font-size:2rem;line-height: 2.375rem; color:#333;margin: 0.75rem 0 2rem;}

.n_news .fl03 .title004 .anniu_con{ display:inline-block; margin-right:0.75rem}

.n_news .fl03 .title004 .anniu_con svg{width: 28px;height: 28px;fill:#333;opacity:0.2;transition:0.6s;}

.n_news .fl03 .right{width: 58%;}

.n_news .fl03 .right ul{ font-size:0; margin:0 -1.25rem; padding-bottom:3rem; }

.n_news .fl03 .right ul li{ display:inline-block; width:33.333333%; padding:0 1.25rem; margin-bottom:1rem}

.n_news .fl03 .right ul li a{ display:block; transition:0.6s}

.n_news .fl03 .right ul li .img, .n_news .fl03 .right ul li .img img{ width:100%; overflow:hidden}

.n_news .fl03 .right ul li .con{ background:#fff; transition:0.6s; padding:0 2px}

.n_news .fl03 .right ul li .con h5{font-size:1.125rem;color:#333;line-height:1.75rem;font-weight:bold;max-height:3.5rem;overflow:hidden;margin:1rem 0;transition: 0.6s;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.n_news .fl03 .right ul li .con h6{ font-size:0.875rem; color:#666666; font-family:PingFangSC-Regular, PingFang SC}

.n_news .container05{ padding:0 0 3rem}



.n_news .more01 .con svg{display:inline-block;}

.n_news .more01 font{ color:#666666}

.bsBox{ box-sizing:content-box}



.n_banner01 .top h3{ color:#FBBC00; letter-spacing:1px}



.n_jishu .fl01{padding: 7rem 0 3.75rem;}

.n_jishu .fl01 .left{width: 54%; position:relative}

.n_jishu .fl01 .left .img_box{ padding-bottom:56% !important}

.n_jishu .fl01 .left img{width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; object-fit: cover;}

.n_jishu .fl01 .right{width: 46%;padding: 2.5rem 0 0 5rem; position:relative}



.n_jishu .fl01 .right h1{position:absolute;top: -5rem;left: 5rem;font-size:5rem;color:#F4F7FB;text-transform:uppercase;line-height:5.75rem; letter-spacing:0}

.n_jishu .fl01 .right h2{font-size:3rem;color:#333;margin: 1rem 0;position: relative;}

.n_jishu .fl01 .right h3{font-size:1.75rem;color:#333;margin-bottom: 2.75rem;}

.n_jishu .fl01 .right p{font-size:1.125rem;color:#666;line-height:1.75rem;}



.n_jishu .fl02 ul{ font-size:0; margin:0 -1.25rem}

.n_jishu .fl02 ul li{ display:inline-block; width:25%; padding:0 1.25rem; text-align:center}

.n_jishu .fl02 ul li a{display:block;background:#fff;padding: 0 1rem 0;height:16.5625rem;transition:0.6s;border-radius:8px;box-shadow: 0px 6px 60px 0px rgba(0, 0, 0, 0.05);}

.n_jishu .fl02 ul li a h3{ height:4.5rem}

.n_jishu .fl02 ul li a h5{font-size:14px;line-height:24px;color: #333;height: 96px;font-weight: bold;}



.n_jishu .fl02{ padding:0 0 7.5rem}



.n_jishu .fl03{ padding:6.25rem 0 3.75rem; background:#F6F7F9}

.n_jishu .fl03 .left{width: 54%;}

.n_jishu .fl03 .left img{width:100%;height: 355px;object-fit: cover;}

.n_jishu .fl03 .right{width: 46%;padding: 2.5rem 5rem 0 0; position:relative}

.n_jishu .fl03 .right h1{position:absolute;top: -5rem;left: 5rem;font-size:5rem;color:#F4F7FB;text-transform:uppercase;line-height:5.75rem; letter-spacing:0}

.n_jishu .fl03 .right h2{font-size:3rem;color:#333;margin: 1rem 0;}







.n_jishu .fl03 .right h3{font-size:1.75rem;color:#333;margin-bottom: 2.75rem;}

.n_jishu .fl03 .right p{font-size:1.125rem;color:#666;line-height:1.75rem;}



.n_jishu .fl03 ul{ font-size:0; margin:0 -1.25rem; margin-top:3.75rem}

.n_jishu .fl03 ul li{ display:inline-block; width:50%; padding:0 1.25rem; text-align:center; margin-bottom:2.5rem}

.n_jishu .fl03 ul li a{display:block;background:#fff;padding:2.8rem 1.95rem 0;height:10.625rem;transition:0.6s;overflow: hidden;border-radius:8px;box-shadow: 0px 6px 60px 0px rgba(0, 0, 0, 0.05);}

.n_jishu .fl03 ul li a .ico{width: 5.5rem;float: left;}

.n_jishu .fl03 ul li a .con{width: calc(100% - 5.5rem);float: left;text-align: left;}

.n_jishu .fl03 ul li a h5{font-size:1.125rem;color:#000;font-weight:bold;margin-bottom: 0.75rem;}

.n_jishu .fl03 ul li a p{ font-size:14px; line-height:24px; color:#666}



.n_jishu .fl04{ padding:5rem 0 5rem}

.n_jishu .fl04 .left{width: 54%;}

.n_jishu .fl04 .left img{width:100%;object-fit: cover;}

.n_jishu .fl04 .right{width: 46%;padding: 2.5rem 0 0 5rem; position:relative}

.n_jishu .fl04 .right h2{font-size:2.5rem;color:#333;margin: 1rem 0; margin-bottom:3rem;line-height: 3rem;}

.n_jishu .fl04 .right h3{font-size:1.45rem;color:#333;margin-bottom: 2.75rem;}

.n_jishu .fl04 .right h3 small{ font-size:1rem; color:#999999; margin:0 0 0 0.875rem}

.n_jishu .fl04 .right p{font-size:1.125rem;color:#666;line-height:1.75rem; margin-bottom:2.5rem}

.n_jishu .fl04 .right .box .miso-prev,.n_jishu .fl04 .right .box .miso-next{ width:42px; height:12px; top:0.75rem; opacity:0.2; transition:0.6s}

.n_jishu .fl04 .right .box .miso-prev{ background:url(/static/style/pc/images/left03.svg) center no-repeat; left:auto; right:56px}

.n_jishu .fl04 .right .box .miso-next{ background:url(/static/style/pc/images/right03.svg) center no-repeat}

.n_jishu .fl04 .right .box .miso-prev:hover,.n_jishu .fl04 .right .box .miso-next:hover{ opacity:1}



.n_jishu .fl05{ padding:7.5rem 0 7.5rem; background:url(/static/style/pc/images/n_jishu_fl05.jpg) center no-repeat; background-size:cover}

.n_jishu .fl05 .content{padding: 0 15%;}

.n_jishu .fl05 .title{ text-align:center}

.n_jishu .fl05 .title h3{font-size:1.7rem;line-height:2.625rem;color:#fff;margin: 1rem 0 4.5rem;}



.n_jishu .fl05 .miso_hd{ width:15.625rem; padding-right:1.875rem}

.n_jishu .fl05 .miso_hd ul li{ line-height:3.125rem; font-size:1.1rem; margin-bottom:0.5rem}

.n_jishu .fl05 .miso_hd ul li a{ display:block; position:relative; padding-left:2rem; color:#fff; transition:0.36s; border-radius:3px; cursor:pointer}

.n_jishu .fl05 .miso_hd ul li a:before{content:"";position:absolute;width:0.375rem;height:0.375rem;background:#FBBC00;left: 1rem;top: 50%;margin-top: -0.1875rem;border-radius: 50%;}



.n_jishu .fl05 .miso_bd{ width:calc(100% - 15.625rem); padding-left:6.25rem; border-left:rgba(255,255,255,0.1) 1px solid}



.n_jishu .fl05 .miso_hd ul li.miso-current a:before{ background:#fff}

.n_jishu .fl05 .miso_hd ul li.miso-current a{ background:#FBBC00}



.n_xiaoguo .fl01{padding: 7rem 0 3.75rem;}

.n_xiaoguo .fl01 .left{width: 54%;}

.n_xiaoguo .fl01 .left img{width:100%;object-fit: cover;border-radius:8px;}

.n_xiaoguo .fl01 .right{width: 46%;padding:3rem 0 0 5rem; position:relative}

.n_xiaoguo .fl01 .right h1{position:absolute;top: -5rem;left: 5rem;font-size:5rem;color:#F4F7FB;text-transform:uppercase;line-height:5.75rem; letter-spacing:0}

.n_xiaoguo .fl01 .right h2{font-size:3rem;color:#333;margin: 1rem 0;position: relative;}

.n_xiaoguo .fl01 .right h3{font-size: 2rem;color:#333;margin:1.5rem 0 2.75rem;line-height: 3rem;}

.n_xiaoguo .fl01 .right p{font-size:1.125rem;color:#666;line-height:1.75rem; margin-bottom:2rem}



.n_xiaoguo .fl02{ padding:5rem 0 0}

.n_xiaoguo .fl02 .left{width: 54%;}

.n_xiaoguo .fl02 .left img{width:100%;object-fit: cover;border-radius:8px;}

.n_xiaoguo .fl02 .right{width: 46%;padding:3rem 5rem 0 0; position:relative}

.n_xiaoguo .fl02 .right h1{position:absolute;top: -5rem;left: 5rem;font-size:5rem;color:#F4F7FB;text-transform:uppercase;line-height:5.75rem; letter-spacing:0}

.n_xiaoguo .fl02 .right h2{font-size:3rem;color:#333;margin: 1rem 0;position: relative;}

.n_xiaoguo .fl02 .right h3{font-size: 2rem;color:#333;margin:1.5rem 0 2.75rem;line-height: 3rem;}

.n_xiaoguo .fl02 .right p{font-size:1.125rem;color:#666;line-height:1.75rem; margin-bottom:2rem}



.n_jishu .fl05 .miso_bd ul{ font-size:0; margin:0 -1.25rem}

.n_jishu .fl05 .miso_bd ul .con{display:inline-block;width:50%;padding:0 1.25rem;vertical-align: top;}

.n_jishu .fl05 .miso_bd ul li{ text-align:center; margin-bottom:2.5rem}

.n_jishu .fl05 .miso_bd ul li a{display:block;box-shadow:0 0 15px rgba(0,0,0,0.02);background:#fff;padding: 1.5rem 1.5rem 1.5rem;transition:0.6s;border-radius:8px;}

.n_jishu .fl05 .miso_bd ul li a h3{ height:4rem}

.n_jishu .fl05 .miso_bd ul li a h4{font-size: 16px;line-height:20px;color:#333;font-weight:bold;margin-bottom:0.5rem;}

.n_jishu .fl05 .miso_bd ul li a h5{font-size: 14px;line-height:22px;color:#666;}

.n_jishu .fl05 .miso_bd ul .con.ll{ padding-top:6.25rem}



.title05{ text-align:center}

.title05 h2{font-size:2rem;color:#333;margin:1rem 0 4rem;line-height: 2.5rem;}

.n_chuizhi .fl01{ padding: 4.5rem 0 0;}

.n_chuizhi .fl01 ul{ font-size:0; margin:0 -1.25rem}

.n_chuizhi .fl01 ul li{ display:inline-block; width:25%; padding:0 1.25rem; text-align:center}

.n_chuizhi .fl01 ul li a{display:block;background:#fff;padding: 0 0.75rem 0;height: 16.5625rem;transition:0.6s;border-radius:8px;box-shadow: 0px 6px 60px 0px rgba(0, 0, 0, 0.05);}

.n_chuizhi .fl01 ul li a h3{height: 4rem;}

.n_chuizhi .fl01 ul li a h4{font-size:1.125rem;line-height:1.75rem;color:#000;margin-bottom: 0.5rem;}

.n_chuizhi .fl01 ul li a h5{font-size:14px;line-height:24px;color:#666;height: 72px;text-transform: capitalize;}



.n_chuizhi .fl02{padding:7.5rem 0;overflow: hidden;}

.n_chuizhi .fl02 ul{font-size:0;text-align: center;white-space: nowrap;overflow: hidden;overflow-x: scroll;}

.n_chuizhi .fl02 ul::-webkit-scrollbar {width:4px;height: 8px;background-color: transparent;}

.n_chuizhi .fl02 ul::-webkit-scrollbar-track {border-radius: 10px;background-color: transparent}

.n_chuizhi .fl02 ul::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #333;}

.n_chuizhi .fl02 ul li{ display:inline-block; border:#EFF1F8 2px solid; width:220px; margin-right:-2px; text-align:center; height:21.25rem; transition:0.6s}

.n_chuizhi .fl02 ul li a{display:block;padding: 30px 0 0;}

.n_chuizhi .fl02 ul li a .top{ position:relative; padding-bottom:1.5rem; margin-bottom:1.25rem}

.n_chuizhi .fl02 ul li a .top:before{ content:""; position:absolute; bottom:0; width:6.25rem; left:50%; margin-left:-3.125rem; height:1px; background:#EFF1F8; transition:0.6s}

.n_chuizhi .fl02 ul li a .top h3{height: 3.5rem;}

.n_chuizhi .fl02 ul li a .top h3 svg.img02{ opacity:0; visibility:hidden; width:0;}

.n_chuizhi .fl02 ul li a .top h5{ font-size:1rem; line-height:1.625rem; color:#000; font-weight:bold}

.n_chuizhi .fl02 ul li a .bottom dl dd{font-size: 14px;line-height: 24px;color:#666;white-space: normal;}

.n_chuizhi .fl02 ul li a .bottom dl dd a{}





.n_chuizhi .fl03{padding:7.5rem 0;background:url(/static/style/pc/images/n_chuizhi_fl03.jpg) center no-repeat;overflow: hidden;}

.n_chuizhi .fl03 .title05 h2{ color:#fff; margin:1rem 0 2rem}

.n_chuizhi .fl03 .title05 p{ font-size:1rem; line-height:1.625rem; color:rgba(255,255,255,0.8); margin-bottom:4rem}

.n_chuizhi .fl03 .content{ font-size:0; margin:0 -0.625rem}

.n_chuizhi .fl03 .content .box{ display:inline-block; width:50%; padding:0 0.625rem; vertical-align:top}

.n_chuizhi .fl03 .content .box ul li{ margin-bottom:1.25rem}

.n_chuizhi .fl03 .content .box ul li a{display:block;background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.4) 100%);box-shadow: 0px 4px 20px 0px rgba(14, 16, 110, 0.3);border-radius: 3px;padding:18px 1.875rem;transition:0.6s;cursor: pointer;}

.n_chuizhi .fl03 .content .box ul li a .top{ height:50px; line-height:50px; position:relative}

.n_chuizhi .fl03 .content .box ul li a .top:before{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;transition:.6s;}

.n_chuizhi .fl03 .content .box ul li a .top i{ background:url(/static/style/pc/images/jia.svg) center no-repeat; width:14px; height:14px; position:absolute; right:0; top:50%; margin-top:-7px; cursor:pointer}

.n_chuizhi .fl03 .content .box ul li a .top h5{ font-size:1.125rem; color:#fff; overflow:hidden; transition:.6s;}

.n_chuizhi .fl03 .content .box ul li a .bottom{font-size:14px;line-height:24px;color:#666;padding: 14px 0 4px;display:none;}





.n_chuizhi .fl03 .content .box ul li.on a .top:before{ width:calc(100% - 60px); background:#EEEEEE;}

.n_chuizhi .fl03 .content .box ul li.on a{ background:#fff}

.n_chuizhi .fl03 .content .box ul li.on a .top h5{ color:#4278FF}

.n_chuizhi .fl03 .content .box ul li.on a .top i{ background:url(/static/style/pc/images/jian.svg) center no-repeat;}



.n_chuizhi .fl03 .content .box ul li.height a{padding: 7.5px 1.875rem;}



.n_chuizhi .fl04{padding: 7.5rem 0 30px;position:relative;overflow: hidden;}

.n_chuizhi .fl04 .w1200{ position:relative; z-index:1}

.n_chuizhi .fl04 .left{min-height: 460px;padding:2rem 0 0;position: relative;z-index: 1;width: 35%;}

.n_chuizhi .fl04 .miso_hd{ }

.n_chuizhi .fl04 .miso_hd .miso-list{padding:15px;margin:-15px;overflow: visible;}

.n_chuizhi .fl04 .title h3{margin:1rem 0 2.75rem; font-size:2rem; color:#000}

.n_chuizhi .fl04 .miso_hd .box{padding: 2.5rem 2.125rem 1.5rem;background:#fff;box-shadow:0px 6px 60px 0px rgba(0, 0, 0, 0.05);;width: 30.75rem;}

.n_chuizhi .fl04 .miso_hd .box dl{ margin-bottom:1rem}

.n_chuizhi .fl04 .miso_hd .box dl dt{ font-size:1.125rem; color:#333; font-weight:bold; margin-bottom:0.5rem}

.n_chuizhi .fl04 .miso_hd .box dl dd{ display:inline-block; font-size:14px; line-height:28px; color:#333}

.n_chuizhi .fl04 .miso_hd .box dl p{ display:inline-block; font-size:14px; line-height:24px; color:#666}

.n_chuizhi .fl04 .miso_hd .box dl dd img{display:inline-block;margin: -3px 0 0 4px;}

.n_chuizhi .fl04 .miso_hd .box .ico{ margin-top:1.5rem}

.n_chuizhi .fl04 .miso_hd .box .ico img{height: 1.375rem;}

.n_chuizhi .fl04 .miso_hd .box h6{float:right;margin-top: -1rem;}

.n_chuizhi .fl04 .anniu_con{display:inline-block;margin-right: 0.5rem;margin-top: 1.5rem; cursor:pointer}

.n_chuizhi .fl04 .anniu_con svg{width: 28px;height: 28px;fill: rgba(51, 51, 51,0.3);transition:0.6s;}

.anniu_con svg:hover{ fill: rgba(51, 51, 51,1) !important;}













.n_chuizhi .fl04 .right{width: 82%;position:absolute;right: 0;top: 0;overflow:hidden;height: 460px;}

.n_chuizhi .fl04 .right .img{width: 100%;}

.n_chuizhi .fl04 .img img{position:relative;transition:transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);width: 100%;object-fit: cover;/* height: 500px; */}

.n_chuizhi .fl04 .right .qiehuan_box{position:absolute;left: -170px;bottom: 3rem;width:120px;height:10px;}

.n_chuizhi .fl04 .right .qiehuan_box .miso-prev{ width:50px; height:10px}



.n_chuizhi .fl04 .right .qiehuan_box .miso-next{ width:50px; height:10px}

.n_chuizhi .fl04 .right .qiehuan_box h6.more00 span{ width:50px}

.n_chuizhi .fl04 .right .qiehuan_box svg.svg01, .n_chuizhi .fl04 .qiehuan_box svg.svg02{ width:50px; height:10px;}

.n_chuizhi .fl04 .right .qiehuan_box .miso-prev{transform:rotate(180deg);top: 0px;}

.n_chuizhi .fl04 .miso_bd{ margin-top:3.75rem}

.n_chuizhi .fl04 .miso_bd .miso-list{padding: 26px;margin: -26px;}

.n_chuizhi .fl04 .miso_bd ul li{display:inline-block;text-align:center;}

.n_chuizhi .fl04 .miso_bd ul li .ico{display:inline-block;width:5.625rem;height:5.625rem;line-height:5.625rem;background:#fff;border-radius: 50%;text-align:center;box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);transition: 0.6s;cursor: pointer;}

.n_chuizhi .fl04 .miso_bd ul li .ico img{ width:70%; display:inline-block; transition:0.6s}

.n_chuizhi .fl04 .miso_bd ul li.miso-current .ico, .n_chuizhi .fl04 .miso_bd ul li:hover .ico{box-shadow: 0 2px 15px rgba(0,0,0,0.15);transform: scale(1.15);}

.n_chuizhi .fl04 .miso_bd ul li.miso-current .ico img{ transform:scale(1.2)}



.title04{ text-align:center; margin-bottom:3.75rem}

.title04 h3{ font-size:2.25rem; color:#22AC38; line-height:3.125rem}

.title04 h4{ font-size:2.25rem; color:#333333; line-height:3.125rem}



.n_meiti .fl01{background:#fbfbfd url(../images/n_meiti_bg.png) center bottom no-repeat;background-size:100% auto;padding:3.125rem 0 10rem;overflow: hidden;}

.n_meiti .fl01 ul.ul1{ font-size:0; margin-bottom:1.5rem}

.n_meiti .fl01 ul.ul1 li{ display:inline-block; width:33.333333%;}

.n_meiti .fl01 ul.ul1 li a{ display:block; height:18.75rem; background:#34A853}

.n_meiti .fl01 ul.ul1 li a h3 img{height:3.125rem;display: inline-block;}

.n_meiti .fl01 ul.ul1 li:nth-child(2) a{ background:#2E7EE8}

.n_meiti .fl01 ul.ul1 li:nth-child(3) a{ background:#303E3F}

.n_meiti .fl01 ul.ul1 li a h4{ font-size:1.125rem; color:#fff; margin:1.25rem 0 1.375rem}

.n_meiti .fl01 ul.ul1 li a p{font-size:14px;color:#fff;line-height:24px;height: 48px;padding:0 3.75rem;}



.n_meiti .fl01 ul.ul2{ font-size:0; }

.n_meiti .fl01 ul.ul2 li{ display:inline-block; width:20%; text-align:center}

.n_meiti .fl01 ul.ul2 li a{ display:block;}

.n_meiti .fl01 ul.ul2 li a h3{ line-height:4.5rem; margin-bottom:0.375rem}

.n_meiti .fl01 ul.ul2 li a h3 img{ height:3.125rem; display:inline-block}

.n_meiti .fl01 ul.ul2 li a h5{font-size:14px;color:#666666;line-height: 18px;height: 18px;}



.n_meiti .fl01 ul.ul3 li{ width:50%}

.n_meiti .fl01 ul.ul4 li{ width:14.28%}



.n_meiti .fl01 ul.ul3 li a{ background:#12ADB5}

.n_meiti .fl01 ul.ul3 li:nth-child(2) a{ background:#E8A32A}





.n_meiti .fl01 .bottom{ position:relative; padding-bottom:4rem}

.n_meiti .fl01 .bottom .miso-prev, .n_meiti .fl01 .bottom .miso-next{width: 94px;height:12px;top:auto;bottom: -11px;transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;}

.n_meiti .fl01 .bottom .miso-prev{left:50%;margin-left: -100px; transform:rotate(180deg); bottom:-5px;}

.n_meiti .fl01 .bottom .miso-next{right:50%;margin-right: -100px;}



.n_meiti .fl02{ padding:2rem 0 2rem}

.n_meiti .fl02 ul{ font-size:0; margin:0 -1.875rem}

.n_meiti .fl02 ul li{ display:inline-block; width:33.333333%; padding:0 1.875rem; margin-bottom:3.75rem}

.n_meiti .fl02 ul li a{display:block;height:16.5625rem;padding:0 3.125rem;box-shadow: 0px 6px 60px 0px rgba(0, 0, 0, 0.05);}

.n_meiti .fl02 ul li a h3{ height:3.5rem}

.n_meiti .fl02 ul li a h3 img{ max-height:3.25rem}

.n_meiti .fl02 ul li a h4{ font-size:1.25rem; color:#000; margin-bottom:1.25rem}

.n_meiti .fl02 ul li a p{ font-size:14px; color:#666; line-height:20px; min-height:60px;}





.n_meiti .fl03{background:url(/static/style/pc/images/n_meiti_fl02_bg.png) center top no-repeat;background-size:cover;padding: 26rem 0 8rem;}

.n_meiti .fl03 ul{font-size:0;margin: 0 0;}

.n_meiti .fl03 ul li{display:inline-block;width:33.333333%;padding: 0;margin: 3.125rem 0;text-align: center;}

.n_meiti .fl03 ul li dl dt{font-size: 3rem;color: #fff;margin-bottom: 1rem;}

.n_meiti .fl03 ul li dl dt font{ font-family:Futura}

.n_meiti .fl03 ul li dl dd{font-size: 14px;line-height: 22px;color: rgba(255, 255, 255, 0.8);letter-spacing: 1px;display: inline-block;width: 14rem;}



.n_meiti .fl04{ padding:6.25rem 0}

.n_meiti .fl04 .title04 h4{ font-size:2rem; font-weight:bold}

.n_meiti .fl04 .left{ width:50%; padding:4.5rem 10rem 0 0}

.n_meiti .fl04 .left ul li h3 img{ height:3.125rem}

.n_meiti .fl04 .left ul li h4{ font-size:1.875rem; color:#2D3031; font-weight:bold; margin:1.125rem 0 2.25rem}

.n_meiti .fl04 .left ul li p{ font-size:1.125rem; color:#333; line-height:1.75rem;}

.n_meiti .fl04 .left ul li h6{ font-size:14px; color:#22AC38; margin:1.75rem 0 2rem}

.n_meiti .fl04 .left .bottom{ position:relative; display:inline-block}

.n_meiti .fl04 .left .miso-prev, .n_meiti .fl04 .left .miso-next{width: 94px;height:12px;top:auto;bottom: -11px;transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;}

.n_meiti .fl04 .left .miso-prev{left: -18px;margin-left: 0;transform: rotate(180deg) scale(0.7);bottom: -11px;position: relative;}

.n_meiti .fl04 .left .miso-next{left: 56px;margin-right: 0;transform: scale(0.7);}

.n_meiti .fl04 .right{ width:50%;}

.n_meiti .fl04 .right ul li img{ width:100%}



.n_meiti .fl05{ padding-bottom:6.25rem}

.n_meiti .fl05 ul{ font-size:0; margin:0 -1.25rem}

.n_meiti .fl05 ul li{ display:inline-block; width:25%; padding:0 1.25rem; text-align:center}

.n_meiti .fl05 ul li a{display:block;background:#fff;padding: 3rem 2.75rem 0;height: 16.5625rem;transition:0.6s;border-radius:8px;box-shadow: 0px 6px 60px 0px rgba(0, 0, 0, 0.05);}

.n_meiti .fl05 ul li a h3{height: 4rem;}

.n_meiti .fl05 ul li a h3 img{ height:3rem}

.n_meiti .fl05 ul li a h4{font-size:1.125rem;line-height:1.75rem;color:#000;margin-bottom: 0.5rem;}

.n_meiti .fl05 ul li a h5{ font-size:14px; line-height:24px; color:#666}



.n_meiti .fl06{ background:#FBFBFD; padding:6.25rem 0}

.n_meiti .fl06 .miso_hd{ margin-bottom:2.5rem}

.n_meiti .fl06 .miso_hd dl{ padding-bottom:0.625rem; border-bottom:#EEEEEE 1px solid; text-align:center}

.n_meiti .fl06 .miso_hd dl dd{display:inline-block;width:auto !important;float: none;}

.n_meiti .fl06 .miso_hd dl dd a{ display:block; padding:0 1.875rem; line-height:2.5rem; font-size:1.125rem; color:#666; transition:0.6s; border-radius:3px; cursor:pointer}

.n_meiti .fl06 .miso_hd dl dd a img{ margin:0 4px 0 0; display:inline-block}

.n_meiti .fl06 .miso_hd dl dd a img.img2{ display:none}



.n_meiti .fl06 .miso_hd dl dd.miso-current a{ background:#22ad38; color:#fff !important}

.n_meiti .fl06 .miso_hd dl dd a:hover{ color:#22ad38}

.n_meiti .fl06 .miso_hd dl dd.miso-current a img.img1{ display:none}

.n_meiti .fl06 .miso_hd dl dd.miso-current a img.img2{ display:inline-block}

.n_meiti .fl06 .miso_bd>.miso-list{ overflow:visible}

.n_case.fl06 ul.ul1 li{ margin-bottom:0}



.n_case.fl06 ul.ul1 .miso-prev, .n_case ul.ul1 .miso-next{ width:40px; height:40px; transition:0.6s; margin-top:-15px; opacity:0.2}

.n_case.fl06 ul.ul1 .miso-prev{ background:url(/static/style/pc/images/left02.svg) center no-repeat; left:-3rem}

.n_case.fl06 ul.ul1 .miso-next{ background:url(/static/style/pc/images/right02.svg) center no-repeat; right:-3rem}



.n_meiti .fl07{ padding:6.25rem 0}

.n_meiti .fl07 .w1200{ position:relative}

.n_meiti .fl07 .title004{width: 24%;position:absolute;left:0;top: 2rem;}

.n_meiti .fl07 .title004 h6{font-size: 1rem;color:#999999;}

.n_meiti .fl07 .title004 h3{font-size:2rem;line-height: 2.375rem; color:#333;margin: 0.75rem 0 2rem;}

.n_meiti .fl07 .title004 .anniu_con{ display:inline-block; margin-right:0.75rem; cursor:pointer}

.n_meiti .fl07 .title004 .anniu_con svg{width: 28px;height: 28px;fill:#333;opacity:0.2;transition:0.6s;}

.n_meiti .fl07 .title004 .more{ margin-top:3.125rem;}

.n_meiti .fl07 .title004 .more a{ color:#22AC38; font-size:14px;}

.n_meiti .fl07 .title004 .more img{ margin:0 6px 0 0}

.n_meiti .fl07 .right{width: 68%;}

.n_meiti .fl07 .right ul{font-size:0;margin:0 -1.25rem;padding-bottom: 0;}



.n_meiti .fl07 .right ul li{display:inline-block;width:33.333333%;padding:0 1.25rem;margin-bottom: 0;}

.n_meiti .fl07 .right ul li a{ display:block; transition:0.6s}

.n_meiti .fl07 .right ul li .img, .n_meiti .fl07 .right ul li .img img{ width:100%; overflow:hidden}

.n_meiti .fl07 .right ul li .con{ background:#fff; transition:0.6s; padding:0 2px}

.n_meiti .fl07 .right ul li .con h5{font-size:1.125rem;color:#333;line-height:1.75rem;font-weight:bold;max-height:3.5rem;overflow:hidden;margin:1rem 0;transition: 0.6s;}

.n_meiti .fl07 .right ul li .con h6{ font-size:0.875rem; color:#666666; font-family:PingFangSC-Regular, PingFang SC}



.n_meiti .fl08{background: linear-gradient(#FBFBFD, #fdfdff);background-size:100% auto;padding:12rem 0 4rem; position:relative}

.n_meiti .fl08:before{ content:""; position:absolute; top:0; right:0; bottom:0; left:0;  background:url(/static/style/pc/images/n_meiti_fl08_bg.png) center top no-repeat; background-size:100% auto;}

.n_meiti .fl08 .w1200{ position:relative}

.n_meiti .fl08 .miso_hd{padding: 0;position:relative;}

.n_meiti .fl08 .miso_hd ul.miso-slider{font-size:0;padding-bottom: 4rem;}

.n_meiti .fl08 .miso_hd ul>.miso-list{ overflow:visible}

.n_meiti .fl08 .miso_hd ul{ margin:0 -0.625rem}

.n_meiti .fl08 .miso_hd ul .miso-slide li{display:inline-block;width: 25%;text-align:center;margin: 0 0 1.25rem;vertical-align: top;padding: 0 0.625rem;}



.n_meiti .fl08 .miso_hd ul .miso-slide li a{display:block;transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;height: 12rem;line-height: 12rem; background:#fff}

.n_meiti .fl08 .miso_hd ul .miso-slide li img{ display:inline-block; max-width:80%; max-height:30px; transition:0.6s; -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; filter:alpha(opacity=40); opacity:0.4;  -moz-opacity:0.4; -khtml-opacity:0.4;}

.n_meiti .fl08 .progress{ background-image:linear-gradient(to right, #2BBB43, #2BBB43)}



.n_meiti .fl08 .miso_hd .miso-dots{width:235px;height:1.5px;background:#DEDEDE;left: 50%;margin-left: -117.5px; display:-webkit-flex; display: flex;}

.n_meiti .fl08 .miso_hd .miso-dots li{height:1.5px;flex:1;margin: 0; position:relative}

.n_meiti .fl08 .miso_hd .miso-dots li:before{ content:""; position:absolute; left:0; top:0; width:0; height:1.5px; background:#000000; transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;}

.n_meiti .fl08 .miso_hd .miso-dots li.miso-active:before{ width:100%}

.n_meiti .fl08 .miso_hd ul .miso-slide.miso-current li img{ }



.n_meiti .fl08 .miso_hd ul .miso-slide li:hover img{ -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0); filter:none; filter:alpha(opacity=100); opacity:1;  -moz-opacity:1; -khtml-opacity:1;} 



.n_meiti .fl08 .miso_hd{ position:relative}

.n_meiti .fl08 .miso_hd .miso-prev, .n_meiti .fl08 .miso_hd .miso-next{width: 94px;height:12px;top:auto;bottom: -11px;transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;}

.n_meiti .fl08 .miso_hd .miso-prev{left:50%;margin-left: -255px; transform:rotate(180deg); bottom:-6px;}

.n_meiti .fl08 .miso_hd .miso-next{right:50%;margin-right: -255px;}



.footer_bottom{ background:url(/static/style/pc/images/footer_bottom_bg.jpg) center bottom no-repeat; background-size:100% 100%; height:538px;}

.footer_bottom .left{ padding:10rem 0 0; width:25%}

.footer_bottom .center{ padding:10rem 0 0; }

.footer_bottom .center ul li{ font-size:1.125rem; color:#333333; line-height:2.5rem}

.footer_bottom .center ul li a{ color:inherit; transition:0.6s}

.footer_bottom .center ul li a:hover{ color:#32D64E}

.footer_bottom p.p, .footer_bottom p.p a{ font-size:14px; color:rgba(255,255,255,0.7);}

.footer_bottom .right{width:50%;padding: 290px 0 0 7.5rem;}

.footer_bottom .right h3{font-size: 1.75rem;margin-bottom: 1.5rem;letter-spacing: 4px;color: #fff;}



.footer_bottom .right h3{padding-top: 0;}

.footer_bottom .right .enter{ margin-bottom:6rem}

.footer_bottom .right .enter a{position:relative;width:456px;height: 50px;line-height: 50px;background: #fff;display: inline-block;padding: 0 2rem 0 1.5rem;text-align: left;overflow: hidden;transition: all .9s cubic-bezier(.215,.61,.355,1) 0s;border-radius: 4px;}

.footer_bottom .right .enter a:before{ content:""; position:absolute; right:0; width:0; top:0; bottom:0; background:#4278FF; transition: all .9s cubic-bezier(.215,.61,.355,1) 0s;}

.footer_bottom .right .enter a font{display:inline-block;padding-right:4px;position:relative;font-size: 14px;z-index: 1;transition:0.6s;color: #A4A4A4;}

.footer_bottom .right .enter a{color: #777;font-size: 0;}

.footer_bottom .right .enter a span{vertical-align:top;display:inline-block;width: 94px;height: 12px;position: relative;z-index: 0;float: right;margin: 19px 0;}



.n_fanyule .fl01{padding: 4rem 0 4rem;}

.n_fanyule .fl01 ul{ font-size:0; margin:0 -1.25rem; margin-top:3.75rem}

.n_fanyule .fl01 ul li{ display:inline-block; width:50%; padding:0 1.25rem; text-align:center; margin-bottom:2.5rem}

.n_fanyule .fl01 ul li a{display:block;background:#fff;padding: 2.125rem 2.75rem 0;height:10.625rem;transition:0.6s;overflow: hidden;border-radius:8px;box-shadow: 0px 6px 60px 0px rgba(0, 0, 0, 0.05);}

.n_fanyule .fl01 ul li a .ico{width: 5.5rem;float: left;}

.n_fanyule .fl01 ul li a .con{width: calc(100% - 5.5rem);float: left;text-align: left;}

.n_fanyule .fl01 ul li a h5{font-size:1.125rem;color:#000;font-weight:bold;margin-bottom: 0.75rem;}

.n_fanyule .fl01 ul li a p{font-size:14px;line-height: 21px;color:#666;}

.n_fanyule .fl01 ul li a:hover{ box-shadow: 0px 6px 60px 0px rgba(0, 0, 0, 0.15);}



.n_fanyule .fl02{ background:#F6F7F9; padding:6.25rem 0}

.n_fanyule .fl02 ul{font-size:0;margin: 0 -3rem;}

.n_fanyule .fl02 ul li{display:inline-block;width:25%;padding: 0 3rem;text-align: center;}

.n_fanyule .fl02 ul li a{display:block;transition:0.6s;overflow: hidden;}

.n_fanyule .fl02 ul li a .ico{width:6.875rem;height:6.875rem;line-height:6.875rem;background:#fff;border-radius:50%;text-align:center;margin-bottom:1.875rem;}

.n_fanyule .fl02 ul li a .ico svg{ display:inline-block; max-height:2.5rem; vertical-align:middle}

.n_fanyule .fl02 ul li a .con{width: 100%;float: left;}

.n_fanyule .fl02 ul li a h5{font-size:1.125rem;color:#000;font-weight:bold;margin-bottom: 0.75rem;line-height:1.75rem;text-align: left;}

.n_fanyule .fl02 ul li a p{font-size:14px;line-height:24px;color:#666;text-align: left;}

.n_fanyule .fl02 ul li:nth-child(1){}

.n_fanyule .fl02 ul li:nth-child(2){}

.n_fanyule .fl02 ul li:nth-child(3){}



.n_fanyule .fl03{padding: 7.5rem 0 0;}

.n_fanyule .fl03 .left_box{width: 44%;position: relative;}

.n_fanyule .fl03 .left_box .top{ position:absolute; top:0; right:0; bottom:0; left:0}

.n_fanyule .fl03 .left{width:100%; background:url(/static/style/pc/images/yuan_bg01.png) center no-repeat; background-size:100% 100%}

.n_fanyule .fl03 .left img{width:100%;object-fit: cover;}

.n_fanyule .fl03 .right{width: 56%;padding: 2.5rem 0 0 5rem;position:relative;}

.n_fanyule .fl03 .right h2{font-size: 2rem;color:#333;margin: 1rem 0;margin-bottom:3rem;}

.n_fanyule .fl03 .right h3{font-size:1.75rem;color:#333;margin-bottom: 2.75rem;}

.n_fanyule .fl03 .right h3 small{ font-size:1rem; color:#999999; margin:0 0 0 0.875rem}

.n_fanyule .fl03 .right .p{font-size:1.125rem;color:#666;line-height:1.75rem;margin-bottom: 3.5rem;}

.n_fanyule .fl03 .right .miso-list{ overflow:visible}

.n_fanyule .fl03 .right ul{font-size:0;width:90%;margin-left: -1.75rem;}

.n_fanyule .fl03 .right ul li{display:inline-block;width: 25%;line-height: 4rem;text-align: center;}

.n_fanyule .fl03 .right ul li a{display: block;}

.n_fanyule .fl03 .right ul li img{display:inline-block;max-width: 58%;max-height: 1.375rem;}

.n_fanyule .fl03 .right .box .miso-prev,.n_fanyule .fl03 .right .box .miso-next{ width:42px; height:12px; top:0.75rem; opacity:0.2; transition:0.6s}

.n_fanyule .fl03 .right .box .miso-prev{ background:url(/static/style/pc/images/left03.svg) center no-repeat; left:auto; right:56px}

.n_fanyule .fl03 .right .box .miso-next{ background:url(/static/style/pc/images/right03.svg) center no-repeat}

.n_fanyule .fl03 .right .box .miso-prev:hover,.n_fanyule .fl03 .right .box .miso-next:hover{ opacity:1}



.tc-box .n_baiodan{background:#fff;box-shadow:0 0 15px rgba(0,0,0,0.25);max-height: 94vh;overflow: hidden;overflow-y: scroll; max-width:768px; margin:0 auto}

.tc-box .n_baiodan { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -webkit-tap-highlight-color: transparent;}

.tc-box .n_baiodan::-webkit-scrollbar{width:7px;height:7px;background-color:transparent;}

.tc-box .n_baiodan::-webkit-scrollbar-track{border-radius:3px;background-color:transparent;}

.tc-box .n_baiodan::-webkit-scrollbar-thumb{border-radius:3px;width:17px;height:17px;background-color:#333;}

.tc-box .n_baiodan .fl01 .left{ padding:0}

.tc-box .n_baiodan .fl01 .left .layui-form .layui-form-label{ height:40px; line-height:16px}

.tc-box .n_baiodan .fl01 .content{ padding:3rem 5rem 1rem}



.tc1 .n_baiodan .close{ right:12px; top:12px;}

.tc1 .n_baiodan .close svg{ fill:#333; width:14px; height:14px;}





.n_hangye .fl01{ padding-bottom:6.25rem}

.n_hangye .fl01 .left{width: 60%; position:relative; }

.n_hangye .fl01 .left:before{content:"";position:absolute;left: 20px;right: 20px;top: -20px;background: #F1F6FC;height: 20px;box-shadow: 0px 0px 40px 0px #DCE3F0;}

.n_hangye .fl01 .left:after{content:"";position:absolute;left: 10px;right: 10px;top: -10px;background: #DFE9F5;height: 10px;box-shadow: 0px 0px 40px 0px #DCE3F0;}

.n_hangye .fl01 .left .img{width:100%;overflow:hidden;object-fit: cover;position:relative;}

.n_hangye .fl01 .left .top{ position:absolute; top:0; right:0; bottom:0; left:0; background:url(/static/style/pc/images/n_hangye_top.png) center no-repeat; background-size:100% 100%; }

.n_hangye .fl01 .left .top .box_table{ text-align:right; padding:0 2.5rem}

.n_hangye .fl01 .left .top svg{ position:absolute; right:2.5rem; top:2rem;}



.n_hangye .fl01 .left .top h4{font-size: 2rem;color:#fff;line-height: 3rem;display:inline-block;width:60%;}

.n_hangye .fl01 .left .top h6{ position:absolute; right:2.5rem; bottom:2rem; font-size:1.125rem; color:rgba(255,255,255,0.9)}

.n_hangye .fl01 .right{width:40%;padding: 2.5rem 0 0 5rem; }

.n_hangye .fl01 .right h4{font-size:1.75rem;color:#333;line-height: 2.5rem;max-height: 5rem;overflow:hidden;font-weight: bold;max-width: 80%;}

.n_hangye .fl01 .right p{font-size:1rem;line-height:26px;max-height: 104px;overflow: hidden;color:#666666;margin: 1.5rem 0 1.5rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}

.n_hangye .fl01 .right h6{font-size:14px;color:#ddd;margin-top: 4rem;}

.n_hangye .fl01 .more01{text-align:left;margin-bottom: 4rem;}

.n_hangye .fl01 .more01 font{ font-size:16px;}



.n_hangye .fl02{ position:relative;}

.n_hangye .fl02:before{content:"";position:absolute;bottom: 0;top:50%;margin-top:-19.0625rem;width:100%;background:#F1F4F7;}

.n_hangye .fl02 .w1200{ position:relative}

.n_hangye .fl02 ul{ font-size:0; margin:0 -1.25rem}

.n_hangye .fl02 ul li{ display:inline-block; width:50%; padding:0 1.25rem; margin-bottom:5rem}

.n_hangye .fl02 .left{width: 100%; position:relative}

.n_hangye .fl02 .left:before{content:"";position:absolute;left: 20px;right: 20px;top: -20px;background: #F1F6FC;height: 20px;box-shadow: 0px 0px 30px 0px #DCE3F0;}

.n_hangye .fl02 .left:after{content:"";position:absolute;left: 10px;right: 10px;top: -10px;background: #DFE9F5;height: 10px;box-shadow: 0px 0px 30px 0px #DCE3F0;}

.n_hangye .fl02 .left .img{width:100%;overflow:hidden;object-fit: cover; position:relative}

.n_hangye .fl02 .left .top{ position:absolute; top:0; right:0; bottom:0; left:0; background:url(/static/style/pc/images/n_hangye_top.png) center no-repeat; background-size:100% 100%; }

.n_hangye .fl02 .left .top .box_table{ text-align:right; padding:0 2.5rem}

.n_hangye .fl02 .left .top svg{ position:absolute; right:2.5rem; top:2rem;}

.n_hangye .fl02 .left .top h4{ font-size:1.875rem; color:#fff; line-height:2.75rem; display:inline-block;}

.n_hangye .fl02 .left .top h6{ position:absolute; right:2.5rem; bottom:2rem; font-size:14px; color:rgba(255,255,255,0.9)}

.n_hangye .fl02 .right{width:100%;padding:1.875rem;height:13.4375rem;background:#fff;border-radius: 2px;border: 2px solid #E1E9F8;border-top: none;}

.n_hangye .fl02 .right h4{font-size:1.75rem;color:#333;line-height:2.375rem;height:4.75rem;overflow:hidden;font-weight: bold;}

.n_hangye .fl02 .right p{font-size:1.125rem;line-height:2.125rem;max-height:6.375rem;overflow: hidden;color:#333333;margin:0 0 1.5rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.n_hangye .fl02 .right h6{ font-size:14px; color:#ddd}

.n_hangye .fl02 .more01{text-align:left;margin-bottom: 4rem;}

.n_hangye .fl02 .more01 font{ font-size:16px;}



.n_hangye .fl03{ position:relative;}

.n_hangye .fl03 .w1200{ position:relative}

.n_hangye .fl03 ul{ font-size:0; margin:0 -1.25rem}

.n_hangye .fl03 ul li{ display:inline-block; width:33.333333%; padding:0 1.25rem; margin-bottom:2.75rem}

.n_hangye .fl03 .left{width: 100%; position:relative; }

.n_hangye .fl03 .left:before{content:"";position:absolute;left: 12px;right: 12px;top: -12px;background: #F1F6FC;height: 12px;box-shadow: 0px 0px 10px 0px #DCE3F0;}

.n_hangye .fl03 .left:after{content:"";position:absolute;left: 6px;right: 6px;top: -6px;background: #DFE9F5;height: 6px;box-shadow: 0px 0px 20px 0px #DCE3F0;}

.n_hangye .fl03 .left .img{width:100%;overflow:hidden;object-fit: cover;position:relative;z-index: 1;}



.n_hangye .fl03 .left .top{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/static/style/pc/images/n_hangye_top.png) center no-repeat;background-size:100% 100%;z-index: 1;}

.n_hangye .fl03 .left .top .box_table{ text-align:right; padding:0 2.5rem}

.n_hangye .fl03 .left .top svg{ position:absolute; right:2.5rem; top:2rem; }

.n_hangye .fl03 .left .top h4{ font-size:1.25rem; color:#fff; line-height:1.875rem; display:inline-block;}

.n_hangye .fl03 .left .top h6{ position:absolute; right:2.5rem; bottom:2rem; font-size:12px; color:rgba(255,255,255,0.9)}

.n_hangye .fl03 .more01{text-align:left;margin-bottom: 0;}

.n_hangye .fl03 .more01 font{ font-size:16px;}







.n_about .fl05 .content .dot00 svg{ position:relative; z-index:2}

.n_about .fl05 .content .dot00 svg.icon01{ position:absolute; top:0; z-index:0}

.n_about .fl05 .content .dot00.on .box{ opacity:1; visibility:visible; bottom:3rem}

.n_about .fl05 .content .dot00.on svg.icon01{animation: bianda 1.5s linear infinite; }

@keyframes bianda

	{

	0%{

	  transform:scale(1.4); opacity:0.5;

	}

	50% {

	  transform:scale(1); opacity:1;

	}

	100% {

	  transform:scale(1.4); opacity:0.5;

	}

}				



.item__img {

	height: 100%;

	top: 0;

	width: 100%;

	position: relative;

}



.lwy_cc, .lwy_cc .item{width:100%;height:100%;position: relative;}



.n_tz_cwbg{padding: 3rem 0 2rem;}

.n_tz_cwbg .top_bt{ margin-bottom:3.75rem}

.n_tz_cwbg .top_bt a{ font-size:2rem; color:#333}

.n_tz_cwbg .top_bt a svg{ display:inline-block; width:2rem; height:2rem; vertical-align:middle; fill:#333}

.n_tz_cwbg .left{ width:15rem;}

.n_tz_cwbg .left ul{ position:relative}

.n_tz_cwbg .left ul:before{content:"";position:absolute;width:1px;top: 6px;bottom: 6px;background:#D8D9DC;left: 3px;}

.n_tz_cwbg .left ul li{ font-size:14px; color:#666; margin-bottom:2.5rem; padding-left:28px; position:relative; cursor:pointer}

.n_tz_cwbg .left ul li:before{ content:""; position:absolute; width:7px; height:7px; border-radius:50%; background:#D8D9DC; left:0; top:50%; margin-top:-3.5px}



.n_tz_cwbg .left ul li.on:before{ background:#4278FF;}

.n_tz_cwbg .left ul li.on{color:#4278FF;font-size: 1.125rem;}

.n_tz_cwbg .left ul li:hover{color:#4278FF;}





.n_tz_cwbg .right{ width:calc(100% - 15rem); margin-bottom:3rem}

.n_tz_cwbg .right .fl00{ font-size:0; margin-bottom:2rem}

.n_tz_cwbg .right .fl00 .time{ display:inline-block; width:135px; font-size:2rem; color:#333; vertical-align:top}

.n_tz_cwbg .right .fl00 ul{ display:inline-block; width:calc(100% - 135px);}

.n_tz_cwbg .right .fl00 ul li{ margin-bottom:2rem}

.n_tz_cwbg .right .fl00 ul li .con{ width:calc(100% - 50px);}

.n_tz_cwbg .right .fl00 ul li .con h5{font-size:1.125rem;color:#333;line-height:1.25rem;height:1.25rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom: 0.875rem; transition:0.6s}

.n_tz_cwbg .right .fl00 ul li .con h6{ font-size:14px; color:#999}

.n_tz_cwbg .right .fl00 ul li .tubiao{ width:50px; text-align:right}



.sticky{position:sticky;top: 120px;padding: 0;z-index: 1000;}



.n_tzgx{ min-height:600px; padding:3rem 0 10rem}

.n_tzgx .left{ width:25.375rem}

.n_tzgx .left ul{background:#4278FF;padding: 1.375rem 0 3rem;}



.n_tzgx .left ul li{text-align:right;font-size:1.7rem;line-height:5rem;color:#fff;padding-right:5rem;transition:0.6s;cursor: pointer;opacity: .6;}

.n_tzgx .left ul li.on{ color:#FBBC00; opacity:1}

.n_tzgx .left ul li:hover{ opacity:1}



.n_tzgx .right{ width:calc(100% - 25.375rem); padding-left:3.75rem; padding-top:3.75rem}

.n_tzgx .right .fl00{ margin-bottom:4rem}

.n_tzgx .right .tit{ font-size:2rem; border-bottom:#DBDBDB 1px solid; padding-bottom:1.25rem; overflow:hidden; margin-bottom:1.25rem}

.n_tzgx .right .tit a{font-size:14px;color:#4278FF;float:right;transition:0.6s;line-height: 2rem;}

.n_tzgx .right ul li{font-size:1.125rem;color:#333;line-height:58px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.n_tzgx .right ul li h5{transition:0.6s;color:#333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 1.125rem;}

a{ color:inherit}

.n_tzgx .right p{ font-size:1.125rem; color:#000; line-height:2.375rem}



.nav>ul>li:nth-child(7) .rd-navbar-dropdown li:last-child{ display:none}

.img{ position:relative}

.img .img_hezi{padding-bottom: 56% !important;}

.img img{position:absolute;top:0;right:0;bottom:0;left:0;object-fit:cover;height: 100%;width: 100%;}



.miso-prev.on svg, .miso-next.on svg{opacity:0.2;cursor: not-allowed;}



.anniu_con.on svg{ fill:rgba(51, 51, 51,0.1) !important}





 



.more02{text-align: left;line-height: 24px;}

.more02 a{ display:inline-block; cursor:pointer}

.more02 .con{display:inline-block;vertical-align: top;width:24px;height:24px;line-height:22px;border: #4278FF 1px solid;border-radius:50%;position:relative;overflow: hidden;margin-right: 8px;}

.more02 .con img{ margin:-3px 0.375rem 0 0}

.more02 a font{ font-size:1rem; color:#4278FF}

svg.svg0001,svg.svg0002{width: 12px;height: 12px;position:absolute;will-change:transform;transition: 0.6s;left: 5px;top: 5px;fill: #4278FF;}

svg.svg0002{-webkit-transform: translateY(-150%);transform: translateY(-150%);opacity: 0;}



.more03{text-align: left;line-height: 24px;}

.more03 a{ display:inline-block; cursor:pointer}

.more03 .con{display:inline-block;vertical-align: top;width:24px;height:24px;line-height:22px;border: #999999 1px solid;border-radius:50%;position:relative;overflow: hidden;margin-right: 8px;}

.more03 .con img{ margin:-3px 0.375rem 0 0}

.more03 a svg{ fill:#999999}

.more03 a font{ font-size:14px; color:#666666}



.more04 .con01{ display:inline-block; cursor:pointer}

.more04 .con01{display:inline-block;vertical-align: top;width:24px;height:24px;line-height:22px;border: #4278FF 1px solid;border-radius:50%;position:relative;overflow: hidden;margin-right: 8px;}

.more04 .con01 img{ margin:-3px 0 0 0}

.more04 .con01 svg{ fill:#4278FF}

.n_about .fl03 ul li a .img_hezi{ width:100%; padding-bottom:100%}

.n_about .fl03 ul li a .box_table{ position:absolute; top:0; right:0; bottom:0; left:0;}



li svg#icon01, li svg#icon02, li svg#icon03, li svg#icon04, li svg#icon05, li svg#icon06, li svg#icon07, li svg#icon08, li svg#icon09, li svg#icon10{transition:0.6s;opacity:0;transition-delay: 0.6s;}

li.aos-animate svg#icon01, li.aos-animate svg#icon02, li.aos-animate svg#icon03, li.aos-animate svg#icon04, li.aos-animate svg#icon05, li.aos-animate svg#icon06, li.aos-animate svg#icon07, li.aos-animate svg#icon08, li.aos-animate svg#icon09, li.aos-animate svg#icon10{opacity:1;}



.n_jishu .fl05 .miso_bd ul li a h3 svg{ opacity:1 !important}



.img_zd{position:relative;}

.n_detail .fl03 ul li a .img_zd .img_hezi{padding-bottom: 56% !important;}

.img_zd .donghua{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%}

#bodymovin{ overflow:hidden}

/*#bodymovin>div{transform: none !important; width:100% !important; height:100% !important}*/



#bodymovin2{ }

.n_banner_pp{ background:#fff}

.n_banner_pp .box_table{ text-align:right}

.n_banner_pp .box_table h5{ font-size:1.25rem; color:#fff; margin-bottom:0.5rem; text-transform:uppercase}



.n_pinpai.n_gonggong .title{ position:relative}

.n_pinpai.n_gonggong .title h5{font-size: 14px;color: #666666;text-transform:uppercase;margin-bottom: 1rem;}

.n_pinpai.n_gonggong .title h3{font-size: 2rem;color:#000000;}

.n_pinpai .fl01 .down_bs{margin:-6rem 0 4rem;position: relative;}

.n_pinpai .fl01 .down_bs ul{ font-size:0}

.n_pinpai .fl01 .down_bs ul li{ display:inline-block; margin-left:0.625rem}

.n_pinpai .fl01 .down_bs ul li a{ display:inline-block; width:11.25rem; height:3.125rem; line-height:3.125rem; background:#4278FF; text-align:center; border-radius:2px; transition:.36s}

.n_pinpai .fl01 .down_bs ul li.more02 .con{border:#fff 1px solid;margin: 0.75rem 0.5rem 0;}

.n_pinpai .fl01 .down_bs ul li.more02 a font{ color:#fff}

.n_pinpai .fl01 .down_bs ul li.more02 a svg{ fill:#fff}



.n_pinpai .w1200{max-width:1200px;}



.n_pinpai .fl01 .left{ width:64%}

.n_pinpai .fl01 .left .img .img_hezi{padding-bottom: 26.45% !important;}

.n_pinpai .fl01 .right{ width:36%; padding-left:3.25rem}



.n_pinpai .fl01 .right h4{position: relative;z-index: 2;font-size: 1.25rem;color: #1F2D3F;font-weight: bold;font-family: PingFangSC-Regular, PingFang SC;padding-bottom: 1rem;margin-bottom: 1rem;line-height: 1.5rem;}

.n_pinpai .fl01 .right h4:before {content: "";height: 3px;position: absolute;left: 0;width: 1.125rem;right: 100%;bottom: 0;margin-left: 0;-webkit-transition: 0.36s;transition: 0.36s;background: #ffb81a;background-size: 100% 3px;border-radius: 1.5px;}

.n_pinpai .fl01 .right h4:after {content: "";width: 3rem;height: 3px;position: absolute;left: 1.125rem;right: 100%;bottom: 0;margin-left: 0;-webkit-transition: 0.36s;transition: 0.36s;background: #4278FF;background-size: 100% 3px;border-radius: 1.5px;}

.n_pinpai .fl01 .right p{font-size:14px;line-height:24px;color:#333333;margin-bottom:24px;letter-spacing: 0px;}



.n_pinpai .fl03{ background: #F1F4F7; padding:5rem 0}

.n_pinpai .fl03 .left{ width:54%; padding-right:5.75rem; padding-top:0.5rem}

.n_pinpai .fl03 .left .img .img_hezi{ padding-bottom:32.79% !important}

.n_pinpai .fl03 .left .img{ max-width:555px}

.n_pinpai .fl03 .right{ width:36%; padding-right:3.25rem; }

.n_pinpai .fl03 .right h4{position: relative;z-index: 2;font-size: 1.25rem;color: #1F2D3F;font-weight: bold;font-family: PingFangSC-Regular, PingFang SC;padding-bottom: 1rem;margin-bottom: 1rem;}

.n_pinpai .fl03 .right h4:before {content: "";height: 3px;position: absolute;left: 0;width: 1.125rem;right: 100%;bottom: 0;margin-left: 0;-webkit-transition: 0.36s;transition: 0.36s;background: #ffb81a;background-size: 100% 3px;border-radius: 1.5px;}

.n_pinpai .fl03 .right h4:after {content: "";width: 3rem;height: 3px;position: absolute;left: 1.125rem;right: 100%;bottom: 0;margin-left: 0;-webkit-transition: 0.36s;transition: 0.36s;background: #4278FF;background-size: 100% 3px;border-radius: 1.5px;}

.n_pinpai .fl03 .right p{font-size:14px;line-height:24px;color:#333333;margin-bottom:24px;letter-spacing: 0px;}



.n_pinpai .fl01 .left .img{ max-width:767px}



.n_pinpai .fl01{padding: 2rem 0 6.25rem;overflow:hidden;}

.n_pinpai .fl01 .title{ position:relative; margin-bottom:2.5rem}



.n_pinpai .fl02{ padding-bottom:6.25rem}

.n_pinpai .fl02 .title{margin-bottom:2rem;line-height: 1.75rem;}

.n_pinpai .fl03 .title{ font-size:1.75rem; color:#000; font-weight: bold; margin-bottom:2.5rem}



.n_pinpai .fl04{ padding:6.25rem 0}

.n_pinpai .fl04 .title{ margin-bottom:3rem}



.n_pinpai .fl05{ padding:0 0}

.n_pinpai .fl05 .title{ margin-bottom:3rem}





.n_pinpai.n_gonggong .title h3 small{ font-size:14px; margin-left:2rem}



.n_pinpai .fl06{ padding:6.25rem 0}



.n_pinpai .fl06 .left{ width:65.84%}

.n_pinpai .fl01 .left .img{ max-width:790px}

.n_pinpai .fl06 .left .img .img_hezi{padding-bottom: 49.37% !important;}

.n_pinpai .fl06 .right{width:calc(100% - 65.84%);padding-left: 1.875rem;}

.n_pinpai .fl06 .right .img .img_hezi{padding-bottom:102.63% !important;}

.n_pinpai .fl06 .right .img{ max-width:380px}



.n_pinpai .fl07{padding:8.75rem 0rem;background:#EEF7FF;text-align: center;}



.n_pinpai .fl07 .down_bs{ margin:0}

.n_pinpai .fl07 h3{ font-size:2rem; color:#000; }



.n_pinpai .fl07 h4{ font-size:14px; color:#666; margin:1.5rem 0 4.375rem}



.miso-prev.on svg.svg02, .miso-next.on svg.svg02{opacity:0 !important}



.n_banner .right{padding-top: 0rem;padding-right: 10rem !important;width: 56% !important;}



.n_banner001 .right{padding-top: 0rem;padding-right: 0 !important;width: 66% !important;bottom: -5.5rem !important;}



.n_banner002 .right{padding-top: 0rem;padding-right: 0 !important;width: 64% !important;bottom: -3.5rem !important;}



.n_banner .img_zd .img_hezi{ padding-bottom:36.25% !important}



.rd-dropdown-item ul li a{padding: 0 56px 0 44px;display: block;color: #666;}

.n_detail .fl03 ul li a .con h4{transition: .36s;}

.rd-dropdown-item ul li.active a{ color:#4278FF}



.n_join .fl03 .left .miso-list{ overflow:visible}



.n_news .fl03 .right ul li.war_wap, .n_detail .fl03 ul li.ar_wap{ display:none !important}



/*==========================================内页 实现=============================================*/









<!--耗时1772178409.0104秒-->