
.ar_wap{ display:none}
.a_body{ position:relative; z-index:0;}
.section{ overflow:hidden;}

header{height: 95px;position:  relative;z-index: 10;}
.n_container{position:relative;z-index:0;min-height: 500px;}

.logo{line-height: 85px;}
.logo img{}


.top_tel{float: left;
    height: 95px;
    position: relative;
    margin-left: 20px;
    font-size: 18px;
    color: #555555;
    font-weight: bold;
    font-family: arial;
    margin-left: 33px;}
.top_tel p:before{ content:""; display:inline-block; width:1px; height:15px; background:#c0c0c1; vertical-align:middle; position:absolute; left:-28px; top:4px;}
.top_tel p{ padding-left:26px; background:url(../images/top_tel.png) left center no-repeat; display:inline-block; position:relative;}

.top_yuyan{ float:left; height:95px; line-height:95px; position:relative; margin-left:20px; font-size:14px; color:#7c7c7d; margin-left:33px; padding-left:28px; background:url(../images/top_yuyan.png) left center no-repeat;}
.top_yuyan a{ margin:0 10px;}
.top_yuyan a:hover{ color:#059340;}
.top_yuyan i{ color:#cdcdcd;}
.j_tab_cel {
    width: 100%;
    height: 95px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.navBox{position:relative;height: 95px;display:  table;}
.navBox ul.nav{ display:  table-cell; vertical-align: middle;}
.navBox ul.nav>li{text-align:center;float:left;position:relative;}
.navBox ul.nav>li h3 a{font-size: 15px;line-height: 95px;height: 95px;color: #575757;display:block;transition:ease .3s;-webkit-transition:ease .3s;position:relative;width: 80px;}
.navBox ul.nav>li.on h3 a:before,.navBox ul li:hover h3 a:before{height: 3px;}
.navBox ul.nav>li.on h3 a,.navBox ul li:hover h3 a{color:#fff;background: #3875f6;}


.subNavbox a:before{content:"";position:absolute;top: 0;height: 0;background: rgb(89, 86, 86);right:0;width: 100%;-webkit-transition: 0.6s;-moz-transition: 0.6s;-o-transition: 0.6s;transition: 0.6s;z-index: -1;}
.subNavbox a:hover:before{left:0;height: 100%;}

.navBox .subNavbox{display:none;width: 150%;left: 0;top: 95px!important;position:absolute;background: #3875f6;line-height:26px;z-index:999;padding: 0;}
.navBox .subNavbox li{ zoom:1; }
.navBox .subNavbox a{display:block;line-height: 40px;font-size:14px;color:#fff;color: #fff;position:relative;z-index:0;font-weight: bold;}
.navBox .subNavbox a:hover{color:#fff;font-weight: bold;}
.navBox .subNavbox a span{ position:relative; z-index:1}



.n_nav_box{height: 62px;border-bottom: 1px solid #e5e6e6;box-sizing: border-box;}
.n_nav_box .m{ position:relative;}
.n_nav{float: left;position:relative;text-align: left;font-size:0;}
.n_nav a{display:inline-block;height: 62px;line-height: 62px;text-align: center;box-sizing: border-box;position: relative;margin-right: 45px;transition: 0.6s;}
.n_nav a:first-child{}
.n_nav a strong{display:block;color: #555555;position:relative;z-index:4;font-size: 15px;height: 62px;line-height: 62px;font-weight: 100;padding: 0 10px;}
.n_nav a strong:after{content:"";bottom:0;left:50%;width:0;height: 1px;transition: 0.6s;position: absolute;}

.n_nav .on strong,.n_nav a:hover strong{ color:#3875f6}
.n_nav .on strong:after,.n_nav a:hover strong:after{ width:100%; left:0}



@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}
@media (max-width:328px){html{font-size:12px;}}

/*==========================================公共 开始=============================================*/
.ar_wap{ display:none}
.a_body{ position:relative; z-index:0;}
.section{ overflow:hidden;}

.header_top{position:relative;z-index: 10000000;}

.header{z-index: 4777;padding: 0 0 0 3.5rem;position: fixed;height: 94px;top: 0;transition: 0.6s;width: 100%;background: #fff;}
.header:before{content:"";position:absolute;top:0;left: 0;margin-left: 0;width: 100%;height: 94px;background: transparent;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.header .h-container{padding: 0 25px;width: 1200px;margin: 0 auto;}
.header .logo {display: block;float: left;height: 94px;line-height: 94px;position: relative;}
.header .logo img.img02{ display:none}
.header .right{margin-right: 0;}

.header:after{ content:""; position:absolute; bottom:0; left:0; width:0; height:1px; background:rgba(255,255,255,0.2); transition:3s}
.header.on:after{ width:100%}


.nav{float: left;position:relative;}
@media only screen and (min-width: 1400px){
.nav li{position: relative;display: block;}
}

@media screen and (max-width: 1410px){
.nav li{position: relative;display: block;}
}



.header .layui-container{ transition:1s}
.header.width{position:fixed;top:0;width: 100%;box-shadow: 0 0 10px rgba(0,0,0,0.25);}
.header.width .layui-container{ max-width:100%}
.header.width:before{width:100%;margin-left: 0;left: 0;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;background: #fff;}
.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: #ca0e2a;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}


.rd-navbar-main-element { position: absolute; float: left;}
.rd-navbar-nav-wrap.active {
    transform: translateX(0);
}
.rd-navbar-nav-wrap {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.9);
    box-shadow: none;
}
.rd-navbar-nav-wrap {
    position: fixed;
    left: 0;
    top: -37px;
    bottom: -56px;
    z-index: 1020009;
    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: #fff;letter-spacing:2px;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(../image/erji_down.svg) center no-repeat;
    background-size: 9px;
}
.rd-nav-item.focus .rd-nav-link, .rd-nav-item.active .rd-nav-link, .rd-nav-item.opened .rd-nav-link {
    color: #ffffff;
    background: #ca0e2a;
}
.rd-navbar-submenu.opened > .rd-navbar-dropdown, .rd-navbar-submenu.opened > .rd-navbar-megamenu {
    display: block;
}
li.opened > .rd-menu {
    opacity: 1;
    height: auto;
}
li.opened > .rd-navbar-dropdown {
    padding: 4px 0 0;
}
.rd-menu {
    transition: opacity 0.3s, height 0.4s ease;
    opacity: 0;
}
.rd-navbar-dropdown {
}

li.opened > .rd-navbar-submenu-toggle::after {
    top: 0;
    transform: rotate(180deg);
    color:#fff;

}
.rd-navbar-submenu .rd-navbar-dropdown > li > a {

    padding-left: 30px;
}

.rd-megamenu-list > li > a, .rd-navbar-dropdown > li > a {

    color: rgba(255, 255, 255, 0.6);

}
.rd-megamenu-list > li > a, .rd-navbar-dropdown > li > a {
    display: block;
    padding: 9px 56px 9px 16px;
    font-size: 14px;
    line-height: 1.5;
}

.rd-nav-item.opened .rd-menu{ opacity:1}
.rd-navbar-open-right{ height:0}

.rd-nav-item.active .rd-navbar-submenu-toggle{ color:#fff}
.rd-navbar-submenu .rd-navbar-dropdown > li.active > a{color: #ffffff;}

#openBtn {
  display: none;
  position: fixed;
  top: 22px;
  right: 15px;
  cursor: pointer;
}

#openBtn .lcbody {
  width: 26px;
  height: 18px;
  position: relative;
}

#openBtn .lcbody .lcitem {
  width: 100%;
  height: 1px;
  position: absolute;
  transition: transform 0.36s ease;
}

#openBtn .lcbody .lcitem div {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: auto;
  right: 0;
  background: #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}

.header .content .right dl{float:left;font-size:0;line-height: 105px;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: #01479d; transition:0.6s; opacity:0; font-size:16px; color:#fff; text-align:left; padding-left:20px; line-height:46px}

.header .content .right dl dd a:hover .con{ width:180px; opacity:1}

.tc1 .tc{transition: all ease 0.6s;position: fixed;width: 100%;height: 100%;top: -100%;left: 0;z-index: 99999999;}

.tc1 .tc{pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transform:scale(1.1);}
.tc1 .tc.act{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;pointer-events: auto;transform:scale(1);top: 0;}
.tc1 .close:hover{ transform:rotate(180deg);}
.tc1 .close,.tc{ transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; } 
.tc1 .tc-box{position:absolute;overflow: hidden;top:50%;z-index:9999;width: 200px;height: 250px;left:50%;margin-left: -100px;margin-top: -125px;-webkit-animation-duration: 1.2s;animation-duration: 1.2s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-name: anim-close-2;animation-name: anim-close-2;}
.tc1 .tc.act{}
.tc1 .tc.act .tc-box{display: block;-webkit-animation-name: anim-open-2;animation-name: anim-open-2;transform:scale(1);}
.tc1 .close{position: absolute; cursor:pointer;font-size: 20px;right: 30px;top: 30px; }
.tc1 .tc-bg {height: 100%;background: rgba(0,0,0,.9);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}
.tc1 .tc-box h3 img{width: 200px;height: 200px;}
.tc1 .tc-box h5{width: 100%;height: 50px;line-height: 50px;font-size:1rem;color:#fff;text-align:center;}

.header .right .tel{float:left;width: 6.5625rem;height: 94px;text-align:center;border-left: #dfdfdf 1px solid;position: relative;}
.header .right .tel .tubiao{display:inline-block;vertical-align: top;line-height: 36px;}
.header .right .tel .tubiao .icon{width: 20px;height: 24px;fill:#fff;vertical-align: middle;}
.header .right .tel .con{display:inline-block;padding: 0;text-align:left;margin-left:0.75rem;}
.header .right .tel .con h5{font-size: 12px;color:#fff;margin-bottom: 8px;}
.header .right .tel img, .header .right .ewm img, .header .right .ewm.yuyan img{ -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; transition:0.6s}

.header .right .tel .con h3{font-size: 1.375rem;color:#fff;}
.header .right .ewm{float:left;width:6.5625rem;height: 94px;text-align:center;cursor:pointer;border-left: #dfdfdf 1px solid;position: relative;}
.header .right .ewm.yuyan{ font-size:15px; color:#404040}
.header .right .ewm.yuyan img{ margin:-3px 6px 0 0}
.header .right .ewm .icon{width: 34px;height: 24px;fill:#fff;}

.header .right .ewm .dd{padding-bottom:10px;padding-top:10px;position:absolute;top:100%;width: 100%;text-align:center;background: #ca0e2a;left: 0;border: 1px solid #ca0e2a;opacity: 0;visibility: hidden;transition: 400ms;transform: translateY(15px);z-index: 100;}
.header .right .ewm .dd:before{content:"";display:inline-block;border:8px solid transparent;border-bottom: 8px solid #ca0e2a;position:absolute;top:-16px;left:50%;margin-left:-8px;}
.header .right .ewm .dd a{display:block;text-align:center;line-height:30px;color: #fff;font-size:13px;padding:0 10px;}
.header .right .ewm .dd a:hover{ font-weight:bold; }
.header .right .ewm.on .dd{opacity:1; visibility: visible; transform: translate(0);}



.header.width .nav>ul>li>a{ color:#000000}
.header.width .right .tel .con h5{ color:#858585}
.header.width .right .tel .con h3{ color:#025db2}
.header.width .right .tel .tubiao .icon{ fill:#025db2}
.header.width .right .ewm .icon{ fill:#025db2}
.header.width .right .ewm h5{ color:#025db2}
.header.width .right .ewm.sousuo .icon{ fill:#4db858}
.header.width .right .ewm.sousuo h5{ color:#4db858}
.header.width .right .ewm, .header.width .right .tel{ border-left:#e5e5e5 1px solid}
.header.width .right #openBtn .lcbody .lcitem div{ background:#444}

.tc{ transition:all ease 300ms; position: fixed; width: 100%; height: 100%;  top: 0; left: 0; z-index:9999999999; pointer-events: none; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.tc.act{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;pointer-events: auto;}
.tc-box{
  width: 60rem; padding-top:40px;
  max-width:80%;
  margin:0 auto; margin-top:-80px;
  box-sizing:border-box;
  /* background:#fff; */
  display: block;
  position:relative;
  z-index:1;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  overflow:  hidden;
  }
.tc.act .tc-box{ -webkit-animation-name: anim-open-2; animation-name: anim-open-2; transform:scale(1);}
.close{ position: absolute; cursor:pointer; color:#e13a39; font-size:30px; right: 30px; top: 30px;}
.tc_bg { height: 100%; background: rgba(0,0,0,.85); position: absolute; top: 0; left: 0; width: 100%; z-index: 0;}
.tc_txt{ height:470px; overflow-y:auto; padding-right:30px;}
/*弹窗内容样式*/
.tc-box form{position:relative;border-bottom:2px solid #eee;height:4.25rem;padding-right: 0;position:relative;}
.tc-box .tc_fdj{ position:absolute; left:20px; display:block; height: 4.25rem; line-height: 4.25rem;}
.tc-box .tc_fdj img{ width:1.3rem;}
.tc-box form label{text-align:left;display:block;position:absolute;bottom:0;height: 4.25rem;line-height: 4.25rem;font-size:1.6rem;color:#999;pointer-events:none;margin-left: 0;transition:.3s;}

.tc-box form label.act{ font-size:16px; bottom:3rem;line-height: 3rem; height:3rem;}
.tc-box #keyword{width: 80%;height:4.25rem;padding: 0;font-size:1.6rem;color:#999;box-shadow:none;-webkit-appearance: none;float:left;border-right: 0;background:none;border: navajowhite;}
.tc-box .btn_blue{width: 40px;height:4.25rem; border:0; line-height:4.25rem;background:url(../image/search.png) center center no-repeat;font-size:1.125rem;color:#fff;cursor:pointer;text-transform:uppercase;float:right;}
.tc-box .btn_blue.fr{ background:#e9edef; color:#4e4f53;}

/*==========================================公共 结束=============================================*/


/*==========================================首页 开始=============================================*/

.banner_box{width: 100%;position: relative;z-index: 0;}
.banner{overflow:hidden;width: 100vw;}
.banner ul.miso-slider{ width:100% !important;}
.banner ul li.li01{height: calc(100vh - 94px);background-size: cover !important;position: relative;}
.banner ul li.li01 .box_table{text-align: center;}
.banner ul li.li01 .box_table img{ opacity:0; visibility:hidden; transition:1s; transform:translateY(100px)}
.banner.on ul li.li01.miso-current .table img{ opacity:1; visibility:visible; transform:translateY(0)}
.ban_po{position:absolute;bottom: 50px;font-size:20px;color:#fff;left:50%;margin-left: -205px;}
.ban_po font,.ban_po span{ font-family:Impact;}
.banner .miso-dots{left: 0;bottom: 60px;width: 100%;height:2px;}
.banner .miso-dots li{width: 50px;height:2px;padding:0;margin: 0 10px;background: #fff;}
.banner .miso-dots li button{width: 0;height:2px;padding:0;background: #fff; }
@-moz-keyframes a_slidercurrent {from { width: 0%; } to { width: 100%; }}
@-webkit-keyframes a_slidercurrent {from { width: 0%; } to { width: 100%; }} 
.banner .miso-dots li.miso-active button{width: 100%;background:#fed201; -moz-animation: a_slidercurrent 5s linear; -webkit-animation: a_slidercurrent 5s linear; -o-animation: a_slidercurrent 5s linear; animation: a_slidercurrent 5s linear;}

.banner ul li.li01 .box_table h6{font-size: 1.25rem;color:#fff;margin-bottom: 1rem;letter-spacing:0;transition:1s;margin-bottom:3rem;text-transform:uppercase;transform:translateY(50px);opacity:0;margin-top: -10rem;}
.banner ul li.li01 .box_table h3{font-size: 2.875rem;color:#fff;margin-bottom: 1rem;letter-spacing:5px;transition:1s; transform:translateY(50px); opacity:0}
.banner ul li.li01 .box_table h5{font-size: 2.875rem;color:#fff;font-weight:bold;letter-spacing:2px;transition:1s;transform:translateY(50px);opacity:0;margin-bottom: 4rem;}
.banner.on ul li.li01.miso-current .box_table h6{ transform:translateY(0); opacity:1}
.banner.on ul li.li01.miso-current .box_table h3{ transform:translateY(0); opacity:1}
.banner.on ul li.li01.miso-current .box_table h5{ transform:translateY(0); opacity:1}
.banner.on ul li.li01 .items.scaleBg{position:absolute;top:0; height:100%;left:0; width:100vw;background-size: cover !important; transition:1s}

.banner.on ul li.li01.miso-current .items.scaleBg{}


.datu{position:relative;width:100%;height: calc(100vh - 94px);top: 0; overflow:hidden}


.banner{position:relative;z-index:1;height: calc(100vh - 94px);width: 100%;z-index: 10;}
.banner .line_box{z-index:2;position:  absolute;width:  100%;height: 100%;top: 0;bottom: 0;}
.banner .line{ width:1px; top:0; z-index:10000; position:absolute; -moz-transition: all 2s ease-in-out;-webkit-transition: all 2s ease-in-out;-o-transition: all 2s ease-in-out;-ms-transition: all 2s ease-in-out;transition: all 2s ease-in-out;}
.banner .line01{left: 25%;height:0;background:rgba(255,255,255,0.2);}
.banner .line02{left: 50%;height:0;background:rgba(255,255,255,0.2);}
.banner .line03{left: 75%;height:0;background:rgba(255,255,255,0.2);}
.banner .miso-list li.miso-current .line_box.on .line01{ height:100%; transition-delay:2s}
.banner .miso-list li.miso-current .line_box.on .line02{ height:100%; transition-delay:3s}
.banner .miso-list li.miso-current .line_box.on .line03{ height:100%; transition-delay:4s}

.banner ul.slider,.banner ul.slider .miso-list,.banner ul.slider .miso-list .miso-track{ height:100%}
.banner .miso-list li{height:100%;text-align:left;}
.banner .miso-list li .img{position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover !important;z-index:1;-moz-opacity: 0;-khtml-opacity: 0;opacity: 1;filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transition:1.2s ease;-moz-transition:1.2s ease;-ms-transition:1.2s ease;-o-transition:1.2s ease;-webkit-transition:1.2s ease;font-size: 0;}
.banner .miso-list li.miso-current .img{visibility: visible !important; -moz-opacity: 1;-khtml-opacity: 1;opacity: 1;filter:alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.banner .miso-list li h2{ font-size:7.5rem; color:#fff; font-family:Tw Cen MT Condensed; text-transform:uppercase; font-weight:bold; margin:10px 0}
.banner .miso-list li h3{font-size:3rem;color:#fff;margin-bottom: 70px;}
.banner .miso-list li.miso-current h2{ top:0; filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1}
.banner .miso-list li a{overflow:hidden;position:relative;z-index: 100;}

@-webkit-keyframes scaleUpDown {
from { -webkit-transform: scale(1); transform: scale(1); }
to { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05);}
}
@keyframes scaleUpDown {
from { -webkit-transform: scale(1); transform: scale(1); }
to { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05);}
}
.banner .miso-prev,.banner .miso-next{ z-index:100000; width:65px; height:65px; line-height:63px; background:none; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; opacity:0.6}
.banner .miso-prev:hover,.banner .miso-next:hover{ opacity:1}
.banner .miso-prev{ left:3%; background:url(../image/left.png) center no-repeat; animation: moveL 2s linear infinite;}
.banner .miso-next{ right:3%; background:url(../image/right.png) center no-repeat; animation: moveL 2s linear infinite;}
.banner .con{height:100%;position:relative;z-index: 10;padding-left: 230px;}
@keyframes moveL{
  0%{ transform:translateX(0); -webkit-transform:translateX(0);}
  25%{ transform:translateX(-3px); -webkit-transform:translateX(-3px);}
  50%{ transform:translateX(0); -webkit-transform:translateX(0); }
  75%{ transform:translateX(3px); -webkit-transform:translateX(3px); }
  100%{ transform:translateX(0); -webkit-transform:translateX(0);}
  }
@-webkit-keyframes moveL{
  0%{ transform:translateX(0); -webkit-transform:translateX(0);}
  25%{ transform:translateX(-3px); -webkit-transform:translateX(-3px);}
  50%{ transform:translateX(0); -webkit-transform:translateX(0); }
  75%{ transform:translateX(3px); -webkit-transform:translateX(3px); }
  100%{ transform:translateX(0); -webkit-transform:translateX(0);}
  }

/*4产品系列*/
.datu .content{position: absolute;left: 0;right:0;bottom: 0;z-index: 10000;min-width: 1280px;padding: 5rem 0 3rem;-webkit-transform-origin: center bottom 0;-ms-transform-origin: center bottom 0;transform-origin: center bottom 0;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;transition: transform 0.9s ease 0s;-webkit-transition: transform 0.9s ease 0s;-ms-transition: transform 0.9s ease 0s;overflow: hidden;}
.binboxAct { background:#000000; -webkit-transform: perspective(600px) rotateX(90deg); -ms-transform: perspective(600px) rotateX(90deg); transform: perspective(600px) rotateX(90deg); transition: visibility 0.9s steps(1, end) 0s, transform 0.9s ease 0s; -webkit-transition: visibility 0.9s steps(1, end) 0s, transform 0.9s ease 0s; -ms-transition: visibility 0.9s steps(1, end) 0s, transform 0.9s ease 0s; visibility: hidden; }

.datu .content ul{}
.datu .content ul li{padding: 0 3.5rem;-webkit-transition: -webkit-transform 0.6s ease-in-out;-moz-transition: -moz-transform 0.6s ease-in-out;transition: all 0.6s ease-in-out;cursor:pointer;}

.datu .content ul li .con h4{font-size: 24px;color:#fff;text-transform:uppercase;margin-bottom: 10px;font-family: Californian FB;}
.datu .content ul li .con h3{font-size: 16px;color:#fff;line-height: 20px;}
.datu .content ul li .con h3 big{ font-size:20px; margin-right:5px}
.datu .content ul .miso-list{overflow: visible;}
.datu .content ul li.miso-current{ transform:translateY(-34px);-o-transform:translateY(-34px);-ms-transform:translateY(-34px);}
.datu .content ul li .box{ position:relative;}
.datu .content ul li .box a{display:inline-block;width:62px;height:62px;background: #fff;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;position:absolute;right:0;top: 8px;-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;-webkit-transition:1s;transform:translateY(70px);-o-transform:translateY(70px);-ms-transform:translateY(70px);overflow:hidden;}
.datu .content ul li:hover .box a,.datu .content ul li.miso-current .box a{ -moz-opacity: 1;-khtml-opacity: 1; opacity: 1; filter:alpha(opacity=1); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); transform:translateY(-10px);-o-transform:translateY(-10px);-ms-transform:translateY(-10px);}
.datu .content ul li .box .icon{-moz-opacity: 1;-khtml-opacity: 1; opacity: 1; filter:alpha(opacity=1); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); transition:1s; -moz-transition:1s; -ms-transition:1s; -o-transition:1s; -webkit-transition:1s; transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);}
.datu .content ul li:hover .box .icon{ -moz-opacity: 0;-khtml-opacity: 0; opacity: 0; filter:alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); transform:translateY(-70px);-o-transform:translateY(-70px);-ms-transform:translateY(-70px);}
.datu .content ul li .box a:before{ content:""; background:url(static/style/pc/images/jiantou1.png) center no-repeat; position:absolute; width:20px; height:14px; top:50%; margin-top:-7px; left:50%; margin-left:-10px; transition:1s; -moz-transition:1s; -ms-transition:1s; -o-transition:1s; -webkit-transition:1s;}
.datu .content ul li .box a:hover:before{ margin-left:40px;}
.datu .content ul li .box a:after{ content:""; background:url(static/style/pc/images/jiantou1.png) center no-repeat; position:absolute; width:20px; height:14px; top:50%; margin-top:-7px; left:50%; margin-left:-62px; transition:1s; -moz-transition:1s; -ms-transition:1s; -o-transition:1s; -webkit-transition:1s;}
.datu .content ul li .box a:hover:after{ margin-left:-10px;}

.ind_video_box > div {width: 0;height: 100%;display: inline-block;vertical-align: top;position: absolute;overflow: hidden;transition: 1s ease;bottom: 0;}
.banner .miso-list li .ind_video_box > div.can_video{transition:2s ease; }
.banner .miso-list li.miso-current .ind_video_box{/*-webkit-animation: scaleUpDown 9s forwards linear; animation: scaleUpDown 9s forwards linear;*/}
.ind_video_box img, .ind_video_box .ban_img {width: 100vw;height: calc(100vh - 94px);position: relative;object-fit: cover;}
.ind_video_box .can_video img{ transition:9s ease}
.ind_video_box .can_video:nth-child(1) img {left: 0; transform-origin: 0 100%; transform:scale(1.02)}
.ind_video_box .can_video:nth-child(2) img {left: -25vw;transform-origin: 0 100%; transform:scale(1.02)}
.ind_video_box .can_video:nth-child(3) img {left: -50vw;transform-origin: 0 100%; transform:scale(1.02)}
.ind_video_box .can_video:nth-child(4) img {left: -75vw;transform-origin: 0 100%; transform:scale(1.02)}

.banner .miso-list li.miso-current.on .ind_video_box .can_video:nth-child(1) img { transform:scale(1)}
.banner .miso-list li.miso-current.on .ind_video_box .can_video:nth-child(2) img { transform:scale(1)}
.banner .miso-list li.miso-current.on .ind_video_box .can_video:nth-child(3) img { transform:scale(1)}
.banner .miso-list li.miso-current.on .ind_video_box .can_video:nth-child(4) img { transform:scale(1)}


.banner .miso-list li.miso-current.on .ind_video_box > div.can_video{width: 25%;}

.banner .miso-list li.miso-current.on .ind_video_box > div.line_box {height: 100%;}

.ind_video_box > .ind_video_box:nth-child(1) {transition-delay: 0;}

.ind_video_box > .ind_video_box:nth-child(2) {transition-delay: 0.2s;}
.ind_video_box > .ind_video_box:nth-child(3) {transition-delay: 0.4s;}
.ind_video_box > .ind_video_box:nth-child(4) {transition-delay: 0.6s;}
.banner .miso-list li.miso-current .ind_video_box > div:nth-child(1) {left: 0;}
.banner .miso-list li.miso-current .ind_video_box > div:nth-child(2) {left: 25%;}
.banner .miso-list li.miso-current .ind_video_box > div:nth-child(3) {left: 50%;}
.banner .miso-list li.miso-current .ind_video_box > div:nth-child(4) {left: 75%;}

.banner-next {z-index: 1000;cursor: pointer;text-align: center;color: #ffffff;}
.banner-next span { display: block; }
.banner-next .next-text {-webkit-animation: fadeInDown 2s infinite;-moz-animation: fadeInDown 2s infinite;-o-animation: fadeInDown 2s infinite;-ms-animation: fadeInDown 2s infinite;animation: fadeInDown 2s infinite;position: relative;top: 65px;}
.banner-next .next-icon {position:relative;width: 35px;height: 35px;display: inline-block;margin-top: 20px;border: #ffffff 1px solid;border-radius: 50%;}

.banner-next .next-icon:before{content:"";width: 8px;height: 15px;position:absolute;left:50%;margin-left: -4px;top:50%;margin-top: -10px;background:url(../image/jiantou.png) center no-repeat;-webkit-animation: scroll 1.4s cubic-bezier(.15,.41,.69,.94) infinite;-moz-animation: scroll 1.4s cubic-bezier(.15,.41,.69,.94) infinite;animation: scroll 1.4s cubic-bezier(.15,.41,.69,.94) infinite;border-radius: 1.5px;}
@keyframes scroll {
  0% { opacity: 0; }
  10% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }
  100% { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -o-transform: translateY(0); transform: translateY(5px); opacity: 0;}
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -50%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInDown {
  animation-name: fadeInDown;
}

#s_fangan{overflow:hidden;height: 7.8125rem;position: absolute;z-index: 1000;width: 100%; bottom:4rem}
#s_fangan .content01{ background:#fff;}
#s_fangan .tt{width: 17.8125rem;float:left;background: #3875f6;color:#fff;height: 7.8125rem;font-size: 1.25rem;text-align:center;line-height: 7.8125rem; position:relative}
#s_fangan .tt:before{content:"";position:absolute;top:0;right:0;border-top:#fff 7.8125rem solid;border-left: transparent 3.75rem solid;border-right:transparent 0 solid;}
#s_fangan .tt span{ display:block; font-size:13px; margin-top:5px;}
#s_fangan ul{display:block;width: calc(100% - 17.8125rem);float:right;}
#s_fangan ul li{width:33.33%;height: 7.8125rem;float:left;position:relative;text-align:  center;}
#s_fangan ul li a{ display:block}
#s_fangan ul li+li:after{content:"";width:1px;display:block;background:#ececec;position:absolute;left:0;top:15px;bottom: 15px;}
#s_fangan ul li span{display: inline-block;height: 7.8125rem;width: 50px;}
#s_fangan ul li.li_1 span{ background:url(../image/s_fangan_ico1.png) center no-repeat;}
#s_fangan ul li.li_2 span{ background:url(../image/s_fangan_ico2.png) center no-repeat;}
#s_fangan ul li.li_3 span{ background:url(../image/s_fangan_ico3.png) center no-repeat;}
#s_fangan ul li h5{font-size: 1.125rem;color:#424446;display:  inline-block;line-height: 7.8125rem;margin-left: 10px;vertical-align: top;}
#s_fangan ul li p{ font-size:12px; color:#898a8b;}
#s_fangan ul li:hover span{ -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
@-webkit-keyframes jello {

    from, 11.1%, to { -webkit-transform: none; transform: none }
    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }

    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }



    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}

@-moz-keyframes jello {
    from, 11.1%, to { -moz-transform: none; transform: none }
    22.2% { -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}

@keyframes jello {
    from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }
    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}

.title00{ margin-bottom:3.75rem}
.title00 h3{ font-size:2rem; color:#000000; font-weight:bold; position:relative; padding-bottom:1.5rem; text-align:center}
.title00 h3 a{
    position:absolute;
    right:0;
    float:right;
    color:#333;
    font-weight:normal;
    display: inline-block;
    width: 140px;
    height: 40px;
    line-height: 38px;
    border: #ccc 1px solid;
    border-radius: 20px;
    font-size: 14px;
    transition: 0.6s;
    cursor: pointer;
    }
  
.title00 h3 a:hover{border: #ca0e2a 1px solid;color:#fff;background:#ca0e2a;}
.title00 h3:before{ content:""; width:25px; height:4px; background:#ca0e2a; position:absolute; left:50%; margin-left:-12.5px; bottom:0}
#s_news .title00 h3 a:hover img.img01{ display:none}
#s_news .title00 h3 a:hover img.img02{ display:inline-block}

#s_serve{ overflow:hidden}
#s_serve ul{ font-size:0}
#s_serve ul li{height: 31.25rem;position: relative;}
#s_serve ul li a{display:block;overflow:hidden;height: 100%;position: relative;}
#s_serve ul li.li_1{ background:#b2b6ba;}
#s_serve ul li.li_1 .box_table{ text-align:left}
#s_serve ul li .txt{width: 50%;position: relative;height: 100%;text-align: right;z-index: 1;background: #b2b6ba;}
#s_serve ul li.li_1 .txt01{max-width: 675px;width: 100%;height: 100%;overflow: hidden;display: inline-block;}
#s_serve ul li.li_2 .txt{ right:50%; margin-right:-600px; padding-left:104px;}
#s_serve ul li .txt .con{width: 86%;height: 100%;}
#s_serve ul li .txt .j_tab_cel{ text-align:left;}
#s_serve ul li .txt h4{font-size: 2rem;color:#fff;font-family:"Microsoft PhagsPa";font-weight:bold;line-height: 2.5rem;max-height: 5rem;overflow:hidden;text-transform: capitalize;}
#s_serve ul li .txt h4 font{ font-family:"Microsoft PhagsPa";text-transform:uppercase;}
#s_serve ul li .txt h5{font-size: 1.375rem;color:#fff;margin-top:12px;margin-bottom:20px;}
#s_serve ul li .txt p{ font-size:14px; color:#fff; line-height:26px; height:52px; overflow:hidden;}

#s_serve ul li .txt .more{ margin-top:40px; display:inline-block; transition:1s;}
#s_serve ul li .txt:hover .more{ transform:rotate(-90deg);}

#s_serve ul li .img{background-size:cover !important;width:50%;height:100%;position: absolute;top: 0;bottom: 0;right: 0;transition: 0.6s;z-index: 0;}

canvas {
  display:block;
}
.waves {
  position:absolute;
  z-index:0;
  left:0;
  right:0;
  bottom:0;
  height: 17rem;
}
#particles { position:absolute; top:0; left:0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}


#s_jishu{background:url(../image/s_jishu_bg.jpg) center no-repeat;background-size:cover;padding:7.5rem 0 4rem;overflow:hidden;position: relative;}
#s_jishu ul{ font-size:0}
#s_jishu ul li{display:inline-block;width:25%;text-align:center;transition:.5s;background-position: center bottom;}
#s_jishu ul li a{display: block;height: 12.5rem;width: 100%; position:relative; overflow:hidden; }
#s_jishu ul li a .box_table{ position:relative}
#s_jishu ul li a:before{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; transition:0.6s; transform:translateY(100%); border-radius:5px}
#s_jishu ul li font img{ transition:.7s; transform:scale(1);}
#s_jishu ul li h5{ font-size:20px; color:#4d4e4e; margin-top:20px; margin-bottom:20px; transition:.5s;}
#s_jishu ul li p{ font-size:14px; color:#fff; line-height:22px; height:0; overflow:hidden; transition:.5s; }
#s_jishu ul li span{ display:inline-block; width:36px; height:0px; border-radius:50%; background:url(static/style/pc/images/s_pro_more.png) center no-repeat; transition:.5s; margin-top:0;}

#s_jishu ul li a:hover:before{ transform:translateY(0); background:#ca0e2a; }
#s_jishu ul li a:hover h5{ color:#fff; }
#s_jishu ul li a:hover font img{ transform:scale(0.9);}
#s_jishu ul li a:hover span{ height:36px; margin-top:40px;}


#s_ceshi{ overflow:hidden}
#s_ceshi ul{ font-size:0}
#s_ceshi ul li{height: 31.25rem;position: relative;}
#s_ceshi ul li.li_1{ background:#3c4854;}
#s_ceshi ul li.li_1 .box_table{ text-align:left}
#s_ceshi ul li .txt{width: 50%;position: relative;height: 100%;text-align: left;right: 0;background: #3c4854;}
#s_ceshi ul li.li_1 .txt01{max-width: 675px;width: 100%;height: 100%;overflow: hidden;display: inline-block;}
#s_ceshi ul li.li_2 .txt{ right:50%; margin-right:-600px; padding-left:104px;}
#s_ceshi ul li .txt .con{width: 86%;height: 100%;float: right;}
#s_ceshi ul li .txt .j_tab_cel{ text-align:left;}
#s_ceshi ul li .txt h4{font-size:32px;color:#fff;font-family:"Microsoft PhagsPa";font-weight:bold;line-height:40px;max-height:80px;overflow:hidden;text-transform: capitalize;}
#s_ceshi ul li .txt h4 font{ font-family:"Microsoft PhagsPa";text-transform:uppercase;}
#s_ceshi ul li .txt h5{ font-size:22px; color:#fff; margin-top:12px; margin-bottom:20px;}
#s_ceshi ul li .txt p{ font-size:14px; color:#fff; line-height:26px; height:52px; overflow:hidden;}
#s_ceshi ul li .txt .more{ margin-top:40px; display:inline-block; transition:1s;}
#s_ceshi ul li .txt:hover .more{ transform:rotate(-90deg);}
#s_ceshi ul li .img{background-size:cover !important;width:50%;height:100%;transition: 0.6s;}

#s_ceshi .miso_hd{ margin-top:-3.5rem; margin-bottom:2rem}
#s_ceshi .miso_hd dl{ font-size:0; text-align:right}
#s_ceshi .miso_hd dl dd{padding: 0;display:inline-block;width:auto !important;margin-left:1rem;text-align:center;float:none;}
#s_ceshi .miso_hd dl dd a{ display:inline-block; width:120px; height:40px; line-height:36px; border:#8a9198 2px solid; border-radius:20px; font-size:15px; color:#fff; transition:0.6s; cursor:pointer}
#s_ceshi .miso_hd dl dd.miso-current a{ border:#ca0e2a 2px solid; background:#ca0e2a; color:#fff}

#s_product{padding:5.625rem 0;background: #f0f0f0;overflow: hidden;position: relative;}
#s_product ul li a{display:block;background: #fff;text-align:center;padding: 3rem 0 0;margin-right: 1px;cursor: pointer;}
#s_product ul li:nth-child(2n-1) a{background: #fff;}
#s_product ul li a h5{ font-size:1.25rem; color:#4a4a4a; height:1.375rem; line-height:1.375rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#s_product ul li a .img{ height:10.625rem; line-height:10.625rem; text-align:center}
#s_product ul li a .img img{ display:inline-block; max-width:80%; max-height:80%}
#s_product ul .miso-prev, #s_product ul .miso-next{ width:38px; height:38px;}
#s_product ul .miso-prev{ background:url(../image/left01.png) center no-repeat; left:-5rem}
#s_product ul .miso-next{ background:url(../image/right01.png) center no-repeat; right:-5rem}

.footer{padding:4.5rem 0 3.25rem;background:#373f47;overflow: hidden;}
.footer .left dl{display:inline-block;margin-right: 4rem;vertical-align: top;}
.footer .left dl dt{margin-bottom: 1rem;}
.footer .left dl dt,.footer .left dl dt a{font-size: 16px;color: #fff;}
.footer .left dl dd,.footer .left dl dd a{font-size: 14px;color: #91989d;line-height: 30px;transition: 0.36s;}


#s_lianxi .miso_hd .miso-list{ padding-bottom:2px}
#s_lianxi .miso_hd ul{font-size:0;text-align: left;border-bottom: #4b535a 1px solid;margin-bottom: 1.75rem;height: 39px;}
#s_lianxi .miso_hd ul li{padding: 0;display:inline-block;width:auto !important;margin-right: 2.375rem;text-align:center;float:none;}
#s_lianxi .miso_hd ul li a{display:inline-block;height:40px;border-bottom:transparent 3px solid;border-radius: 0;font-size: 16px;color:#fff;transition:0.6s;cursor:pointer;margin-bottom: -2px;}
#s_lianxi .miso_hd ul li.miso-current a{ border-bottom: #ca0e2a 3px solid;}
#s_lianxi .miso_bd .img{ width:120px; height:120px; border:#576378 1px solid; text-align:center; display:inline-block}
#s_lianxi .miso_bd .img img{ width:105px; height:105px; display:inline-block;}
#s_lianxi .miso_bd .con{display:inline-block;vertical-align: top;padding-left: 1.375rem;}
#s_lianxi .miso_bd .con h5{ font-size:16px; color:#c2c6c9; padding:10px 0 20px}
#s_lianxi .miso_bd .con p{ font-size:14px; color:#c2c6c9; line-height:21px;}









#s_lianxi .miso_bd .con p img{ display:inline-block; margin:-3px 0 0 16px}

footer{ background:#2c3339; padding:0.875rem 0}
footer p, footer p a{ font-size:12px; color:#c2c6c9; line-height:34px}
footer p .a{ font-size:14px; color:#fff; text-decoration:underline; margin-left:1.25rem}
footer .social-share-block{}
footer .social-share-block li {display: inline-block; width:36px; height:36px; border:1px solid #546270; border-radius:50%;vertical-align: middle; text-align:center;margin-right: 8px; }
footer .social-share-block li a {display: table-cell; width:34px; height:34px;vertical-align: middle;}
footer .social-share-block li a img{ opacity:.4;-webkit-transition: ease 0.3s;-moz-transition: ease 0.3s;-ms-transition: ease 0.3s;-o-transition: ease 0.3s;transition: ease 0.3s;}
footer .social-share-block li a:hover img { opacity: 0.7; }
footer .social-share-block li:last-of-type {margin-right: 0; }
.foot_ewm_btn{ position:relative;}
.foot_ewm_btn .dd{position:absolute;width:110px;height:110px;padding: 5px;background:#fff;bottom:60px;left:50%;margin-left:-55px;opacity:0;visibility:hidden;transition:.5s;}

.foot_ewm_btn .dd:before{ content:""; display:block; border:6px solid transparent; border-top:6px solid #fff; position:absolute; bottom:-12px; left:50%; margin-left:-6px; }
.foot_ewm_btn .dd img{ width:100px; height:100px;}
.foot_ewm_btn .dd.act{ bottom:50px; opacity:1; visibility: visible; }

.n_banner{ height:19.75rem; background-size:cover !important}
.n_banner .box_table{ text-align:left;}
.n_banner .box_table h3{ font-size:2.375rem; color:#fff;}
.n_banner .box_table h4{ font-size:14px; color:#fff; margin:0.75rem 0 0; padding-bottom:1.5rem; position:relative}




.n_title{height:75px;border-bottom:#e7e7ea 1px solid;padding: 0;position:relative;}
.n_title .w1400{position:relative}

.n_nav{ position:relative;}
.n_nav a{display:inline-block;height: 75px;font-size: 15px;float:left;line-height: 75px;color: #333333;text-align: center;box-sizing: border-box;position: relative;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;margin-right: 3.125rem;}
.n_nav a strong{display:block;color: #3f3f3f;position:relative;z-index:4;height: 75px;line-height: 75px;font-weight: normal;transition: 0.6s ease-in-out;}
.n_nav .on,.n_nav a:hover{color: #fff;}
.n_nav a:before{content:"";width:0;height: 3px;position: absolute;bottom: 0;left: 0;background: #3875f6;transition:0.6s ease-in-out;}
.n_nav .on:before,.n_nav a:hover:before{width: 100%;}
.n_nav .on strong,.n_nav a:hover strong{height: 75px;line-height: 75px;/* color: #ca0e2a; */}
.layui-col-md4{ height:75px}
.position{position:absolute;line-height: 75px;right: 0;bottom: 0;color: #7b7b7d;padding-left: 22px;font-size: 13px;background: url(../image/home_icon.png) left 30px no-repeat;}
.position span, .position a, .position i{font-size: 13px;color: #7b7b7d;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}

.position i{margin: 0px 5px;font-style:normal;}
.position i img{vertical-align:middle;margin-top: -2px;}
.position em{font-size:12px;color: #acacac;font-style: normal;}
.position a:hover{color: #ca0e2a;}
.n_main_box .main_box{width: 1200px;height: 80px;position:relative;margin: 0 auto;}

/*====移动端导航====*/
#m_n_nav{background: #ca0e2a;display: none;line-height: 50px;position: relative;z-index: 99;float: left;width: 100%;}
#bnt_back{position:absolute;left: 1rem;top:0;}
#bnt_back svg{fill: #fff;height: 30px;vertical-align: middle;width: 26px;}
#m_n_nav i{}
#m_n_nav h1{font-size: 14px;color: #fff;text-align: center;margin: 0;line-height: 50px;}
#bnt_sub_nav{position: absolute;right: 1rem;top: 0;cursor: pointer;color: #fff;font-size: 18px;}
#bnt_sub_nav svg{fill: #fff;height: 30px;vertical-align: middle;width: 20px;}
#bnt_sub_nav img{ display: block; height: 15px; }
#bnt_sub_nav.on img{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
#sub_nav_content{background: #f0f3f5; display: none; box-shadow: 0 0 5px #999; z-index: 9;}
#sub_nav_content ul{ padding:  10px;}
#sub_nav_content ul li { display: block; line-height: 28px; margin: 1rem 0;}
#sub_nav_content ul li a{ display:block; border-left:2px solid #ca0e2a; height:30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: #535455;}
#sub_nav_content ul li.on a{color: #ca0e2a;}
#sub_nav_content dl{font-size:0;overflow: hidden;background: #fff;padding: 10px 0;}
#sub_nav_content dt{position:relative;background:#fff;z-index: 999;width: 33.333333%;display: inline-block;margin-bottom: 0;float: left;text-align: center;}
#sub_nav_content dt a{margin:0 20px;display:block;color:#5b5349;line-height: 30px;font-size:14px;font-weight: 400;vertical-align: top;}
#sub_nav_content dt a i{position: absolute;right: 15px;top: 0;opacity:0;filter:alpha(opacity=0);display: none;}
#sub_nav_content dt a{}
#sub_nav_content dt.title{background:#fafafb;}
#sub_nav_content dt.title i{ opacity:1;filter:alpha(opacity=100);}
#sub_nav_content dt.title_on  { background:#fafafb;}
#sub_nav_content dt.title_on a{ color: #ca0e2a; border-top:1px solid #fff;}
#sub_nav_content dt.title_on a i{ color: #ca0e2a; }
#sub_nav_content dt.last a{border-top:1px solid #f8f8f8;}
#sub_nav_content dt.on a,#sub_nav_content dt.title_on a{color: #ca0e2a;}
#sub_nav_content dd{  display:none;}
#sub_nav_content dd .box{padding:0px 0px 0px 0px;}
#sub_nav_content dd a{ padding:0 25px;  line-height:30px;border-top:1px solid #e7e7e7;font-size:12px;color:#5b5349;display:block;height:30px;}
#sub_nav_content dd a.on{ color: #ca0e2a;}


.n_container{background:url(../image/n_container_bg.jpg) center bottom no-repeat;background-size:100% auto;width: 100%;}

.n_about{padding: 4rem 0 0;}
.n_about .fl01{padding-bottom: 0;}
.n_about .fl01 .left{width: 16.25rem;}
.n_about .fl01 .left h3{font-size:2rem;color:#333333;margin-bottom: 2.75rem;font-weight:bold;}
.n_about .fl01 .left h4{font-size:16px;color:#5e5f63;margin-bottom: 0.375rem;letter-spacing: 1px;}
.n_about .fl01 .left h5{font-family: Roboto;font-size: 14px;color:#bcbcbc;margin-bottom: 2.5rem;text-transform:uppercase;letter-spacing: 1px;}
.n_about .fl01 .right{width: calc(100% - 16.25rem);padding-left: 4rem;}
.n_about .fl01 .right .ar_article p{ color:#7d7d7d}

.n_about ul.ul01{font-size:0;overflow: hidden;margin: 3rem 0 4rem;}
.n_about ul.ul01 li{display:inline-block;width: auto;position:relative;text-align: left;margin-right: 6.25rem;}
.n_about ul.ul01 li a{display:inline-block;position:relative;padding: 0;text-align: left;}
.n_about ul.ul01 li a h3{font-size: 2.75rem;color: #333;margin-bottom:3px;padding: 0 0.5rem;}
.n_about ul.ul01 li a h3 span{font-weight: bold;font-family: Roboto;}
.n_about ul.ul01 li a h3 small{font-size: 2rem;color: #333;vertical-align: baseline;margin-left:0.5rem;font-family: Roboto;font-weight: bold;}
.n_about ul.ul01 li a h5{font-size: 14px;color: #76797c;padding: 0;}
.n_about ul.ul02{ padding-bottom:3.125rem}
.n_about ul.ul02 li img{ width:100%}
.n_about ul.ul02 .miso-dots{padding-bottom:0}
.n_about ul.ul02 .miso-dots li{ width:0.625rem; height:0.625rem; background:#a0a7ab; border-radius:50%; margin:0 0.625rem}
.n_about ul.ul02 .miso-dots li.miso-active{ background:#373f47;}
.n_about ul.ul02 .miso-prev, .n_about ul.ul02 .miso-next{width:50px;height:50px;background-size:cover !important;margin-top: -25px;opacity: 0;transition: 0.6s;}
.n_about ul.ul02 .miso-prev{ background:url(../image/left04.png) center bottom no-repeat; left:1.75rem}
.n_about ul.ul02 .miso-next{ background:url(../image/right04.png) center bottom no-repeat; right:1.75rem}

.n_bottom{ text-align:center; padding:4rem 0 5rem}
.n_bottom ul li{display:inline-block;margin: 0 1.25rem;cursor: pointer;}
.n_bottom ul li .img{display:inline-block;width:56px;height:56px;line-height: 54px;border: #a0a7ab 1px solid;border-radius:50%;text-align:center;overflow: hidden;padding: 8px 0;transition:0.6s;}
.n_bottom ul li .img svg{width:20px;height:20px;fill: #656f78;display:inline-block;vertical-align: middle;}
.n_bottom ul li .img h6{height: 40px;line-height: 38px;padding: 0;transition:0.6s;overflow: hidden;}
.n_bottom ul li h5{ font-size:14px; color:#606b71; margin-top:1rem; font-family:PingFang;}

.n_news_container{ background:#f4f5f9 url(../image/n_container_bg01.png) center bottom no-repeat; background-size:100% auto}

.n_news .fl01{padding: 4.375rem 0 3.25rem;}
.n_news .fl01 ul{font-size:0;margin: 0 -1.325rem;}
.n_news .fl01 ul li{width: 33.333333%;display:inline-block; *display:inline; *zoom:1;padding: 0 1.25rem;}
.n_news .fl01 ul li .img{ background:#000}
.n_news .fl01 ul li .img,.n_news .fl01 ul li .img img{ overflow:hidden; width:100%; position:relative}
.n_news .fl01 ul li .img a>img{ opacity:0.8}
.n_news .fl01 ul li .con{padding: 1.5rem 0;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;position:relative;border-top: none;}
.n_news .fl01 ul li .con:before{ content:""; position:absolute; right:0; top:0; height:100%; width:0; background:#15569d; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_news .fl01 ul li .con h5{font-size: 19px;height: 20px;line-height: 20px;color: #424242;position:relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; transition:0.6s}
.n_news .fl01 ul li .con p{font-size: 0.9375rem;color: #6e6e6e;line-height: 1.75rem;overflow:hidden;height: 3.5rem;margin: 0 0 1.5rem;position:relative;}
.n_news .fl01 ul li .con h6{font-size: 15px;color: #888887;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;font-family: Roboto;margin-bottom: 0.75rem;}
.n_news .fl01 ul li .con h6 .icon {vertical-align:middle;overflow: hidden;height:0.875rem;width:0.875rem;fill: #999;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;margin: -2px 0.25rem 0 0;}





.n_news .fl01 ul li .img .red-bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; }
.n_news .fl01 ul li .img .red-bg{background:rgba(0,0,0,0.45);}
.n_news .fl01 ul li .img .red-bg:before{ content:""; position:absolute; width:2.75rem; height:2.75rem; background:#15569d; border-radius:50%; top:50%; margin-top:-1.375rem; left:50%; margin-left:-1.375rem;}
.n_news .fl01 ul li .img .line { display: block; background: #fff; position: absolute; top: 50%; left: 50%; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; }

.n_news .fl01 ul li .img .line_1 { width: 16px; height: 2px; margin: -1px 0px 0px -8px; transform: translateX(-16px); -webkit-transform: translateX(-16px); }
.n_news .fl01 ul li .img .line_2 { width: 2px; height: 16px; margin: -8px 0px 0px -1px; transform: translateY(16px); -webkit-transform: translateY(16px); }

.n_news.more01 a small{color:#fff}
.n_news .fl01 .more01 a dl dd span:before{background:#fff;}

.n_news .fl02{padding: 0 0 0rem;}
.n_news .fl02 ul{font-size:0;margin: 0;border-top: #eaeaea 1px solid;margin-bottom: 0;}
.n_news .fl02 ul li{padding: 2.75rem 0;border-bottom: #e6e7ea 1px solid;position:relative;}
.n_news .fl02 ul li:last-child{ border:none}
.n_news .fl02 ul li:before{content:"";position:absolute;right:0;top:0;height:100%;width:0;background: #e6e7ea;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_news .fl02 ul li a{padding: 0;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;position:relative;display: block;}
.n_news .fl02 ul li a .img, .n_news .fl02 ul li a .img img{ float:left; width:19.375rem; height:13.75rem; overflow:hidden}
.n_news .fl02 ul li a h5{font-size: 19px;height: 20px;line-height: 20px;color: #3b3b3b;position:relative;margin-bottom: 0.75rem;overflow: hidden;text-overflow:ellipsis;white-space:nowrap; transition:0.6s}
.n_news .fl02 ul li a .con{height:13.75rem;width: calc(100% - 19.375rem);padding-left: 2rem;float: right;}
.n_news .fl02 ul li a .con .box_table{ text-align:left}
.n_news .fl02 ul li a p{font-size: 14px;color: #868686;line-height: 16px;height: 16px;margin: 1.55rem 0 2rem;position:relative;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.n_news .fl02 ul li a h6{font-size: 15px;color: #888887;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1rem;position:relative;font-family: Roboto;}
.n_news .fl02 ul li a span{font-size: 13px;color: #666666;font-family: "Microsoft Yahei"; transition:0.6s}
.n_news .fl02 ul li a h4{font-size: 0.9375rem;color: #666666;line-height:20px;}
.n_news .fl02 ul li a h4 span{margin-left: 12px;}

.title01 h3{ font-size:2rem; color:#333333; font-weight:bold; margin-bottom:3rem; text-align:center}

.n_zizhi .fl00{ padding:4.5rem 0 0}
.n_zizhi .fl01{  background:#fcfcfc}
.n_zizhi ul.ul01{font-size: 0;margin: 0 -3.125rem;}
.n_zizhi ul.ul01 li{box-sizing:border-box;display:inline-block;padding: 0 3.125rem;text-align:  center;width: 33.333333%;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;margin-bottom:2rem;}
.n_zizhi ul.ul01 li a{display:block;cursor: pointer;}
.n_zizhi ul.ul01 li .pic_box{width: 100%;height:17.5rem;overflow:hidden;border: #e0dfe3 1px solid;background: #fff;text-align: center;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;box-shadow: 0 3px 5px rgba(0,0,0,0.15);}
.n_zizhi ul.ul01 li .pic_box .box{display:table-cell;vertical-align:middle;text-align: -webkit-center;}
.n_zizhi ul.ul01 li img{max-width: 90%;max-height: 15.5rem;display: inline-block;}
.n_zizhi ul.ul01 li h5{font-size:16px;color:#535353;line-height: 48px;height: 48px;text-align:left;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;margin-top: 0;transition:0.36s;margin-bottom: 1.25rem;}



.n_zizhi ul.ul01 li h5:before{content:"";position:absolute;bottom: 0;left:0;width: 15px;height: 2px;background: #aeaeae;}

.n_zizhi ul.ul01 li:hover h5{color: #3875f6;}
.n_zizhi ul.ul01 li:hover h5:before{background: #3875f6;}
.n_zizhi .fl02{ padding:4.5rem 0 3rem; background:#aeb5bb}
.n_zizhi .fl02 ul.ul01 li h5{ color:#fff}
.n_zizhi .fl02 ul.ul01 li h5:before{ background:#fff}

.n_zizhi_container{ background:none}

#container01{ height:27.8125rem; border:#e2e2e2 1px solid}

.n_lianxi_container{ background:#f4f5f9 url(../image/n_container_bg01.png) center bottom no-repeat; background-size:100% auto}
.n_lianxi .fl01{ padding:4.375rem 0 3.5rem}
.n_lianxi .fl01 .botom_box{ padding:3.125rem 0 0}
.n_lianxi .fl01 .botom_box h4{ font-size:18px; line-height:28px; color:#404040; font-weight:bold; margin-bottom:1.25rem}
.n_lianxi .fl01 .botom_box p{ font-size:15px; line-height:28px; color:#404040;}
.n_lianxi .fl01 .botom_box .right{ text-align:center}
.n_lianxi .fl01 .botom_box .right h3 img{ width:125px; height:125px; border:#e9e9e9 1px solid}
.n_lianxi .fl01 .botom_box .right h5{ font-size:12px; color:#7f7e7e; margin-top:0.5rem}

.n_lianxi ul{ margin:0 -1.375rem; font-size:0}
.n_lianxi ul li{ display:inline-block; width:33.3333333%; padding:0 1.375rem; margin-bottom:1.5rem}
.n_lianxi ul li a{ display:block; overflow:hidden; padding:2rem 2.5rem; border:#dadada 2px solid; border-radius:3px;}
.n_lianxi ul li h4{ font-size:17px; line-height:26px; color:#696969; font-weight:bold; margin-bottom:1.25rem}
.n_lianxi ul li p{font-size: 14px;line-height: 26px;color:#696969;}

.n_zhiliang{ background:url(../image/n_zhiliang_bg.png) center 1.25rem no-repeat; background-size:100% auto}

/*新闻详情*/
.n_news_detail{padding: 4.375rem 0 5rem;}
.n_news_detail .content{display: table;width: 100%;}
.n_news_detail .n_left{width: 75%;display: table-cell;width: calc(100% - 25.9375rem);padding-right: 3.125rem;}
.n_news_detail .n_left .box{padding: 0;}
.n_news_detail .n_left .box .ar_title{margin-bottom: 2.125rem;border-bottom: #e4e4e4 3px solid;padding-bottom: 0.75rem;}
.n_news_detail .n_left .box .ar_title h3{font-size: 1.5625rem;color: #3c3c42;line-height:3rem;margin-bottom: 0.375rem;font-weight: bold;}

.n_news_detail .n_left .box .ar_title h6{position:relative;padding: 0 0.5rem;} 
.n_news_detail .n_left .box .ar_title h6 span{display:none;font-size:13px;color: #888;margin-right:1rem;} 
.fenxiang_box{ display:inline-block;}
.fenxiang_box:hover #j_shart_s_24{ display:inline-block;}

.shart_box{display:inline-block; cursor:pointer}
#j_shart_s_24 .bds_count{ font-size:12px;}
#j_shart_s_24{display: block;vertical-align: top;}
#j_shart_s_24 strong{z-index:2;line-height:36px;font-size:12px;color: #7e8080;font-weight: normal;display: none;}
#j_shart_s_24 .bds_qzone{background:url(static/style/pc/images/j_shart.png) center -224px no-repeat}
#j_shart_s_24 .bds_tsina{background:url(static/style/pc/images/j_shart.png) center -311px no-repeat}
#j_shart_s_24 .bds_tqq{background:url(static/style/pc/images/j_shart.png) center -195px no-repeat}
#j_shart_s_24 .bds_renren{background:url(static/style/pc/images/j_shart.png) center -340px no-repeat}
#j_shart_s_24 .bds_weixin{background:url(static/style/pc/images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_sqq{background:url(static/style/pc/images/j_shart.png) center -79px no-repeat}
#j_shart_s_24 .bds_fbook{background:url(static/style/pc/images/j_shart.png) center -166px no-repeat}
#j_shart_s_24 .bds_twi{background:url(static/style/pc/images/j_shart.png) center -137px no-repeat}
#j_shart_s_24 .bds_linkedin{background:url(static/style/pc/images/j_shart.png) center -108px no-repeat}
#j_shart_s_24 .bds_tieba{background:url(static/style/pc/images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_huaban{background:url(static/style/pc/images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_douban{background:url(static/style/pc/images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_copy{background:url(static/style/pc/images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_print{background:url(static/style/pc/images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_mshare{background:url(static/style/pc/images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_count{font-size:12px}
#j_shart_s_24.xian{ display:inline-block}

.b_nav{ text-align:center; margin-top:3.75rem}
.b_nav .con{ font-size:1.0625rem;}
.b_nav .con.center{ display:inline-block;}
.b_nav .con.center img{ margin:-3px 0.875rem 0;}
.b_nav .con.fl img{ margin:-3px 0.875rem 0 0;}
.b_nav .con.fr img{ margin:-3px 0 0 0.875rem;}
.b_nav .con.fl a,.b_nav .con.fr a,.b_nav .con.center a{ color:#666565}


.n_news_detail .n_right{display: table-cell;width:25%;width: 25.9375rem;}
.n_news_detail .n_right .content01{padding: 2rem 2.75rem;background:#f0f0f3;}
.n_news_detail .n_right .content01 .time{width:100%;margin-bottom: 2rem;}
.n_news_detail .n_right .content01 .time h3{font-size:3.125rem;color:#888888;font-weight:bold;font-family:Roboto;position:relative;padding-bottom: 0.875rem;margin-bottom: 1rem;}
.n_news_detail .n_right .content01 .time h3:before{content:"";position:absolute;width:1.5rem;height:3px;background:#c5262c;bottom:0;left: 4px;}
.n_news_detail .n_right .content01 .time h5{font-size:14px;color:#bebebe;font-weight:bold;font-family:Roboto;margin-bottom: 1.25rem;padding-left: 4px;}
.n_news_detail .n_right .content01 .time h6{font-size:15px;color:#757575;}
.n_news_detail .n_right .content01 .tuijian h3{font-size:1.25rem;color:#5c5c5c;font-weight:bold;padding-bottom:1.875rem;border-bottom:#d3d3d3 1px solid;margin-bottom:1.5rem;margin-top: 3.75rem;}
.n_news_detail .n_right .content01 .tuijian ul li{ margin-bottom:1.25rem}
.n_news_detail .n_right .content01 .tuijian ul li a h5{font-size:16px;line-height:20px;max-height:40px;overflow:hidden;color:#5d5d5d;margin-bottom:10px;transition: 0.6s;}
.n_news_detail .n_right .content01 .tuijian ul li a h6{ font-size:12px; color:#929293}

.n_right .sticky {position: sticky;top:0;padding: 0;}
.n_news_detail .b_nav .con.center{width: 10rem;font-size: 16px;margin-left: 0rem;}


.n_news_detail .n_right .fenxiang h5{ font-size:12px; color:#77797e; margin-bottom:10px; position:relative; margin:60px 0 25px}
.n_news_detail .n_right .fenxiang h5:before{ content:""; position:absolute; left:0; top:50%; margin-top:-1px; width:25px; height:1px; background:#e8e8e8}
.n_news_detail .n_right .fenxiang h5:after{ content:""; position:absolute; right:0; top:50%; margin-top:-1px; width:25px; height:1px; background:#e8e8e8}
.n_news_detail .n_right .fenxiang h3{margin-bottom: 0;display: inline-block;margin-right: 8px;}
.n_news_detail .n_right .fenxiang h3 a{display:inline-block;background: none;border-radius: 50%;position: relative;width: 50px;height: 50px;line-height: 48px;overflow:hidden;float: none;text-indent: 0;margin: 0;border: #bdbdc0 1px solid;text-align: center; transition:0.36s;}
.n_news_detail .n_right .fenxiang h3 a:before{ content:""; position:absolute; width:100%; height:100%; left:0; top:0; transform:scale(0); transition:0.36s; border-radius: 50%;}
.n_news_detail .n_right .fenxiang h3 a img{height: 24px;vertical-align: middle;margin-top: -5px;position:relative;-webkit-filter: grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;opacity: 0.4;}
.n_news_detail .n_right .fenxiang h3.h301 a:hover:before{ transform:scale(1); background:#bdbdc0;}
.n_news_detail .n_right .fenxiang h3.h302 a:hover:before{ transform:scale(1); background:#bdbdc0;}
.n_news_detail .n_right .fenxiang h3.h303 a:hover:before{ transform:scale(1); background:#bdbdc0;}
.n_news_detail .n_right .fenxiang h3.h304 a:hover:before{ transform:scale(1); background:#bdbdc0;}
.n_news_detail .n_right .fenxiang h3 a:hover img{ -webkit-filter: grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(10);filter:grayscale(0);filter:gray;opacity: 1;}

/*==============字号控件=====================*/
#font_set_box{display: inline-block;background: url(../image/icon_font.png) left center no-repeat;padding-left: 20px;}

.font_box{ display:inherit; position:relative; }

.font_box a {display:inline-block;width:14px;line-height:36px;font-size:12px;color: #c4c5c7;text-align:center;}
.font_box a.on{ color: #ca0e2a;}
.font_box a:hover{ color:#ca0e2a; }
.font_size_lg{ font-size:18px !important; line-height: 40px !important;}
.font_size_lg p{ font-size:18px !important; line-height: 40px !important;  padding-bottom: 30px !important;}
.font_size_md{ font-size:16px !important; line-height: 36px !important;}
.font_size_md p{ font-size:16px !important;  line-height: 36px !important; padding-bottom: 25px !important;}
.font_size_sm{ font-size:14px !important;}
.font_size_sm p{ font-size:14px !important;}

.n_jairu .fl01{ padding:4.375rem 0 0}
.n_jairu .fl02{ padding:4.375rem 0; background:#f0f0f0; margin-top:6.25rem}
.n_jairu .fl02 ul{margin: 0 -1rem;}
.n_jairu .fl02 ul li{padding: 0 1rem;text-align:center;}
.n_jairu .fl02 ul li a{ display:block; position:relative; overflow:hidden}
.n_jairu .fl02 ul li .img, .n_jairu .fl02 ul li .img img{ width:100%; overflow:hidden; background:#000}
.n_jairu .fl02 ul li .img img{ opacity:0.7}
.n_jairu .fl02 ul li .con{transition:0.6s;left:0;right:0; opacity:0}
.n_jairu .fl02 ul li .con h5{font-size: 18px;color: #484848;height: 60px;line-height: 70px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.n_jairu .fl02 ul li.miso-current .con{opacity:1}
.n_jairu .fl02 ul li.miso-current .img img{ opacity:1}
.n_jairu .fl02 ul .miso-prev, .n_jairu .fl02 ul .miso-next{width: 50px;height: 50px;background-size:cover !important;z-index: 10;top: 44%;}
.n_jairu .fl02 ul .miso-prev{background:url(../image/left03.png) center no-repeat;left: 27vw;}
.n_jairu .fl02 ul .miso-next{background:url(../image/right03.png) center no-repeat;right: 27vw;}

.n_jairu .fl03{ padding:4.5rem 0 0}
.n_jairu .fl03 .miso_hd{ margin-bottom:4rem}
.n_jairu .fl03 .miso_hd ul{ font-size:0; text-align:center}
.n_jairu .fl03 .miso_hd ul li{ display:inline-block; padding:0 10px; float:none; width:15.625rem !important;}
.n_jairu .fl03 .miso_hd ul li a{ display:inline-block; width:100%; height:6.25rem; background:#3c4854; border-radius:10px; padding:1.25rem 10px 10px; position:relative; overflow:hidden; cursor:pointer}
.n_jairu .fl03 .miso_hd ul li a:before{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; transition:0.6s; transform:translateY(100%)}
.n_jairu .fl03 .miso_hd ul li a h5{ font-size:1.25rem; color:#fff; position:relative;}
.n_jairu .fl03 .miso_hd ul li a h6{font-size:15px;line-height:17px;color:rgba(255,255,255,0.35);font-weight:bold;font-style:italic;text-align: left;margin-top: 1rem;text-transform: uppercase; position:relative;}

.n_jairu .fl03 .miso_hd ul li.miso-current a:before{ background:#ca0e2a; transform:translateY(0)}

.n_jairu .fl03 .miso_bd ul{ font-size:0; margin:0 -1rem}
.n_jairu .fl03 .miso_bd ul li{ display:inline-block; width:33.333333%; padding:0 1rem; margin-bottom:2rem}
.n_jairu .fl03 .miso_bd ul li a{ display:block; background:#e0e1e5; overflow:hidden; padding:2rem}
.n_jairu .fl03 .miso_bd ul li a .top{ overflow:hidden; border-bottom:#cccdd1 1px solid; padding-bottom:2.25rem; margin-bottom:1.75rem}
.n_jairu .fl03 .miso_bd ul li a .top .ll h5{ font-size:17px; color:#474747; height:18px; line-height:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:0.625rem}
.n_jairu .fl03 .miso_bd ul li a .top .ll h6{ font-size:13px; color:#929292}
.n_jairu .fl03 .miso_bd ul li a .top .ll h6 img{ display:inline-block; margin:-3px 0.5rem 0 0}
.n_jairu .fl03 .miso_bd ul li a .top .ll{ width:calc(100% - 3rem); padding-right:1rem}
.n_jairu .fl03 .miso_bd ul li a .top .rr{ display:inline-block; width:3rem; height:3rem; border:#cecece 1px solid; transition:0.6s}
.n_jairu .fl03 .miso_bd ul li a .top .rr .line{ display:inline-block; width:15px; height:15px; position:relative; transition:0.6s}
.n_jairu .fl03 .miso_bd ul li a .top .rr .line:before{content:"";position:absolute;width:100%;height:1px;background:#bbbbbb;top:50%;margin-top:-0.5px;left: 0; transition:0.6s}

.n_jairu .fl03 .miso_bd ul li a .top .rr .line:after{ content:""; position:absolute; width:1px; height:100%; background:#bbbbbb; left:50%; margin-left:-0.5px; transition:0.6s}

.n_jairu .fl03 .miso_bd ul li a:hover .top .rr{ border:#ca0e2a 1px solid; background:#ca0e2a}
.n_jairu .fl03 .miso_bd ul li a:hover .top .rr .line{ transform:rotate(90deg)}
.n_jairu .fl03 .miso_bd ul li a:hover .top .rr .line:before, .n_jairu .fl03 .miso_bd ul li a:hover .top .rr .line:after{ background:#fff}

.n_jairu .fl03 .miso_bd ul li a .bottom h5{ font-size:17px; color:#474747; height:18px; line-height:18px; margin-bottom:1.25rem}
.n_jairu .fl03 .miso_bd ul li a .bottom p{ font-size:13px; color:#878789; line-height:26px; height:104px; overflow:hidden}

.n_zhaopin_detail_container{ background:#f4f5f9 url(../image/n_container_bg01.png) center bottom no-repeat; background-size:100% auto}
.n_zhaopin_detail{ }
.n_zhaopin_detail .fl01{ padding:4.375rem 0 2rem;}
.n_zhaopin_detail .fl01 .left{width: 28%;}
.n_zhaopin_detail .fl01 .left h3{margin-bottom: 2rem;font-size:1.375rem;color:#404040;}
.n_zhaopin_detail .fl01 .left ul li{font-size: 15px;color:#5f5f5f;line-height: 33px;}
.n_zhaopin_detail .fl01 .left ul li big{ font-size:24px; color:#269dd2; font-family:DIN Offc Pro}
.n_zhaopin_detail .fl01 .left ul li span svg{width:24px;height:16px;fill: #83888e;display: inline-block;vertical-align: middle;margin-top: -3px;}
.n_zhaopin_detail .fl01 .right{width: 72%;}
.n_zhaopin_detail .fl01 .right h3{ font-size:1.375rem; color:#269dd2; font-weight:bold; margin-bottom:1.875rem}
.n_zhaopin_detail .fl01 .right .ar_article{ margin-bottom:3rem}
.n_zhaopin_detail .fl01 .left .more00 a{display:inline-block;width: 11.5625rem;height: 2.8125rem;line-height: 2.8125rem;background: #ca0e2a;font-size: 15px;color:#fff;text-align: center;border-radius: 1.6875rem;transition:.6s;margin-top: 2.75rem;cursor: pointer;}
.n_zhaopin_detail .fl01 .left .more00 a svg{margin-right:8px;fill:#fff;width: 18px;height: 18px;display: inline-block;vertical-align: middle;margin-top: -3px;}

.n_fcjs{ padding:4.375rem 0 0}
.n_fcjs ul{ font-size:0; margin:0 -1.25rem}
.n_fcjs ul li{ display:inline-block; width:50%; padding:0 1.25rem; margin-bottom:1.875rem; overflow:hidden}
.n_fcjs ul li a{ padding:3.125rem 3.75rem; background:#dfe1e3; overflow:hidden; display:block; border-radius:5px; position:relative}
.n_fcjs ul li a:before{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; transition:0.6s; transform:translateY(100%)}
.n_fcjs ul li a .img, .n_fcjs ul li a .img img{ overflow:hidden; width:11.25rem; height:11.25rem; border-radius:50%; float:left; position:relative}
.n_fcjs ul li a .con{ overflow:hidden; width:calc(100% - 11.25rem); height:11.25rem; float:right; padding-left:3rem; position:relative}
.n_fcjs ul li a .con h5{font-size:15px;line-height:28px;text-align:left;color:#6a6a6a;max-height:112px;transition:0.6s;overflow: hidden;}

.n_youshi_detail{background: url(../image/n_zhiliang_bg.png) center 1.25rem no-repeat;background-size: 100% auto;padding: 4.375rem 0 0;}
.n_youshi_detail .fl01{ padding-bottom:3rem}

.n_youshi_detail .fl02 h4{ font-size:1.375rem; color:#333333; margin-bottom:2.5rem}
.n_youshi_detail .fl02 .ar_article table{ margin-bottom:60px}
.n_youshi_detail .fl02 .ar_article table th{background: #3c4854;color:#fff;font-size: 18px;font-weight:normal;padding: 20px 5px;}
.n_youshi_detail .fl02 .ar_article table td{font-size:14px;color:#797979;padding: 15px 25px;background: #f8f8f8;}
.n_youshi_detail .fl02 .ar_article table td a{ color:#0050b7}

.n_youshi_detail .fl02 .ar_article{ margin-bottom:0}
.n_youshi_detail .fl02 .ar_article table{ margin-bottom:0}
.n_youshi_detail .fl02 .ar_article table td{border: #e4e7ea solid 1px;font-size: 18px;color: #646464;line-height:30px;background: #ffff;font-weight: bold;text-align: center;padding: 25px 6px;}
.n_youshi_detail_container{ background:#f4f5f9 url(../image/n_container_bg01.png) center bottom no-repeat}



.n_pinzhong_container{ background:#f4f5f9 url(../image/n_container_bg01.png) center bottom no-repeat; background-size:100% auto}
.n_pinzhong{ padding:5rem 0 0}
.n_pinzhong .fl01 .left{ width:15rem;}
.n_pinzhong .fl01 .left ul li{ margin-bottom:-1px}
.n_pinzhong .fl01 .left ul li a{ border:#d6d8d9 1px solid; display:block; height:3.4375rem; line-height:3.25rem; padding:0 1.25rem; font-size:15px; color:#575757; overflow:hidden; white-space:nowrap; text-transform:uppercase; transition:0.6s}
.n_pinzhong .fl01 .left ul li.on a, .n_pinzhong .fl01 .left ul li a:hover{ border:#ca0e2a 1px solid; background:#ca0e2a; color:#fff}
.n_pinzhong .fl01 .right{ width:calc(100% - 15rem); padding-left:3rem}

.n_pinzhong .fl01 .title01{ margin-bottom:3.25rem}
.n_pinzhong .fl01 .right ul{ font-size:0; margin:0 -0.9375rem}
.n_pinzhong .fl01 .right ul li{ display:inline-block; width:33.333333%; padding:0 0.9375rem; margin-bottom:1.875rem}
.n_pinzhong .fl01 .right ul li a{ display:block; text-align:center; padding:3rem 0 0; background:#fff; transition:0.6s}
.n_pinzhong .fl01 .right ul li a h5{ font-size:1.25rem; color:#4a4a4a; height:1.375rem; line-height:1.375rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.n_pinzhong .fl01 .right ul li a .img{ height:10.625rem; line-height:10.625rem; text-align:center}
.n_pinzhong .fl01 .right ul li a .img img{ display:inline-block; max-width:80%; max-height:80%}

.n_product_fenlei .fl01{padding: 0 0 0;}
.n_product_fenlei .miso_hd{ margin:0 -0.9375rem}
.n_product_fenlei .miso_hd .miso-prev, .n_product_fenlei .miso_hd .miso-next{ width:38px; height:38px;}
.n_product_fenlei .miso_hd .miso-prev{ background:url(../image/left01.png) center no-repeat; left:-5rem}
.n_product_fenlei .miso_hd .miso-next{ background:url(../image/right01.png) center no-repeat; right:-5rem}
.n_product_fenlei .miso_hd .miso-slide{ display:inline-block; padding:0 0.9375rem}
.n_product_fenlei .miso_hd .miso-slide .box{ height:18.75rem; position:relative; padding:3.125rem 3.25rem}
.n_product_fenlei .miso_hd .miso-slide .box:before{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:#dedfe2 3px solid; z-index:0; transition:0.6s}
.n_product_fenlei .miso_hd .miso-slide .box:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background: url(../image/n_product_fenlei_bg.png) 90% bottom no-repeat;z-index:0;}
.n_product_fenlei .miso_hd .miso-slide .box h3{font-size:1.75rem;color:#3c4854;font-weight:bold;font-family:Roboto;position:relative;margin-bottom: 1.25rem; z-index:2}
.n_product_fenlei .miso_hd .miso-slide .box>ul{position:relative;display: inline-block; z-index:2}
.n_product_fenlei .miso_hd .miso-slide .box>ul>li{line-height:34px;color:#3c4854;position:relative;font-family: Roboto;text-transform: uppercase;font-size: 16px;}
.n_product_fenlei .miso_hd .miso-slide .box>ul>li>a{display:inline-block;min-width:112px;color:#3c4854;font-family: Roboto;}
.n_product_fenlei .miso_hd .miso-slide .box>ul>li>i{float:right;display:inline-block;background: url(../image/jia.png) center no-repeat;width:34px;height: 32px;line-height: 34px;cursor:pointer;}
.n_product_fenlei .miso_hd .miso-slide .box>ul>li ul{position:absolute;left: 120%;top: 5px;display: none;}
.n_product_fenlei .miso_hd .miso-slide .box>ul>li ul li{ white-space:nowrap}
.n_product_fenlei .miso_hd .miso-slide .box>ul>li ul li{ line-height:26px; font-size:14px; color:#6d6d6d}
.n_product_fenlei .miso_hd .miso-slide .box>ul>li ul li a{ color:#6d6d6d}
.n_product_fenlei .miso_hd .miso-slide .box>ul>li ul li span{ font-family:simsun; margin-right:5px}

.n_product_fenlei .miso_hd .miso-slide .box>ul>li.on>i{ background: url(../image/jian.png) center no-repeat;}

.n_product_fenlei .fl02{ margin-top:3.125rem}
.n_product_fenlei .fl02 .content{ border:#dedfe2 3px solid; padding:3.5rem 0; text-align:center}
.n_product_fenlei .fl02 .content h3{ font-size:1.625rem; color:#3c4854; font-weight:bold; margin-bottom:1.25rem}
.n_product_fenlei .fl02 ul{font-size:0;text-align: center;}
.n_product_fenlei .fl02 ul li{display:inline-block;text-align:center;transition:.5s;background-position: center bottom;margin: 0 1.5rem;}

.n_product_fenlei .fl02 ul li a{display: block;height: 8.75rem;width: 8.75rem; position:relative; overflow:hidden; }
.n_product_fenlei .fl02 ul li a .box_table{ position:relative}
.n_product_fenlei .fl02 ul li a:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transition:1s;transform: rotateX(45deg);border-radius:50%;}
.n_product_fenlei .fl02 ul li font img{ transition:.7s; transform:scale(1);}
.n_product_fenlei .fl02 ul li font{ display:block; line-height:3.75rem; margin:-1.5rem 0 0.375rem}
.n_product_fenlei .fl02 ul li h5{ font-size:16px; color:#4d4e4e; transition:.5s;}
.n_product_fenlei .fl02 ul li p{ font-size:14px; color:#fff; line-height:22px; height:0; overflow:hidden; transition:.5s; }
.n_product_fenlei .fl02 ul li span{ display:inline-block; width:36px; height:0px; border-radius:50%; background:url(static/style/pc/images/s_pro_more.png) center no-repeat; transition:.5s; margin-top:0;}

.n_product_fenlei .fl02 ul li a:hover:before{transform: rotateX(0);background:#ca0e2a;}
.n_product_fenlei .fl02 ul li a:hover h5{ color:#fff; }
.n_product_fenlei .fl02 ul li a:hover font img{ }
.n_product_fenlei .fl02 ul li a:hover span{ height:36px; margin-top:40px;}

.n_product_detail{ padding-bottom:5rem}
.n_product_detail .fl01 {padding-bottom: 3.125rem;border-bottom:#e8e8e8 1px solid;margin-bottom:3.125rem;}
.n_product_detail .fl01 .left{ width:22.875rem; height:14.375rem; overflow:hidden}
.n_product_detail .fl01 .left img{display:inline-block;max-width:100%;max-height: 14.375rem;}
.n_product_detail .fl01 .right{ width:calc(100% - 22.875rem); padding-left:2.75rem}
.n_product_detail .fl01 .right h3{ font-size:1.875rem; color:#333333; font-family:Roboto; font-weight:bold; margin-bottom:1.75rem}
.n_product_detail .fl01 .right .ar_article p{font-size:14px;line-height:28px;color:#707070;margin-bottom: 35px;}
.n_product_detail .fl01 .right h3{ font-size:1.875rem; color:#333333}
.n_product_detail .fl01 .right ul li{ display:inline-block; margin-right:0.5rem}
.n_product_detail .fl01 .right a{ display:inline-block; width:18.4375rem; height:3.125rem; line-height:3.125rem; background:#edeef0; border-radius:5px; text-align:center; font-size:14px; color:#636363; transition:0.6s}
.n_product_detail .fl01 .right a svg{width: 1.5rem;height: 1.5rem;fill:#ca112c;display: inline-block;vertical-align: middle;margin: -3px 0.5rem 0 0; transition:0.6s}
.n_product_detail .fl01 .right a.a1, .n_product_detail .fl01 .right a:hover{ background:#ca112c; color:#fff}
.n_product_detail .fl01 .right a.a1 svg, .n_product_detail .fl01 .right a:hover svg{ fill:#fff; }

.n_product_detail .fl01 .right a.a1:hover{ background:#b21028; color:#fff}
.n_product_detail .fl01 .right a.a1:hover svg{ fill:#fff; }

.n_product_detail .content{ background:#fff; padding:3.125rem 3.125rem}
.n_product_detail_container{ background:#f4f5f9 url(../image/n_container_bg01.png) center bottom no-repeat; background-size:100% auto}

.n_product_detail .fl03{padding-bottom: 1.5rem;border-top:#e8e8e8 1px solid;padding-top:3.125rem;margin-top:3rem;}
.n_product_detail .fl03 h3{ font-size:1.375rem; color:#333333; margin-bottom:2.5rem}
.n_product_detail .fl03 ul{ font-size:0; margin:0 -1.25rem}
.n_product_detail .fl03 ul li{ display:inline-block; width:33.333333%; padding:0 1.25rem;}
.n_product_detail .fl03 ul li h6{ font-size:15px; color:#4b4b4b}
.n_product_detail .fl03 ul li .a1{ display:block; height:3.125rem; line-height:3.125rem; background:#edeef0; border-radius:5px; text-align:center; font-size:14px; color:#636363; transition:0.6s; margin:1.125rem 0 1.25rem}
.n_product_detail .fl03 ul li .a1 svg{width: 1.5rem;height: 1.5rem;fill:#ca112c;display: inline-block;vertical-align: middle;margin: -3px 0.5rem 0 0; transition:0.6s}
.n_product_detail .fl03 ul li .img, .n_product_detail .fl03 ul li .img img{ width:100%; position:relative; overflow:hidden; border-radius:5px;}
.n_product_detail .fl03 ul li .img:after{content:"";position:absolute;border:#e8e8e8 1px solid;border-radius:5px;top:0;right:0;bottom:0;left:0;pointer-events: none;}

.n_product{}

.n_product .left{ width:220px;}
.n_product .left h2{font-size:2rem;color:#333333;font-weight:bold;margin-bottom: 2.75rem;}
.n_product .left h3{ font-size:1.375rem; color:#282828; border-bottom:#eaebef 2px solid; margin-bottom:1.25rem; padding-bottom:1.375rem}
.n_product .left .xz_box .xz_box_dl{ margin-bottom:1px}
.n_product .left .xz_box .xz_box_dt{ line-height:3.125rem; background:#eaebef; padding:0 1rem; }
.n_product .left .xz_box .xz_box_dt i{ float: right; line-height: 3.125rem; }
.n_product .left .xz_box .is_h .xz_box_dt i{ color: #ca0e2a !important; }
.n_product .left .xz_box .is_h.on .xz_box_dt i{ color: #fff !important; }
.n_product .left .xz_box .xz_box_dd{padding:15px 1.25rem 2rem;background:#eaebef;display: none;}
.n_product .left .xz_box .xz_box_dd .xz_box_con01{ height:210px; overflow:hidden; overflow-y:scroll}
.n_product .left .xz_box .xz_box_dd .xz_box_con01::-webkit-scrollbar{width:2px;height:2px;background-color:#d2d2d2;}
.n_product .left .xz_box .xz_box_dd .xz_box_con01::-webkit-scrollbar-track{border-radius:2px;background-color:#d2d2d2;}
.n_product .left .xz_box .xz_box_dd .xz_box_con01::-webkit-scrollbar-thumb{border-radius:2px;width:2px;height:17px;background-color:#ca0e2a;}
.n_product .left .xz_box .xz_box_dd .xz_box_con01 ul{ padding-right:1rem}
.n_product .left .xz_box .xz_box_dd .xz_box_con01 ul li{border-bottom:#cfd1d3 1px dashed;font-size:12px;color:#333333;padding: 6px 0;}
.n_product .left .xz_box .xz_box_dd .xz_box_con01 ul li a{color:#333;font-family:"Microsoft Yahei";display:block;line-height: 20px;padding-left: 22px;position: relative;}
.n_product .left .xz_box .xz_box_dd .xz_box_con01 ul li i{display:inline-block;width:13px;height:13px;border:#b7b9bb 1.5px solid;border-radius:3px;margin-right:8px;vertical-align: middle;top: 4px;position: absolute;left: 0;}
.n_product .left .xz_box .xz_box_dd .xz_box_con01 ul li i:after{content:"";position:absolute;top: -1.5px;right: -1.5px;bottom: -1.5px;left: -1.5px;}
.n_product .left .xz_box .xz_box_dd .xz_box_con01 ul li a.label-success i{ background:#ca0e2a; border:#ca0e2a 1.5px solid}
.n_product .left .xz_box .xz_box_dd .xz_box_con01 ul li a.label-success i:after{ background:url(../image/dot_ok.png) center no-repeat;}
.n_product .left .xz_box .xz_box_dd .xz_box_con02{height: 80px;padding: 46px 0 0;}
.n_product .left .xz_box .xz_box_dd .xz_box_con02 .demo-slider{ margin-bottom:20px}
.n_product .left .xz_box .xz_box_dd .xz_box_con02 .demo-output{margin-bottom:15px;padding: 0 5px;}
.n_product .left .xz_box .xz_box_dd .chongzhi a{display:inline-block;width:95px;height:30px;line-height:30px;background:#ca0e2a;transition:0.6s;text-align:center;font-size:12px;color:#fff;border-radius:3px;margin-top: 18px;}

.n_product .left .xz_box .xz_box_dl.on .xz_box_dt{background:#ca0e2a;color: #fff;}

.n_product .right{width:calc(100% - 220px);padding-left:3.125rem;position: relative;overflow: hidden;}
.n_product .right .right_box{overflow: scroll;max-height: 45rem;padding-bottom: 50px;margin-top: 134px;left: 0;z-index: 10000;}
.n_product .right .right_box::-webkit-scrollbar{width:15px;height:15px;background-color:#d2d2d2;}
.n_product .right .right_box::-webkit-scrollbar-track{border-radius:3px;background-color:#d2d2d2;}
.n_product .right .right_box::-webkit-scrollbar-thumb{border-radius:3px;width:17px;height:17px;background-color:#333;}
.n_product .right .right_box .table{border-collapse: collapse;border-bottom: 1px solid #d1d3d5;display: inline-block;font-size: 0;}
.n_product .right .right_box .table .tr{}
.n_product .right .right_box .table .tr .th, .n_product .right .right_box .table .tr .td{ vertical-align:middle; text-align:center}
.n_product .right .right_box .table .tr .th{padding:1.25rem 5px;background:#3c4854;color:#fff;font-size: 14px;line-height: 22px;font-family: Roboto;font-weight: normal;display: inline-block;}
/*.n_product .right .right_box .table .tr .th .anniu_btn img.img02{display: none;}
.n_product .right .right_box .table .tr .th .anniu_btn .label-success img.img01{ display:none}
.n_product .right .right_box .table .tr .th .anniu_btn .label-success img.img02{ display:inline-block}*/
.n_product .right .right_box .table .tr .th .anniu_btn_box{display:inline-block;position: absolute;top: 50%;right: 0;margin-top: -10px;}
.n_product .right .right_box .table .tr .th span{display:inline-block;white-space: normal;padding: 0 10px;word-break: break-all;}
.n_product .right .right_box .table .tr .th .anniu_btn{display:inline-block;width: 8px;margin-left: 1rem;}
.n_product .right .right_box .table .tr .th .anniu_btn .anniu_up, .n_product .right .right_box .table .tr .th .anniu_btn .anniu_down{float: left;height: 4px;line-height: 4px;margin: 2px 0;}
.n_product .right .right_box .table .tr .th .anniu_btn .anniu_up a, .n_product .right .right_box .table .tr .th .anniu_btn .anniu_down a{ display:block}
.n_product .right .right_box .table .tr{padding:14px 10px;border: 1px solid #d1d3d5;vertical-align:middle;font-size: 0;white-space: nowrap;display: inline-block;}
.n_product .right .right_box .table .tr.trbt{background:#3c4854;position: absolute;top: 0;height: 135px;}
.n_product .right .right_box .table .tr .td{font-size:14px;line-height:24px;color:#454545;font-family:Roboto;padding: 10px 10px;display: inline-block;white-space: normal;word-break: break-all;}
.n_product .right .right_box .table .tr .td, .n_product .right .right_box .table .tr .th{width:105px;position: relative;}
.n_product .right .right_box .table .tr .td:first-child, .n_product .right .right_box .table .tr .th:first-child{width: 175px;}
.anniu_btn_box .anniu_btn i{ color: #fff; }
.anniu_btn_box .anniu_btn .label-success i{ color: #ca0e2a !important; }

.n_product .right .right_box .table .tr.tr_box01{ border-bottom:none}
.n_product .right .right_box .table .tr.tr_box02{border-top:none;border-bottom:none;display:none;padding:0 15px 30px;white-space: normal;}
.n_product .right .right_box .table .tr.tr_box02 .left{ width:180px; text-align:center}
.n_product .right .right_box .table .tr.tr_box02 .left img{ max-width:7.5rem; max-height:6.25rem; display:inline-block}
.n_product .right .right_box .table .tr.tr_box02 .left01{ text-align:left; width:630px;}
.n_product .right .right_box .table .tr.tr_box02 .left01 h5{ font-size:14px; line-height:28px; color:#4e4e4e}
.n_product .right .right_box .table .tr.tr_box02 .left01 p{ font-size:12px; line-height:20px; color:#707070}
.n_product .right .right_box .table .tr.tr_box02 .right{width:630px;padding: 18px 0 0;float: left;margin-left: 3rem;}
.n_product .right .right_box .table .tr.tr_box02 .right ul li{ display:inline-block; margin-right:0.5rem}
.n_product .right .right_box .table .tr.tr_box02 .right a{ display:inline-block; width:12rem; height:3.125rem; line-height:3.125rem; background:#edeef0; border-radius:5px; text-align:center; font-size:14px; color:#636363; transition:0.6s}
.n_product .right .right_box .table .tr.tr_box02 .right a svg{width: 1.5rem;height: 1.5rem;fill:#ca112c;display: inline-block;vertical-align: middle;margin: -3px 0.5rem 0 0; transition:0.6s}
.n_product .right .right_box .table .tr.tr_box02 .right a.a1, .n_product_detail .fl01 .right a:hover{ background:#ca112c; color:#fff}
.n_product .right .right_box .table .tr.tr_box02 .right a.a1 svg, .n_product_detail .fl01 .right a:hover svg{ fill:#fff; }

.n_product{ padding:4rem 0 0}

.anniu_left a{display:block;height:50px;line-height:50px;background:#ca0e2a;border-radius:5px;font-size:14px;color:#fff;text-align:center;position: relative;}
.anniu_left a{display: none;}
.anniu_left a.on{position:fixed;right: 3%;top: 3%;width: 120px;height: 40px;line-height: 40px;z-index: 100000;}
.anniu_left a span.span02{ display:none}
.anniu_left a.on span.span01{ display:none}
.anniu_left a.on span.span02{ display:inline-block}

.tc1 .tc{transition:all ease 300ms;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999;}
.tc1 .tc{pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transform:scale(1.1);display:  none;}
.tc1 .tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;  pointer-events: auto;transform:scale(1);} 
.tc1 .close:hover{ transform:rotate(180deg);}
.tc1 .close,.tc{ transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; } 
.tc1 .tc-box{position:absolute;overflow: hidden;top:50%;z-index:9999;height: 480px;width: 640px;left:50%;margin-left: -320px;margin-top: -240px;background: #fff;padding: 40px 20px;  -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;  -webkit-animation-name: anim-close-2; animation-name: anim-close-2;}
.tc1 .tc.act{display: block; }
.tc1 .tc.act .tc-box{ -webkit-animation-name: anim-open-2;animation-name: anim-open-2;transform:scale(1);}
.tc1 .close{position: absolute;cursor:pointer;font-size: 20px;right: 50%;top: 50%;margin-right: -352px;margin-top: -266px;}
.tc1 .tc-bg {height: 100%;background: rgba(0,0,0,.5);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}



.wel-adv {
  padding-top: 4rem;
  overflow: hidden;
  padding-bottom: 210px;
}
.wel-adv .title01 h3{ margin-bottom:4rem}
.wel-adv .tit{
  /*font-family: 'c';*/
  font-size: 48px;
  color: #333;
  text-align: center;
  font-weight: 300;
  margin-bottom: 82px;
}
.positioning.width1900 .center{
  width: 540px;
  height: 540px;
  margin: 0 auto;
  background: url(../image/img-07.png) no-repeat center;
  position: relative;
}
.positioning.width1900 .center .n-center{
  width: 540px;
  height: 540px;
  margin: 0 auto;
  background: url(../image/img-08.png) no-repeat center;
  position: absolute;
  top: 5px;
  left: 0px;
  animation: topIn 10s infinite linear;
}
.positioning.width1900 .center .img-bg{
  width: 314px;
  height: 314px;
  overflow: hidden;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;

  margin: 119px 0 0 115px;
  float: left;
}
@keyframes topIn {
  0% {
      transform:rotate(0deg)
  }
  100% {
      transform:rotate(360deg)
  }
}
.pll{
  overflow: hidden;
  height: 91px;
  line-height: 18px;
  margin-bottom: 10%;
  display: inline-block;
}
.pll p{
    display: block;
    /* float: left; */
    padding-left: 10px;

    background: url(http://demo.188388.cn:8083/guangpo/web/bocweb/web/images/img-02.jpg) no-repeat left 3px;
    font-size: 14px;
    color: #666;
    /* margin-right: 30px; */
    /* margin-bottom: 15px; */
    box-sizing: border-box;
    line-height: 1.5;
    /* width: 50%; */
    text-align: left;
    margin: 0 auto 1px;
    /* background: url(http://demo.188388.cn:8083/guangpo/web/bocweb/web/css/../images/p1.jpg) no-repeat right top; */
}
.positioning.width1900 .center .box .ro{
  position: absolute;
}
.positioning.width1900 .center .box1 .ro{
  width: 136px;
  height: 80px;
  background: url(../image/img-09.png) no-repeat;
  top: 28px;
  left: -47px;
}
.positioning.width1900 .center .box1:hover .ro{
  background: url(../image/img-10.png) no-repeat;
}
.positioning.width1900 .center .box1:hover .img1{
  display: none;
}
.positioning.width1900 .center .box1:hover .img2{
  display: block!important;
}
.positioning.width1900 .center .box2 .ro{
  width: 136px;
  height: 80px;
  background: url(../image/img-11.png) no-repeat;
  top: 28px;
  right: -47px;
}
.positioning.width1900 .center .box2:hover .ro{
  background: url(../image/img-12.png) no-repeat;
}
.positioning.width1900 .center .box2:hover .img1{
  display: none;
}
.positioning.width1900 .center .box2:hover .img2{
  display: block!important;
}
.positioning.width1900 .center .box3 .ro{
  width: 136px;
  height: 80px;
  background: url(../image/img-50.png) no-repeat;
  top: 248px;
  left: -86px;
}
.positioning.width1900 .center .box3:hover .ro{
  background: url(../image/img-51.png) no-repeat;
}
.positioning.width1900 .center .box3:hover .img1{
  display: none;
}
.positioning.width1900 .center .box3:hover .img2{
  display: block!important;
}
.positioning.width1900 .center .box4 .ro{
  width: 154px;
  height: 91px;
  background: url(../image/img-52.png) no-repeat;
  top: 248px;
  right: -135px;
}
.positioning.width1900 .center .box4:hover .img1{
  display: none;
}
.positioning.width1900 .center .box4:hover .img2{
  display: block!important;
}
.positioning.width1900 .center .box4:hover .ro{
  background: url(../image/img-53.png) no-repeat;
}


.positioning.width1900 .center .box7 .ro{
  width: 136px;
  height: 80px;
  background: url(../image/img-13.png) no-repeat;
  top: 430px;
  left: -49px;
}
.positioning.width1900 .center .box7:hover .ro{
  background: url(../image/img-14.png) no-repeat;
}
.positioning.width1900 .center .box7:hover .img1{
  display: none;
}
.positioning.width1900 .center .box7:hover .img2{
  display: block!important;
}
.positioning.width1900 .center .box8 .ro{
  width: 154px;
  height: 91px;
  background: url(../image/img-15.png) no-repeat;
  top: 430px;
  right: -63px;
}
.positioning.width1900 .center .box8:hover .img1{
  display: none;
}
.positioning.width1900 .center .box8:hover .img2{
  display: block!important;
}
.positioning.width1900 .center .box8:hover .ro{
  background: url(../image/img-16.png) no-repeat;
}

.positioning.width1900 .center .box5 .ro{
  width: 35px;
  height: 64px;
  top: 519px;
  left:247px;
  background: url(../image/img-17.png) no-repeat;
}
.positioning.width1900 .center .box5:hover .ro{
  background: url(../image/img-18.png) no-repeat;
}
.positioning.width1900 .center .box5:hover .img1{
  display: none;
}
.positioning.width1900 .center .box5:hover .img2{
  display: block!important;
}
.positioning.width1900 .center .box1 .img{
  width: 90px;
  height: 90px;
  position: absolute;
  left: -400px;
  top: -15px;
}
.positioning.width1900 .center .box1 .img .img2{
  display: none;
}
.positioning.width1900 .center .box1 .te{
  position: absolute;
  top: 16px;
  left: -290px;
  font-size: 1.125rem;
  color: #4a4a4a;
  line-height: 30px;
  text-align: left;
}


.positioning.width1900 .center .box2 .img{
  width: 90px;
  height: 90px;
  position: absolute;
  right: -340px;
  top: -15px;
}
.positioning.width1900 .center .box2 .img .img2{
  display: none;
}
.positioning.width1900 .center .box2 .te{
  position: absolute;
  top: 18px;
  right: -222px;
  font-size: 1.125rem;
  color: #4a4a4a;
  line-height: 30px;
}




.positioning.width1900 .center .box3 .img{
  width: 90px;
  height: 90px;
  position: absolute;
  left: -404px;
  top: 217px;
}
.positioning.width1900 .center .box3 .img .img2{
  display: none;
}
.positioning.width1900 .center .box3 .te{
  position: absolute;
  top: 248px;
  left: -293px;
  font-size: 1.125rem;
  color: #4a4a4a;
  line-height: 30px;
  text-align: left;
}


.positioning.width1900 .center .box4 .img{
  width: 90px;
  height: 90px;
  position: absolute;
  right: -425px;
  top: 217px;
}
.positioning.width1900 .center .box4 .img .img2{
  display: none;
}
.positioning.width1900 .center .box4 .te{
  position: absolute;
  top: 248px;
  right: -309px;
  font-size: 1.125rem;
  color: #4a4a4a;
  line-height: 30px;
  text-align: left;
}


.positioning.width1900 .center .box7 .img{
  width: 90px;
  height: 90px;
  position: absolute;
  left: -365px;
  top: 460px;
}
.positioning.width1900 .center .box7 .img .img2{
  display: none;
}
.positioning.width1900 .center .box7 .te{
  position: absolute;
  top: 491px;
  left: -258px;
  font-size: 1.125rem;
  color: #4a4a4a;
  line-height: 30px;
  text-align: left;
}


.positioning.width1900 .center .box8 .img{
  width: 90px;
  height: 90px;
  position: absolute;
  right: -324px;
  top: 454px;
}
.positioning.width1900 .center .box8 .img .img2{
  display: none;
}
.positioning.width1900 .center .box8 .te{
  position: absolute;
  top: 489px;
  right: -210px;
  font-size: 1.125rem;
  color: #4a4a4a;
  line-height: 30px;
  text-align: left;
}


.positioning.width1900 .center .box5 .img{
  width: 90px;
  height: 90px;
  position: absolute;
  left: 218px;
  bottom: -148px;
}

.positioning.width1900 .center .box5 .img .img2{
  display: none;
}
.positioning.width1900 .center .box5 .te{

position: absolute;

top: 708px;

left: 198px;

font-size: 1.125rem;

color: #4a4a4a;

text-align: left;

line-height: 30px;

width: 243px;
}
.width1600 .center{
  width: 540px;
    height: 540px;
    margin: 0 auto;
    background: url(../image/img-07.png) no-repeat center;
    position: relative;
}
.width1600 .center .n-center {
    width: 540px;
    height: 540px;
    margin: 0 auto;
    background: url(../image/img-08.png) no-repeat center;
    position: absolute;
    top: 5px;
    left: 0px;
     animation: topIn 10s infinite linear; 
}
.width1600 .center .img-bg {
    width: 314px;
    height: 314px;
    overflow: hidden;
    border-radius: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 119px 0 0 115px;
    float: left;
}
.width1600 .center .box .ro {
    position: absolute;
}
.width1600 .center .box1 .ro {
    width: 136px;
    height: 80px;
    background: url(../image/img-09.png) no-repeat;
    top: 28px;
    left: -47px;
}
.width1600 .center .box1 .img {
    width: 76px;
    height: 76px;
    position: absolute;
    left: -369px;
    top: -15px;
}
.width1600 .center .box1 .img .img2 {
    display: none;
}
.width1600 .center .box1 .img {
    width: 76px;
    height: 76px;
    position: absolute;
    left: -332px;
    top: -15px;
}
.width1600 .center .box1 .te {
    position: absolute;
    top: -9px;
    left: -240px;
    font-size: 20px;
    color: #666;
    line-height: 30px;
    text-align: left;
}
.width1600 .center .box1:hover .ro{
  background: url(../image/img-10.png) no-repeat;
}
.width1600 .center .box1:hover .img1{
  display: none;
}
.width1600 .center .box1:hover .img2{
  display: block!important;
}
/*.width1600 .center .box .te{
  font-family: "xi"
}*/
















.width1600 .center .box2 .img{
  width: 76px;
  height: 76px;
  position: absolute;
  right: -99px;
  top: -15px;
}
.width1600 .center .box2 .img .img2{
  display: none;
}
.width1600 .center .box2 .te{

  position: absolute;
  top: -9px;
  right: -213px;
  font-size: 20px;
  color: #666;
  line-height: 30px;
  text-align: left;
}
.width1600 .center .box2 .ro{
  width: 136px;
  height: 80px;
  background: url(../image/img-86.png) no-repeat;
  top: 28px;
  right: -47px;
}
.width1600 .center .box2:hover .ro{
  background: url(static/style/pc/images/img-88.png) no-repeat;
}
.width1600 .center .box2:hover .img1{
  display: none;
}
.width1600 .center .box2:hover .img2{
  display: block!important;
}







.width1600 .center .box3 .ro{
  width: 63px;
  height: 94px;
  background: url(../image/img-87.png) no-repeat;
  top: 315px;
  left: -33px;
}
.width1600 .center .box3:hover .ro{
  background: url(static/style/pc/images/img-89.png) no-repeat;
}
.width1600 .center .box3:hover .img1{
  display: none;
}
.width1600 .center .box3:hover .img2{
  display: block!important;
}
.width1600 .center .box3 .img{
  width: 76px;
  height: 76px;
  position: absolute;
  left: -267px;
  top: 392px;
}
.width1600 .center .box3 .img .img2{
  display: none;
}
.width1600 .center .box3 .te{
  position: absolute;
  top: 397px;
    left: -180px;
  font-size: 20px;
  color: #666;
  line-height: 30px;
  text-align: left;
}






.width1600 .center .box4 .ro{
  width: 63px;
  height: 94px;
  background: url(../image/img-91.png) no-repeat;
  top: 315px;
  right: -33px;
}
.width1600 .center .box4:hover .img1{
  display: none;
}
.width1600 .center .box4:hover .img2{
  display: block!important;
}
.width1600 .center .box4:hover .ro{

  background: url(static/style/pc/images/img-90.png) no-repeat;
}
.width1600 .center .box4 .img{
  width: 76px;
  height: 76px;
  position: absolute;
  right: -117px;
  top: 392px;
}
.width1600 .center .box4 .img .img2{
  display: none;
}
.width1600 .center .box4 .te{
  position: absolute;
    top: 397px;

    right: -300px;
    font-size: 20px;
    color: #666;
    line-height: 30px;
    text-align: left;
}

.width1600 .center .box5 .ro{
  width: 35px;
  height: 64px;
  top: 519px;
  left:247px;
  background: url(../image/img-17.png) no-repeat;
}
.width1600 .center .box5:hover .ro{
  background: url(../image/img-18.png) no-repeat;
}
.width1600 .center .box5:hover .img1{
  display: none;
}
.width1600 .center .box5:hover .img2{
  display: block!important;
}
.width1600 .center .box5 .img{
  width: 76px;
  height: 76px;
  position: absolute;
  left: 226px;
  bottom: -136px;
}
.width1600 .center .box5 .img .img2{
  display: none;
}
.width1600 .center .box5 .te{
  position: absolute;

  top: 612px;
  left: 326px;
  font-size: 20px;
  color: #666;
  line-height: 30px;
  text-align: left;
}
.width1600{
  display: none;

}

.width1024{

  display: none;
}
.width1024 ul{
  width: 94%;
  margin: 0 -10px;
  padding: 0 2%;
}
.width1024 ul li{
  width: 50%;
  float: left;
  margin-bottom: 2rem;
  padding: 0 10px;
}
.width1024 ul li .imgg{
  float: left;
  width: 40px;
}
.width1024 ul li .imgg img{
  display: block;
  width: 40px;
  height: 40px;
}
.width1024 ul li .te{
  width: calc(100% - 40px);
  float: left;
  font-size: 13px;
  line-height: 20px;
  padding-left: 10px;
  color: #333;
}
.width1024 .img{
  width: 80%;
  margin: 0 auto 10%;
  position: relative;
}
.width1024 .img img{
  display: block;
  width: 100%;
}
.width1024 .img .bg{
  width: 58%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  left: 21%;
  top: 21%;
  overflow: hidden;
  border-radius: 50%;
}
.width1024 .img .bg img{
  display: block;
  width: 100%;
  opacity: 0;
}
.width1024 .li .imgg{
  float: left;
}

@media (max-width: 1500px){
  .width1600 .center {
    width: 400px;
    height: 400px;
    background-size: 100%;
  }
  .width1600 .center .n-center {
    width: 400px;
    height: 400px;
  }
  .width1600 .center .n-center {
    width: 400px;
    height: 400px;
    background-size: 100%;
    top: 4px;
    left: 0px;
  }
  .width1600 .center .img-bg {
    width: 232px;
    height: 232px;
    margin: 88px 0 0 85.5px;
  }
  .width1600 .center .box1 .ro {
    top: -13px;
  }
}

.width1024 {
    display: none;
}

.width1024 .img{
  width: 80%;
  margin: 0 auto 10%;
  position: relative;
}
.width1024 .img img{
  display: block;
  width: 100%;
}
.width1024 .img .bg{
  width: 58%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  left: 21%;
  top: 21%;
  overflow: hidden;
  border-radius: 50%;
}
.width1024 .img .bg img{

  display: block;
  width: 100%;
  opacity: 0;
}
.width1024 .li .imgg{
  float: left;
}
@media (max-width: 1700px){
  .w1500{
    width: 88%;
  }
}
@media (max-width: 1600px){
  .positioning.width1900{
    display: none;
  }
  .wel-car .frr .tit{
    font-size: 37px;
  }
  .wel-video .w1500{
    width: 80%;
  }
  .lidu{
    top: 70px;
  }
  .liubox{
    margin-left: 380px;
  }
  .about .invest .js-box{
    width: 80%;
  }
  .width1600{
    display: block;
  }
  .news .much{
    width: 80%;
  }
  .news .wel-news .w1500{
    width: 80%;
  }
  .w15{
    width: 92%;
  }
  .w1400{
    width: 92%;
  } 
  .w1500{

    width: 92%;
  }
  .technolo .tec .box{
    width: 80%;
  }
  .technolo .demo .box{
    width: 80%;
  }
  .wel-video .js img{
    width: 90%;
  }
  /*.technolo .video .box{
    width: 80%;
  }*/
  .industry .ul ul{
    width: 60%;
    margin: 0 auto;
  }
  .industry .ul ul li{
    width: 25%;
    box-sizing:border-box;
  }
  .industry .ul ul li a{
    width: 100%;
  }
  .industry .ul ul li a p{
    font-size: 16px;
  }
  .wel-video .bg{
    width: 90%;
    left: 5%;
  }
  
  .about .four li .tit-img{
    margin: 4% 0;
  }
  .about .four li .tit-img img{
    width: 100px;
  }
  .about .four li .te{
    font-size: 14px;
  }
  .about .four li .list{
    margin-top: 2%;
  }
  .about .four li .list .line{
    padding-top: 12px;
    font-size: 14px;
  }
  .about .four li .list .five{
    margin-top: 20px;
  }
  .about .four li .list .five span img{
    width: 40px;
  }
  .about .four li .list .five span p{
    font-size: 13px;
  }
  .about .four li .thr .thrbox .bot{
    font-size: 12px;
  }
  .about.job .four li .tit-img img{
    height: 100px;
    width: auto;
  }
  .about.job .four li .list .five span{
    width: 148px;
  }
  .job-box ul{
    width: 80%;
  }
  .industry .list li .w1400{
    left: 10%;
    margin: 0px;
    width: 80%;
  }
  .pro-info .top .spbox{
    width: 92%;
  }
  .pro-info .mid .spbox{
    width: 92%;
  }
  .pro-info .bot .spbox{
    width: 92%;
  }
  .technolo .tec .box>img{
    width: 70%;
  }

  .technolo .tec .box .fll .tit{
    padding-top: 20%;
    font-size: 24px;
    margin-bottom: 15px;
  }
  .technolo .tec .box .fll .teb{
    font-size: 20px; 
  }
  .wel-news li .top p{
    font-size: 1.6;
  }
  .wel-car .w1500{
    width: 80%;
  }
  .wel-industry .W1200{
    width: 80%;
  }
  /*.technolo .tec .box .fll .text{
    line-height: 24px;
    font-size: 12px;
  }*/
  .pro-thr{
    width: 74%;
    margin-left: 0px;
    left: 13%;
  }
  .pro-thr a{
    width: 33.3%;
  }
  
  .product ul{
    width: 80%;
  }
  .product li .tit{

    font-size: 20px;
  }
  .product li .te{
    font-size: 12px;
  }
  .product li .a{
    font-size: 12px;
  }
  .product li img{
    max-width: 80%;
    margin: 0 auto;
  }
  .ncd{
    height: 55px;
  }
  .ncd .fll a{
    line-height: 55px;
  }
  .ncd .frr a{
    line-height: 55px;
  }
  .ncd .frr img{

    margin-top: 22px;
  }
  .product li{
    margin-top: 1%;
  }
  .about .invest .js{
    height: 170px;
  }
  .about .invest .js li.img{
    height: 170px;
  }
  .about .invest .js .flex-nav-prev{
    width: 63px;
    height: 63px;
    background-size: 100%;
  }
  .about .invest .js .flex-nav-next{
    width: 63px;
    height: 63px;
    background-size: 100%;
  }
  .ajaxjs{
    padding:8% 0px;
  }

  .about .invest .ajaxjs .fll img{
    margin: 0px auto;
  }
  .about .invest .ajaxjs .frr .text{
    margin-top: 0px;
  }
  .about .par .tit-img{
    margin-top: 55px;
      margin-bottom: 40px;
  }
  .about .invest .tit-img {
      margin-top: 55px;
      margin-bottom: 40px;
  }
  .about .par .tit-img img{
    height: 100px;
  }
  .about .invest .tit-img img{
    height: 100px;
  }
  .about .careers .tit-img img{
    height: 100px;
  }
  .technolo .demo .tit{
    margin-top: 50px;
    margin-bottom: 35px;
  }
}
@media (max-width: 1500px){
  .wel-car .frr .tit{
    font-size: 24px;
    line-height: 24px;
  }
  .wel-news .w1500{
    width: 80%;
  }
  .wel-news li .top p{
    font-size: 16px;
  }
  .wel-pro .w1400{
    width: 80%;
  }
  .wel-pro .tit{
    font-size: 50px;

  }

  .wel-adv .tit{
    font-size: 50px;
  }
  .wel-industry .tit{
    font-size: 50px;

  }
  .wel-video .tit{
    font-size: 50px;
  }
  .width1600 .center .n-center{
    width: 400px;
    height: 400px;
    background-size: 100%;
    top: 4px;
    left: 0px;
  }
  .width1600 .center{
    width: 400px;
    height: 400px;
    background-size: 100%;
  }
  .width1600 .center .n-center{
    width: 400px;
    height: 400px;
  }
  .width1600 .center .img-bg{
      width: 232px;
      height: 232px;
      margin: 88px 0 0 85.5px;
  }
  .width1600 .center .box1 .ro{
    top: -13px;
  }
  .width1600 .center .box1 .img{
    top: -48px;
      left: -280px;
  }
  .width1600 .center .box1 .te{
    top: -35px;
      left: -201px;
  }

  .width1600 .center .box2 .ro{
    top: -13px;
  }
  .width1600 .center .box2 .img{
    top: -48px;
  }
  .width1600 .center .box2 .te{
    top: -35px;
      left: 512px;
  }

  .width1600 .center .box4 .ro{
    top: 237px;
  }
  .width1600 .center .box4 .img{
    top: 315px;
  }
  .width1600 .center .box4 .te{
    top:333px;
      right: -267px;
  }

  .width1600 .center .box3 .ro{
    top: 237px;
  }
  .width1600 .center .box3 .img{
    top: 315px;
  }
  .width1600 .center .box3 .te{
    top: 328px;
      left: -186px;
  }
  .width1600 .center .box5 .ro{
    top: 379px;
      left: 182px;
  }
  .width1600 .center .box5 .img{
    left: 166px;
      bottom: -136px;
  }
  .width1600 .center .box5 .te{
    top: 488px;
      left: 239px;
  }
  .width1600 .center .box .img{
    width: 60px;
    height: 60px;
  }
  .width1600 .center .box .img img{
    display: block;
    width: 100%;
  }
  .width1600 .center .box .te{
    font-size: 16px;
  }
  .footer-nav.w1200{
    width: 80%;
  }
  .footer .top .footer-nav li{
    width: 16.6%!important;
  }
  .footer .top .footer-nav a{
    font-size: 12px;
  }
  .footer .top .y{
    width: 80%;
  }
  .wel-industry .w1200{
    width: 80%;
  }
  .wel-industry .tit{
    margin-bottom: 40px;
  }
  .wel-industry{
    height: 305px;
  }
  .about .careers .ul li{
    width: 190px;
  }
  .about .careers .ul li p{
    font-size: 16px;
  }
  .about .four li .tit-img .p1{
    font-size: 100px;
    line-height: 100px;
  }
  .about .four li .tit-img .p2{
    font-size: 33px;
    margin-top: -20px;
  }
  .about .four li .tit-img{
    margin: 4% 0 0%;
  }



  .about .par .tit-img .p1{
    font-size: 100px;
    line-height: 100px;
  }
  .about .par .tit-img .p2{
    font-size: 33px;
    margin-top: -20px;
  }


  .about .invest .tit-img .p1{
    font-size: 100px;
    line-height: 100px;
  }
  .about .invest .tit-img .p2{
    font-size: 33px;
    margin-top: -20px;
  }

  .about .careers .tit-img .p1{
    font-size: 100px;
    line-height: 100px;
  }
  .about .careers .tit-img .p2{
    font-size: 33px;
    margin-top: -20px;
  }


  .job-box .tit-img .p1{
    font-size: 100px;
    line-height: 100px;
  }
  .job-box .tit-img .p2{
    font-size: 33px;
    margin-top: -20px;
  }
}
@media (max-width: 1400px){
  .news-info .w15 .box{
    width: 92%;
  }
  .industry .list li .w1400 .tit{
    font-size: 24px;
    margin-bottom: 15px;
  }
  .industry .list li .w1400 .te{
    font-size: 12px;
    line-height: 24px;
  }
  .industry .ul{
    height: auto;
  }

  .contact li{
    width: 345px;
    height: 234px;
  }
  .contact li .te{
    font-size: 12px;
  }
  .pro-info .mid{
    padding-bottom: 50px;
  }
  .pro-info .mid .tit{
    font-size: 24px;
    margin: 50px 0px;
  }
  .pro-info .mid table th{
    font-size: 14px;
    height: 70px;
  }
  .pro-info .mid table td{
    font-size: 12px;
    height: 70px;
  }
  .pro-info .top{
    padding-bottom: 70px;
  }
  .pro-info .top .spbox .tit{
    font-size: 24px;
    margin-bottom: 16px;
  }
  .pro-info .top .spbox .te{
    font-size: 12px;
    line-height: 24px;
  }
  .pro-info .bot{
    padding-bottom:80px; 
  }
  .pro-info .bot .tit{
    margin: 40px auto;
    font-size: 24px;
  } 
  .footer .top .footer-nav li{
    width: 16.6%;
  }
  .wel-industry .w1200{
    width: 80%;
  }
  .wel-industry .tit{
    margin-bottom: 40px;
  }
  .wel-industry{
    height: 305px;
  }
  .about .four li .thr{
    margin-top: 2%;
  }

}
@media (max-width: 1300px){
  .wel-car .frr .tit{
    margin-bottom: 20px;
  }
  .wel-car .frr .te{
    margin-bottom: 25px;
  }
  .wel-car .frr .te{
    height: 117px;
  }
  .wel-news li .top p{
    line-height: 1.6;
    font-size: 12px;
  }
}
@media (max-width: 1200px){
  .header .ul{
    margin-left: 40px;
  }
  .industry .ul li{

    height: auto;
    width: 25%;
    float: left;
    box-sizing:border-box;
    border-bottom: 1px solid #ddd;
  }
  .industry .ul li a{
    width: 100%;
    height: auto;
    padding: 15px 0;
  }
  .industry .ul li a p{
    font-size: 12px;
    margin-top: 5%;
  }
  .industry .ul li a img{
    margin: 0 auto;
    max-width: 45px;
  }

  .pro-thr{
    width: 74%;
    margin: 0 auto;
    left: 13%;

  }
  .pro-thr a{
    width: 33.3%;
  }
  .wel-industry ul li p{
    font-size: 12px;
  }
  .footer .top .footer-nav li{
    width: 16.6%!important;
  }
  .liubox{
    margin-left: 285px;
  }
  .liubox .fll a{
    font-size: 12px;
  }
  .liubox .fll h1 {
      font-size: 20px;
      color: #333;
      margin-bottom: 13px;
      text-transform: uppercase;
      margin-top: 29px;
  }
  .liubox .frr{
    padding-left: 0px;
  }
  .about .four li .thr .thrbox{
    padding: 0px;
  }
  .about .four li .list .five{
    margin-top: 10px;
  }
  .about .careers .ul li{
    margin: 0px 1%;
      width: 160px;
  }
  .about .careers .ul li p{
    font-size: 16px;
  }
  .about.job .four li .list .five span{
    width: 145px;
  }
  .job-box .tit-img{
    margin: 51px auto 51px;
  }

  .contact li{
    width: 27.3%;
  }
  .industry .ul ul{
    width: 100%;
  }
  .pro-info .bot .js li.img p{
    font-size: 20px;
  }
}
@media (max-width: 1023px){
  .pro-info .top .fll{
    margin-top: 0px;
  }
  .bbgg .box{
    width: 92%;
    margin: 0px;
    left: 4%;
    top: 10%;
    height: 450px;
    /*height: auto;*/
  }
  /*.technolo .video .box{
    width: 92%;
  }*/
  .bbgg .jk-hid{
    right: 0px;
  }
  .technolo .tec .box{
    width: 92%;
  }
  .technolo .demo .box{
    width: 92%;
  }
  .about.job .four li .list .five span{
    width: 88px;
  }
  .about.job .four li .tit-img img{
    height: 70px;
  }
  .job-box ul li{
    width: 100%;
    margin-right: 2%;
    margin-bottom: 2%;
    padding: 7%;
  }
  .job-box ul li:nth-child(4n){
    margin-right: 2%;
  }
  .job-box ul li:nth-child(3n){
    margin-right: 2%;
  }

  .job-box .tit-img{
    margin: 5% 0;
  }
  .job-box .tit-img img{
    height: 82px;
  }
  .j-box{
    width: 80%;
    left: 10%;
    margin-left: 0px;
    padding: 5%;
    height: auto;
    margin-top: -176px;
  }
  .j-box .tit{
    font-size: 14px;
    padding-bottom: 5%;
    margin-bottom: 5%;
  }
  .j-box .te{
    font-size: 12px;
    height: 180px;
    line-height: 20px;
  }
  .j-box .j-ema{
    height: 40px;
    line-height: 40px;
  }
  .j-box .hide{
    width: 20px;
      height: 20px;
      position: absolute;
      top: 0px;
      right: 0px;
      margin-top: -30px;
      margin-left: 0px;
      cursor: pointer;
      left: auto;
  }
  .j-box .hide img{
    width: 100%;
  }
  .news .wel-news li{
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
  }
  .news .wel-news li:nth-child(3n){
    margin-right: 2%;
  }
  .news .wel-news li:nth-child(2n){
    margin-right: 0%;
  }
  .news .wel-news li .top p{
    font-size: 12px;
    line-height: 16px;
  }
  .news .wel-news li .te{
    font-size: 12px;
  }
  .news .much .fll{
    width: 100%;
    margin-bottom: 5%;
  }
  .news .much .frr{
    width: 100%;
  }
  .news .much .fll .num{
    width: 176px;
  }
  .news .much .fll .befor{
    float: right;
    margin-left: 0px;
  }
  .news .much .fll .num a.cur{
    font-size: 22px;
    line-height: 56px;
  }
  .news-info .w15{
    margin-bottom: 40px;
  }
  .news .much .fll .num a{
    font-size: 18px;
    margin-right: 5%;
  }
  .news-info .w15 .box .timebox{
    margin-bottom: 25px;
  }
  .news-info .w15 .box .tit{
    font-size: 16px;
    margin-bottom: 24px;
    margin-top: 34px;
  }
  .news-info .w15 .box .timebox .time{
    font-size: 14px;
    padding-right: 5px;
  }
  .news-info .w15 .box .timebox .re{
    font-size: 14px;
    padding-left: 5px;
  }
  .news-info .w15 .box .text{
      line-height: 24px;

      padding-bottom: 50px;
      border-bottom: 1px solid #ddd;
      margin-bottom: 15px;
  }
  .news-info .w15 .box .inpa .ffrr a{
    font-size: 12px;
    height: 36px;
    line-height: 36px;
    padding: 0 30px 0 20px;
    background-position: right 18px center
  }
  .news-info .w15 .box .inpa .ffrr a:hover{
    background-position: right 18px center
  }
  .news-info .w15 .box .inpa .ffll{
    width: 100%;
    margin-bottom: 10px;
  }
  .news-info .w15 .box .inpa .ffrr{
    width: 100%;
  }
  .news-info .w15 .box .inpa .ffrr a{
    display: inline-block;
  }
  .industry .list li .w1400{
    position: relative;
    width: 100%;
    left: 0px;
    top: 0px;
    overflow: hidden;
    padding: 0 4%;
    box-sizing:border-box;
  }
  .industry .list li .w1400 .box{
    overflow: hidden;
    padding: 20px 0;
    width: 100%;
  }
  .industry .list li .w1400 .tit{
    color: #333;
    margin-top: 0px!important;
    margin-bottom: 7px;
  }
  .industry .list li .w1400 .te{
    color: #333;
    width: 100%;
  }
  .product li{
    width: 100%;
    margin-right: 0%;
  }
  .product li:nth-child(3n){
    margin-right: 0%;
  }
  .product li:nth-child(2n){
    margin-right: 0px;
  }

  .pro-info .top .fll{
    width: 100%;
  }
  .pro-info .top .frr{
    width: 100%;
  }
  .pro-info .mid table{
    display: none;
  }
  .pro-info .bot .js li.img p{
    font-size: 12px;
  }
  .technolo .tec .box>img{
    position: relative;
    right: auto;
    top: auto;
    display: block;
    margin: 0 auto;
  }
  .technolo .tec .box .fll{
    width: 100%;
  }
  .technolo .tec .box>img{
    width: 100%;
  }
  .technolo .tec .box .fll .tit{
    font-size: 
  }
  .technolo .tec .box .fll .teb{
    font-size: 14px;
    line-height: 18px;
  }
  .technolo .tec .box .fll .text{
    font-size: 12px;
    line-height: 16px;
  }
  .technolo .tec .box{
    padding-bottom: 40px;
  }
  .technolo .demo .tit{
    margin: 50px auto;
    font-size: 30px;
  }
  .technolo .demo .box{
    padding-top: 0px;
  }
  .technolo .demo .box li{
    width: 100%;
    margin-bottom: 5%;
  }
  .technolo .demo .box li p{
    font-size: 14px;
  }
  .technolo .box{
    padding-bottom: 0px;
  }
  .technolo .demo{
    padding-bottom: 40px;
  }
  .technolo .video video{
    display: block;
  }
  .technolo .box{
    padding: 5% 0;
  }
  .technolo .tt{
    display: none;
  }
  .product li img{
    display: block;
    margin: 0 auto;
  }
  .pro-info .mid .spbox .mob{
    display: block;
  }
  .mobile-footer .bot{
    height: auto;
    overflow: hidden;
    line-height: 30px;
    padding: 10px 0;
  }
  .mobile-footer .bot .ml{
    width: 100%;
    text-align: center;
    padding-left: 0px;
    line-height: inherit;
  }
  .mobile-footer .bot .mr{
    width: 100%;
    text-align: center;
    padding-left: 0px;
    line-height: inherit;
    padding-right: 0px;
  }
  .w1400.pro_ul.pro_ul_li{
    margin-top: 0px;
  }
  .ncd .js{
    display: block;
  }
  .banner{
  }
  .mobbanner{
    display: block;
  }
  .pro-thr{
    position: relative;
    width: 100%;
    overflow: hidden;
    left: 0px;
    margin: 0px;
  }
  .pro-thr a{
    width: 33.3%;
    line-height: inherit;
    font-size: 16px;
  }
  .pro-thr a:nth-child(3n){
    border-right: 0px none;
  }
  .pro-thr a img{
    width: 70px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-top: 16px;
    display: block;
    margin: 16px auto 5px;
  }
  .wel-pro .tit{
    font-size: 30px;
  }
  .wel-pro ul{
    width: 100%;
  }
  .wel-pro li{
    width: 100%;
    padding: 0 4%;
    box-sizing:border-box;
    padding-bottom: 12%;
    border-bottom: 1px solid #ddd;
  }
  .width1900{

    display: none;
  }
  .wel-adv .tit{
    font-size: 30px;
    margin-bottom: 40px;
  }
  .wel-adv{
    padding-bottom: 0;
  }
  .wel-industry{
    margin-bottom: 0px;
  }
  .wel-industry .tit{
    font-size: 30px;
    margin-top: 8%;

      margin-bottom: 8%;
  }
  .wel-industry{
    height: auto;

  }
  .wel-industry .w1200{
    width: 100%;
  }
  .wel-industry ul{
    background: none;
    height: auto;
  }
  .wel-industry ul li{
    width: 50%;
    padding-bottom: 5%;
    padding-top: 5%;
    height: auto;
    background-repeat: repeat-y;
    background-position: right bottom;
  }
  .wel-industry ul li p {
      font-size: 12px;
      line-height: 16px;
      height: 32px;
      color: #fff;
      text-transform: uppercase;
      text-align: center;
      margin-top: 5%;
  }
  .wel-industry ul li{
    border-bottom: 1px solid rgba(255, 255, 255, 0.21);
  }
  .wel-industry ul li:nth-child(2n){
    background: none;
  }
  .wel-car .fll{
    width: 100%;
    margin-bottom: 5%;
  }
  .wel-car .frr{
    width: 100%;
    padding: 0px;
  }
  .wel-car .frr .tit{
    margin-bottom: 15px;
  }
  .wel-car .w1500{
    display: none;
  }
  .wel-car{
    padding-bottom: 0px;
  }
  .wel-video {
      padding-top: 5%;
      padding-bottom:5%;
  }
  .wel-video .tit{
    font-size: 30px;
    margin-bottom: 5%;
  }
  .wel-video .w1500{
    display: none;
  }
  .wel-news{
    padding: 7% 0;
  }
  .wel-news .tit{
    font-size: 30px;
    margin-bottom: 7%;
  }
  .wel-news ul{
    display: none;
  }
  .wel-barnd{
    padding: 2% 0;
  }
  .wel-pro{
    padding-bottom: 0px;
  }
  .mobile-w15{
    display: block;
  }
  .mobvideo{
    display: block;
  }
  .wel-news .js{
    display: block;
  }
  .header{
  }
  .mobile-header{
    display: block;
  }
  .footer{
    display: none;
  }
  .mobile-footer{
    display: block;
  }
  .about .par .tit-img{
    margin-top: 10%;
      margin-bottom: 5%;
  }
  .about .four li{
    width: 100%;
  }
  .about .four li .thr .thrbox{
    width: auto;
    padding: 0 1%;
  }
  .about .four li .thr .thrbox .top span.sp1{
    font-size: 30px;
  }
  .about .four li .thr .thrbox .top span.sp2{
    font-size: 22px;
    line-height: 22px;
  }
  .about .four li.cur img.zw{
    display: none;
  }
  .about .four li.cur .box{
    position: relative;
    padding-bottom: 5%;
  }
  .about .par .tit-img img{
    width: 157px;
  }
  .about .par ul li{
    width: 50%;
  }
  .about .invest .js{
    width: 100%;
    padding: 0px;
  }
  .about .invest .js .flex-nav-next{
    display: none;
  }
  .about .invest .js .flex-nav-prev{
    display: none;
  }
  .about .invest .tit-img img{
    width: 157px;
  }
  .about .invest .tit-img{
    margin-top: 10%;
    margin-bottom: 5%;
  }
  .about .invest .ajaxjs .fll{
    width: 100%;
  }
  .about .invest .ajaxjs .frr{
    width: 100%;
    padding: 0 4% 4%;
    box-sizing:border-box;
  }
  .about .invest .ajaxjs .fll img{
    margin: 10% auto;
    width: 100px;
  }
  .about .invest .ajaxjs .frr .text{
    margin-top: 3%;
  }
  .about .invest .ajaxjs .frr .tit{
    font-size: 24px;
  }
  .about .invest .ajaxjs .frr .te{
    font-size: 12px;
    line-height: 24px;
  }
  .about .invest .js-box{
    margin-bottom: 5%;
  }
  .about .careers .ul ul{
    font-size: 0px;
  }
  .about .careers .ul li{
    margin: 0px;
      width: 33.3%;
      padding: 0 5%;
      box-sizing: border-box;
  }
  .about .careers .ul li p{
    font-size: 12px;
  }
  .about .careers .tit-img{
    margin: 5% 0;
  }
  .about .careers{
    height: auto;
    padding-bottom: 12%;
    background-position: center;
  }
  .about .careers .tit-img img{
    width: 157px;
  }
  .about .invest .js{
    height: 100px;
  }
  .about .invest .js li.img{
    height: 100px;
  }
  .about .invest .js li.img img{
    display: block;
      margin: 20px auto 4%;
      width: 43px;
  }
  .about .invest .js li.img p{
    font-size: 12px;
  }
  .n-banner{
    height: auto;
    background: none;
  }
  .n-banner img.pccg{
    display: none;
  }
  .n-banner img.cg{
    display: block;
    width: 100%;
  }
  .n-banner .te{
    font-size: 30px;
  }
  .width1600{
    display: none;
  }
  .width1024{
    display: block;
  }
  .job-box ul li{
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
  }
  .job-box ul li:nth-child(4n){
    margin-right: 0%;
  }
  
  .job-box ul li:nth-child(2n){
    margin-right: 0px;
  }
  .news .wel-news li .top p{
    font-size: 18px;
  }
  .news .n-tit{
    padding: 5% 0;
    font-size: 24px;


    -webkit-transition: 1.2s cubic-bezier(0.6, 0.2, 0.1, 1);
      transition: 1.2s cubic-bezier(0.6, 0.2, 0.1, 1);
      -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
      transform: translateY(0px);

  }
  .wel-news .w1500{
    width: 92%;
  }
  .news .wel-news li{
    width: 100%;
    margin-right: 1.5%;
    margin-bottom: 10px!important;
  }
  .news .wel-news li:nth-child(3n){
    margin-right: 0px;
  }
  .contact li{
    width: 345px;
    height: 234px;
    display: block;
    margin: 0 auto 10px;
    overflow: hidden;
    height: 200px;
  }
  .contact .tit{
    font-size: 30px;
    padding: 5% 0;
  }
  .contact img{
    margin: 5% auto;
  }
  .pro-info .bot .js .flex-nav-next a{
    background-size: 25px;
    width: 25px;
      height: 45px;
  }
  .pro-info .bot .js .flex-nav-prev a{
    background-size: 25px;
    width: 25px;
      height: 45px;
  }
  .pro-info .bot .js .flex-nav-next{
    right: 0px;
    margin-top: 22px;
  }
  .pro-info .bot .js .flex-nav-prev{
    left: 0px;
    margin-top: 22px;
  }
  .ncd{
    height: 40px;
    padding: 0 4%;
  }
  .ncd .js{
    height: 40px;
  }
  .ncd .fll{
    display: none;
  }
  .ncd .frr{
    display: none;
  }
  .job-box ul{
    width: 92%;
  }
  .product ul{
    width: 92%;
  }
  .wel-car{
    display: none;
  }
  .technolo .box{
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .qqjhua{
    width: 100%;
    left: 0;
  }
  .technolo .video video{
    width: 100%;
    margin-left: 0;
  }
  .qqj{
    width: 45px;
    height: 45px;
    background-size: 100%;
    margin: -22.5px 0 0 -22.5px;
  }
}
@media (max-width: 700px){
  .ncd .js a:hover{
    background:none;
  }
  .industry .ul ul li{
    width: 50%;
  }
  .industry .ul ul li a{
    height: 100%;
  }
  #ad{
    bottom:40px;
    right:40px;
    width:75px;
    height:75px;
  }
  #ad a img{
    display:block;
    max-width:100%;
  }
  .close-x{
    right: -14px;
    top: -14px;
  }
}
@media (max-width: 414px){
  .n-banner .te{
    margin-top: 0px;
  }
  .job-box ul li{
    width: 100%;
    margin-right: 2%;
    margin-bottom: 2%;
  }
  /*.pro-info .top .spbox{
    padding-top: 16%;
  }*/
  .news .much{
    width: 92%;
  }
  .news .wel-news .w1500{
    width: 92%;
  }
  .news .much .frr .box{
    width: 100%;
  }
  .news .wel-news li .top p{
    line-height: 1.6;
  }
  .about .invest .js-box{
    width: 92%;
  }
  .about .four li .thr{
    font-size: 0px;
  }
  .about .four li .thr .thrbox{
    width: 33.3%;
    padding: 0px;
  }
}


.n_yingyonglingyu{ padding:4.375rem 0 0; min-height:50rem}
.n_yingyonglingyu_fl01{position:relative;min-width: 1400px;left: 50%;transform: translateX(-50%);}
.n_yingyonglingyu_fl01 img{width:100%;min-width: 1400px;position: relative;left: 50%;transform: translateX(-50%);}
.xuanze_hd a{display:inline-block;position:absolute;width: 1px;height: 1px;cursor: pointer;}
.xuanze_hd a:before{content:"";top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);border:#ffcc00 4px solid;border-radius:50%;position:absolute;box-sizing: border-box;cursor: pointer;}

.n_yingyonglingyu_fl001 .xuanze_hd a[name="t1"]{left: 710px;top: 126px;}
.n_yingyonglingyu_fl001 .xuanze_hd a[name="t1"]:before{width: 70px;height: 70px;}
.n_yingyonglingyu_fl001 .xuanze_hd a[name="t2"]{left: 828px;top: 84px;}
.n_yingyonglingyu_fl001 .xuanze_hd a[name="t2"]:before{width:94px;height:94px;}
.n_yingyonglingyu_fl001 .xuanze_hd a[name="t3"]{left: 952px;top: 50px;}
.n_yingyonglingyu_fl001 .xuanze_hd a[name="t3"]:before{width:109px;height:109px;}

.n_yingyonglingyu_fl002 .xuanze_hd a:before{ border-radius:0}
.n_yingyonglingyu_fl002 .xuanze_hd a[name="t1"]{left: 444px;top: 132px;}
.n_yingyonglingyu_fl002 .xuanze_hd a[name="t1"]:before{width: 33px;height: 31px;}
.n_yingyonglingyu_fl002 .xuanze_hd a[name="t2"]{left: 635px;top: 157px;}
.n_yingyonglingyu_fl002 .xuanze_hd a[name="t2"]:before{width: 55px;height: 97px;}
.n_yingyonglingyu_fl002 .xuanze_hd a[name="t3"]{left: 837px;top: 104px;}
.n_yingyonglingyu_fl002 .xuanze_hd a[name="t3"]:before{width: 55px;height: 51px;}
.n_yingyonglingyu_fl002 .xuanze_hd a[name="t4"]{left: 963px;top: 170px;}
.n_yingyonglingyu_fl002 .xuanze_hd a[name="t4"]:before{width: 166px;height: 148px;}

.n_yingyonglingyu_fl003 .xuanze_hd a[name="t1"]{left: 648px;top: 84px;}
.n_yingyonglingyu_fl003 .xuanze_hd a[name="t1"]:before{width: 84px;height: 84px;}
.n_yingyonglingyu_fl003 .xuanze_hd a[name="t2"]{left: 648px;top: 187px;}
.n_yingyonglingyu_fl003 .xuanze_hd a[name="t2"]:before{width: 84px;height: 84px;}

.n_yingyonglingyu_fl004 .xuanze_hd a[name="t1"]{left: 568px;top: 58px;}

.n_yingyonglingyu_fl004 .xuanze_hd a[name="t1"]:before{width: 109px;height: 109px;}

.n_yingyonglingyu_fl005 .xuanze_hd a:before{ border-radius:0}

.n_yingyonglingyu_fl005 .xuanze_hd a[name="t1"]{left: 487px;top: 39px;}
.n_yingyonglingyu_fl005 .xuanze_hd a[name="t1"]:before{width: 217px;height: 76px;}
.n_yingyonglingyu_fl005 .xuanze_hd a[name="t2"]{left: 429px;top: 229px;}
.n_yingyonglingyu_fl005 .xuanze_hd a[name="t2"]:before{width: 96px;height: 263px;}
.n_yingyonglingyu_fl005 .xuanze_hd a[name="t3"]{left: 547px;top: 172px;}
.n_yingyonglingyu_fl005 .xuanze_hd a[name="t3"]:before{width: 96px;height: 152px;}
.n_yingyonglingyu_fl005 .xuanze_hd a[name="t4"]{left: 757px;top: 152px;}
.n_yingyonglingyu_fl005 .xuanze_hd a[name="t4"]:before{width: 279px;height: 304px;}

.n_yingyonglingyu .right{ width:100%; padding:0}
.n_yingyonglingyu .n_product .right .right_box .table{ display:none}
.n_yingyonglingyu .n_product .right .right_box .table.act{display: table;}
.n_yingyonglingyu .n_product .right .right_box .table .tr .td{padding: 0.5rem 1rem;}
.n_yingyonglingyu .n_product .right .right_box .table .tr.trbt{ border:none; border-top-left-radius:10px; border-top-right-radius:10px}
.xuanze_hd a.on:before{ border:#ca0e2a 4px solid}


@media(max-width: 992px){
  .n_yingyonglingyu_fl001{transform: translateX(-50%) scale(0.6);margin: -4rem 0;}
  .n_yingyonglingyu_fl002{transform: translateX(-50%) scale(0.6);margin: -4rem 0;}
  .n_yingyonglingyu_fl003{transform: translateX(-50%) scale(0.8);margin: -4rem 0;}
  .n_yingyonglingyu_fl004{transform: translateX(-50%) scale(0.8);margin: -4rem 0;}
  .n_yingyonglingyu_fl005{transform: translateX(-50%) scale(0.8);margin: -4rem 0;}
}
@media(max-width: 768px){
  .n_yingyonglingyu_fl001{transform: translateX(-50%) scale(0.6);margin: -4rem 0;}
  .n_yingyonglingyu .right{ padding:0 !important}
  .n_yingyonglingyu .n_product{ padding:3rem 0 0 !important}
  
  .n_yingyonglingyu_fl002{transform: translateX(-50%) scale(0.6);margin: -4rem 0;}
  .n_yingyonglingyu_fl003{transform: translateX(-50%) scale(0.6);margin: -4rem 0;}
  .n_yingyonglingyu_fl004{transform: translateX(-50%) scale(0.8);margin: -4rem 0;}
  .n_yingyonglingyu_fl005{transform: translateX(-50%) scale(0.8);margin: -4rem 0;}
}
@media(max-width: 500px){
  .n_yingyonglingyu_fl001{transform: translateX(-50%) scale(0.5);margin: -6rem 0;}
  .n_yingyonglingyu_fl003{transform: translateX(-50%) scale(0.5);margin: -6rem 0;}
  .n_yingyonglingyu_fl004{transform: translateX(-50%) scale(0.5);margin: -6rem 0;}
  .n_yingyonglingyu_fl005{transform: translateX(-50%) scale(0.5);margin: -6rem 0;}
}

@media(max-width: 540px){
  .n_yingyonglingyu_fl002{transform: translateX(-50%) scale(0.5);margin: -6rem 0;}
}
@media(max-width: 400px){
  .n_yingyonglingyu_fl001{transform: translateX(-50%) scale(0.4);margin: -6rem 0;}
  .n_yingyonglingyu_fl002{transform: translateX(-50%) scale(0.4);margin: -6rem 0;}
  .n_yingyonglingyu_fl003{transform: translateX(-50%) scale(0.5);margin: -6rem 0;}
  .n_yingyonglingyu_fl004{transform: translateX(-50%) scale(0.5);margin: -6rem 0;}
  .n_yingyonglingyu_fl005{transform: translateX(-50%) scale(0.5);margin: -6rem 0;}
}



.ar_article.ar_web{}
.ar_article.ar_wap{ display:none}

.n_product .right .right_box .table .tr .td.vg_application, .n_product .right .right_box .table .tr .th.vg_application{width: 260px;}

.n_youshi_detail .fl02 .ar_article img{max-width: 7rem;max-height: 5rem;}

.anniu_left{position:relative;overflow:hidden;z-index: 100000;}

/*==========================================首页 结束=============================================*/


/*==========================================内页 开始=============================================*/



/*==========================================内页 结束=============================================*/

/*aos="zoom-in" aos-duration="1200"*/
@media(min-width: 768px){
  .n_bottom ul li a:hover .img h6{transform: translateY(-40px);}
  .n_bottom ul li a:hover .img{ border:#ca0e2a 1px solid; background:#ca0e2a}
  .n_bottom ul li a:hover .img svg{ fill:#fff}
  

  .n_news .fl01 ul li .con h5:hover, .n_news .fl02 ul li a h5:hover, .n_news .fl02 ul li a span:hover, .n_news_detail .n_right .content01 .tuijian ul li a h5:hover{ color:#ca0e2a}

  .n_news .fl02 ul li:hover:before{ left:0; width:100%}
  
  .n_zhaopin_detail .fl01 .left .more00 a:hover{ background:#ae0e26}
  
  .n_fcjs ul li a:hover:before{ background:#ca0e2a; transform:translateY(0)}
  .n_fcjs ul li a:hover .con h5{ color:#fff}
  
  .n_pinzhong .fl01 .right ul li a:hover{ box-shadow:0 0 15px rgba(0,0,0,0.2)}
  
  .n_product_fenlei .miso_hd .miso-slide .box>ul>li ul li a:hover{ color:#ca0e2a}
  .n_product_fenlei .miso_hd .miso-slide .box:hover:before{ background:#eaebef; border:#eaebef 3px solid}
  
  .n_product_detail .fl03 ul li .a1:hover{ background:#ca0e2a; color:#fff}
  .n_product_detail .fl03 ul li .a1:hover svg{ fill:#fff;}

  
  .n_product .left .xz_box .xz_box_dd .chongzhi a:hover{ background:#ae0e26}
  
  #s_serve ul li .img:hover, #s_ceshi ul li .img:hover{ transform:scale(1.05)}
  
  .header .right .tel:hover img, .header .right .ewm:hover img, .header .right .ewm.yuyan:hover img{ -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0); filter:none;}
  .n_about ul.ul02:hover .miso-prev, .n_about ul.ul02:hover .miso-next{ opacity:1} 
}


@media(min-width: 992px) and (max-width: 1300px){
}


@media(max-width: 1830px){
  .w1800{ padding:0 15px}
}

@media(max-width: 1630px){
  .w1600{ padding:0 15px}
  .footer .left dl{margin-right: 2rem;}
}

@media (max-width: 1600px){
  .positioning.width1900 {
    display: block;
  }
  
  .positioning.width1900{ transform:scale(0.8)}
}

@media(max-width: 1430px){

  .w1400{padding:0 15px;width: 100%;}
  .footer .left dl{margin-right: 1rem;}
}


@media(max-width: 1380px){
  .w1350{ padding:0 15px}
  #s_serve ul li .txt{ padding:0 15px;}
  #s_ceshi ul li .txt{ padding:0 15px;}

}



@media(max-width: 1360px){

  .nav li{ margin-right:1.5rem}
  .header{ padding-left:1rem}

}

@media(max-width: 1280px){
  .footer .left dl{ display:none}
  .footer .right{ width:100%}
}

@media(max-width: 1230px){
  .w1200{ padding:0 15px}
}

@media(max-width: 1200px){
  .nav li{ margin-right:1rem}
  
  .positioning.width1900{ transform:scale(0.7)}
}

@media(max-width: 1060px){
  .header .right .ewm, .header .right .tel{width: 60px !important;}
  .header .right .ewm.yuyan{ width:6rem}
  
  
}

@media(max-width: 992px){
  .nav{ display:none}
  #openBtn{ display:block}
  
  .header_top, .header:before{ height:65px;}
  .header{ height:65px;}
  .header .logo{ height:65px; line-height:65px;}
  .header .right .ewm, .header .right .tel{ height:65px;}
  .header .right .ewm.yuyan{margin-right: 58px;border-right: #dfdfdf 1px solid;font-size: 0;}

  

  #s_jishu ul li font img{max-height:3rem;}
  
  #s_ceshi ul li{ height:auto}
  #s_ceshi ul li .img{width:100%;float: none;height: 30rem;}
  #s_ceshi ul li .txt{width:100%;padding: 3rem 15px;text-align: left;}
  #s_ceshi ul li.li_1 .txt01{width:100%;display: block;max-width: 100%;}
  #s_ceshi ul li .txt .con{float:left;width: 100%;}
  
  #s_news ul li .img, #s_news ul li .img img{ height:15rem}
  
  .n_about ul.ul01 li{ margin-bottom:1rem}
  .n_about ul.ul01{ margin:2rem 0 2rem}
  
  .n_title{ display:none}
  #m_n_nav{ display:block}
  
  .n_banner{height: 22vh;}
  
  .n_news_detail .content{ display:block}
  .n_news_detail .n_left{ width:100%; padding:0}

  .n_news_detail .n_right{ width:100%; display:none}
  
  .b_nav .con{ font-size:14px;}
  .n_news_detail .n_left .box .ar_title h6 span{ display:inline-block}
  
  .n_jairu .fl03 .miso_bd ul li{ width:50%}
  
  .n_fcjs ul li a{ padding:1.5rem 1.5rem}
  .n_fcjs ul li a .con{ padding-left:1.5rem}
  .n_pinzhong .fl01 .right ul li{ width:50%}
  
  .n_product_detail .fl01 .right ul li{ margin-bottom:1rem}
  .n_product_detail{ padding:3rem 0}
  
  .positioning.width1900{ display:none}
  
  .width1024 .img{width: 40%;}

  #s_serve ul li .txt{ width:100%}
  #s_serve ul li .img{width:100%;position: relative;top: auto;bottom: auto;height: 30rem;}
  
  .ar_article.ar_web{ display:none}
  .ar_article.ar_wap{ display:block}
} 

@media(max-width: 768px){
  #gotop{ right:0; transform:scale(0.7)}
  
  .header .logo img{height: 35px;}
  
  .header .right .ewm, .header .right .tel{width: 40px;}
  .header .right .ewm img, .header .right .tel img{ height:16px;}
  .header .right .ewm.yuyan img{ margin-right:1px}
  .header .right .tel{ display:none}

   #s_serve ul li .img{height: 16rem;}

  
  .banner ul li.li01 .box_table h6{font-size:12px;margin-bottom: 2rem;}
  .banner ul li.li01 .box_table h3{font-size:1.25rem;margin-bottom: 10px;letter-spacing: 1.5px;}
  .banner ul li.li01 .box_table h5{font-size:1.25rem;margin-bottom: 1rem;}
  
  .banner .miso-prev, .banner .miso-next{width: 35px;height: 35px;background-size: 100%;}
  
  .banner{ height:40vh}
  .banner ul li.li01{ height:40vh}
  .banner ul li.li01 .box_table h6{ margin-top:0}
  .ind_video_box img, .ind_video_box .ban_img{ height:40vh}
  .banner-next .next-icon{ transform:scale(0.8)}
  .datu{ height:auto}
  #s_fangan{position:relative;bottom: 0;padding: 2rem 0;height: auto;}
  
  #s_fangan .tt{width:100%;height: 40px;line-height: 40px;background: #fff;color: #333;font-size: 18px;font-weight: bold;}
  #s_fangan .tt:before{border-top:#fff 7.8125rem solid;display: none;}
  #s_fangan ul{width:100%;padding: 0.5rem 0;}
  #s_fangan ul li{ height:auto}
  #s_fangan ul li span{height:50px;transform: scale(0.7);margin-top: -1rem;margin-bottom: -0.5rem;}
  #s_fangan ul li h5{line-height:30px;margin: 0;}
  
  #s_serve ul li{ height:auto;}
  #s_serve ul li .txt{ padding:2.5rem 15px}
  #s_serve ul li .txt .con{ width:100%}
  
  #s_serve ul li .txt h4{font-size:22px;line-height: 22px;}
  #s_serve ul li .txt h5{font-size:18px;margin: 14px 0 18px;}
  #s_serve ul li .txt p{font-size: 13px;line-height:20px;height: 40px;}
  #s_serve ul li .txt .more{ margin-top:1.5rem; }
  #s_serve ul li .txt .more img{height: 24px;}
  
  #s_jishu ul li{width: 33.333333%;}
  #s_jishu ul li font{display:block;line-height: 3rem;}

  #s_jishu ul li font img{max-width: 34px;max-height: 28px;}
  #s_jishu ul li h5{font-size: 14px;margin: 10px 0 0;padding: 0 12px;line-height: 20px;height: 40px;}
  #s_jishu ul li a{padding: 1rem 0 0;height: auto;}
  
  .title00{margin-bottom: 1rem;}
  #s_jishu{ padding:3rem 0}

  #s_ceshi ul li .img{ height:16rem}
  
  #s_ceshi .miso_hd dl dd a{width:84px;height: 34px;line-height: 30px;font-size: 13px;}
  #s_ceshi .miso_hd dl dd{ margin-left:0.75rem; margin-right:1px}
  #s_ceshi ul li .txt h4{font-size:22px;line-height: 22px;}

  #s_ceshi ul li .txt h5{font-size:18px;margin: 14px 0 18px;}
  #s_ceshi ul li .txt p{font-size: 13px;line-height:24px;height: 48px;}
  #s_ceshi ul li .txt .more{ margin-top:1.5rem; }
  #s_ceshi ul li .txt .more img{height: 24px;}
  
  #s_news ul li{width:100%;margin-bottom: 1rem;}
  #s_news ul li a{ display:block; overflow:hidden}
  #s_news ul li .img, #s_news ul li .img img{width: 150px;height: 110px;float:left;}
  #s_news ul li .con{width: calc(100% - 150px);float:left;padding: 10px 0 0 12px;}
  #s_news ul li .con h5{font-size:15px;line-height: 20px;height: 40px;white-space:normal;margin: 10px 0 10px;}
  #s_news ul{ padding-bottom:2rem}
  #s_news ul.miso-dots{padding-bottom:0;margin: 0;}
  #s_news ul li .con p{ font-size:12px}
  #s_news{ padding:3rem 0}
  #s_news ul li .con h6{ font-size:13px;}
  
  #s_product{ padding:2rem 0}
  .footer .left{ display:none}
  .footer .right{ width:100%}
  #s_lianxi .miso_bd .img img{width: 70px;height: 70px;}
  #s_lianxi .miso_bd .img{width: 80px;height: 80px;}
  #s_lianxi .miso_bd .con{display:inline-block;width: calc(100% - 86px);}
  
  #s_lianxi .miso_bd .con h5{font-size:14px;padding: 3px 0 10px;}
  #s_lianxi .miso_bd .con p{ font-size:12px;}
  .footer{ padding:2rem 0}
  
  footer .fl{ width:100%; text-align:center}
  footer p, footer p a{ line-height:20px;}
  footer .fr{ width:100%; text-align:center; margin-top:1rem}
  
  .n_about .fl01 .left{ display:none}
  .n_about .fl01 .right{ width:100%; padding:0}
  
  .n_about ul.ul01 li{margin-right: 0;width: 25%}
  .n_about ul.ul01 li a h3{ font-size:22px;}
  .n_about ul.ul01 li a h5{ font-size:12px;padding-right:5px; line-height:18px}
  
  .n_banner .box_table h3{ font-size:18px;}
  .n_banner .box_table h4{font-size: 12px;line-height: 20px;}
  
  .n_bottom ul li .img{ display:inline-block; width:44px; height:44px; line-height:42px;}
  .n_bottom ul li .img h6{line-height: 26px;}
  
  .n_news .fl01 ul{ margin:0 -5px}
  .n_news .fl01 ul li{padding:0 5px;width: 100%;margin-bottom: 1rem;}
  .n_news .fl01 ul li .con h5, .n_news .fl02 ul li .con h5{ font-size:16px;}
  
  .n_news .fl02 ul li a .img, .n_news .fl02 ul li a .img img{ width:130px; height:105px;}
  .n_news .fl02 ul li a .con{width:calc(100% - 130px);padding-left: 1rem; height:105px;}
  .n_news .fl02 ul li a span{ display:none}
  .n_news .fl02 ul li a p{margin-bottom:0;font-size: 13px;margin-top: 12px;}
  .n_news .fl02 ul li{ padding:1.5rem 0}
  .n_news .fl01 ul li .con h6, .n_news .fl02 ul li a h6{font-size: 13px;}
  .n_news .fl01{ padding:3rem 0 1rem}
  .n_news .fl02 ul li .con h5{line-height:22px;height:44px;white-space: normal;font-size: 15px;}
  
  .n_zizhi ul.ul01{font-size: 0;margin: 0 -7px;}
  .n_zizhi ul.ul01 li{padding: 0 7px;margin-bottom:1.5rem; width:50%}
  .n_zizhi ul.ul01 li .pic_box{ height:10rem}
  .n_zizhi ul.ul01 li img{max-height: 9rem;}
  
  .n_zizhi .fl00{ padding:3rem 0 0}
  .title01 h3{font-size:18px;margin-bottom: 2rem;}
  .n_zizhi .fl01, .n_zizhi .fl02{ padding:2rem 0 2rem}
  .n_zizhi ul.ul01 li h5{ font-size:14px}
  
  .n_lianxi ul li{width: 100%;}
  .n_lianxi ul li a{ padding:1.5rem 1.5rem}
  .n_lianxi ul li h4{ font-size:16px;}
  .n_lianxi .fl01 .botom_box .right{ display:none}
  .n_lianxi .fl01 .botom_box h4{ font-size:16px;}
  .n_lianxi .fl01 .botom_box p{ font-size:13px;}
  .n_lianxi ul li{ margin-bottom:1rem}
  .n_lianxi ul li p{ font-size:13px;}
  #container01{ height:22rem}
  
  .n_news_detail{ padding:3rem 0 4rem}
  
  .n_jairu .fl02 ul .miso-prev{ left:5vw}
  .n_jairu .fl02 ul .miso-next{ right:5vw}
  .n_jairu .fl02 ul .miso-prev, .n_jairu .fl02 ul .miso-next{ transform:scale(0.6); top:30%}
  
  .n_jairu .fl03 .miso_bd ul li{width:100%;margin-bottom: 1rem;}
  .n_jairu .fl03{padding-top: 3rem;}
  .n_jairu .fl03 .miso_hd{ margin-bottom:2.5rem}
  .n_jairu .fl03 .miso_hd ul li{width: 13rem !important;padding: 0 0.5rem;}
  .n_jairu .fl03 .miso_hd ul li a{ border-radius:5px}
  .n_jairu .fl03 .miso_hd ul li a h6{margin-top: 10px;font-size: 12px;line-height: 14px;}
  .n_jairu .fl03 .miso_bd ul li a .bottom p{}
  
  .n_zhaopin_detail .fl01 .left{ width:100%; margin-bottom:2rem}
  .n_zhaopin_detail .fl01 .right{ width:100%; padding:0}
  
  .n_fcjs{ padding:3rem 0 0}
  .n_fcjs ul li{width:100%;margin-bottom: 1rem;}
  .n_fcjs ul li a .con h5{font-size:13px;line-height:25px;max-height: 100px;}
  .n_fcjs ul li a .img, .n_fcjs ul li a .img img{ width:100px; height:100px;}
  .n_fcjs ul li a .con{ width:calc(100% - 100px); height:100px;}
  
  .n_youshi_detail .fl02 .ar_article table th{ font-size:15px; line-height:24px;}
  .n_youshi_detail .fl02 .ar_article table td{ font-size:15px; line-height:24px;}
  
  .n_pinzhong .fl01 .right{ width:100%; padding:0}
  .n_pinzhong .fl01 .left{width:100%;margin-bottom: 3rem;}
  .n_pinzhong .fl01 .left ul{ font-size:0}
  .n_pinzhong .fl01 .left ul li{ display:inline-block; width:50%; margin:-0.5px}
  .n_pinzhong{ padding:3rem 0 0}
  
  .n_pinzhong .fl01 .right ul{ margin:0 -7px;}
  .n_pinzhong .fl01 .right ul li{ padding:0 7px; margin-bottom:15px}
  

  .n_product_fenlei .miso_hd .miso-prev, .n_product_fenlei .miso_hd .miso-next{top: 33px;transform: scale(0.87);}
  .n_product_fenlei .miso_hd .miso-prev{right: 68px;left: auto;}
  .n_product_fenlei .miso_hd .miso-next{right: 27px;}
  .n_product_fenlei .fl01{ padding:3rem 0 0}
  
  .n_product_fenlei .miso_hd .miso-slide .box{height:auto;padding-bottom: 6rem;}
  .n_product_fenlei .fl02 ul li h5{ font-size:14px;}
  .n_product_fenlei .fl02 ul li{ margin:0}
  .n_product_fenlei .fl02 ul li font img{ max-width:20px; max-height:24px}
  
  .n_product_detail{ padding:3rem 0}
  .n_product_detail .fl01 .left{ width:100%}
  .n_product_detail .fl01 .right{ width:100%; padding:0; margin-top:2rem}
  
  .n_product_detail .content{ padding:2rem 1.5rem}
  .n_product_detail .fl03 ul li{width:100%;margin-bottom: 2rem;}
  .n_product_detail .fl03{ padding-bottom:0}
  
  .n_product .left{width:100%;position: fixed;background: #fff;z-index: 10000;top: 0;left: 0;right: 0;bottom: 0;padding: 15px;display: none;} 
  .n_product .right{width:100%;padding: 2rem 0 0;}
  .n_product .right .right_box .table .tr .td, .n_product .right .right_box .table .tr .th{width: 84px;position: relative;}
.n_product .right .right_box .table .tr .td:last-child, .n_product .right .right_box .table .tr .td:first-child, .n_product .right .right_box .table .tr .th:first-child, .n_product .right .right_box .table .tr .th:last-child{width: 80px;line-height: 18px;padding: 4px 5px;}
.n_product .right .right_box .table .tr.tr_box02 .right{ float:left}
.n_product .right .right_box .table .tr .th{ font-size:13px;}
.n_product .right .right_box .table .tr .td{font-size:13px;padding: 4px 5px;line-height: 18px;}
.n_product .right .right_box .table .tr{padding:10px 0;display: block;z-index: 100;}
.anniu_left a{display:block;z-index: 1000;}
.n_product .left .content{height: calc(100vh - 180px);overflow: hidden;overflow-y: scroll;}

.n_bottom{ padding:2rem 0 2rem}
.n_about ul.ul02 .miso-prev, .n_about ul.ul02 .miso-next{transform:scale(0.7);margin-top: -45px;}
 .n_about ul.ul02 .miso-prev{ left:5px}
 .n_about ul.ul02 .miso-next{ right:5px}
 
 .b_nav .con.fr img,  .b_nav .con.fl img{ height:10px;}
 .tc-box .btn_blue{ transform:scale(0.6)}
 .title00 h3 a{ font-size:13px;}
 
 .title00 h3 a{
    width: 100px;
    height: 34px;
    line-height: 30px;
    font-size: 12px;
    }
    .title00 h3 a img{height: 11px;}
	
	.right_content{padding-top: 0;}
   .n_product .right .right_box{margin-top:0;}
   content_list{ padding:134px 0 0}
}
@media(max-width: 456px){
  #s_serve ul li .txt{ padding:2.5rem 15px}
  #s_serve ul li .txt .con{ width:100%}
  
  #s_serve ul li .txt h4{font-size:18px;line-height: 22px;}

  #s_serve ul li .txt h5{font-size:16px;margin: 8px 0 12px;}
  #s_serve ul li .txt p{font-size: 13px;line-height: 24px;height: 48px;}
  #s_serve ul li .txt .more{margin-top:1.5rem;}
  #s_serve ul li .txt .more img{height: 24px;}
  .n_about ul.ul01 li{margin-right: 0;width: 50%}
  .n_bottom ul li{ margin:0 1rem}

   #s_ceshi ul li .txt h4{font-size:18px;line-height: 22px;}
   #s_ceshi ul li .txt h5{font-size:16px}
   
   .n_pinzhong .fl01 .left ul li a{ font-size:14px;}
   
   
   
} 

/*====翻页====*/
.j_pages{margin:0 auto 0 auto;text-align:center;}
.j_pages .box{display:inherit;width:100%;padding: 0;font-size: 0;}
.j_pages a{padding: 0px 16px;height: 40px;line-height: 40px;display:inline-block;background:#f6f6f6;margin: 0 3px;color: #919191;font-size: 14px;box-sizing: border-box;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border-radius: 0;}
.j_pages a font{ padding:0 10px}
.j_pages .on{background: #3073cd;color: #fff;}
.j_pages a:hover{background: #3073cd;color:#fff!important;}
.j_pages span{color:#919191; padding: 0px 16px;height: 40px;line-height: 40px;display:inline-block; font-size:14px;}
.j_pages input{color:#919191;padding: 0px 16px;height: 40px;line-height: 40px;display:inline-block;font-size:14px;background:#f6f6f6;border:none;cursor:pointer;border-radius: 0;transition: 0.6s;}
.j_pages input[type="text"]{ width:40px; padding:0; text-align:center}
.j_pages input[type="submit"]:hover{ background: #3073cd; color:#fff}

.content form {
    margin-bottom: 15px;
    height: 42px;
}
.content form .txt{width: calc(100% - 42px);height: 42px;background: #eaebef;border: none;float:left;padding: 0 14px;font-size: 14px;color: #333;border-radius:4px 0 0 4px;}
.content form .btn{width: 42px;float: right;border:0;background: #ca0e2a url(../image/header_icon5.png) center no-repeat;color:#fff;height: 42px;font-size:18px;border-radius: 0;cursor:pointer;transition:.3s;background-size: 16px;}
.content form .btn:hover{ background:#026ad3;}

.slider-container .back-bar .pointer-label.low{ left:0px !important;}
.slider-container .back-bar .pointer-label.high{left: 140px !important;}