::-webkit-scrollbar {width:5px;height:5px; background:#f1f1f1}
::-webkit-scrollbar-track {border-radius:2.5px; background:#f1f1f1}
::-webkit-scrollbar-thumb {border-radius:2.5px; background:#d4042c}
@font-face{ font-family:bahnschrift; src:url(../font/bahnschrift.ttf);}
@font-face{ font-family:BEBAS; src:url(../font/BEBAS__.TTF);}
body{ font-size:100%;line-height:1.1; width:100%; position:relative; background:none;font-family:"Microsoft YaHei"; overflow-x:hidden;}
*{ padding:0; margin:0;}
img{ max-width:100%;}
#bdshare_weixin_qrcode_dialog *,#bdshare_weixin_qrcode_dialog{ box-sizing:content-box; }
.j_tab{ display:table; width:100%; height:100%; }
.j_tab_cel{ display:table-cell; vertical-align:middle; width:100%; height:100%;}
*{ margin:0; padding:0;}
h4, .h4, h5, .h5, h6, .h6,h1, .h1, h2, .h2, h3, .h3,p{ margin:0;}
h5{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
h5 a{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
img{ max-width:100%; max-height:100%;}
.m1100{ width:1100px; margin:0 auto; display: block; position:relative;}
.m{width: 1200px;margin: 0 auto; display: block; position:relative;}
.m1360{max-width: 1360px; width:90%; height:100%; margin: 0 auto; display: block; position:relative;}
.m1440{max-width: 1440px; width:90%; height:100%; margin: 0 auto; display: block; position:relative;}
.m1600{max-width: 1600px; width:90%; height:100%; margin: 0 auto; display: block; position:relative;}
.m1689{max-width: 1689px; width:90%; height:100%; margin: 0 auto; display: block; position:relative;}
.m1900{max-width: 1900px; width:90%; height:100%; margin: 0 auto; display: block; position:relative;}
.pad_top{ padding-top:7rem;}
.pad_bot{ padding-bottom:7rem;}



#header{position:relative;height:100px;overflow:hidden;z-index: 9999;background: #fff;  width:100%; overflow:hidden;}
#header .container{ height:100%;}
#logo{ float:left; height:100%;}
#logo img{ width:13rem;}
#nav{ float:left;}
#nav ul{}
#nav ul li{ float:left; height:100px; line-height:100px; margin:0 1rem; position:relative; z-index:0;}
#nav ul li a{ display:block; padding:0 1.25rem;}
#nav ul li:before{ content:""; display:block; width:0; height:3px; background:#d4042c; position: absolute; right:0; top:50%; transition:.3s; z-index:-1; opacity:0;}
#nav ul li:hover:before,#nav ul li.on:before{ width:15px; left:0; right:auto; opacity:1;}
#nav ul li a{ font-size:1rem; color:#454545;}
#top_tel{ float:left; height:100px; padding-left:19px; border-left:1px solid #eaeaea;}
#top_tel img{ width:13px; margin-right:5px; position:relative; top:-1px;}



#m_header{ display:none; height:60px; position:fixed; top:0; width:100%; z-index:999; background:#fff; transition:0s 1.5s; box-shadow: 0 2px 4px rgba(0,0,0,0.1);}
#m_header .container{ position:relative; height:100%;}
#m_header #logo{ width:100px; transition:0s 1.5s; visibility:visible;}
#m_header .fr{ height:100%;}
#m_header #searchBtn{float:left; height:100%; transition:0s 1.7s; visibility:visible; }
#m_header #searchBtn a{font-size:16px;color:#3c3c3c;text-transform:uppercase;display:  block;width:  100%;height:  40px;line-height: 38px; width:40px; }


.slide_nav{ }
#nav_btn{ display:none; position: fixed;right:2rem; top:0; border-radius:5px;cursor: pointer;text-align: center;z-index:99999;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;height:  60px;}
#nav_btn .point{    box-sizing:border-box;
    position: relative;
    display:block;
    height: 32px;
    width: 32px;
    cursor: pointer;
    z-index: 3000;
    border-radius:  50%;
    border: 1px dotted #000;}
#nav_btn .navbtn{position: absolute;top: 15px;right: 7px;display: inline-block;width: 16px;height: 1px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #666;text-align:  center;}
#nav_btn .navbtn::after,
#nav_btn .navbtn::before{position: absolute;right: 4px;display: inline-block;width: 7px !important;height: 1px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #666;}
#nav_btn .navbtn::after{top: -5px;}
#nav_btn .navbtn::before{top: 5px;}
#nav_btn .point.on{  border: 1px dotted #eee;}
#nav_btn .point.on .navbtn{background: transparent;}
#nav_btn .point.on .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px; background:#fff;}
#nav_btn .point.on .navbtn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px; background:#fff;}




svg, svg * {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

#ac-menu-opener {
    box-sizing:border-box;
    position: relative;
    display:block;
    height: 32px;
    width: 32px;
    cursor: pointer;
    z-index: 3000;
    border-radius:  50%;
    border: 1px dotted #000;
}
#ac-menu-opener .ac-menu-hamburger .st0 {
    fill: none;
    stroke: #3a3c48;
    stroke-width: 5.2094;
    stroke-miterlimit: 10;
    stroke-dasharray: 68;
}
#ac-menu-opener svg{width: 18px;height: 18px;position:absolute;top: 6px;left: 6px;}
#ac-menu-opener .ac-menu-hamburger .st0:nth-child(1) {
    -webkit-transition: .4s .95s;
    transition: .4s .95s;
}
#ac-menu-opener .ac-menu-hamburger .st0:nth-child(2) {
    -webkit-transition: .4s 1.05s;
    transition: .4s 1.05s;
}
#ac-menu-opener .ac-menu-hamburger .st0:nth-child(3) {
    -webkit-transition: .4s 1.15s;
    transition: .4s 1.15s;
}
#ac-menu-opener .ac-menu-x {
    position: absolute;
    top: calc(50% - 10px);
    left: calc(50% - 10px);
    height: 20px;
    width: 20px;
}
#ac-menu-opener .ac-menu-x .st0 {
    fill: none;
    stroke: #3a3c48;
    stroke-width: 5.2094;
    stroke-miterlimit: 10;
    stroke-dasharray: 68;
    stroke-dashoffset: 68;
}
#ac-menu-opener .ac-menu-x .st0:nth-child(1) {
    -webkit-transition: .4s .1s;
    transition: .4s .1s;
}
#ac-menu-opener .ac-menu-x .st0:nth-child(2) {
    -webkit-transition: .4s .2s;
    transition: .4s .2s;
}


#ac-menu-opener.ac-open .ac-menu-hamburger line {
    stroke-dashoffset: 68;
}
#ac-menu-opener.ac-open .ac-menu-hamburger line:nth-child(1) {
    -webkit-transition: .4s .1s;
    transition: .4s .1s;
}
#ac-menu-opener.ac-open .ac-menu-hamburger line:nth-child(2) {
    -webkit-transition: .4s .2s;
    transition: .4s .2s;
}
#ac-menu-opener.ac-open .ac-menu-hamburger line:nth-child(3) {
    -webkit-transition: .4s .3s;
    transition: .4s .3s;
}
#ac-menu-opener.ac-open .ac-menu-x line {
    stroke-dashoffset: 0;
}
#ac-menu-opener.ac-open .ac-menu-x line:nth-child(1) {
    -webkit-transition: .4s .85s;
    transition: .4s .85s;
}
#ac-menu-opener.ac-open .ac-menu-x line:nth-child(2) {
    -webkit-transition: .4s .95s;
    transition: .4s .95s;
}



body.fixed{ position:fixed; overflow:hidden;}
#nav_fixed{ position:fixed; z-index:999; height:100%; width:100%; text-align:center;  visibility:hidden; left:0; top:0;}
#nav_fixed:before{content:"";width:100%;height:100%;display:block;position:absolute;z-index:-1;right:0;top:0;background: rgba(0, 0, 0, 0.85); opacity:0; visibility:hidden; transition:.2s cubic-bezier(.165,.84,.44,1) .3s;}
#nav_fixed.ac-open{ visibility:visible;}
#nav_fixed.ac-open:before{  transition:.3s cubic-bezier(.165,.84,.44,1);  visibility:visible; opacity:1;}
#nav_fixed .left_box{ width:50%; height:100%; position:absolute; left:0; top:0;}
#nav_fixed .right_box{ width:50%; height:100%; position:absolute; right:0; top:0;}

#m_nav{ position: relative; padding:50px 0;}
#m_nav ul li a{ overflow:hidden; display:block;}
#m_nav ul li h3{line-height: 2.2;font-size:1.6rem;color: #cfcfcf;}

#m_nav .sub{ line-height:1.6; margin-bottom:.5rem;}
#m_nav .sub a{ display:block; font-size:1.2rem; color:#888;}
#m_nav ul li.on h3{ color:#d4042c;}
#m_nav ul li.on a.on{ color:#d4042c;}

#m_yuyan{}

#m_yuyan a{font-size:1.2rem;margin: 1rem auto;line-height:25px;display:  block;overflow:  hidden;width: 60px;}
#m_yuyan a div{ overflow:hidden;}
#m_yuyan a font{ display: block; height:25px; line-height:25px; width:30px; float:left;}
#m_yuyan a font img{ vertical-align:middle;}
#m_yuyan a p{ float: right;}

#m_nav ul li h3,#m_nav ul li span,#m_yuyan a div{ opacity: 0; display:block;
    -webkit-transform: translateY(105%) translateZ(0);
    transform: translateY(105%) translateZ(0);
    transition:1s cubic-bezier(.165,.84,.44,1);
}
#nav_fixed.ac-open #m_nav ul li h3,#nav_fixed.ac-open #m_nav ul li span,#nav_fixed.ac-open #m_yuyan a div{
    opacity: 1;
    transform: translateY(0);
    transition: -webkit-transform .6s cubic-bezier(.165,.84,.44,1) .5s;
    transition: transform .6s cubic-bezier(.165,.84,.44,1) .5s;
    transition: transform .6s cubic-bezier(.165,.84,.44,1) .5s,-webkit-transform .6s cubic-bezier(.165,.84,.44,1) .5s;
    
    }





#banner{ height:33.12rem; width:100%; position:relative; background:#000; overflow:hidden;}
#banner li{  }
#banner li .img{ width:100%; height:33.12rem; background-size:cover !important; z-index:8;  }	
#banner li .img img{ display:inline-block; margin-bottom:100px;}
#banner li .con{ position:absolute; width:100%; height:100%; top:0; left:0; z-index:999; text-align:center; }
#banner li .con .j_tab{ table-layout: fixed;}
#banner li .txt{ width:1360px; margin:0 auto; max-width:90%;}
#banner li .txt img{ transition:1.5s .6s; display:block; opacity:0; transform:translateY(100px);}
#banner li.slick-current .txt img{ -webkit-animation: txtscale 2s forwards cubic-bezier(0.4, 0, 0.49, 0.93); animation: txtscale 2s forwards cubic-bezier(0.4, 0, 0.49, 0.93);}
#banner li.slick-current{ z-index:999;}

#banner li .img{  background-size:cover !important; }
#banner li.slick-current .img{visibility: visible !important; -webkit-animation: bgscale 5s forwards cubic-bezier(0.4, 0, 0.49, 0.93); animation: bgscale 5s forwards cubic-bezier(0.4, 0, 0.49, 0.93);}
@-webkit-keyframes bgscale {
from { opacity:.5; -webkit-transform: scale(1.2); transform: scale(1.2); }
to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes bgscale {
from { opacity:.5; -webkit-transform: scale(1.2); transform: scale(1.2); }
to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@-webkit-keyframes txtscale {
from { opacity:0; transform:translateY(100px); -webkit-transform:translateY(100px);}
to { opacity: 1; transform:translateY(0px); -webkit-transform:translateY(0px);}
}
@keyframes txtscale {
from { opacity:0; transform:translateY(100px); -webkit-transform:translateY(100px);}
to { opacity: 1; transform:translateY(0px); -webkit-transform:translateY(0px);}
}



@-webkit-keyframes bgscale2 {
from { opacity: 1; -webkit-transform: scale(1); transform: scale(1);  }
to { opacity:.5; -webkit-transform: scale(1.2); transform: scale(1.2);}
}
@keyframes bgscale2 {
from { opacity: 1; -webkit-transform: scale(1); transform: scale(1);  }
to { opacity:.5; -webkit-transform: scale(1.2); transform: scale(1.2);}
}

#banner .bot{ position: absolute; left: 0px; bottom: 0px; background-color: #d4042c; height: 3px; overflow: hidden; z-index:9;}
#banner .slick-active .bot { -moz-animation: a_slidercurrent 5s linear; -webkit-animation: a_slidercurrent 5s linear; -o-animation: a_slidercurrent 5s linear; animation: a_slidercurrent 5s linear; }
@-moz-keyframes a_slidercurrent {from { width: 0%; } to { width: 100%; }}
@-webkit-keyframes a_slidercurrent {from { width: 0%; } to { width: 100%; }}



#s_mian{ width:100%; overflow:hidden; }

.s_tt{ text-align:center; margin-bottom:5rem;}
.s_tt h3{ font-size:2.25rem; color:#d4042c; font-weight:bold; margin-bottom:8px; text-transform:uppercase;}
.s_tt p{ font-size:1.125rem; color:#2a2a2a; line-height:1.5;}

#s_serve{ width:100%; overflow:hidden; margin-bottom:4.3rem; }
#s_serve .hd{ overflow:hidden;}
#s_serve .hd ul{}
#s_serve .hd ul li{ float:left; width:20%; height:6.25rem; line-height:6.125rem;box-sizing:border-box; cursor:pointer; text-align:center; position:relative; z-index:0; font-size:1.125rem; color:#262626; transition:.7s; }
#s_serve .hd ul li a{ display:block; transition:.7s;}
#s_serve .hd ul li a:focus{ outline:none;}
#s_serve .hd ul li .box{ border:1px solid #e5e5e5; border:1px solid rgba(0,0,0,.1); height:100%; }
#s_serve .hd ul li+li .box{ border-left:0;}
#s_serve .hd ul li:before{ content:""; width:100%; height:0; position:absolute; top:0; right:0; display:block; background:#d4042c; transition:.7s; z-index:-1;}
#s_serve .hd ul li font{ height:30px; line-height:30px; display:inline-block; vertical-align:middle; position:relative; top:-2px; margin-right:5px;}
#s_serve .hd ul li font svg{ max-width:1.875rem; max-height:1.875rem;}
#s_serve .hd ul li:hover:before{ height:100%; bottom:0; top:auto;}
#s_serve .hd ul li:hover{ color:#fff;}
#s_serve .hd ul li:hover a{ color:#fff;}
#s_serve .hd ul li svg *{ transition:.7s;}
#s_serve .hd ul li:hover svg *{ fill:#fff;}
#s_serve .bd{ margin-top:6.5rem;}
#s_serve .bd .item{}
#s_serve .bd .item .txt{ padding:0;}
#s_serve .bd .item .txt span{ font-size:3.0rem; color:#262626; text-transform:uppercase; font-family:BEBAS; margin-bottom:3.125rem; display:block;}
#s_serve .bd .item .txt h5{ font-size:1.625rem; color:#525357; margin-bottom:2rem;}
#s_serve .bd .item .txt p{ font-size:1rem; color:#73767a; line-height:1.875rem;}
#s_serve .bd .item .pic{ text-align:right; padding:0;}
#s_serve .bd .item .pic img{ display:inline-block; max-width:100%; max-height:100%;}

#s_pro{ width:100%; overflow:hidden; }
#s_pro ul{ position:relative; z-index:0;}
#s_pro ul:before{ content:""; width:100%; height:1px; display:block; background:#ddd; position:absolute; left:0; top:3.125rem; z-index:-1;}
#s_pro ul li{ text-align:center;}
#s_pro ul li .ico{ width:6.25rem; height:6.25rem; margin:0 auto; border-radius:50%; background:#f6f7fa; margin-bottom:18px;}
#s_pro ul li .ico font{ display:block; width:6.25rem; height:6.25rem; display:table-cell; vertical-align:middle; background-size:30px; margin:0 auto;}
#s_pro ul li .ico font img{ max-width:30px; max-height:30px; margin:0 auto;}
#s_pro ul li p{ font-size:14px; color:#87878a;}
#s_pro ul li:hover font img{  -webkit-animation: doudong 1s; -moz-animation: doudong 1s; animation: doudong 1s;}

#s_case{background:#f2f3f7;width:  100%;overflow:  hidden;}
#s_case .m1360{ overflow:hidden;}
#s_case ul{ overflow:hidden;}
#s_case ul li{ float:left; position:relative; padding:.375rem; }
@media (min-width: 1440px)
{
#s_case ul li{ width:20%;}	
	}
#s_case ul li a{ display:block; position:relative; width:100%; height:100%; text-align:center;}
#s_case ul li .img{ width:100%; height:100%;}
#s_case ul li .img img{ width:100%; height:100%; display:block;}
#s_case ul li .mask1{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
#s_case ul li .mask1:before{ content:""; width:100%; height:100%; display:block; position:absolute; top:0; left:0; background:rgba(0,0,0,.2); z-index:-1;}
#s_case ul li .mask1 img{ max-width: 74%; max-height: 6rem;}
#s_case ul li .mask2{position:absolute;top:0;left:0;width:100%;height:100%;background: #d4042c; opacity:0;visibility:hidden;transition:.7s; z-index:9;}
#s_case ul li .mask2::before,#s_case ul li .mask2::after{position:absolute;content:'';opacity:0;transition:all 0.5s;}
#s_case ul li .mask2::before{top:15px;right:15px;bottom:15px;left:15px;border-top: 3px solid #ffffff;border-bottom: 3px solid #ffffff;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0;}
#s_case ul li .mask2::after{top:15px;right:15px;bottom:15px;left:15px;border-right: 3px solid #ffffff;border-left: 3px solid #ffffff;transform:scale(1,0);transform-origin:100% 0;}
#s_case ul li .mask2:hover::before,#s_case ul li .mask2:hover::after{opacity:1;transform:scale(1);transition: all 0.5s;}
#s_case ul li .mask2 img{max-width:70%;max-height:50px;margin-bottom: 1rem;}
#s_case ul li .mask2 .btn_more{display:block;width: 7rem;height: 2.1rem;line-height: 2.1rem;position: relative;z-index:1;overflow:hidden;text-align:center;border-radius:1.3rem;background: #ffffff;color: #262626;font-size: .9rem;margin: 0 auto .8rem;}
#s_case ul li .mask2 .btn_more:hover{}
#s_case ul li .mask2 .btn_more:before {
    content: "";
    display:block;
    width:0;
    height: 100%;
    background: #f2f2f2;
    position: absolute;
    z-index:-1;
    right: 0;
    top: 0;
    -webkit-transition: .38s cubic-bezier(.4,0,.2,1);
    transition: .38s cubic-bezier(.4,0,.2,1);
    border-radius: 3px;
}
#s_case ul li .mask2 .btn_more:hover:before { width:100%; right:auto; left:0;
}
#s_case ul li .mask2 .type{ line-height:1.5;}
#s_case ul li .mask2 .type span{font-size: .9rem;color: #fff;padding:0 5px;display:inline-block;}
#s_case ul li:hover .mask2{ opacity:1; visibility:visible;}
.btn_explore{ width:14rem; height:3.75rem; display:block; background:#fff; border-radius:2rem; text-align:center; line-height:3.75rem;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s; margin:0 auto; margin-top:5.3rem; font-size:1rem; color:#484848; position:relative; z-index:1; overflow:hidden;}
.btn_explore:before{ content:""; display:block; width:0; height:100%; position:absolute; right:0; bottom:0; background:#d4042c;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s; z-index:-1;}
.btn_explore:hover{ color:#fff;}
.btn_explore:hover:before{ width:100%; right:auto; left:0;}
.btn_explore:after{position:relative}
.btn_explore:after{ content:""; display:inline-block; top:-.5rem; vertical-align:bottom;margin-bottom:19px;margin-left:7px;width:0;height:1px;background:#fff;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.btn_explore:hover:after{width:30px}

#s_team{ width:100%; overflow:hidden;}
#s_team .s_tt{ margin-bottom:0;}
#s_team .s_tt h3{  font-family: BEBAS; font-size:3.75rem; letter-spacing:.3rem; font-weight:normal;}
#s_team .hd{}
#s_team .hd ul{}
#s_team .hd ul li{ transition:.7s; position:relative;}
#s_team .hd ul li .img{overflow:visible; margin:8rem 2rem; border-radius:50%;}
#s_team .hd ul li .img img{ position:relative; z-index:9; border-radius:50%;}
#s_team .hd ul li.slick-center{ transform:scale(1.5);}
#s_team .hd ul li.slick-center .img{ border:2px solid #d4042c; background:#eee;}
#s_team .bd{  padding-bottom:5rem;}
#s_team .bd ul{}
#s_team .bd ul li{}
#s_team .bd ul li .txt{ text-align:center; max-width:950px; width:90%; margin:0 auto;}
#s_team .bd ul li .txt h5{ font-size:1.375rem; color:#d4042c; margin-bottom:1.25rem;line-height:1.5;}
#s_team .bd ul li .txt p{ font-size:1rem; color:#5e5f60; line-height:1.7;}
#s_team .bd .slick-arrow{ z-index:99; position:absolute; top:auto; bottom:-6.25rem; transform:translate(0,0); background-repeat:no-repeat; background-position:center;  display:block;width: 8.75rem; background:#fafafa; border-radius:1.4rem; line-height:2.8rem; height: 2.8rem; opacity:1; }
#s_team .bd .slick-prev{ left:50%; margin-left:-9.35rem; }
#s_team .bd .slick-prev:before{
    content: "";
    position: absolute; display: inline-block; width:2rem; height:100%;
    top: 0;
    left: 50%; margin-left:-1rem;
    background: url(../image/s_team_left.svg) center no-repeat; background-size:2rem;
}
#s_team .bd .slick-prev:hover:before{ background: url(../image/s_team_left_on.svg) center no-repeat; background-size:2rem;}	
#s_team .bd .slick-next{ left:50%; margin-left:.6rem; }
#s_team .bd .slick-next:before {
    content: "";
    position: absolute; display: inline-block; width:2rem; height:100%;
    top: 0; 
    left: 50%; margin-left:-1rem;
    background: url(../image/s_team_right.svg) center no-repeat; background-size:2rem;
}
#s_team .bd .slick-next:hover:before{ background: url(../image/s_team_right_on.svg) center no-repeat; background-size:2rem;}	

.circle {
  width: 240px;
  height: 240px;
  margin: 0 auto; position:absolute; z-index:0; top:50%; left:50%; margin-top:-120px; margin-left:-120px;
}
#s_team .hd ul li.slick-center .circle span {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%; border:1px solid #bbb;  
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-animation: circleScale 3s linear infinite;
  -moz-animation: circleScale 3s linear infinite;
  -ms-animation: circleScale 3s linear infinite;
  animation: circleScale 3s linear infinite;
}

#s_team .hd ul li.slick-center .circle span:nth-of-type(2) {
  animation-delay: .5s;
}
#s_team .hd ul li.slick-center .circle span:nth-of-type(3) {
  animation-delay: 1s;
}
#s_team .hd ul li.slick-center .circle span:nth-of-type(4) {
  animation-delay: 1.5s;
}
#s_team .hd ul li.slick-center .circle span:nth-of-type(5) {
  animation-delay: 2s;
}
@keyframes circleScale {
  0% {
    opacity: 1;
    -webkit-transform: scale(.3);
    -moz-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes circleScale1 {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
  }
}

#s_news{ position:relative; z-index:0; width:100%; overflow:hidden;}
#s_news .newsbg{ position:absolute; z-index:-1; background: url(../image/s_news_bg.jpg) center top no-repeat; height:500px; top:0; left:0; width:100%;}
#s_news .s_tt{}
#s_news .s_tt h3{ color:#fff;}
#s_news .s_tt p{ color:#fff;}
#s_news ul{ margin:0 -1.3125rem;}
#s_news ul li{ padding:0 1.3125rem;}
#s_news ul li .img{ width:100%;}
#s_news ul li .img img{ width:100%; transition:1s;}
#s_news ul li:hover .img img{ transform:scale(1.05);}
#s_news ul li .txt{ border:1px solid #dcdcdc; padding:2rem; background:#fff;}
#s_news ul li .txt h5{ font-size:1.125rem; color:#2a2a2a; margin-bottom:1.375rem;}
#s_news ul li .txt p{ font-size:.875rem; color:#86868a; line-height:1.25rem; height:2.5rem; overflow:hidden;}
#s_news ul li .txt .bot{ overflow:hidden; margin-top:1rem;}
#s_news ul li .bot .time{ float:left; font-size:1.5rem; color:#9b9ba1; font-family:arial;}
#s_news ul li .bot .btn{ float:right; font-size:.875rem; color:#000; padding:0;}
#s_news .slick-arrow{ z-index:99; position:absolute; top:85px; transform:translate(0,0); background-repeat:no-repeat; background-position:center;  display:block;width: 3.375rem;height: 3.375rem; transition:.3s; }
#s_news .slick-prev{background-image:url(../image/s_news_left.png); background-size: 3.375rem; left:-80px;}
#s_news .slick-next{background-image:url(../image/s_news_right.png); background-size: 3.375rem; right:-80px; left:auto;}
#s_news .slick-arrow:hover{ opacity:.8; }
#s_news .slick-arrow:before{ display:none;}
.s_line_box{ width:100%; overflow:hidden; height: 4.6rem; padding-top: 2.3rem;}
.btn_linedown{ position:relative; z-index:0;}
.btn_linedown:before,#n_branch ul li .txt .btn:after{ content:""; width:100%; height:6px; background:#d4042c; display:inline-block; position:absolute; right:0; bottom:0px; z-index:-1;}
.btn_linedown:after{ width:0; transition:.5s;}
.btn_linedown:before{ transition:.5s .3s; left:0; right:auto;}
.btn_linedown:hover:before{ width:0; transition:.5s; right:0; left:auto;}
.btn_linedown:hover:after{ width:100%; transition:.5s .3s; left:0; right:auto;}

#s_news2{ padding-top:2rem; overflow:hidden; width:100%; overflow:hidden;}
#s_news2 ul{ margin:0 -1.3125rem; overflow:hidden;}
#s_news2 ul li{ overflow:hidden; margin-top:3.375rem; padding:0 1.3125rem;}
#s_news2 ul li a{ display:block; position:relative; overflow:hidden;}
#s_news2 ul li .time{ width:5rem; height:5.625rem; float:left; font-size:2.5rem; color:#3c3c3e; transition:.5s; font-family:arial; text-align:center; background:#f2f3f7; position:absolute; z-index:1; left:0; top:0; height:100%;}
#s_news2 ul li .time span{ display:block; font-size:12px; color:#767677; transition:.5s;}
#s_news2 ul li .txt{ width:calc(100% - 6rem); float:right; padding-bottom:5px;}
#s_news2 ul li .txt h5{ font-size:1.125rem; color:#2a2a2a; margin-bottom:1.4rem;}
#s_news2 ul li .txt p{ font-size:.875rem; color:#86868a; line-height:20px; height:40px; overflow:hidden;}
#s_news2 ul li a:hover{}
#s_news2 ul li a .time:before{ content:""; width:100%; height:0; display:block; position:absolute; left:0; bottom:0; background:#d4042c; z-index:-1; transition:.5s;}
#s_news2 ul li a:hover .time{ color:#fff;}
#s_news2 ul li a:hover .time:before{ height:100%; bottom:auto; top:0;}
#s_news2 ul li a:hover .time span{ color:#fff;}

.s_line_box{position:relative; width:  100%; }
.s_news2_btn{ width:4.6rem; height:4.6rem; position: absolute; z-index:1; overflow: hidden; transition:.5s; top:-2.3rem; transition:.4s; left:50%; margin-left:-2.3rem; border-radius:50%; border:1px solid #eee; display:block; line-height:4.6rem; text-align:center; background:#fff; font-size:14px; color:#2a2a2a;}
.s_line_box span{ position: relative; top:0; width:calc(50% - 2.3rem); display:block; height:1px; background:#cecfd3;}
.s_news2_btn:hover{ color:#fff;background:#d4042c; border:1px solid #d4042c;}
.s_news2_btn:before{ display: block; width:100%; height:100%; position:absolute; left:0; top:0; background:#d4042c; z-index:-1; transform:rotateX(90deg); opacity:0; transition:.4s; border-radius:50%;}
.s_news2_btn:hover:before{ transform:rotateX(0deg); opacity:1;}
#s_coop{ width:100%; overflow:hidden; }
#s_coop .s_tt h3{ font-family: BEBAS; font-size:3.75rem; letter-spacing:.3rem; font-weight:normal;}
#s_coop ul{ margin:0 -20px;}
#s_coop ul li{ float:left; margin-bottom:2.375rem;}
#s_coop ul li .box{ border:1px solid #eee; height:7.375rem; position:relative; border-radius:5px; overflow:hidden; text-align:center;}
#s_coop ul li .box img{ max-width: 70%; max-height: 5rem;}
#s_coop ul li .mask{ position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; transition:.5s; }

#s_map{ width:100%; height: 28.75rem; background: url(../image/s_map.jpg) center no-repeat; border-top:1px solid #e2e2e2; position:relative; overflow:hidden;}
#s_map .dw{width:113px; height:129px; position:absolute; top:50%; margin-top: -100px;left:50%; margin-left:-56.5px; 
background:url(../image/map_marker.png) center no-repeat; -webkit-animation-name: bounce; animation-name: bounce; -webkit-animation-duration: 1.6s; animation-duration: 1.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-iteration-count: infinite}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
  }

  40% {
	-webkit-transform: translateY(-30px);
	transform: translateY(-30px);
  }

  60% {
	-webkit-transform: translateY(-15px);
	transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
  }

  40% {
	-webkit-transform: translateY(-30px);
	-ms-transform: translateY(-30px);
	transform: translateY(-30px);
  }

  60% {
	-webkit-transform: translateY(-15px);
	-ms-transform: translateY(-15px);
	transform: translateY(-15px);

  }
}
#s_contact{ text-align:center; margin-top:-8rem; width:100%; overflow:hidden;}
#s_contact .m1360{ background:#fff; padding-top:5.3rem; border-top:5px solid #d4042c;}
#s_contact .con_left{ text-align:left; display:inline-block; margin:0 5rem;}
#s_contact .con_left h3{ font-family: BEBAS; font-size:3.75rem; color:#1d1b1b; margin-bottom:5.25rem}
#s_contact .con_left h2{ overflow:hidden; position:relative;}
#s_contact .con_right{ margin:0 5rem; text-align:left; position:relative; display:inline-block;} 
#s_contact .con_right h5{ font-size:1.25rem; color:#373739; white-space:normal; line-height:1.4;}
#s_contact .con_right h3{font-size:2.5rem;color:#373739;margin:1.5rem 0 3.25rem; font-weight:lighter}
#s_contact .con_right h3 a{ color:#373739; font-family: bahnschrift;}
#s_contact .con_right p{ font-size:0.875rem; color:#373739; line-height:1.875rem;}

#s_contact .con_right .weixin{ position:absolute; bottom:0; right:0; text-align:center}
#s_contact .con_right .weixin img{ width:6.25rem; height:6.25rem}
#s_contact .con_right .weixin h5{ margin-bottom:0.5rem; margin-top:0.75rem; font-size:0.9375rem; color:#373739}

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

.button01:hover:before{
	left: 250px;
	transition: all 0.6s;
}
.button01:hover{ color:#fff}


.foot{ position:relative; z-index:998; background:#fff; width:100%; overflow:hidden;}
.foot_top{ font-size:0; padding:5rem 0 3.25rem; border-bottom:#e7e7e7 1px solid}
.foot_top .con{ display:inline-block; *display:inline; *zoom:1; min-height:7.8125rem; position:relative}
.foot_top .con:before{content:"";position:absolute;right:0;width:1px;height:7.8125rem;background:#e7e7e7;}
.foot_top .con.right:before{ display: none}
.foot_top .con.left{ width:30%; text-align:center; padding:0 6.5625rem 0 0;}
.foot_top .con.left>ul{margin: 0.25rem 0 1.5rem;}
.foot_top .con.left>ul li{ display:inline-block; *display:inline; *zoom:1; width:25%; line-height:2.25rem; }
.foot_top .con.left>ul li a{ font-size:0.875rem; color:#565555}
.foot_top .con.center{width:33%;text-align:center;vertical-align: top;}


.foot_top .con.center>ul{margin: 0.25rem 2rem 1.5rem;}
.foot_top .con.center>ul li{ display:inline-block; *display:inline; *zoom:1; width:25%; line-height:2.25rem; }
.foot_top .con.center>ul li a{ font-size:0.875rem; color:#565555}
.foot_top .con.center>ul li a:hover{ color:#d4042c}

.foot_top .con.left dl{font-size:0;padding: 0 8.5%;}
.foot_top .con.left dl dt{font-size: 12px;color:#3e3d3d; float:left;}
.foot_top .con.left dl .dl_r{display:inline-block;width: calc(100% - 58px);white-space: nowrap;overflow: hidden;margin-left: 10px;}
.foot_top .con.left dl dd{display:inline-block; line-height: 12px; width:100%;}
.foot_top .con.left dl dd li{ display:inline-block; width:auto; margin:0 5px; line-height:17px;}
.foot_top .con.left dl dd a{font-size:12px;color:#99999c; }
.foot_top .con.left dl dd .tempWrap{ width:100% !important;}

.foot_top .con.right{ width:30%; float:right;}
.foot_top .con.right h3{ height:1.25rem; line-height:1.25rem; margin-bottom:1.875rem}
.foot_top .con.right h3 span{font-size:1.25rem;color:#3e3d3d;font-weight:bold;display:  inline-block;}
.foot_top .con.right h3 i{display:inline-block;font-style:normal;width:7px;height:7px;border-radius:3.5px;background:#3e3d3d;vertical-align: middle;margin: 0 0.5rem;}
.foot_top .con.right p{ font-size:0.875rem; color:#565555; line-height:1.5rem}

.caroufredsel_wrapper{ width:100% !important;}

.s_link{ padding:2rem 0; border-bottom:#e7e7e7 1px solid; width:100%; overflow:hidden;}
.s_link h5{ margin-bottom:0.5rem; font-size:0.875rem; color:#565555; line-height:1.5rem; white-space:normal;}
.s_link ul{ font-size:0;}
.s_link ul li{ display:inline-block; *display:inline; *zoom:1; margin-right:1.25rem}
.s_link ul li a{ font-size:12px; line-height:1.875rem; color:#99999c}

.s_link .more{ display:none}



.foot_bot{ padding:2.25rem 0 2rem; font-size:12px; color:#a8a4a4; width:100%; overflow:hidden;}

.foot_bot a{font-size:12px;color:#a8a4a4;display: inline-block;margin: 2px 0 0 0.25rem;}
.foot_bot .fl .ar_wap{ display:none}
.foot_bot .fr{text-align:right;position:relative;padding-right:2rem;float: none;}


#n_about{ position: relative; overflow:hidden; background:#f0f0f0; width:100%; }
#n_about .txt{ position: relative; z-index: 99;}
#n_about .txt .tt{ margin-bottom:1.8rem;}
#n_about .txt .tt span{ font-size:2.875rem; color:#da0502; text-transform:uppercase; display:block; margin-bottom:.5rem;}
#n_about .txt .tt h3{ font-size:1.875rem; color:#333; font-weight:bold;}
#n_about .con{ font-size:.875rem; color:#888888; line-height:1.75rem;}
#n_about .con p{ margin-bottom:1rem;}
.n_shuzi{ margin-top:3rem; padding-bottom:3.75rem; overflow:hidden;}
.n_shuzi ul{ max-width:608px; justify-content: space-between; display: -webkit-flex; display: flex;}
.n_shuzi ul li{ text-align:center;}
.n_shuzi ul li h5{ font-size:2.5rem; color:#da0502; font-weight:bold; margin-bottom:18px;}
.n_shuzi ul li p{ font-size:1rem; color:#595959;}
.n_ys{ background:#fff; padding:2.25rem 4rem; margin-right:-8rem; padding-right:8rem; }
.n_ys ul{ overflow:hidden; justify-content: space-between; display: -webkit-flex; display: flex;}
.n_ys ul li{ text-align:center; }
.n_ys ul li font{ display:block; width:3.125rem; height:3.125rem; margin:0 auto; margin-bottom:1.25rem;}
.n_ys ul li p{ font-size:.875rem; color:#333;}
.n_ys ul li:hover font{  -webkit-animation: doudong 1s; -moz-animation: doudong 1s; animation: doudong 1s;}
#n_about .pic{ position:absolute; right:0; top:0; height:100%;}
.btn_wel{ padding:1rem 3rem 1rem 2rem; background:#da0502; display:inline-block; color:#fff; font-size:.875rem; font-weight:bold;}
.btn_wel font{ margin-right:10px; font-size:.7rem; font-weight:normal;}
.btn_wel i{ display:inline-block; width:4.187rem; height:1px; background:#fff; position:relative; top:-5px; margin-left:10px; position:relative;}
.btn_wel i:after{ content:">"; font-family:simsun; position:absolute; right:-15px; font-size:22px; top:-12px;}

#n_about_txt{ width:100%; overflow:hidden;}
#n_about_txt .tt{ position:relative; text-align:right; padding-right:0;}
#n_about_txt .tt h3{ font-size:2.5rem; color:#000; font-weight:bold; margin-bottom:.8rem;}
#n_about_txt .tt h3 span{ color:#da0502;}
#n_about_txt .tt p{ font-size:1.3rem; color:#333;}
#n_about_txt .tt:after{ content:""; display:block; width:.625rem; height:calc(100% - 4px); position:absolute; top:2px; right:-1.3rem; background:#da0502; border-radius:2px;}
#n_about_txt .con{ padding-left:0;}
#n_about_txt .tt2{ margin-bottom:1.6rem;}
#n_about_txt .tt2 h3{ font-size:1.125rem; color:#333; margin-bottom:.5rem;}
#n_about_txt .tt2 span{ font-size:1rem; color:#999;}
#n_about_txt .article{ font-size:.875rem; color:#666; line-height:2.5rem;}
#n_about_txt .article img{ margin-bottom:1.5rem;}

#n_mian{ border-bottom:1px solid #e2e2e2; width:100%; overflow:hidden;}


.n_join_banner{ height:38.75rem; text-align:center; position:relative; width:100%; overflow:hidden;}
.n_join_banner .pic img{ height:37.5rem; max-width: inherit; position:absolute; left:50%; margin-left:-24rem; top:50%; margin-top:-19rem;}
.n_join_banner .txt{ position:absolute; color:#fff; font-size:1.3rem; line-height:2.25rem; width:100%; top:55%; font-weight:300; padding:0 15px;}

.n_join_tt{ text-align:center; margin-bottom:4rem;}
.n_join_tt h3{ font-size:2.25rem; color:#000; font-weight: bold; margin-bottom:1.2rem;}
.n_join_tt p{ font-size:1.125rem; color:#000; line-height:1.5;}

#n_fuli{ background:#f5f5f5; width:100%; overflow:hidden;}
#n_fuli ul{}
#n_fuli ul li{ height:18.75rem; margin-bottom:1rem; padding-top:1.5rem;}
#n_fuli ul li .box{ height:100%;}
#n_fuli ul li font{ width:4.6875rem; height:4.6875rem; display:block; margin:0 auto; margin-bottom:1.25rem; text-align:center;}
#n_fuli ul li font img{ display:inline-block;}
#n_fuli ul li h5{ font-size:1rem; color:#000; text-align:center; margin-bottom:1.5rem;}
#n_fuli ul li .con{ font-size:.875rem; color:#666; line-height:1.875rem; max-width:245px; margin:0 auto;}
#n_fuli ul li .con p{ position:relative;}
#n_fuli ul li:hover font{  -webkit-animation: doudong 1s; -moz-animation: doudong 1s; animation: doudong 1s;}
@keyframes doudong {
    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) }
}
@media (min-width: 481px)
{
#n_fuli ul li:hover{ background:#fff; box-shadow:0 5px 15px rgba(0,0,0,.1)}
#n_fuli ul li .con p:before{ content:""; position:absolute; left:-20px; width:10px; height:1px; background:#666; display:inline-block; top:1rem;}
}


#n_join{ width:100%; overflow:hidden;}
#n_join ul{}
#n_join ul li{ background:#f5f5f5; border-radius:5px; border:1px solid #ececec; margin-bottom:2.5rem; padding:3.43rem 5.9rem;}
#n_join ul li .tt{ font-size:1.875rem; color:#000; margin-bottom:1.5rem;}
#n_join .con{ font-size:1rem; color:#666; line-height:3rem;}
#n_join .tip{ text-align:center; margin-top:4rem;}
#n_join .tip h3{ font-size:1.375rem; color:#333; margin-bottom:2.5rem;}
#n_join .tip a{ display:inline-block; padding:1rem 2.5rem; width:15rem; background:#e7273c; color:#fff; border-radius:5px; margin:0 1.875rem; position:relative; z-index:1; overflow:hidden;}
#n_join .tip a.green{ background:#21d39b;}
#n_join .tip a:before{content: ""; display:block;
    width:0;
    height: 100%; background: rgba(0,0,0,.1);
    position: absolute; z-index:-1;
    right: 0;
    top: 0;
    -webkit-transition: .38s cubic-bezier(.4,0,.2,1);
    transition: .38s cubic-bezier(.4,0,.2,1);
    border-radius: 3px;}
#n_join .tip a:hover:before { width:100%; right:auto; left:0;
}

.fuwu_banner{ height:32.5rem; width:100%; overflow:hidden; text-align:center;}
.fuwu_banner .txt{}
.fuwu_banner .txt h3{ color:#fff; font-size:3.125rem;font-family: "Noto Sans SC"; font-weight:100; margin-bottom:1rem;}
.fuwu_banner .txt span{ font-size:1.5rem; opacity:.3; color:#fff;font-family: "Noto Sans SC"; font-weight:100;}

.fuwu_tt{ text-align:center; margin-bottom:4rem; padding:0 15px;}
.fuwu_tt h3{ font-size:2.25rem; color:#d4042c; font-weight: bold;}
.fuwu_tt span{ font-size:1.5rem; color:#262626; font-family: BEBAS; display:block; margin:1rem 0;}
.fuwu_tt p{ font-size:1rem; color:#262626; line-height:1.7;}
.fuwu_tt.white h3{ color:#fff;}
.fuwu_tt.white span{ color:#fff;}
.fuwu_tt.white p{ color:#fff;}
#n_faifa{ background: url(../image/n_kaifa_bg.jpg); overflow:hidden; width:100%; overflow:hidden;}
#n_faifa{ background: url(../image/n_kaifa_bg.jpg); overflow:hidden; width:100%; overflow:hidden;}
#n_faifa ul{ margin:0 -4.5px; overflow:hidden;}
#n_faifa ul li{ float:left; padding:4.5px; }
#n_faifa ul li .box{ background:#d9d9d9; height:6.875rem; position:relative; overflow:hidden; z-index:0; text-align:center;}
#n_faifa ul li .box img{ max-width: 70%; max-height: 5rem;}
#n_faifa ul li .box:before{ content:""; background:#e7273c; position:absolute; right:0; top:0; width:0; height:100%; opacity:0; transition:.5s; z-index:-1; }
#n_faifa ul li:hover .box:before{ width:100%; opacity:1; left:0; right:auto;}
@media (min-width:996px){
	#n_faifa ul li{ width:20%;}
	}
#n_faifa .tip{ text-align:center; margin-top:3.8rem; font-size:1.125rem; color:#333; margin-bottom:6rem; line-height:1.7;}
.tip_btn{ display:block; width:13.75rem; height:3.437rem; margin:0 auto; position:relative; z-index:1; overflow:hidden; line-height:3.437rem; text-align:center; border-radius:2rem; background:#d4042c; color:#fff; margin-top:2.8rem;}
.tip_btn img{ width:1.8rem; margin-right:.3rem; vertical-align:middle;}
.tip_btn:before {
    content: ""; display:block;
    width:0;
    height: 100%; background:#af0525;
    position: absolute; z-index:-1;
    right: 0;
    top: 0;
    -webkit-transition: .38s cubic-bezier(.4,0,.2,1);
    transition: .38s cubic-bezier(.4,0,.2,1);
    border-radius: 3px;
}
.tip_btn:hover:before { width:100%; right:auto; left:0;
}
.n_faifa_bot{ width:100%; height:3px; background:url(../image/n_kaifa_bot.jpg); display:block;}

#n_fangan{ width:100%; overflow:hidden;}
#n_fangan ul{ border-top:1px solid #e5e5e5;}
#n_fangan ul li{ text-align:center;}
#n_fangan ul li .box{ border-right:1px solid #e5e5e5; padding-top:6.56rem; padding-bottom:6.3rem; position:relative; z-index:0;}
#n_fangan ul li font{ display:block; width:7rem; height:6.5rem; line-height:6.5rem; text-align:center; margin:0 auto; background: url(../image/kuang_bg.png) center no-repeat; background-size:contain; transition:.7s;}
#n_fangan ul li font img{ vertical-align:middle; display:inline-block; max-width:3.4rem; max-height:3.4rem; transition:.7s;}
#n_fangan ul li font .img02{ display:none;}
#n_fangan ul li:hover font img{  -webkit-animation: doudong 1s; -moz-animation: doudong 1s; animation: doudong 1s;}
#n_fangan ul li h5{ font-size:1.375rem; color:#4b4d50; margin-top:3.8rem; margin-bottom:5px; transition:.7s;}
#n_fangan ul li span{ font-size:.75rem; color:#727579; display:block; margin-bottom:3.5rem; line-height:1.5rem; height:3rem; transition:.7s;}
.btn_zx{ width:7.8rem; height:2.5rem; line-height:2.5rem; text-align:center; background:#edeff3; border-radius:1.25rem; font-size:12px; color:#4b5159; display:block; margin:0 auto;}
#n_fangan ul li .box:before{ content:""; display:block; width:100%; height:0; background:#e7273c; position:absolute; top:0; left:0; z-index:-1; transition:.7s;}
#n_fangan ul li:hover .box:before{ height:100%;}
#n_fangan ul li:hover font{ background:none;}
#n_fangan ul li:hover font .img01{ display: none;}
#n_fangan ul li:hover font .img02{ display: inline-block;}
#n_fangan ul li:hover h5{ color:#fff;}
#n_fangan ul li:hover span{ color:#fff;}
#n_fangan ul li:hover .btn_zx{ background:#fff;}

#n_kaifa2{ background:url(../image/n_faifa2_bg.jpg) center no-repeat; background-size:cover; background-attachment:fixed; width:100%; overflow:hidden;}
#n_kaifa2 ul{ overflow:hidden; margin-top:-5rem;}
#n_kaifa2 ul li{ text-align:center; position:relative; margin-top:5rem;}
#n_kaifa2 ul li font{ display:block; width:8.125rem; height:8.125rem; background:#fff; border-radius:50%; margin:auto; position:relative; overflow:hidden; margin-bottom:1.9rem;transition:0.6s cubic-bezier(.215,.61,.355,1); -webkit-transition:0.6s cubic-bezier(.215,.61,.355,1); -moz-transition:0.6s cubic-bezier(.215,.61,.355,1); -ms-transition:0.6s cubic-bezier(.215,.61,.355,1);}
#n_kaifa2 ul li font span{ overflow:hidden; display:inline-block; height:4.375rem; width:4.375rem; max-width:40%; max-height:40%; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; transition:0.6s cubic-bezier(.215,.61,.355,1); -webkit-transition:0.6s cubic-bezier(.215,.61,.355,1); -moz-transition:0.6s cubic-bezier(.215,.61,.355,1); -ms-transition:0.6s cubic-bezier(.215,.61,.355,1);}
#n_kaifa2 ul li font img{ display:block; max-height:100%; width:auto; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; }
#n_kaifa2 ul li font span.hid{ opacity:0; visibility:hidden; transform:translateX(-100%); -webkit-transform:translateX(-100%); -ms-transform:translateX(-100%); -moz-transform:translateX(-100%);}
#n_kaifa2 ul li font:hover{ background:#c52733;}
#n_kaifa2 ul li font:hover span.hid{ opacity:1; visibility:visible; transform:translateX(0);}
#n_kaifa2 ul li font:hover span.show{ opacity:0; visibility:hidden; transform:translateX(100%);}
#n_kaifa2 ul li h5{ font-size:1.125rem; color:#fff;}
 
#n_liucheng{ width:100%; overflow:hidden; position:relative;}
#n_liucheng ul{ overflow:hidden; position:relative; z-index:99; margin-bottom:4rem;}
#n_liucheng ul li{ text-align:center; padding:0 17px; position:relative;}
@media (min-width:1200px){
#n_liucheng ul li+li font:before{ content:""; width:8px; height:8px; border-radius:50%; background:#7f7f7f; display:block; position:absolute; left:-8px; top:50%; margin-top:-6px;}
#n_liucheng ul li.on font:before{ background:#e7273c; }
#n_liucheng .lc_line{ width:0; height:1px; display:block; border-bottom:1px dashed #e7273c; left:50%; margin-left:-1000px; top:4.5rem; position:absolute; z-index:2; transition:.5s;}
}
#n_liucheng ul li font{ display:block; width:8.125rem; height:9.375rem; max-width:100%; background:url(../image/liucheng_ico_bg.png) center no-repeat; background-size:contain; margin:auto; position:relative; margin-bottom:.5rem;transition:0.6s cubic-bezier(.215,.61,.355,1); -webkit-transition:0.6s cubic-bezier(.215,.61,.355,1); -moz-transition:0.6s cubic-bezier(.215,.61,.355,1); -ms-transition:0.6s cubic-bezier(.215,.61,.355,1);}
#n_liucheng ul li font span{ overflow:hidden; display:inline-block; height:4.375rem; width:4.375rem; max-width:40%; max-height:30%; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; transition:0.6s cubic-bezier(.215,.61,.355,1); -webkit-transition:0.6s cubic-bezier(.215,.61,.355,1); -moz-transition:0.6s cubic-bezier(.215,.61,.355,1); -ms-transition:0.6s cubic-bezier(.215,.61,.355,1);}
#n_liucheng ul li font img{ display:block; max-height:100%; width:auto; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; }
#n_liucheng ul li font span.hid{ opacity:0; visibility:hidden;}
#n_liucheng ul li font:hover{ background:url(../image/liucheng_ico_bg_on.png) center no-repeat; background-size:contain;  }
#n_liucheng ul li font:hover span.hid{ opacity:1; visibility:visible;}
#n_liucheng ul li font:hover span.show{ opacity:0; visibility:hidden;}
#n_liucheng ul li i{ font-size:3.125rem; color:#e4e4e4; font-weight:bold;}
#n_liucheng ul li h5{ font-size:1.25rem; color:#262626; font-weight:bold; margin-top:1.2rem; margin-bottom:.8rem;}
#n_liucheng ul li p{ font-size:.875rem; color:#666; line-height:1.5rem;}
#n_liucheng .m1360:before{ content:""; width:2000px; height:1px; display:block; border-bottom:1px dashed #b2b2b2; left:50%; margin-left:-1000px; top:4.5rem; position:absolute; z-index:1;}
#n_liucheng ul li:hover img{  -webkit-animation: doudong 1s; -moz-animation: doudong 1s; animation: doudong 1s;}


.bg-image {
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center center;
    top: 0;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: cover;
}

#n_serve{ background:url(../image/n_serve_bg.jpg) center no-repeat; background-size:cover; background-attachment:fixed; width:100%; overflow:hidden;}
#n_serve ul{}
#n_serve ul li{ text-align:center;}
#n_serve ul li font{ width:9.375rem; height:9.375rem; line-height:9.375rem; border-radius:50%; background:#fff; display:block; text-align:center; margin:0 auto; }
#n_serve ul li font img{ max-width:50%; max-height:50%;}
#n_serve ul li h5{ color:#fff; font-size:1.375rem; margin-top:2.5rem; margin-bottom:1.7rem;}
#n_serve ul li p{ color:#fff; font-size:.875rem; line-height:1.875rem; height:11.25rem;}
#n_serve ul li:hover font img{  -webkit-animation: doudong 1s; -moz-animation: doudong 1s; animation: doudong 1s;}

#n_lianxi{ background:url(../image/lianxi_bg.jpg) center no-repeat; background-size:cover; background-attachment:fixed; height:calc(100vh - 100px); width:100%; overflow:hidden; position:relative;}
.video_box{ background:#000; position:absolute; width:100%; height:100%; z-index:0; top:0;}
.video_box video{ position:absolute;z-index:1;top:50%;left:50%;min-height:100%!important;min-width:100%!important;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%); filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7; -khtml-opacity:0.7}
@media (max-width: 992px)
{
.video_box {
    display: none;
}
}
#n_lianxi .m1360{ height:auto;}
#n_lianxi .left{ background:rgba(231,39,60,.8); color:#fff; padding:3.5rem 2.2rem; text-align:left;}
#n_lianxi .left .tt{ margin-bottom:2rem;}
#n_lianxi .left .tt span{ font-size:2.25rem; font-weight:bold; text-transform:uppercase;}
#n_lianxi .left .tt h3{ font-size:1.875rem; line-height:3rem; font-weight:bold;}
#n_lianxi .left .tt p{ font-size:14px; line-height:1.6;}

.form_box{ max-width:100%; margin:0 auto;}
.form_box .form-group{ margin:0; margin-bottom:10px;}
.form_box input{ height:36px; width:100%; padding:0 1rem; font-size:12px; color:#fff; background:rgba(255,255,255,.2);}
.form_box textarea{ width:100%; padding:1rem 1rem; height:6.25em; font-size:12px; color:#fff; background:rgba(255,255,255,.2);}
.form_box .btn_tijiao{ width:100%; height:45px; background:#c00f22; color:#fff; border:0; font-size:14px;}
.form_box .yzm{ position:absolute; right:0; top:0; max-height:100%; height: 40px;}
.form_box .yzm img{ max-width:100%; max-height:100%;}

input::-webkit-input-placeholder{color:#fff; }
input::-moz-placeholder{   color:#fff;}
input:-moz-placeholder{    color:#fff;}
input:-ms-input-placeholder{   color:#fff;}
input:focus::-webkit-input-placeholder {color: transparent;}
input:focus:-moz-placeholder {color: transparent;}
input:focus::-moz-placeholder {color: transparent;}
input:focus:-ms-input-placeholder {color: transparent;}
textarea::-webkit-input-placeholder{color:#fff;}
textarea::-moz-placeholder{   color:#fff;}
textarea:-moz-placeholder{    color:#fff;}
textarea:-ms-input-placeholder{   color:#fff;}
textarea:focus::-webkit-input-placeholder {color: transparent;}
textarea:focus:-moz-placeholder {color: transparent;}
textarea:focus::-moz-placeholder {color: transparent;}
textarea:focus:-ms-input-placeholder {color: transparent;}
textarea::-webkit-scrollbar {width: 1px; }

#n_lianxi .right{ background:rgba(255,255,255,.9); color:#fff; padding:4rem 2.2rem; font-size:1rem; color:#888; position:absolute; height:100%; top:0; right:0;}
#n_lianxi .right .tt{ text-align:center; margin-bottom:3.75rem;}
#n_lianxi .right .tt span{ font-size:2.25rem; font-weight:bold; color:#e7273c;}
#n_lianxi .right .tt h3{ font-size:1rem; line-height:1.875rem; color:#666; margin-top:1.6rem; margin-bottom:1rem;}
#n_lianxi .right .tt p{ font-size:.875rem; line-height:1.6;}
#n_lianxi .right ul{}
#n_lianxi .right ul li{ text-align:center;}
#n_lianxi .right ul li font{ display:block; text-align:center;}
#n_lianxi .right ul li font img{}
#n_lianxi .right ul li span{ font-size:1.25rem; font-weight:bold; text-transform:uppercase; color:#e7273c; display:block; margin-top:.8rem; margin-bottom:1.2rem;}
#n_lianxi .right ul li p{ line-height:1.875rem;}
#n_lianxi .right ul li .tel{ font-size:1.75rem; font-weight:bold; color:#888; font-style:italic;}
#n_lianxi .right ul li{}
#n_lianxi .right ul li .a{ font-size:.875rem; color:#c00f22; position:relative; margin-top:.4rem; display:inline-block;}
#n_lianxi .right ul li .font{ display:inline-block; width:1.875rem; height:1.875rem; border-radius:50%; background:#bcbcbc; text-align:center; transition:.3s; }
#n_lianxi .right ul li .font:hover{ background:#e7273c;}
#n_lianxi .right ul li .font img{ max-width:70%; max-height:70%;}
.btn_linedown{ position:relative;}
.btn_linedown:before,.btn_linedown:after{ content:""; width:100%; height:1px; background:#c00f22; display:inline-block; position:absolute; right:0; bottom:0px;}
.btn_linedown:after{ width:0; transition:.5s;}
.btn_linedown:before{ transition:.5s .5s; left:0; right:auto;}
.btn_linedown:hover:before{ width:0; transition:.5s; right:0; left:auto;}
.btn_linedown:hover:after{ width:100%; transition:.5s .5s; left:0; right:auto;}

.tc1 .tc{pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transform:scale(1.1);position:  fixed;width:  100%;height:  100%;top: 0;z-index: 999;}
.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; background:#fff; overflow: hidden;top:50%;z-index:9999; width: 12rem; border-radius:5px; left:50%;margin-left: -6rem;margin-top: -7.5rem;}
.tc-box{
   margin:0 auto; box-sizing:border-box; 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;  -webkit-animation-name: anim-close-2; animation-name: anim-close-2;}
.tc.act .tc-box{ -webkit-animation-name: anim-open-2; animation-name: anim-open-2; transform:scale(1);}
.tc1 .tc.act{display: block; }
.tc1 .close{position: absolute; cursor:pointer;font-size: 20px;right: 30px;top: 30px; }
.tc1 .tc_bg {height: 100%;background: rgba(0,0,0,.9);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}
.tc1 .tc-box h3 img{ width:12rem; height:12rem;}
.tc1 .tc-box h5{ width:12rem; height:3rem; line-height:3rem; font-size:1rem; color:#fff; background:#c52733; text-align:center}


#n_process{ height:calc(100vh - 100px); color:#fff; position:relative; text-align:center; z-index:1; overflow:hidden; width:100%; text-transform:uppercase; }
#n_process .m1360{ height:auto; overflow:hidden;}
#n_process .j_tab{table-layout: fixed}
#n_process .tt{ position:relative; z-index:99; text-align:left; height:260px;}
#n_process .tt span{ font-size:3.125rem; text-transform:uppercase;}
#n_process .tt h3{ font-size:2.25rem; font-weight:bold; margin-top:1.2rem; margin-bottom:1.7rem;}
#n_process .tt p{ font-size:.875rem; line-height:1.5rem;}

.process_for{ z-index:0; position:relative;}
.process_bg{ position: fixed; left:0; top:0; width:100vw; height:100vh; z-index:0;  z-index:-1; transition:.5s;}
.process_for *{ transform:none !important;}
.process_nav{ position:relative; z-index:999 !important;}
.process_for{ float:right; width:700px; max-width:100%;}
.process_for .box{ width:100%; height:260px; max-width:100%; background:#fff; font-size:0.92rem; color:#424040; text-align:left; padding:2.2rem 3.3rem; }
.process_for .box font{ display:block; width:2.5rem; height:2.5rem; }
.process_for .box font img{}
.process_for .box h5{ font-size:1.5rem; color:#ae2f3f; margin-top:1.5rem; margin-bottom:1rem;}
.process_for .box p{ line-height:1.5rem;}
.process_for .slick-arrow{ z-index:99; position:absolute; top:auto; bottom:3rem; margin-top:-57px; transform:translate(0,0);
opacity:1; z-index:9999;}
.process_for .slick-prev{ left:3.3rem; background:url(../image/left_red.svg) center no-repeat; background-size:1.2rem;}
.process_for .slick-next{ left:5rem; background:url(../image/right_red.svg) center no-repeat; background-size:1.2rem;}
.process_for .slick-prev:before, .process_for .slick-next:before{ display:none;}

.process_nav{ margin-top:2.5rem;}
.process_nav ul{}
.process_nav ul li{ padding-top:5rem; position:relative; cursor:pointer;}
.process_nav ul li i{ display:block; height:2.5rem; width:1px; background:rgba(255,255,255,.5); margin:0 auto; margin-bottom:.9rem; transition:.5s;}
.process_nav ul li font{ position:relative; display:block; width:2.5rem; height:2.5rem; margin:0 auto;}
.process_nav ul li:before{ content:""; width:1.875rem; height:1px; background:rgba(255,255,255,.5); display:block; position:absolute; left:0; margin-left:-1rem; top:9.5rem;}
.process_nav ul li font img{ display:inline-block;}
.process_nav ul li h5{ font-size:1.125rem; margin-top:1.1rem; margin-bottom:.5rem;}
.process_nav ul li span{ font-size:12px; }
.process_nav ul li.slick-current i{ height:5rem; margin-top:-2.5rem; background:rgba(255,255,255,1); }
.process_nav ul li.slick-current h5{ color:#e7273c;}
.process_nav ul li.slick-current span{ color:#e7273c; text-transform:uppercase;}


#hulian_banner{ height:520px; background:url(../image/hulian_banner.jpg) center no-repeat; width:100%; overflow:hidden;}
#n_hulian{ width:100%; overflow:hidden;}
#n_hulian .tt_box{ margin-bottom:4.375rem;}
#n_hulian .tt{ position:relative; padding-top:2rem; padding-left:3rem;}
#n_hulian .tt i{ font-size:5rem; font-family:arial; color:#333; position:absolute; left:0; top:0; }
#n_hulian .tt h3{ font-size:2.25rem; color:#333; font-weight:bold; margin-bottom:1rem;}
#n_hulian .tt p{ font-size:1rem; color:#666; line-height:1.6;}
#n_hulian .tt_img{ padding-top:2.5rem;}

.left_ipad{ background:#e0e0e0; border-radius:.5rem; padding:.9375rem;}
.left_ipad .box{ background:#fff; padding-bottom:4rem;}
.left_ipad .box .tt2{ padding:2.25rem; border-bottom:1px solid #e0e0e0; overflow:hidden; }
.left_ipad .tt2 h3{ font-size:1.5rem; color:#333; font-weight:bold; float:left;}
.left_ipad .tt2 font{ float:right;}
.left_ipad .con{ padding:2.25rem;}
.left_ipad .con .tip{ font-size:1.375rem; color:#000; width:100%; max-width:480px; line-height:2.75rem; margin-bottom:4.3rem;}
.red{ color:#e62237;}
.bold{ font-weight:bold;}
.left_ipad ul{ margin-right:10%; }
.left_ipad ul li{ text-align:center;}
.left_ipad ul li font{ width:3.125rem; height:3.125rem; margin:0 auto; display:block; margin-bottom:1.25rem;}
.left_ipad ul li:hover font{  -webkit-animation: doudong 1s; -moz-animation: doudong 1s; animation: doudong 1s;}
.left_ipad ul li p{}

.right_shouji{ position:absolute; right:0; bottom:-3.5rem;}


#n_yingyong{ background:url(../image/n_yingyong_bg.jpg) center no-repeat; background-size:cover; background-attachment:fixed; width:100%; overflow:hidden;}
#n_yingyong ul{  }
#n_yingyong ul li{ text-align:center; position:relative; padding:0 5px; }
#n_yingyong ul li font{ display:block; width:8.125rem; height:8.125rem; background:#fff; border-radius:50%; margin:auto; position:relative; overflow:hidden; margin-bottom:1.9rem;transition:0.6s cubic-bezier(.215,.61,.355,1); -webkit-transition:0.6s cubic-bezier(.215,.61,.355,1); -moz-transition:0.6s cubic-bezier(.215,.61,.355,1); -ms-transition:0.6s cubic-bezier(.215,.61,.355,1);}
#n_yingyong ul li font span{ overflow:hidden; display:inline-block; height:4.375rem; width:4.375rem; max-width:40%; max-height:40%; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; transition:0.6s cubic-bezier(.215,.61,.355,1); -webkit-transition:0.6s cubic-bezier(.215,.61,.355,1); -moz-transition:0.6s cubic-bezier(.215,.61,.355,1); -ms-transition:0.6s cubic-bezier(.215,.61,.355,1);}
#n_yingyong ul li font img{ display:block; max-height:100%; width:auto; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; }
#n_yingyong ul li font span.hid{ opacity:0; visibility:hidden; transform:translateX(-100%); -webkit-transform:translateX(-100%); -ms-transform:translateX(-100%); -moz-transform:translateX(-100%);}
#n_yingyong ul li font:hover{ background:#c52733;}
#n_yingyong ul li font:hover span.hid{ opacity:1; visibility:visible; transform:translateX(0);}
#n_yingyong ul li font:hover span.show{ opacity:0; visibility:hidden; transform:translateX(100%);}
#n_yingyong ul li h5{ font-size:1.5rem; color:#fff; margin-bottom:.8rem;}
#n_yingyong ul li p{ font-size:.875rem; line-height:1.6; color:#fff; max-width:243px; width:100%; margin:0 auto;} 

#n_yingyong .slick-arrow{ width:4.3rem; height:4.3rem; border-radius:50%; border:1px dashed #fff; box-sizing:border-box; margin-top:-4rem; transition:.3s;}
#n_yingyong .slick-prev{ left:-6rem; background:url(../image/left_white.svg) center no-repeat; background-size:1.5rem;}
#n_yingyong .slick-next{ right:-6rem; background:url(../image/right_white.svg) center no-repeat; background-size:1.5rem;}
#n_yingyong .slick-prev:before,#n_yingyong .slick-next:before{ display:none;}
#n_yingyong .slick-arrow:hover{ border:1px dashed #e13b56;}
#n_yingyong .slick-prev:hover{ background:url(../image/left_red.svg) center no-repeat; background-size:1.5rem;}
#n_yingyong .slick-next:hover{ background:url(../image/right_red.svg) center no-repeat; background-size:1.5rem;}
#n_appdingzhi{ width:100%; overflow:hidden;}

.appleft{ padding-top:10%;}
.appleft .tt{}
.appleft .tt h3{ font-size:2.25rem; color:#000; font-weight:bold;}
.appleft .tt i{ width:4.75rem; height:.25rem; display:block; background:#000; margin:1rem 0;}
.appleft .tt p{ font-size:1rem; line-height:1.6; color:#666;}
.appleft ul{ max-width:34.5rem; margin-top:4.9rem;}
.appleft ul li{ width:14.375rem; height:14.375rem; border-radius:50%;text-align:center; position:relative; z-index:1; overflow:hidden; }
.appleft ul li:before{ content:""; display:block; position:absolute; width:100%; height:100%; left:0; top:0; border:.4rem solid #e13b56; z-index:2; border-radius:50%;}
.appleft ul li.li_2:before{ border:.4rem solid #f39e3b;}
.appleft ul li p{ position:relative; z-index:1; color:#fff; font-size:1.5rem; padding-top:2rem;}
.appleft ul li .bg{ position:absolute; z-index:0; background:#e13b56; background-size:70rem; width:100%; height:100%; top:8%; left:0;}
.appleft ul li.li_2 .bg{ background:#f39e3b;}
.appleft ul li .bg div {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../image/valley-white-static.svg);
}
.ldlz {
    transition: opacity .5s linear,visibility .5s linear; transform:rotate(180deg);
    background-size: 250% !important; background-position:0 0 !important; position: absolute; top: -80%;
}
.appleft ul li.li_2 .ldlz { background-position:-150px 0 !important;} 
.appright{ text-align:right;}

#n_fugai{ background:url(../image/n_appfugai_bg.jpg) center no-repeat; background-size:cover; background-attachment:fixed; width:100%; overflow:hidden;}
#n_fugai ul{  }
#n_fugai ul li{ text-align:center; position:relative; padding-left:5px; padding-right:5px; z-index:1; overflow:hidden;}
#n_fugai ul li:before{ content:""; display:block; width:100%; height:0; position:absolute; left:0; bottom:0;background:rgba(213,4,44,.8); z-index:-1;transition:1s cubic-bezier(.215,.61,.355,1); -webkit-transition:1s cubic-bezier(.215,.61,.355,1); -moz-transition:1s cubic-bezier(.215,.61,.355,1); -ms-transition:1s cubic-bezier(.215,.61,.355,1);}
#n_fugai ul li font{ display:block; width:10.625rem; height:10.625rem; padding-top:2.5rem;  border-radius:50%; margin:0 auto; position:relative; overflow:hidden; margin-bottom:1.9rem;transition:0.6s cubic-bezier(.215,.61,.355,1); -webkit-transition:0.6s cubic-bezier(.215,.61,.355,1); -moz-transition:0.6s cubic-bezier(.215,.61,.355,1); -ms-transition:0.6s cubic-bezier(.215,.61,.355,1);}
#n_fugai ul li font span{ overflow:hidden; display:inline-block; height:2.5rem; width:2.5rem; max-width:40%; max-height:40%; }
#n_fugai ul li font:before{ content:""; display:block; width:100%; height:100%; border-radius:50%; position:absolute; left:0; bottom:0;background:rgba(213,4,44,.8); z-index:-1;transition:0.6s cubic-bezier(.215,.61,.355,1); -webkit-transition:0.6s cubic-bezier(.215,.61,.355,1); -moz-transition:0.6s cubic-bezier(.215,.61,.355,1); -ms-transition:0.6s cubic-bezier(.215,.61,.355,1);}
#n_fugai ul li font img{ display:block; max-height:100%; width:auto;  }
#n_fugai ul li h5{ font-size:1.375rem; color:#fff; margin-top:1rem;}
#n_fugai ul li p{ font-size:.875rem; line-height:1.5rem; height:4.5rem; color:#fff; max-width:243px; width:100%; margin:0 auto;} 
@media (min-width: 481px)
{
#n_fugai ul li:hover:before{ height:100%; bottom:auto; top:0;}
#n_fugai ul li:hover font:before{ transform:scale(.7); opacity:0;}
}
.zx_btn_white{ display:block; width:8rem; height:2.5rem; line-height:2.5rem; border-radius:1.25rem; text-align:center; background:#fff; margin:0 auto; font-size:.75rem; color:#4b5159; margin-top:1rem;}

#n_fugai .slick-arrow{ width:4.3rem; height:4.3rem; border-radius:50%; border:1px dashed #fff; box-sizing:border-box; margin-top:-4rem; transition:.3s;}
#n_fugai .slick-prev{ left:-6rem; background:url(../image/left_white.svg) center no-repeat; background-size:1.2rem;}
#n_fugai .slick-next{ right:-6rem; background:url(../image/right_white.svg) center no-repeat; background-size:1.2rem;}
#n_fugai .slick-prev:before,#n_fugai .slick-next:before{ display:none;}
#n_fugai .slick-arrow:hover{ border:1px dashed #e13b56;}
#n_fugai .slick-prev:hover{ background:url(../image/left_red.svg) center no-repeat; background-size:1.2rem;}
#n_fugai .slick-next:hover{ background:url(../image/right_red.svg) center no-repeat; background-size:1.2rem;}


#n_appcase{ background:#f5f5f5; width:100%; overflow:hidden;}
#n_appcase ul{ font-size:0; margin:0 -8px; text-align:center}
#n_appcase ul li{ display:inline-block; width:20%; padding:0 8px; margin-bottom:16px;}
#n_appcase ul li img{}


.table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%; margin-bottom:0;}
.table_cell{ display:table-cell; vertical-align:middle}
.video_box{ background:#000; position:absolute; width:100%; height:100%; z-index:0}
.video_box video{ position:absolute;z-index:1;top:50%;left:50%;min-height:100%!important;min-width:100%!important;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%); filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7; -khtml-opacity:0.7}
.layui-container01 {
    position: relative;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
    max-width: 1630px;
}
.banner_box {
    position: relative;
    overflow: hidden;
}
.n_banner02{ height:32.5rem;}
.n_banner02 .layui-container01,.n_banner02 .row,.n_banner02 .col-xs-12{ height:100%}
.n_banner02 .table{ text-align:left}
.n_banner02 h3{font-size:4.375rem;color:#e62129;font-family:Impact;}
.n_banner02 h4{ font-size:1.875rem; color:#fff; margin:1.875rem 0 1.25rem}
.n_banner02 h2{ font-size:3.4375rem; color:#fff; font-weight:bold; margin-bottom:1.75rem}
.n_banner02 h6{ font-size:0.875rem; line-height:1.5rem; color:#989898; color:rgba(255,255,255,0.4); text-transform:uppercase}

.n_case{ background:#f5f5f5; width:100%; overflow:hidden;}
.n_case ul{ font-size:0; margin:0 -1.09375rem}
.n_case ul li{width: 25%;display:inline-block; *display:inline; *zoom:1;padding:0 1.09375rem;margin-bottom:3.4375rem;}
.n_case ul li .img{ background:#000}
.n_case ul li .img,.n_case ul li .img img{ overflow:hidden; width:100%; position:relative}
.n_case ul li .img img{ transition:1s;}
.n_case ul li .img a>img{ opacity:0.8}
.n_case ul li .con{ background:#fff; padding:1.55rem 2rem 1.75rem 2rem;}
.n_case ul li .con h5,.n_case ul li .con h5 a{font-size:1.375rem;height: 1.5rem;line-height: 1.5rem; color:#4d4c51}
.n_case ul li .con h5 a span{display:inline-block;max-width: 85%;font-weight:bold;height: 1.5rem;line-height: 1.5rem;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.n_case ul li .con h5 i{ float:right;}
.n_case ul li .con h5 i img{ max-height:1.5rem}
.n_case ul li .con h6{font-size:0.875rem;color:#4d4c51;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.n_case ul li .con hr{ margin:1.125rem 0 1.25rem}
.n_case ul li .con01{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden}
.n_case ul li .con01 h3, .n_case ul li .con01 h3 img{position:relative;-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_case ul li .con01 h3 img{ width:auto; max-width:60%}
.n_case 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_case ul li .img .red-bg{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CCD4042C', endColorstr='#CCD4042C');background:rgba(212,4,44,0.8);}
:root .n_case ul li .img .red-bg{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00D4042C', endColorstr='#00D4042C');} 
:root .n_case ul li .img .red-bg{filter:none;}
.n_case ul li .img .line { display: block; background: #fff; position: absolute; top: 50%; left: 50%; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; }

.n_case ul li .img .line_1 { width: 52px; height: 1px; margin: -1px 0px 0px -26px; transform: translateX(-55px); -webkit-transform: translateX(-55px); }
.n_case ul li .img .line_2 { width: 1px; height: 52px; margin: -26px 0px 0px -1px; transform: translateY(55px); -webkit-transform: translateY(55px); }
@media (min-width: 481px)
{
.n_case ul li .box .img:hover .red-bg { opacity: 1; visibility: visible; }
.n_case ul li .box .img:hover .line { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }
.n_case ul li .box .img:hover img{ transform:scale(1.05);}
.n_case ul li .con h5 a:hover{ color: #d4042c;}	
}

.page { margin-top:30px; text-align:center}
.page li{ display:inline-block; list-style: none; }
.page a{ padding:0 14px; height:34px; line-height:34px; display:inline-block; border:1px solid #ddd; margin:0 0.25rem; color:#fff; color:#444; font-size:12px; -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;}
.page .on{ background:#353535;  color:#fff; border:1px solid #353535; }
.page .thisclass{ background:#353535;  color:#fff; border:1px solid #353535;}
.page a:hover{ background:#353535;  color:#fff; text-decoration:none; border:1px solid #353535;}


.al_select{ background:#f5f5f5}
.al_select ul{ font-size:0; text-align:center; border-bottom:#e0dfe2 1px solid;}
.al_select ul li{ width:50%; display:inline-block; *display:inline; *zoom:1; height:5.25rem; line-height:5.25rem; position:relative }
.al_select ul li:after{ content:""; position:absolute; width:0; right:0; bottom:-1px; height:2px; background:#ff0000; -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;}
.al_select ul li a{ font-size:1rem; color:#353536; display:block;}
.al_select ul li a img{ margin-right:1rem; margin-top:-3px}

.al_select ul li.on:after{ left:0; width:100%}
.al_select ul li:hover:after {
    left: 0;
    width: 100%;
}

.n_case_x{padding: 7.625rem 0 4.25rem;background:#f5f5f5; width:100%; overflow:hidden;}
.n_case_x ul{font-size:0;margin: 0 -1rem;margin-bottom: -3rem;}
.n_case_x ul li{width:20%;display:inline-block; *display:inline; *zoom:1;padding: 0 1rem;margin-bottom: 7.5rem;text-align:center;}
.n_case_x ul li .img,.n_case_x ul li .img img{ overflow:hidden; width:100%; position:relative}
.n_case_x ul li .con{padding: 1.55rem 0 0 0;text-align:center;}
.n_case_x ul li .con h5,.n_case_x ul li .con h5 a{font-size: 1.125rem;height: 1.25rem;line-height: 1.25rem;color: #4d4c51;}
.n_case_x ul li .con h6{ margin:0 -0.3125rem; margin-top:1.25rem;}
.n_case_x ul li .con h6 span{ display:inline-block; *display:inline; *zoom:1; width:50%; padding:0 0.3125rem; }
.n_case_x ul li .con h6 span a{ display:block; width:100%; height:40px; line-height:38px; border:#dcdcdc 1px solid; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; -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; cursor:pointer}
.n_case_x ul li .con h6 span a{ font-size:0.875rem; color:#4b4949}

.n_case_x ul li .img .top{ position:absolute; left:0; top:0; width:100%; height:100%}
.n_case_x ul li .img .top .table_cell{ position:relative;}
.n_case_x ul li .img .top .table_cell .sj_top{position:absolute;width:100%;top: 4.4%;left:0;text-align:center;z-index: 10;}
.n_case_x ul li .img .top .table_cell .sj_top img{ width:auto; height:1rem; display:inline-block; margin-top:0}
.n_case_x ul li .img .top img{width:75%;border-radius: 1.125rem;margin-top: 0.25rem;}
.n_case_x ul li .img .top img.on{ filter:alpha(opacity=45); opacity:0.45; -moz-opacity:0.45; -khtml-opacity:0.45}

.n_case_x ul li .img .ewm{ position:absolute; left:0; top:0; width:100%; height:100%; display:none}
.n_case_x ul li .img .ewm img{ width:8.125rem}

.n_case_x ul li .con h6 span a:hover{ background:#ff0000; color:#fff; border:#ff0000 1px solid}

#filters {
	margin:1%;
	padding:0;
	list-style:none;
}

#filters li {
	float:left;
}

#filters li span {
	display: block;
	padding:5px 20px;		
	text-decoration:none;
	color:#666;
	cursor: pointer;
}

#filters li span.active {
	background: #e95a44;
	color:#fff;
}
 



.n_banner04 h3{ margin-bottom:2.125rem; color:#fff}
.n_banner04 h2{ font-size:2.8125rem}

.n_news{ padding:0; background:#f5f5f5; position:relative; width:100%; overflow:hidden;}
.n_news .layui-col-xs12{ position:relative}
.n_news .layui-col-xs12:before{ content:""; position:absolute; right:10%; right:10rem; top:0; width:1px; height:100%; background:#e4e4e4; }
.n_news .left{ float:left; width:85%; width:calc(100% - 15rem); padding:4.75rem 0 6.25rem; }
.n_news .left ul{ font-size:0; margin:0 -1.5625rem}
.n_news .left ul li{ width:33.333333%; display:inline-block; *display:inline; *zoom:1; padding:0 1.5625rem; margin-bottom:3.4375rem; vertical-align: top;}
.n_news .left ul li.li{ width:66.666666%}
.n_news .left ul li.li .top{ padding:4.75rem 4.375rem 0; position:absolute; left:0; top:0; width:100%; height:100%;}
.n_news .left ul li.li .top span{ display:inline-block; width:5.625rem; height:1.6875rem; line-height:1.6875rem; background:#d5042c; -moz-border-radius:0.8125rem; -webkit-border-radius:0.8125rem; border-radius:0.8125rem; font-size:13px; text-align:center; color:#fff}
.n_news .left ul li.li .top h5{ font-size:1.5rem; color:#fff; line-height:2.375rem; font-weight:bold; margin:1.5rem 0 1.875rem}
.n_news .left ul li.li .top h4{ font-size:1.5rem; color:#fff; font-weight:bold; font-family:"Microsoft Yahei";}
.n_news .left ul li .img,.n_news .left ul li .img img{ overflow:hidden; width:100%; position:relative}
.n_news .left ul li .img img{ transition:1s;}
.n_news .left ul li:hover .img img{ transform:scale(1.05);}
.n_news .left ul li .con .table_cell{ text-align:left}
.n_news .left ul li .con{ background:#fff; padding-left:1.875rem !important; padding-right:1.875rem !important; padding-top:3rem; padding-bottom:3rem;}
.n_news .left ul li .con span{ display:inline-block; width:5.625rem; height:1.6875rem; line-height:1.6875rem; border:#cdcdcd 1px solid; -moz-border-radius:0.8125rem; -webkit-border-radius:0.8125rem; border-radius:0.8125rem; font-size:13px; text-align:center; color:#9d9d9d}
.n_news .left ul li .con h5{ margin:1.875rem 0 1rem}
.n_news .left ul li .con h5 a{font-size:1.25rem;height: 1.5rem;line-height: 1.5rem; color:#3b3c3c; font-weight:bold; transition:.3s;}
.n_news .left ul li .con h5:hover a{color: #d4042c;}
.n_news .left ul li .con p{ font-size:0.8125rem; line-height:22px; height:44px; overflow:hidden; color:#8d8d8d; margin-bottom:1.625rem}
.n_news .left ul li .con h6{ font-size:0.875rem; color:#4d4c51}
.n_news .left ul li .con h6 img{ margin:-3px 7px 0 0}

.n_news .left 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 .left ul li .img .red-bg{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CCD4042C', endColorstr='#CCD4042C');background:rgba(212,4,44,0.8);}
:root .n_news .left ul li .img .red-bg{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00D4042C', endColorstr='#00D4042C');} 
:root .n_news .left ul li .img .red-bg{filter:none;}
.n_news .left 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 .left ul li .img .line_1 { width: 52px; height: 1px; margin: -1px 0px 0px -26px; transform: translateX(-55px); -webkit-transform: translateX(-55px); }
.n_news .left ul li .img .line_2 { width: 1px; height: 52px; margin: -26px 0px 0px -1px; transform: translateY(55px); -webkit-transform: translateY(55px); }

.n_news .right{ float:right; width:10%; width:10rem; padding:4.75rem 0 6.25rem; text-align:right}
.n_news .right.fixed{position:fixed;right: 50%;margin-right: -800px;top: 6.25rem;}
.n_news .right h2{ font-size:4.375rem; color:#3a3a3a; text-transform:capitalize; margin-bottom:1rem}
.n_news .right h2.on{ background:url(../image/jiantou.png) 20% 0.75rem no-repeat}
.n_news .right h2.on a{ color:#d5042c;}
.n_news .right ul li,.n_news .right ul li a{ font-size:0.875rem; color:#474849; line-height:2.875rem;}
.n_news .right ul li.on,.n_news .right ul li:hover{ background:url(../image/jiantou.png) 20% 1rem no-repeat}
.news_nav{ display:none; padding:3rem 0 0; margin-bottom:-2rem}
.news_nav ul{ font-size:0;}

.news_nav ul li{ width:20%; display:inline-block; *display:inline; *zoom:1; text-align:center}
.news_nav ul li a{font-size:12px;height: 3rem;line-height: 3rem; color:#3b3c3c; text-transform:capitalize}
.news_nav ul li:first-child a{ font-size:20px;}

.news_nav ul li.on a{ text-decoration:underline; color:#d4042c;}

.n_news .left ul li .box .img:hover .red-bg { opacity: 1; visibility: visible; }
.n_news .left ul li .box .img:hover .line { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }
.n_news .left ul li .box .img:hover img{ transform:scale(1.05);}



.n_news_detail{background:#f6f6f6;padding: 3.125rem 0 0;margin-bottom: -2rem; width:100%; overflow:hidden;}
.n_news_detail .left{ float:left; width:70%; width:calc(100% - 30rem);}
.n_news_detail .left .box{ padding:4rem 5rem; background:#fff}
.n_news_detail .left .box .ar_title{ margin-bottom:3.125rem}
.n_news_detail .left .box .ar_title h3{font-size:2.125rem;color:#404142;line-height:3rem;font-weight:bold;margin-bottom: 0.5rem;}


.n_news_detail .left .box .ar_title h6 span{position:relative;font-size:13px;color: #808080;display:inline-block;height: 2.5rem;line-height: 2.5rem;font-weight:normal;margin-right:1.675rem;}
.n_news_detail .left .box .ar_title h6 span img{ margin:-3px 0.45rem 0 0; max-width:1.1rem; max-height:1.1rem;}
.n_news_detail .left .box .ar_title h6{ display:inline-block; position:relative;} 
.n_news_detail .left .box .ar_title h6:before{content:"";position:absolute;bottom:-3px;width:6.25rem;height:3px;background:#ff9637;display: none;}

.shart_box{display:inline-block; cursor:pointer}
#j_shart_s_24 .bds_count{ font-size:12px;}
.bdshare-button-style0-24 a, .bdshare-button-style0-24 .bds_more {
    float: left;
    font-size: 18px;
    padding-left: 25px;
    line-height: 24px;
    height: 24px;
    background-image: url(404.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 6px 6px 6px 0;
}
#j_shart_s_24{display: none;margin-top: 0.25rem;margin-left: -1rem;}
#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(../image/j_shart.png) center -224px no-repeat}
#j_shart_s_24 .bds_tsina{background:url(../image/j_shart.png) center -311px no-repeat}
#j_shart_s_24 .bds_tqq{background:url(../image/j_shart.png) center -195px no-repeat}
#j_shart_s_24 .bds_renren{background:url(../image/j_shart.png) center -340px no-repeat}
#j_shart_s_24 .bds_weixin{background:url(../image/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_sqq{background:url(../image/j_shart.png) center -79px no-repeat}
#j_shart_s_24 .bds_fbook{background:url(../image/j_shart.png) center -166px no-repeat}
#j_shart_s_24 .bds_twi{background:url(../image/j_shart.png) center -137px no-repeat}
#j_shart_s_24 .bds_linkedin{background:url(../image/j_shart.png) center -108px no-repeat}
#j_shart_s_24 .bds_tieba{background:url(../image/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_huaban{background:url(../image/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_douban{background:url(../image/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_copy{background:url(../image/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_print{background:url(../image/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_mshare{background:url(../image/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_count{font-size:12px}
#j_shart_s_24.xian{ display:inline-block; position:absolute; left:100%; white-space:nowrap; width:200px; top:0;}

.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 .right{ float:right; width:25%; width:25rem;}
.n_news_detail .right .gg{ margin-bottom:2.75rem}
.n_news_detail .right .con{ margin-bottom:2rem}
.n_news_detail .right .con h3{ font-size:1.375rem; color:#404142; font-weight:bold; padding-bottom:1.25rem; border-bottom:#e2e2e2 2px solid; margin-bottom:1rem}
.n_news_detail .right .con ul li{ font-size:1rem; color:#404142; line-height:2.6rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.n_news_detail .right .con ul li a{ color:#404142;}
.n_news_detail .right .con ul li:hover a,.foot_top .con.left>ul li a:hover{ color:#d4042c;}

.ar_article td,
.ar_article th{ padding:1rem 0.9375rem; border: 1px solid #c6c5c5;}
.ar_article td p,
.ar_article th p{ padding-bottom:0; margin-bottom:0;}
.ar_article table {border-collapse: collapse;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc; width:100% !important}
.ar_article table tr:not(:first-child) td{ background:none !important}
.ar_article table td { border-left: 1px solid #ccc;border-top: 1px solid #ccc; width:auto !important; }
.ar_article{font-size:0.9375rem;color: #7a7a7b;line-height: 1.875rem; margin-bottom: 1.75rem;}
.ar_article p{font-size:0.9375rem;color: #7a7a7b;line-height: 1.875rem; margin-bottom: 1.75rem;}	
.ar_article strong{ font-weight:bold;}
.ar_article img{ max-width:100%;}
.ar_article a{ color:#717173;}
.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5{ font-weight:bold;}
.ar_article h1{ font-size:2.25rem; margin-bottom:1.25rem}.ar_article h2{ font-size:1.875rem; margin-bottom:0.875rem;}.ar_article h3{ font-size:1.5rem; margin-bottom:0.9375rem}
.ar_article h4{ font-size:1.125rem; margin-bottom:0.875rem}.ar_article h5{ font-size:0.875rem; margin-bottom:0.75rem}.ar_article h6{ font-size:0.75rem; margin-bottom:0.75rem}
.ar_article ul li,
.ar_article ol li{ padding-bottom:0 !important; margin-bottom:0 !important; margin-left:2rem; list-style:inherit !important;}
.ar_article ul li p,
.ar_article ol li p{ padding-bottom:0; margin-bottom:3px !important; }
.ar_article ul,
.ar_article ol{ margin-bottom:0.9375rem;}
.ar_article sub {vertical-align:sub; font-size: smaller;}
.ar_article sup { vertical-align:super; font-size: smaller;}
.ar_article p span{ display:inline-block;}
.ar_article img{ display:inline-block;}


#playercontainer_display_button,#video1_display_button,#video2_display_button{ background:none !important; height:40px; width:40px !important; border:2px solid #fff; border-radius:50%; padding:0 !important;}
#playercontainer_display_button #playercontainer_display_button_play,#video1_display_button #video1_display_button_play,#video2_display_button #video2_display_button_play{background-size: 25px;}
#playercontainer_display_button,#video1_display_button,#video2_display_button{ height:40px !important; margin-top: -20px !important;}
#playercontainer_display .cbpreview,#video1_display .cbpreview,#video2_display .cbpreview{ opacity: .75 !important;}


.n_case01 .title{ margin-bottom:3.625rem}
.n_case01 .title h5{ font-size:1.125rem; color:#000000; margin-bottom:1.125rem}
.n_case01 .title h2{ font-size:2.5rem; color:#000000; font-weight:bold}

.n_case01{ background:#f5f5f5; width:100%; overflow:hidden;}
.n_case01 ul{font-size:0;margin: 0 -1.06255rem;}
.n_case01 ul li{width:25%;display:inline-block; *display:inline; *zoom:1;padding: 0 1.06255rem;margin-bottom: 2.375rem;}
.n_case01 ul li .img,.n_case01 ul li .img img{ overflow:hidden; width:100%; position:relative}
.n_case01 ul li .img img{ transition:1s;}
.n_case01 ul li .con{ background:#fff; padding:1.55rem 2rem 1.75rem 2rem;}
.n_case01 ul li .con h5,.n_case01 ul li .con h5 a{font-size: 1.125rem; color: #4d4c51;}
.n_case01 ul li .con h5 a span{display:inline-block;max-width: 85%;font-weight:bold;height: 1.5rem;line-height: 1.5rem;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.n_case01 ul li .con h5 i{ float:right;}
.n_case01 ul li .con h5 i img{ max-height:1.5rem}
.n_case01 ul li .con h6{font-size: 12px;color:#4d4c51;}
.n_case01 ul li .con hr{ margin:1.125rem 0 1.25rem}
.n_case01 .title h5 font {
    color: #d5042c;
}

.n_case01 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_case01 ul li .img .red-bg{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CCD4042C', endColorstr='#CCD4042C');background:rgba(212,4,44,0.8);}
:root .n_case01 ul li .img .red-bg{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00D4042C', endColorstr='#00D4042C');} 
:root .n_case01 ul li .img .red-bg{filter:none;}
.n_case01 ul li .img .line { display: block; background: #fff; position: absolute; top: 50%; left: 50%; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; }
.n_case01 ul li .img .line_1 { width: 52px; height: 1px; margin: -1px 0px 0px -26px; transform: translateX(-55px); -webkit-transform: translateX(-55px); }
.n_case01 ul li .img .line_2 { width: 1px; height: 52px; margin: -26px 0px 0px -1px; transform: translateY(55px); -webkit-transform: translateY(55px); }
.n_case01 ul li .box .img:hover .red-bg { opacity: 1; visibility: visible; }
.n_case01 ul li .box .img:hover .line { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }
.n_case01 ul li .box .img:hover img{ transform:scale(1.05);}


.n_banner06{  position:relative; width:100%; overflow:hidden;}
.n_banner06 .layui-container01{position:relative}
.n_banner06 .layui-container01,.n_banner06 .layui-row,.n_banner06 .layui-col-xs12{ height:100%}
.n_banner06 .left{ text-align:left}
.n_banner06 .left h3{font-size:4.375rem;color:#fff;font-family:Impact;}
.n_banner06 .left h4{ font-size:2.25rem; color:#fff; margin:1.875rem 0 4rem; font-weight:bold; position:relative}
.n_banner06 .left h4:before{ content:""; position:absolute; left:0; bottom:-2rem; height:2px; background:#fff; width:3rem;}
.n_banner06 .left h6{ font-size:1rem; color:#fff; text-transform:uppercase; margin-bottom:7.5rem}
.n_banner06 .left ul li{ display:inline-block; margin-right:1.25rem; overflow:hidden}
.n_banner06 .left ul li a{display:inline-block;width:11.25rem;height:2.8125rem;line-height:2.8rem;border: rgba(255,255,255,0.25) 1px solid;-moz-border-radius:1.4rem;-webkit-border-radius:1.4rem;border-radius:1.4rem;text-align:center;font-size:0.9375rem;color:#fff;margin-bottom: 1px;overflow:hidden;-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;}
.n_banner06 .left ul li a:before{ content:""; position:absolute; bottom:0; left:-1px; right:-1px; height:0; background:#d4042c; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_banner06 .left ul li a span{ position:relative}
.n_banner06 .left ul li a span img{ margin-right:1rem}

.n_banner06 .right { width:70%; position:absolute; bottom:-2.75rem; right:-3.75rem;}
.n_banner06 .right img.active{ transform: translate(0,0); -ms-transform:translate(0,0); -webkit-transform:translate(0,0); transition-timing-function: cubic-bezier(.175,.885,.32,1.275); -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.275); transition-duration: 1s; -webkit-transition-duration:1s; opacity:1}
.n_banner06 .left ul li a:before{ content:""; position:absolute; bottom:0; left:-1px; right:-1px; height:0; background:#d4042c; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_banner06 .left ul li a:hover{ border:#d4042c 1px solid}
.n_banner06 .left ul li a:hover:before{ top:0; height:100%}
	

.yd_mask{ position: fixed; z-index: 99999998; background: rgba(0,0,0,.85); width: 100vw; height: 100vh; color:#fff; cursor:pointer; display:none;}
.yd_close{ position:absolute; right:2rem; top:2rem; width:1.8rem;}
.yd_ico{ position: relative; z-index: 999999999999999;}
body.fixed{ position:fixed; width:100%;}
.yd_tip{ position: absolute; max-width: inherit; max-height: inherit; cursor:pointer; pointer-events: none; z-index: 99999999999;
    left: 100px;display:none;top: -192px;}
@media(max-width: 456px){
	.yd_close{ width:1.5rem;}
	.yd_tip {    left: 71px;
    width: 323px;
    top: -119px;}
}
.zixu_wap {
    display: none !important;
}


.n_news .right ul li.on a,.n_news .right ul li:hover a,.n_case01 ul li .con h5 a:hover{ color: #d4042c;}





.n_about .fl03 ul{ font-size:0}
.n_about .fl03 ul li{ display:inline-block; *display:inline; *zoom:1; width:10%}
.n_about .fl03 ul li a{ display:block; width:100%; height:100%; position:relative; overflow:hidden}
.n_about .fl03 ul li a img{float:left;width:100%;}
.n_about .fl03 ul li a img.img02{position:absolute;left:0;right: 0;top:0;bottom: 0;width:100%;height:100%;z-index:1;opacity: 0;}
.n_about .fl03 ul li a img.img01{}
.n_about .fl03 ul li:hover a img.img01{opacity: 0;}
.n_about .fl03 ul li:hover a img.img02{ opacity: 1; }



.n_about .fl03 ul li.li{ width:40%;}
.n_about .fl03 ul li.li a{ background:#d4042c}
.n_about .fl03 ul li.li .box{ display:block; position:absolute; left:0; top:0; width:100%; height:100%}
.n_about .fl03 ul li.li .box img{ display:inline-block; width:auto; float:none}
.n_about .fl03 ul li.li .box img.ar_wap{ display:none}
.n_about .fl03 ul .more{height:60px;line-height:60px;text-transform:uppercase;font-size:14px;text-align:center;color:#fff;background: #d5042c; position:relative; cursor:pointer; text-align:center;}
.n_about .fl03 ul .more span.span02{ display:block; position:absolute; width:100%; opacity:0;-webkit-transition-property:all;transition-property:all; -webkit-transform:scale(.6);-ms-transform:scale(.6);transform:scale(.6); -webkit-transition-duration:.6s;transition-duration:.6s; overflow:hidden}
.n_about .fl03 ul .more span.span01{ display:block; position:absolute; width:100%; opacity:1;-webkit-transition-property:all;transition-property:all; -webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1); -webkit-transition-duration:.6s;transition-duration:.6s; overflow:hidden}
.n_about .fl03 ul .more{ display:none}
.ar_wap {
    display: none;
}

@media(max-width: 1300px){
	.n_about .fl03 ul li.li .box img{ height:50%}
}
@media(max-width: 768px){
	.n_about .fl03 ul li.li{ width:50%}
	.n_about .fl03 ul li.li .box img{ height:30%}
	.n_about .fl03 ul li{ width:25%}
	.n_about .fl03 ul li a img.ar_wap{ display:block}
	.n_about .fl03 ul li.li01{ opacity:0;-webkit-transition-property:all;transition-property:all; -webkit-transform:scale(.6);-ms-transform:scale(.6);transform:scale(.6); -webkit-transition-duration:.6s;transition-duration:.6s; height:0}
	.n_about .fl03 ul li.li01.xian{ opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1); height:auto}
	.n_about .fl03 ul .more{ display:block}
	.n_about .fl03 ul .more span.span02.xian{ opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1); }
	.n_about .fl03 ul .more span.span01.none{ opacity:0;-webkit-transform:scale(0.6);-ms-transform:scale(0.6);transform:scale(0.6); }
}