/*base*/
*{ padding:0px; margin:0px; }
body{14px Arial, "microsoft yahei", Helvetica, sans-serif; color:#252525; width:100%; min-width:1200px; overflow-x:hidden; }
img{ border:none; }
a{ color:#333; text-decoration:none; outline:none; }
a:hover{ color:#C8000B; }
ul{ list-style:none; }
input,select,button{ font:12px Verdana,Arial,Tahoma; vertical-align:middle; }
h1,h2,h3,h4 { font-weight:normal; }

/*浏览器滚动条*/
::-webkit-scrollbar { width:5px; height:5px; }
::-webkit-scrollbar-button:vertical { display:none; }
::-webkit-scrollbar-track:vertical { background-color:black; }
::-webkit-scrollbar-track-piece { background:#E3E3E3; }
::-webkit-scrollbar-thumb:vertical { background-color:#555; border-radius:30px; }
::-webkit-scrollbar-thumb:vertical:hover { background-color:#3B3B3B; }
::-webkit-scrollbar-corner:vertical { background-color:#535353; }
::-webkit-scrollbar-resizer:vertical { background-color:#FF6E00; }

/*public*/
.clear { clear:both; }
.clearfix { zoom:1; }
.clearfix:after { height:0; content:"."; clear:both; display:block; visibility:hidden; } 
.hide { display:none; }
.center { text-align:center; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.txt-red,a.txt-red { color:#C8000B; }
.txt-justify { text-align:justify; }
.txt-justify:after { display:inline-block; width:100%; height:0; content:''; visibility:hidden; }
.title { height:74px; line-height:30px; font-size:50px; font-weight:bold; text-align:center; color:#222; padding-top:100px; }
.title:after { display:block; width:90px; height:5px; background:#C8000B; content:''; margin:40px auto 0 auto; }
.main { width:1610px; margin-left:auto; margin-right:auto; }
a.btn-more { display:block; min-width:180px; height:58px; line-height:58px; background:#C8000B; color:#FFF; text-align:center; border-radius:5px; }
.mobile{display: none;}
/*头部*/
header {width:100%;  height:80px; line-height:80px; position:fixed; top:0; left:0; z-index:999999; background:#FCFCFC; }
header #logo{ width:18%; height:100%; float:left; padding-right:2%; background:#C8000B; text-align:right; }
header nav { width:60%; height:100%; float:left; font-size:0; background:#FCFCFC; padding-left:5%; padding-right:5%; }
header nav a { display:inline-block; height:100%; padding:0 10px 0 10px; font-size:16px; text-align:center; }
header #language { display:block; width:10%; height:100%; float:right; background:#C8000B; text-align:center; color:#FFF; font-size:18px; }
header #mobile_menu { display:none; }

/*底部*/
footer { padding-top:70px; color:#7D7D7D; background:#222222; }
footer .main { min-height:350px; }
footer #foot_left { width:20%; float:left; }
footer #foot_left .tel { line-height:70px; font-size:28px; font-family:Arial, Helvetica, sans-serif }
footer #foot_left .tel_name { line-height:28px; font-size:18px; }

footer #nav_footer { width:72%; float:left; font-size:0; }
footer #nav_footer li { display:inline-block; width:16.001%; font-size:18px; vertical-align:top; }
footer #nav_footer li span { display:block; height:60px; line-height:40px; font-size:20px; color:#FFF; }
footer #nav_footer li a { display:block; height:46px; line-height:46px; color:#535353; }

footer #qrcode { width:8%; float:right; text-align:right; }
footer #qrcode span { display:block; }
footer #qrcode span:nth-child(1) { display:block; height:80px; line-height:40px; font-size:20px; color:#FFF; padding-right:20px; }
footer #qrcode span.small { line-height:20px; font-size:14px; padding-right:20px; }

footer #copyright { clear:both; float:none; height:80px; padding-top:30px; text-align:center; border-top:1px solid #444; }


/*滚屏特效*/
.swiper-news{transform:none !important;}
.swiper-news .swiper-slide-shadow-top{opacity:0 !important;}
.swiper-footer{height:auto !important;transform:none !important;}
.swiper-footer .swiper-slide-shadow-bottom{opacity:0 !important;}
.lh-index-banner { height:100vh; overflow:hidden; position:relative;
}


.lh-index-banner .swiper-slide-active .lh-index-service { animation:serviceInBg cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards; }
.lh-index-banner .swiper-slide-active .lh-index-service>div { animation:fadeInUp cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards; }
.lh-index-banner .swiper-slide-active .lh-news-l { animation:fadeInLeft cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards; }
.lh-index-banner .swiper-slide-active .lh-news-r { animation:fadeInRight cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards; }
.lh-main-hd { position:fixed; right:40px !important; top:55%; transform:translateY(-50%); z-index:20; }
.lh-main-hd li:first-child { margin:0 0 50px!important; }
.lh-main-hd li:last-child { margin:50px 0 0!important; }
.lh-main-hd li { margin:50px 0!important; border-radius:0; background:none; opacity:1; width:6px; height:6px; position:relative; display:block; outline:none; }
.lh-main-hd:before { content:''; display:block; width:2px; height:100%; background:#C8000B; position:absolute; left:50%; top:0; margin-left:-1px; }
.lh-main-hd li i { display:block; width:6px; height:6px; border-radius:50%; background:#C8000B; }
.lh-main-hd li i:after { content:''; display:block; width:14px; height:14px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) scale(0); border:1px solid #C8000B; border-radius:50%; opacity:0; transition:cubic-bezier(.8, -.5, .2, 1.4) 1.2s; }
.lh-main-hd li.swiper-pagination-bullet-active i:after { opacity:1; transform:translate(-50%, -50%) scale(1); }
.lh-main-hd li span { width:84px; height:34px; text-align:center; line-height:34px; background:#C8000B; border-radius:3px; color:#fff; position:absolute; left:-108px; top:50%; margin-top:-17px; display:block; transition:cubic-bezier(.8, -.5, .2, 1.4) 1.2s; transform:translateX(-50%); opacity:0; visibility:hidden; }
.lh-main-hd li.swiper-pagination-bullet-active span { transform:translateX(0); opacity:1; visibility:visible; }
.lh-main-hd li span:after { content:''; display:block; width:0; height:0; border:6px solid transparent; border-left:6px solid #C8000B; position:absolute; right:-12px; top:50%; margin-top:-6px; }



/*animation*/
@keyframes proImg {
 0% { transform:translateY(-100%); opacity:0; }
 100% { transform:translateY(-50%); opacity:1; }
}
@keyframes proImg1 {
 0% { transform:translateY(-50%); opacity:1; }
 100% { transform:translateY(-100%); opacity:0; }
}
@keyframes solutionInTop {
 0% { height:100%; }
 100% { height:55%; }
}
@keyframes solutionOutTop {
 0% { height:55%; }
 100% { height:100%; }
}
@keyframes serviceInBg {
 0% { background-position:120% bottom; }
 100% { background-position:100% bottom; }
}
@-webkit-keyframes bouncedelay {
 0%, 80%, 100% { -webkit-transform:scale(0.0); }
 40% { -webkit-transform:scale(1.0); }
}
 @keyframes bouncedelay {
 0%, 80%, 100% { transform:scale(0.0); -webkit-transform:scale(0.0); }
40% { transform:scale(1.0); -webkit-transform:scale(1.0); }
}