@charset "utf-8";
@font-face{ font-family:'苹方'; src:url(../font/$RXJO9IM.TTF);}
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}
@media (max-width:328px){html{font-size:12px;}}
/*==========================================公共 开始=============================================*/
.ar_wap{ display:none}
.a_body{position:relative;z-index:0;height: 100vh;overflow:  hidden;}
.a_body.is-visible{display:block;height: auto;}
.section{ overflow:hidden;}
header{height: 85px;line-height: 85px;/* min-width: 1400px; */z-index: 100;width: 100%;position: absolute;margin-top: 40px;left: 0;right: 0;}
header .box{ padding:0 12.5rem;}
header .logo{height: 85px;line-height: 85px;position:  relative;}
header .logo embed{width: 187px;display: inline-block;margin: 12px 0;}
.a_body.on header{position:fixed;top:0;margin-top:0;height: 85px;line-height: 85px;}
.a_body header:before{ content:""; position:absolute; top:0; left:0; background:transparent; width:100%; height:100%; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.a_body.on header:before{content:"";position:absolute;top:0;left:0;background: #373737;width:100%;height:100%;}
.a_body.on header .nav li>a{height: 85px !important;}
.a_body.on header .nav li .subNavbox{top: 85px !important;}
header .right{height: 85px;}
#nav{ height:70px; background:#0058af; position:relative; z-index:1}
.navBox { float: left;}
.nav li {float: left;text-align: center;height: 85px;position: relative;}
.nav a {display: block;position: relative;margin: 0 24px;font-size: 16px;height: 85px;line-height: 85px;perspective: 300px;transform-style: preserve-3d;}
.nav a .bg {background-color: #fff;position: absolute;left: 0px;bottom: 0px;width: 100%;display: block;height: 3px;-webkit-transition: 0.6s;-moz-transition: 0.6s;-o-transition: 0.6s;transition: 0.6s;-webkit-transform: rotateX(70deg);transform: rotateX(70deg);z-index: -1;transform-origin: center bottom 0;-webkit-transform-origin: center bottom 0;left: 0;opacity: 0;bottom: 0;visibility: hidden;}
.nav a .txt {position: relative;z-index: 2;font-size: 16px;color: #fff;}
.nav .active a .bg,.nav .on a .bg { transform: none; opacity: 1; visibility: visible;}
.a_body.on .nav .active a .bg,.a_body.on .nav .on a .bg { transform: none; opacity: 1; visibility: visible; background-color: #e62129;}
.nav .active a .txt,.nav .on a .txt{ color:#fff}
.navBox .arrow { position: absolute; left: 0px; top: 95px; height: 4px; display: block; background-color: #e62129; }
.subNavbox a:active .txt, .subNavbox a:hover {color: #d90024;}
.subNavbox {position: absolute;left: 50%;top: 115px;width: 100px;margin-left: -50px;background-color: #fcfcfc;box-shadow: 1px 2px 2px 0 rgba(88, 88, 88, 0.2);display: none !important;text-align: center;padding: 20px 16px 15px;}
.nav li:nth-child(5) .subNavbox{ width:150px; margin-left:-75px;}
.subNavbox p {padding-bottom: 12px;line-height: 24px;}
.subNavbox p a {line-height: 24px;height: auto;padding: 0;font-size: 14px;display:  inline-block;margin: 0;}
.subNavbox p a:before{content:"";position:absolute;bottom: -4px;height: 4px;background: #d90024;right:0;width:0;-webkit-transition: 0.6s;-moz-transition: 0.6s;-o-transition: 0.6s;transition: 0.6s;}
.subNavbox p a:hover:before{ left:0; width:100%}
header .right .tel{float:left;background: url(../images/tel.png) left 30px no-repeat;font-size: 22px;color: #fff;padding-left: 30px;margin-left: 18px;position:relative;line-height: 85px;}
header .right .tel:before{content:"";width:1px;height:15px;background:#c0c0c1;position:absolute;left:-30px;top:50%;margin-top:-7.5px;display: none;}
.a_body.on header .right .tel{float:left;background: url(../images/tel_on.png) left 30px no-repeat;}
header .right .tel .down{display:none;position: relative;top: -24px;}
header .right .tel p{ display:inline-block}
header .right .tel span{ display:inline-block; margin-left:5px; margin-top:-3px; cursor:pointer}
header .right .tel span img{ width:15px;}
header .right .tel .down ul li{display:inline-block;line-height: 30px;font-size: 18px;padding: 0 3px;}
/*====banner图====*/
#banner{width:100%;height: 860px;z-index:0;overflow: hidden;position:  relative;z-index: 0;}
.a_body.on #banner{ top:0}
#banner ul.miso-bd li a .table{ display:table; width:100%; height:100%; text-align:center;}
#banner ul.miso-bd li a .table_cell{ display:table-cell; vertical-align:middle;}
#banner ul.miso-bd,#banner ul.miso-bd .miso-list,#banner ul.miso-bd .miso-track{width:100%;height: 860px;overflow: hidden;}
#banner ul.miso-bd li{ height:860px;}
#banner ul.miso-bd li a{ display:block; width:100%; height:100%}
#banner ul.miso-bd li a .table_cell h1{margin-bottom: 10px;margin-top: -5%;font-size: 48px;color: #fff;text-shadow: 0 0 5px rgba(0,0,0,0.35); transform:translateY(100px); opacity:0; -webkit-transition: 1s;-moz-transition: 1s;-o-transition: 1s;transition: 1s;}
#banner ul.miso-bd li a .table_cell h3{font-size: 15px;color:#fff;font-weight:bold;text-transform:uppercase;text-shadow: 0 0 5px rgba(0,0,0,0.35); transform:translateY(100px); opacity:0; -webkit-transition: 1s;-moz-transition: 1s;-o-transition: 1s;transition: 1s;}
#banner ul.miso-bd li.miso-current a .table_cell h1{ transform:translateY(0); opacity:1; transition-delay:1s;}
#banner ul.miso-bd li.miso-current a .table_cell h3{ transform:translateY(0); opacity:1; transition-delay:1.2s;}
#banner ul.miso-bd .miso-prev,#banner ul.miso-bd .miso-next{ width:58px; height:58px; margin-top:-29px;}
#banner ul.miso-bd .miso-prev{ background:url(../images/prev.png) center no-repeat; left:5%; -webkit-transition: 0.6s;-moz-transition: 0.6s;-o-transition: 0.6s;transition: 0.6s;}
#banner ul.miso-bd .miso-next{ background:url(../images/next.png) center no-repeat; right:5%; -webkit-transition: 0.6s;-moz-transition: 0.6s;-o-transition: 0.6s;transition: 0.6s;}
#banner ul.miso-bd .miso-prev:hover{ background:url(../images/prev_on.png) center no-repeat; }
#banner ul.miso-bd .miso-next:hover{ background:url(../images/next_on.png) center no-repeat; }
@-webkit-keyframes scale-bg{
from{-webkit-transform:scale(1.15);transform:scale(1.15)}
to{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes scale-bg{
from{-webkit-transform:scale(1.15);transform:scale(1.15)}
to{-webkit-transform:scale(1);transform:scale(1)}
}
#banner ul.miso-bd .banmiso .items{background-size:cover;background-position:center center;background-repeat:no-repeat;position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;background-size: cover !important;}
#banner ul.miso-bd .banmiso{background-size:cover;-webkit-background-size:cover;background-position:center;background-repeat:no-repeat;height: 860px;position:relative;}
#banner ul.miso-bd .banmiso.miso-current .scaleBg{visibility:visible;-webkit-animation:scale-bg 5.5s linear forwards;animation:scale-bg 5.5s linear forwards}
#banner ul.miso-bd .banmiso .ban_bg{
width: auto;
height: 970px;
-webkit-transition: all 5s ease-out 0s;
-moz-transition: all 6s ease-out 0s;
-ms-transition: all 6s ease-out 0s;
-o-transition: all 6s ease-out 0s;
transition: all 6s ease-out 0s;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
#banner ul.miso-bd .banmiso.miso-current .ban_bg.scale{
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
#banner .miso-hd{width: 100%;height: 88px;position:absolute;bottom: 0;left: 0; background:url(../images/hei35.png); }
#banner .miso-hd .w1200{ border-left:rgba(255,255,255,0.3) 1px solid; border-right:rgba(255,255,255,0.3) 1px solid}
#banner .miso-hd li{ height:88px; line-height:88px; text-align:center; font-size:16px; color:#fff; cursor:pointer; border-right:rgba(255,255,255,0.3) 1px solid; position:relative}
#banner .miso-hd li:before{ content:""; position:absolute; background: #d90024; right:0; width:0; height:100%; -webkit-transition: 0.6s;-moz-transition: 0.6s;-o-transition: 0.6s;transition: 0.6s;}
#banner .miso-hd .miso-current li:before,#banner .miso-hd li:hover:before{ left:0; width:100%}
#banner .miso-hd li img{ margin-right:12px}
#banner .miso-hd li span{ position:relative}
.banner-next {z-index: 1000;position: absolute;bottom: 4rem;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);cursor: pointer;text-align: center;color: #ffffff;}
.banner-next span { display: block; }
.banner-next .next-text {-webkit-animation: fadeInDown 2s infinite;-moz-animation: fadeInDown 2s infinite;-o-animation: fadeInDown 2s infinite;-ms-animation: fadeInDown 2s infinite;animation: fadeInDown 2s infinite;position: relative;top: 65px;}
.banner-next .next-icon {position:relative;width: 23px;height: 40px;background:url(next-icon.png) center no-repeat;}
.banner-next .next-icon:before{content:"";width: 3px;height: 8px;position:absolute;left:50%;margin-left: -1px;top:50%;margin-top:-7.5px;background:url(icon.png) center no-repeat;-webkit-animation: scroll 1.4s cubic-bezier(.15,.41,.69,.94) infinite;-moz-animation: scroll 1.4s cubic-bezier(.15,.41,.69,.94) infinite;animation: scroll 1.4s cubic-bezier(.15,.41,.69,.94) infinite;}
@keyframes scroll {
0% { opacity: 0; }
10% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }
100% { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -o-transform: translateY(0); transform: translateY(5px); opacity: 0;}
}
@keyframes fadeInDown {
from {
opacity: 0;
transform: translate3d(0, -50%, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInDown {
animation-name: fadeInDown;
}
.liu_icon{position:absolute;top: 19.5%;width:100%;text-align:center;}
.liu_icon img{ display:inline-block; -webkit-animation:play 25s linear infinite; -moz-animation:play 25s linear infinite; animation:play 25s linear infinite;}
@-webkit-keyframes play{
0% {
-webkit-transform:rotate(0deg);
}
100% {
-webkit-transform:rotate(360deg);
}
}
@-moz-keyframes play{
0% {
-moz-transform:rotate(0deg);
}
100% {
-moz-transform:rotate(360deg);
}
}
@keyframes play{
0% {
transform:rotate(0deg);
}
100% {
transform:rotate(360deg);
}
}
/*==========================================公共 结束=============================================*/
/*==========================================首页 开始=============================================*/
.title00{ text-align:center}
.title00 h3{ margin-bottom:15px}
.title00 h3 big{ font-size:30px; color:#262626}
.title00 h3 small{font-size:16px;color:#4a4b4b;text-transform:uppercase;vertical-align:  bottom;margin-left: 5px;}
.title00 h6{ font-size:14px; color:#8c8d8e}
.container01{ padding:102px 0 86px;}
.container01 .box{ text-align:center}
.container01 .box h3{ font-size:30px; color:#000000; font-weight:bold; margin:70px 0 24px;}
.container01 .box h3 span{ display:inline-block; position:relative; overflow:hidden}
.link--kukuri:hover {
color: #c5c2b8;
}
.link--kukuri::after {
content: '';
position: absolute;
height: 16px;
width: 100%;
top: 50%;
margin-top: -8px;
right: 0;
background: #f08200;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
-webkit-transition: -webkit-transform 0.4s;
transition: transform 0.4s;
-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.container01 .box:hover h3 .link--kukuri::after {
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
}
.container06 .title:hover .link--kukuri::after {
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
}
.link--kukuri::before {
content: attr(data-letters);
position: absolute;
z-index: 2;
overflow: hidden;
color: #d90024;
white-space: nowrap;
width: 0%;
-webkit-transition: width 0.4s 0.3s;
transition: width 0.4s 0.3s;
}
.container01 .box:hover h3 .link--kukuri::before {
width: 100%;
}
.container06 .title:hover .link--kukuri::before {
width: 100%;
}
.container01 .box p{ font-size:14px; line-height:26px; color:#848586; margin-bottom:45px}
.container01 ul{ font-size:0; text-align:center; padding:0 60px; margin-bottom:64px;}
.container01 ul li{ display:inline-block; width:33.333333%; border-right:#cfd0d2 1px dotted}
.container01 ul li .icon{ position:relative; width:100px; height:100px; line-height:100px; display:inline-block}
.container01 ul li .icon:before{ content:""; position:absolute; background:url(yuan_bg.png) center no-repeat; left:0; top:0; width:100px; height:100px; -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;}
.container01 ul li .icon img{ position:relative}
.container01 ul li .con{display:inline-block; padding:20px 0 0 20px; text-align:left}
.container01 ul li .con h2{ font-size:36px; color:#3b3d41; letter-spacing:-2px; margin-bottom:3px}
.container01 ul li .con h2 big{ font-family:'苹方';}
.container01 ul li .con h2 small{ font-size:12px; color:#848586; margin-left:10px}
.container01 ul li .con h5{ font-size:14px; color:#848586; padding: 0 0 0 4px}
.container01 ul li:hover img{ -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0); filter:none; -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
@keyframes jello {
from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }
22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}
.container01 ul li:hover .icon:before{ transform:rotate(180deg); -webkit-transform:rotate(180deg);  -moz-transform:rotate(180deg);}
.more00.more{ text-align:center}
.more00.more a{display:inline-block;border: #e5e5e5 1px solid;-moz-border-radius: 22px;-webkit-border-radius: 22px;border-radius: 22px;width: 155px;height: 45px;line-height: 43px;font-size: 14px;color: #565656;text-transform:uppercase;position:relative;overflow:hidden;margin: 0 auto;}
.more00.more a span{ position:relative; z-index:10}
.more00.more a:hover{color:#fff;border:#d90024 1px solid;background: #d90024; transition-delay:0.36s}
@-webkit-keyframes criss-cross-left {
0% {
left: -20px;
}
50% {
left: 50%;
width: 20px;
height: 20px;
}
100% {
left: 50%;
width: 375px;
height: 375px;
}
}
@keyframes criss-cross-left {
0% {
left: -20px;
}
50% {
left: 50%;
width: 20px;
height: 20px;
}
100% {
left: 50%;
width: 375px;
height: 375px;
}
}
@-webkit-keyframes criss-cross-right {
0% {
right: -20px;
}
50% {
right: 50%;
width: 20px;
height: 20px;
}
100% {
right: 50%;
width: 375px;
height: 375px;
}
}
@keyframes criss-cross-right {
0% {
right: -20px;
}
50% {
right: 50%;
width: 20px;
height: 20px;
}
100% {
right: 50%;
width: 375px;
height: 375px;
}
}
.btn-11 {
position: relative;
color: #9a7cba;
}
.btn-11:before, .btn-11:after {
position: absolute;
top: 50%;
content: '';
width: 20px;
height: 20px;
background: #d90024;
border-radius: 50%;
}
.btn-11:before {
left: -20px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
/*     animation: criss-cross-left 0.8s reverse; */
}
.btn-11:after {
right: -20px;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
/*     animation: criss-cross-right 0.8s reverse; */
}
.btn-11:hover:before, .btn-11:hover:after {
/*       @include size($btn-width); */
}
.btn-11:hover:before {
-webkit-animation: criss-cross-left 0.8s both;
animation: criss-cross-left 0.8s both;
}
.btn-11:hover:after {
-webkit-animation: criss-cross-right 0.8s both;
animation: criss-cross-right 0.8s both;
}
/*推荐服务*/
.container02{ padding:88px 0 25px; background:#f2f4f6}
.container02 .title00{ text-align:left; margin-bottom:55px}
.container02 .title00 h3{ display:inline-block; margin-bottom:0}
.container02 .title00 h6{ display:inline-block; vertical-align:bottom; margin:-3px 0 0 10px}
.container02 ul{ font-size:0; margin:0 -20px;}
.container02 ul li{ display:inline-block; width:50%; padding:0 20px; margin-bottom:45px;}
.container02 ul li a{ display:block; 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;}
.container02 ul li .img,.container02 ul li .img img{ float:left; width:400px; height:300px; overflow:hidden; 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;}
.container02 ul li .top{ position:absolute; right:0; width:0; top:0; height:100%; background:url(red90.png) center; -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;}
.container02 ul li .top .table{ width:400px; height:300px;}
.container02 ul li .top p{ padding:0 48px; font-size:14px; color:#fff; line-height:24px; opacity:0; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; transform:scale(0); text-align:left}
.container02 ul li .con{ float:left; width:180px; height:300px; background:#fff}
.container02 ul li .con h2{ height:90px; line-height:90px; margin-bottom:68px; position:relative}
.container02 ul li .con h2 .sijiao{ position:absolute; width:106px; height:90px; left:50%; margin-left:-53px; top:0; -moz-transition: all 1.2s ease-in-out;-webkit-transition: all 1.2s ease-in-out;-o-transition: all 1.2s ease-in-out;-ms-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out;}
.container02 ul li .con h2 .sijiao .d1:before{ content:""; position:absolute; top:0; left:0; background:url(jiao01.png) center no-repeat; width:12px; height:11px;}
.container02 ul li .con h2 .sijiao .d1:after{ content:""; position:absolute; top:0; right:0; background:url(jiao02.png) center no-repeat; width:12px; height:11px;}
.container02 ul li .con h2 .sijiao .d2:before{ content:""; position:absolute; bottom:0; left:0; background:url(jiao03.png) center no-repeat; width:12px; height:11px;}
.container02 ul li .con h2 .sijiao .d2:after{ content:""; position:absolute; bottom:0; right:0; background:url(jiao04.png) center no-repeat; width:12px; height:11px;}
.container02 ul li .con h3{ font-size:20px; color:#4a4b4b; text-transform:uppercase; margin-bottom:6px; -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;}
.container02 ul li .con h5{ font-size:12px; color:#bdbdbe; -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;}
.container02 ul li a:hover{ box-shadow:0 0 50px rgba(0,0,0,0.25)}
.container02 ul li a:hover .img img{ transform:scale(1.15);}
.container02 ul li a:hover .top{ left:0; width:100%}
.container02 ul li a:hover .con h2 .sijiao{  transform:rotate(180deg) scale(0.7); -webkit-transform:rotate(180deg) scale(0.7);  -moz-transform:rotate(180deg) scale(0.7);}
.container02 ul li a:hover .con h2 img{ -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
.container02 ul li a:hover .top p{ opacity:1; transform:scale(1); transition-delay:0.36s}
.container02 ul li a:hover .con h3{ margin:4px 0 10px;}
/*配套服务*/
.container03{ padding:0 0 110px; background:#f2f4f6}
.container03 .title00{ text-align:left; margin-bottom:55px}
.container03 .title00 h3{ display:inline-block; margin-bottom:0}
.container03 .title00 h3 small{ vertical-align:top}
.container03 .title00 h6{ display:inline-block; vertical-align:bottom; margin:-3px 0 0 10px}
.container03 ul{ font-size:0; margin:0 -1px}
.container03 ul li{ display:inline-block; width:20%; position:relative; }
.container03 ul li:nth-child(2){ transition-delay:0.3s}
.container03 ul li:nth-child(3){ transition-delay:0.6s}
.container03 ul li:nth-child(4){ transition-delay:0.9s}
.container03 ul li:nth-child(5){ transition-delay:1.2s}
.container03 ul li:before{ content:""; position:absolute; right:0; top:0; height:100%; background:#d90024; width:0; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; }
.container03 ul li a{ display:block; margin:0 -0.5px; border:#dcdfe2 1px solid; height:280px; 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; overflow:hidden}
.container03 ul li a .shuzi{position:absolute;left:0;top: -10%;width:100%;height:100%;line-height:278px;text-align:center;font-size:180px;color:#e30c35;-moz-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;overflow:hidden;opacity: 0;}
.container03 ul li a .table{position:relative;padding: 0 15px;}
.container03 ul li a h3{ font-size:18px; color:#2e2f30; font-weight:bold; margin-bottom:5px; position:relative}
.container03 ul li a h3:before{ content:""; position:absolute; top:-30px; width:18px; height:3px; left:50%; margin-left:-9px; background:#f08200}
.container03 ul li a h3:after{ content:""; position:absolute; top:-30px; width:0; height:3px; left:50%; margin-left:-9px; background:#fff; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container03 ul li a h5{font-size:12px;color:#a6a7ab;text-transform:uppercase;margin-bottom:16px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.container03 ul li a h2 img.img02{ display:none}
.container03 ul li:hover a{ border:#d90024 1px solid}
.container03 ul li:hover:before{ width:100%; left:0}
.container03 ul li:hover h3{ color:#fff}
.container03 ul li:hover h5{ color:#fff}
.container03 ul li:hover h2 img{ -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
.container03 ul li:hover h2 img.img02{ display:inline-block}
.container03 ul li:hover h2 img.img01{ display:none}
.container03 ul li:hover a h3:after{ width:18px}
.container03 ul li:hover a .shuzi{top:0;transition-delay:0.36s;opacity: 1;}

.container05{ background:url(container04_bg.jpg) top center no-repeat; padding:100px 0 152px; position:relative}
.container05 .title00{ margin-bottom:66px;}
.container05 .title00 h3{ margin-bottom:26px}
.container05 .title00 h3 big{ margin-bottom:8px;}
.container05 .title00 h3 big,.container04 .title00 h3 small{ display:block}
.container05 ul{ font-size:0; margin:0 -7.5px;}
.container05 ul li{ display:inline-block; width:33.333333%; padding:0 7.5px; margin-bottom:15px;}
.container05 ul li a{ display:block; overflow:hidden; position:relative}
.container05 ul li a:after{ content:""; position:absolute; z-index:8; bottom:0; left:0; width:100%; height:0; background:url(../images/red80.png) center; -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; }
.container05 ul li a .img{ position:relative}
.container05 ul li a .img:after{ content:""; position:absolute; z-index:1; bottom:0; left:0; width:100%; height:100%; background:url(../images/hei40.png) center; -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;}
.container05 ul li a .img,.container05 ul li a .img img{ width:390px; height:270px; overflow:hidden}
.container05 ul li a .con{position:absolute;z-index:10;top: 152px;left:0;width:100%;height:100%;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;padding:0 15px;}
.container05 ul li a .con .table .table_cell{ vertical-align:top; padding:76px 0 0}
.container05 ul li a .con h5{font-size:18px;color:#ffffff;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.container05 ul li a .con h3{ margin:24px 0 16px; height:40px; position:relative}
.container05 ul li a .con h3 .line { display: block; background: #fff; position: absolute; top: 50%; left: 50%; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; }
.container05 ul li a .con h3 .line_1 { width: 40px; height: 1px; margin: -1px 0px 0px -20px; transform: translateX(-40px); -webkit-transform: translateX(-40px); }
.container05 ul li a .con h3 .line_2 { width: 1px; height: 40px; margin: -20px 0px 0px -1px; transform: translateY(40px); -webkit-transform: translateY(40px); }
.container05 ul li a .con h6{ font-size:14px; color:#e1a7ac; line-height:26px; max-height:52px;}
.container05 ul li a:hover .img:after{ top:0; height:0}
.container05 ul li a:hover:after{ height:100%; top:0}
.container05 ul li a:hover .con{ top:0; transition-delay:0.36s}
.container05 ul li a:hover .con h3 .line{ transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; transition-delay:1.2s}

/*我们的优势*/
.container07{ position:relative; background:url(container07_bg.jpg) center top no-repeat; padding:94px 0 105px}
.container07 .title00{ margin-bottom:72px;}
.container07 .title00 h3{ margin-bottom:26px}
.container07 .title00 h3 big{ margin-bottom:8px; color:#fff}
.container07 .title00 h3 big,.container07 .title00 h3 small{ display:block; color:#fff}
.container07 .title00 h6{color:#f8dde0}
.container07 ul{ font-size:0; margin:0 -1px}
.container07 ul li{ display:inline-block; width:25%; position:relative; }
.container07 ul li:nth-child(2){ transition-delay:0.3s}
.container07 ul li:nth-child(3){ transition-delay:0.6s}
.container07 ul li:nth-child(4){ transition-delay:0.9s}

.container07 ul li:before{content:"";position:absolute;right:0;bottom:0;height: 0;background: #fff;width: 100%;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container07 ul li:after{content:"";position:absolute; left:50%; margin-left:-1.5px;bottom:0;height: 0;background: #d90024;width: 3px;-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;}
.container07 ul li a{display:block;margin:0 -0.5px;border: #ff718b 1px solid;height: 390px;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;overflow:hidden;}
.container07 ul li a .table{position:relative;padding: 0 28px;}
.container07 ul li a h3{font-size:18px;color: #fff;margin-bottom: 16px;position:relative; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; -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;}
.container07 ul li a h5{font-size: 14px;color: #f5cbd0;text-transform:uppercase;line-height: 20px; height:80px; overflow:hidden; text-align: left; -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;}
.container07 ul li a h2{ height:60px; line-height:60px; margin-bottom:44px; -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;}
.container07 ul li a h2 img.img02{ display:none}
.container07 ul li:hover:before{ height:100%; top:0}
.container07 ul li:hover:after{ height:60px; transition-delay:0.36s}
.container07 ul li:hover a h2 img.img01{ display:none}
.container07 ul li:hover a h2 img.img02{ display:inline-block}
.container07 ul li:hover a h3{ color:#444548; transition-delay:0.3s}
.container07 ul li:hover a h5{ color:#8c8c8e; transition-delay:0.3s}
.container07 ul li:hover a{ border:#fff 1px solid}
.container07 ul li:hover h2{ margin-top:-48px}
/*新闻动态*/
.container08{ position:relative; padding:94px 0 102px}
.container08 .title00{ margin-bottom:90px;}
.container08 .title00 h3{ margin-bottom:26px}
.container08 .title00 h3 big{ margin-bottom:8px;}
.container08 .title00 h3 big,.container07 .title00 h3 small{ display:block;}
.container08 ul{font-size:0;margin:0 -23px;margin-bottom: 25px;}
.container08 ul li{ display:inline-block; width:33.333333%; padding:0 23px; position:relative; }
.container08 ul li .top{ overflow:hidden; padding: 0 0 24px; margin-bottom:22px; border-bottom:#e5e5e7 1px solid}
.container08 ul li .top .time{ float:left}
.container08 ul li .top .time h3{ font-size:48px; color:#4a4a4a; font-family:'苹方'; margin-bottom:4px}
.container08 ul li .top .time h5{ font-size:14px; color:#4a4a4a; font-family:'苹方';}
.container08 ul li .top span{ float:right; font-size:14px; color:#8a8a8a; width:93px; height:35px; line-height:33px; text-align:center; border:#e5e5e5 1px solid; border-radius:4px; font-family:'苹方'; text-transform:capitalize; margin-top:24px; -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;}
.container08 ul li .con{ position:relative}
.container08 ul li .con:after{content:"";position:absolute;top: -23px;right:0;width:0;height:1px;background: #eb8105;-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;}
.container08 ul li .con h5{ font-size:18px; color:#323233; height:54px; line-height:45px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.container08 ul li .con .img,.container08 ul li .con .img img{ width:370px; height:210px; overflow:hidden}
.container08 ul li .con p{ font-size:14px; color:#a2a3a5; line-height:24px; height:48px; overflow:hidden; margin-top:22px;}
.container08 ul li:hover .top span{ border:#f08200 1px solid;; background:#f08200; color:#fff}
.container08 ul li .con h5:hover{color: #de0029;}
.container08 .more00.more a{ width:190px; height:50px; line-height:48px; border-radius:4px;}
.container08 ul li:hover .con:after{ left:0; width:100%}
/*友情链接*/
.container10{padding: 15px 0;background: #f6f7f7;}
.container10 .w1200{padding: 0 0 0;position:relative;}
.container10 .w1200:before{content:"";position:absolute;width:54px;height:2px;background:#e6002b;top: -15px;left:0;}
.container10 .nav{float:left;width: 72px;font-size: 14px;color: #272727;height: 32px;line-height: 30px;font-weight:bold;}
.container10 ul{float:left;width: calc(100% - 72px);height: 50px;overflow:hidden;box-sizing: border-box;}
.container10 ul li{float:left;line-height: 33px;padding: 0 30px 0 0;height: 33px;overflow: hidden;}
.container10 ul li a{color: #737578;font-size: 14px;-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;}
.container10 ul li a:hover{color: #de0029;}
.container10 .height{ height:auto;}
.footer{ background:#2f2f2f; padding:75px 0 65px;}
.footer .left{position:relative;width: 680px;}
.footer .left ul{ font-size:0; margin-bottom:62px}
.footer .left ul li{font-size:16px;color:#fff;margin-right:28px;display: inline-block;}
.footer .left ul li a{ font-size:16px; color:#fff; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.footer .left ul li a:hover{ color:#d90024}
.footer .left p{font-size: 15px;line-height: 30px;color:#acacac;}
.footer .left h3{position:absolute;right: 28px;bottom: 10px; text-align:center}
.footer .left h3 img{display:  inline-block;width:106px;height:106px;/* border: #fff 5px solid; */}
.footer .left h3 p{display: inline-block;font-size:14px;line-height: 14px;width: 14px;margin-left: 12px;margin-top: 5px;}
.footer .right{ width:425px;}
.footer .right h4{font-size: 30px;color:#de0029;margin-bottom:38px;}
.footer .right h4 small{color: #fff;font-size: 16px;vertical-align:middle;margin-left:5px;}
.footer .right p { font-size:14px; line-height:24px; color:#acacac; height:88px;}
.footer .right .con .tel{font-size:30px;color:#de0029;padding-left:38px;line-height:40px;background:url(../images/tel01.png) left center no-repeat;font-weight:  bold;}
.footer .right .con a{ display:inline-block; width:130px; height:40px; background:#de0029; border-radius:2px; line-height:40px; text-align:center; font-size:14px; color:#fff; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.footer .right .con a:hover{ background:#f08200}
footer{background: #393939;padding: 20px 0;text-align: center;}
footer p,footer p a{font-size: 13px;color: #888888;}
footer p a:hover{ color: #fff; }
footer p br{ display:none}
/*==========================================首页 结束=============================================*/
/*==========================================内页 开始=============================================*/
.n_header{margin-top:0;position:fixed;top:0;background: #fff;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_header .logo .img02{ display:none; }
.n_header .nav a .txt{ color:#353535}
.n_header .right .tel{background: url(../images/tel_on.png) left 30px no-repeat;color: #3f3f3f;font-weight: bold;}
.n_header .nav a .txt{ color: #353535;}
.n_header .nav a .bg{ background:#e62129}
.n_header .subNavbox p a{line-height:24px;/* height:24px */}
.n_header.on{ background:#373737}
.n_header.on .nav a .txt{ color: #fff;}
.n_header.on .right .tel{ color:#fff}
.n_header.on .logo .img01{ display:none; }
.n_header.on .logo .img02{ display:inline-block; }
/*联系*/
.banner_box{margin-top:85px;overflow: hidden;}
.n_banner05{ position:relative}
.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}
.n_banner05 .layui-container01,.n_banner05 .layui-row,.n_banner05 .layui-col-xs12{ height:100%}
.n_banner05 dl,.n_banner05 dl dt,.n_banner05 dl dd{ height:100%; overflow:hidden}
.n_banner05 dl dt,.n_banner05 dl dd{ float:left; width:25%; border-right:rgba(255,255,255,0.2) 1px solid}
.n_banner05 dl dt .table{ text-align:left}
.n_banner05 dl dt h3{font-size:4.125rem;color:#fff;font-family:Impact;}
.n_banner05 dl dt h4{ font-size:2.5rem; color:#fff; margin:1.875rem 0 0.875rem}
.n_banner05 dl dt h2{ font-size:2.5rem; color:#fff; font-weight:bold; margin-bottom:1.75rem}
.n_banner05 dl dt h6{ font-size:0.9375rem; line-height:1.5rem; color:#fff; text-transform:uppercase}
.n_banner05 dl dd h3{ height:4.5rem; line-height:4.5rem}
.n_banner05 dl dd h4{ font-size:1.5rem; color:#fff; margin:0 0 1.875rem; text-transform:uppercase; font-weight:bold;}
.n_banner05 dl dd h2{ font-size:2.125rem; color:#fff; margin-bottom:1.125rem}
.n_banner05 dl dd h5{ font-size:1.125rem; color:#fff; text-transform:uppercase}
.n_banner05 dl dd h6{ font-size:1.125rem; line-height:2.1875rem; color:#fff; text-transform:uppercase; margin-bottom:2rem}
.n_banner05 dl dd h5 a{ font-size:0.875rem; color:#fff; text-decoration:underline}
.n_banner05 dl dd ul{ font-size:0}
.n_banner05 dl dd ul li{ display:inline-block; *display:inline; *zoom:1; margin:0 1.25rem; }
.n_banner05 dl dd ul li h5{ font-size:0.875rem; margin-top:0.25rem; color:#fff;}
.n_banner05 dl dd .con{ height:19.6875rem; position:relative}
.n_banner05 dl dd{ position:relative}
.n_banner05 dl dd:before{ content:""; position:absolute; right:0; top:0; width:0; height:100%; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_banner05 dl dd:before{background:rgba(217,0,36,0.75);}
.n_banner05 dl dd:hover:before{ left:0; width:100%}
/*关于*/
.n_banner01 .layui-container01,.n_banner01 .layui-row,.n_banner01 .layui-col-xs12{ height:100%}
.n_banner01 .w1200{ height:100%}
.n_banner01 .fl{ width:500px; text-align:left}
.n_banner01 .fl h2{font-size: 45px;color:#ffffff;font-weight:bold;position:relative; margin-top:28px}
.n_banner01 .fl h2:before{content:"";position:absolute;left:0;bottom: -40px;width: 84px;height:3px;background: #d90024;}
.n_banner01 .fl h4{font-size: 24px;color:#ffffff;margin: 85px 0 50px;}
.n_banner01 .fl p{font-size: 14px;line-height: 27px;margin-bottom: 27px;color:#ffffff;}
.n_banner01 .fr{}
.n_banner01 .fr ul{font-size:0;float:left;width: 630px;}
.n_banner01 .fr ul li{display:inline-block; *display:inline;*zoom:1;width: 315px;text-align:center;border-left:rgba(255,255,255,0.4) 1px solid;margin: 28px 0;}
.n_banner01 .fr ul li h5{font-size: 18px;color:#fefefe;padding-right: 32px;margin-bottom: 16px;}
.n_banner01 .fr ul li h4{ margin-bottom: 1rem; height:6.25rem}
.n_banner01 .fr ul li h4 span{font-size: 36px;color:#fff;vertical-align: middle;margin: 0 0 0 0.875rem;font-weight:  normal;font-family: Cataneo BT;}
.n_banner01 .fr ul li h4 span.counter{font-size: 85px;color:#fff;font-family: Impact;}
.n_banner01 .fr ul li h4 span.lwy{font-size:65px;color:#fff;font-family: myFirstFont;line-height: 44px; margin-left:12px;}
.n_banner01 .fr ul li h6{font-size: 1rem;color:#fefefe;font-family: Cataneo BT;padding-right: 2rem;}
.n_about{ padding:40px 0 0}
.n_about .fl01{border-bottom:#e9e8ed 1px solid;padding: 105px 0 50px;overflow:hidden;}
.n_about .fl01 .fl{ }
.n_about .fl01 .fl h4{ font-size:18px; color:#000000; margin-bottom:20px}
.n_about .fl01 .fl h2{ font-size:40px; color:#000000; font-weight:bold; margin-bottom:20px}
.n_about .fl01 .fl h2 font{ color:#d4042c}
.n_about .fl01 .fl h5{ font-size:18px; color:#838384; margin-bottom:20px}
.n_about .fl01 .fr{ width:720px}
.n_about .fl01 .fr h4{ font-size:18px; color:#000000; margin-bottom:12px}
.n_about .fl01 .fr h4 font{ font-weight:600}
.n_about .fl01 .fr h5{font-size: 14px;color: #bcbbc2;margin-bottom:32px;font-family: Helvetica;}
.n_about .fl01 .fr p{font-size:14px;color: #666565;line-height: 30px;margin-bottom:30px;}
.n_about .fl02 .fr ul{ margin:60px 0 40px; border-right:#e5e5e5 1px solid}
.n_about .fl02 .fr ul li{ border:#e5e5e5 1px solid; text-align:center; padding:40px 0;}
.n_about .fl02 .fr ul .miso-slide{ margin-right:-1px}
.n_about .fl02 .fr ul li h3{ height:64px;}
.n_about .fl02 .fr ul li h4{ font-size:24px; color:#000000}
.n_about .fl02 .fr ul li h6 span{ font-size:14px; color:#9d9d9d; margin:0 10px}
.n_about .fl02 .fr ul .miso-prev,.n_about .fl02 .fr ul .miso-next{width:36px;height:36px;top: -98px;right:0;}
.n_about .fl02 .fr ul .miso-prev{ background:url(../images/left.png) center no-repeat; left:auto; right:45px}
.n_about .fl02 .fr ul .miso-next{ background:url(../images/right.png) center no-repeat}
.n_about .fl02 .fr ul .miso-prev:hover{ background:url(../images/left_on.png) center no-repeat;}
.n_about .fl02 .fr ul .miso-next:hover{ background:url(../images/right_on.png) center no-repeat}
/*案例*/
.n_banner02{ height:520px;}
.n_banner02 .w1200{ height:100%; padding-top:60px}
.n_banner02 .table{ text-align:left}
.n_banner02 h3{font-size: 24px;color: #fff;}
.n_banner02 h4{ font-size:1.875rem; color:#fff; margin:1.875rem 0 1.25rem}
.n_banner02 h2{font-size: 36px;color:#fff;font-weight:bold;margin-bottom: 18px; position:relative}
.n_banner02 h2:before{content:"";position:absolute;left:0;top: -60px;width: 84px;height:3px;background: #d90024;}
.n_banner02 h6{font-size:0.875rem;line-height:1.5rem;color:#989898;color:rgba(255,255,255,0.4);text-transform:uppercase;}
.n_news.container08{ padding:102px 0 90px}
.n_news.container08 ul li{ margin-bottom:50px;}
/*==============分页=====================*/
.j_pages {
	text-align: right;
	margin-top: 60px;
}
.j_pages .box {
	display: inline-block;
	color: #919191;
	font-size: 14px;
}
.j_pages a, .j_pages input, .j_pages button {
	height: 40px;
	padding: 0 12px;
	min-width: 40px;
	line-height: 40px;
	text-align: center;
	display: inline-block;
	background: #f7f8fb;
	margin-right: 5px;
	color: #919191;
	font-size: 14px;
	font-family: arial;
	overflow: hidden;
	float: left;
	transition: .3s;
	border: 0;
}
.j_pages .on {
	color: #fff !important;
	font-weight: bold;
	background: #d90024;
}
.j_pages a[href]:hover, .j_pages button:hover {
	color: #fff !important;
	font-weight: bold;
	background: #d90024;
}
.j_pages span {
	line-height: 40px;
	float: left;
	margin: 0 8px;
}
.j_pages input {
	width: 50px;
	padding: 0;
}
.j_pages button {
	width: 65px;
	cursor: pointer;
}
.n_news_detail .content{padding: 82px 0 70px;}
.n_news_detail .ar_title{overflow:hidden;margin-bottom: 40px;}
.n_news_detail .ar_title h3{font-size: 30px;color: #323233;margin-bottom: 5px;line-height: 32px;font-weight:  bold;}
.n_news_detail .ar_title h2{ float:left; width:100%; }
.n_news_detail .ar_title h2 span{font-size: 14px;color: #808080;display:inline-block;line-height: 36px;height: 36px;margin-right: 22px;padding: 0 0 0 24px;}
.n_news_detail .ar_title h2 span a{font-size: 14px;color: #808080;float:left;margin-right: 7px;}
.n_news_detail .ar_title h2 .span1{ background:url(time.png) left center no-repeat;}

.n_news_detail .ar_article{ margin-bottom:3.875rem}
.n_news_detail .fanye{text-align:center;height:  40px;line-height: 40px;}
.n_news_detail .fanye .anniu{ display:inline-block;}
.n_news_detail .fanye .anniu a{ display:inline-block; color:#616161}
.n_news_detail .fanye .anniu.anniu01 a{display:inline-block;width:120px;height:40px;line-height:38px;border:#cccccc 1px solid;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background:url(../images/si.png) 20px center no-repeat;padding: 0 0 0 20px;color: #616161; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_news_detail .fanye .anniu.anniu01:hover a{ background:#093e96; padding:0; color:#fff; border:#093e96 1px solid;}
.n_news_detail .fanye span{display:inline-block;padding: 0 25px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;font-size: 17px;color: #666565;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_news_detail .fanye .anniu a b{display:inline-block;font-weight:normal;max-width: 370px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.n_news_detail .fanye .anniu a:hover span{ color:#d90024}
.n_news_detail .ar_article p{ font-size:14px;}

.bdshare-button-style1-32 a{ width:26px !important; height:26px !important; line-height:26px !important; margin:6px 2px 6px 0 !important;}
.n_news_detail .n_left{ width:750px;}
.end{ margin-bottom:30px; height:20px; border-bottom:#d1d1d1 1px solid; text-align:center}
.end span{display:inline-block;font-size:17px;color:#404040;text-transform:uppercase;background: #f6f6f6;width: 68px;line-height: 40px;}
.n_news_detail .n_right{width: 400px;box-sizing:border-box;background: #fff;padding: 28px 37px 52px;}
.n_news_detail .n_right h4{font-size: 22px;color: #404142;height: 65px;line-height: 65px;margin-bottom: 32px;font-weight:  bold;border-bottom:  #e2e2e2 2px solid;}
.n_news_detail .n_right h4 small{font-size:14px;color: #163468;margin-left:4px;}
.n_news_detail .n_right .first .img,.n_news_detail .n_right .first .img img{width: 325px;height: 185px; overflow:hidden}
.n_news_detail .n_right .first .con{padding: 0;margin-top: 25px;}
.n_news_detail .n_right .first .con h5 a{font-size: 18px;color: #323233;}
.n_news_detail .n_right .first .con h6{font-size: 14px;color: #4a4a4a;margin: 14px 0 22px;}
.n_news_detail .n_right .first .con p{font-size: 14px;line-height: 24px;overflow:hidden;height: 48px;color: #868788;margin-top: 18px;}
.n_news_detail .n_right .first .con .more{}
.n_news_detail .n_right .first .con .more a{ display:inline-block; width:130px; height:38px; line-height:38px; text-align:center; margin:0 auto; font-size:14px; color:#fff; background:#187b42; position:relative; overflow:hidden}
.n_news_detail .n_right .first .con .more a:before{ content:""; position:absolute; left:0; bottom:0; height:0; background:#115a2f; width:100%; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; z-index:0}
.n_news_detail .n_right .first .con .more a:hover:before{ top:0; height:50px;}
.n_news_detail .n_right .first .con .more a span{ position:relative; z-index:1}
.n_news_detail .n_right ul{margin-top: 34px;margin-bottom: 34px;}
.n_news_detail .n_right ul li{box-sizing:border-box;margin: 0;color:#7e7e7e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 36px;}
.n_news_detail .n_right ul li h5{}
.n_news_detail .n_right ul li a{color: #404142;font-size: 16px;}
.n_news_detail .n_right ul li a:hover,.n_news_detail .n_right .first .con h5 a:hover{color: #d90024}
.n_news_detail .n_right ul li p{font-size: 13px;line-height: 22px;overflow:hidden;height: 44px;color: #8b8b8b;margin-bottom:16px;margin-top: 10px; white-space:normal}
.n_news_detail .n_right ul li h6{ font-size:12px;color: #2d2d2d;margin:18px 0 0;text-decoration:underline;}
.n_news_detail .n_right .more a{ display:inline-block; width:100%; height:55px; background:#de0029; border-radius:2px; line-height:55px; text-align:center; font-size:18px; color:#fff; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_news_detail .n_right .more a:hover{ background:#f08200}
#fp-nav ul{margin-top: 120px;}
#fp-nav ul li a span{ display:none; }
#fp-nav ul li a span.fp-sr-only{ background:#353535}
#fp-nav ul li a span.fp-sr-only{ display:block; font-size:16px; color:#fff}
#fp-nav ul li a.active span.fp-sr-only{ width:180px; background:#d90024}
#fp-nav ul li:nth-child(4){margin-bottom: 90px;}
.full_container00{ text-align:center}
.full_container00 .icon{ display:inline-block; width:190px; height:190px; margin-bottom:96px; border-radius:50%; position:relative}


.full_container00 .icon:after{ content:""; position:absolute; width:100%; height:100%; left:0; top:0; background:#d90024; border-radius:50%}
.full_container00 .icon:before{ content:""; position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(217,0,36,0.15); border-radius:50%; transform:scale(1.15)}
.full_container00 .icon img{position:relative;z-index: 1;}
.full_container00 h3{ font-size:48px; color:#ffffff; margin-bottom:22px; position:relative}
.full_container00 h3:before{ content:""; position:absolute; width:32px; height:3px; background:#fff; left:50%; margin-left:-172px; top:50%; margin-top:-1.5px;}
.full_container00 h3:after{ content:""; position:absolute; width:32px; height:3px; background:#fff; right:50%; margin-right:-172px; top:50%; margin-top:-1.5px;}
.full_container00 h6{ font-size:14px; color:#ffffff; text-transform:uppercase; margin-bottom:56px;}
.full_container00 .line{height:50px;position:relative;margin-bottom: 80px;}
.full_container00 .line:before{content:"";position:absolute;bottom:0;width: 6px;height: 6px;border-radius:50%;border:#fff 1px solid;left: 50%;margin-left: -4px;}
.full_container00 .line:after{content:"";position:absolute;left: 50%;bottom:8px;width:1px;height:42px;background:#fff;margin-left: -0.5px;}
.full_container00 p{ font-size:15px; color:rgba(255,255,255,0.6)}
.full_container01{ background:url(../images/full_container01_bg.jpg) center no-repeat}
.full_container02{ background:url(../images/full_container02_bg.jpg) center no-repeat}
.full_container02 .icon:before{ background:rgba(240,130,0,0.15)}
.full_container02 .icon:after{ background:#f08200}
.full_container03{ background:url(../images/full_container03_bg.jpg) center no-repeat}
.full_container04{ background:url(../images/full_container04_bg.jpg) center no-repeat}
.full_container00 ul{ font-size:0}
.full_container00 ul li{ display:inline-block; padding:0 8px;}
.full_container00 ul li a{ display:inline-block; width:164px; height:50px; line-height:50px; background:#d90024; border-radius:4px; font-size:15px; color:#fff; margin-bottom:80px; transition:0.6s}
.full_container00 ul li a.a1{ background:#f08200}
.full_container05{ background:url(../images/full_container05_bg.jpg) center no-repeat}
.full_container06{ background:url(../images/full_container06_bg.jpg) center no-repeat}
.full_container07{ background:url(../images/full_container07_bg.jpg) center no-repeat}
.full_container08{ background:url(../images/full_container08_bg.jpg) center no-repeat}
.full_container09{ background:url(../images/full_container09_bg.jpg) center no-repeat}
.full_container00 ul li a:hover{ opacity:0.8}
.biaoti{position:fixed;left: 5px;top:50%;margin-top: -316px;}
.biaoti dl{margin-bottom: 305px;}
.biaoti dl dt{font-size:30px;color:#fff;font-weight:bold;display: inline-block;}
.biaoti dl dd{font-size:16px;color:#fff;text-transform:uppercase;display: inline-block;vertical-align: bottom;margin-left: 6px;}
/*案例*/
.n_banner02.n_banner04{height: 540px;}
.n_banner02.n_banner04 .layui-container01,.n_banner02.n_banner04 .layui-row,.n_banner02 .layui-col-xs12{ height:100%}
.n_banner02.n_banner04 .table{ text-align:left}
.n_banner02.n_banner04 h3{font-size:4.375rem;font-family:Impact;background: linear-gradient(to top, #d90024, #ffc352, #ffc352);-webkit-background-clip: text;color: transparent;}
.n_banner02.n_banner04 h4{ font-size:1.875rem; color:#fff; margin:1.875rem 0 1.25rem}
.n_banner02.n_banner04 h2{ font-size:3.4375rem; color:#fff; font-weight:bold; margin-bottom:1.75rem}
.n_banner02.n_banner04 h6{font-size:0.875rem;line-height:1.5rem;color:#989898;color:rgba(255,255,255,0.4);text-transform: capitalize;}
.n_case{padding: 65px 0 65px;background: #f6f6f6;}
.n_case ul{font-size:0;margin: 0 -10px;margin-bottom: 20px;}
.n_case ul li{width: 25%;display:inline-block; *display:inline; *zoom:1;padding: 0 10px;margin-bottom: 30px;}
.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 a>img{opacity:0.8;width: 285px;height: 196px;}
.n_case ul li .con{background:#fff;padding: 15px 18px;}
.n_case ul li .con h5,.n_case ul li .con h5 a{font-size: 18px;height: 1.5rem;line-height: 1.5rem;color: #424242;}
.n_case ul li .con h5 a span{display: block;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: 13px;color: #a1a0a0;}
.n_case ul li .con hr{margin: 10px 0 15px;}
.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{background:url(../images/red70.png) center;}
.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); }
.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:#de0029}
.al_select{background: #fff;border-bottom: #e5e5e5 1px solid;}
.al_select ul{font-size:0;text-align:center;border-left: #e5e5e5 1px solid;border-right: #e5e5e5 1px solid;}
.al_select ul li{ width:20%; 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: 3px;background: #d90024;-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,.al_select ul li:hover:after{ left:0; width:100%}
.n_cae_detail{ padding:130px 0 130px; background:#f6f6f6}
.n_cae_detail .n_case_tit{ text-align:center; margin-bottom:70px}
.n_cae_detail .n_case_tit h3{ font-size:36px; color:#1e1d1d; line-height:50px; font-weight:bold; margin-bottom:70px}
.n_cae_detail .n_case_tit h6{ position:relative}
.n_cae_detail .n_case_tit h6:before{content:"";position:absolute;top: -32px;left:0;width:100%;height:10px;background:url(../images/yuan.png) center no-repeat;}
.n_cae_detail .n_case_tit h6 span{ font-size:16px; color:#58595b; line-height:30px; margin:0 48px}
.n_cae_detail .ar_article p{ font-size:16px; line-height:30px; color:#58595b;}
.anniu .circle{bottom: 40px;}
#ib_iconDiv{ width:65px !important}
/*==========================================内页 结束=============================================*/
@media(min-width: 768px){
}
@media(min-width: 992px) and (max-width: 1300px){
}
@media(max-width: 1600px){
}
@media(max-width: 1450px){
.biaoti{margin-top: -218px;}
.biaoti dl{margin-bottom: 208px;}
#fp-nav ul li{ height:40px; margin-bottom:5px}
#fp-nav ul li a span{ height:40px; line-height:40px}
#fp-nav ul li:nth-child(4){ margin-bottom:60px}
}
@media(max-width: 1400px){
}
@media(max-width: 1330px){
}
@media(max-width: 1200px){
}
@media(max-width: 1060px){
}
@media(max-width: 992px){
}
@media(max-width: 768px){
}
@media(max-width: 456px){

}