@charset "utf-8";
/* CSS Document Edited by LiLu */
* { margin:0; padding:0; outline:none;  blr:expression(this.onFocus=this.blur());
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-size: 100px; }
body, ul, ol, dl, dt, dd, h1, h2, h3, h4, h5, h6 { list-style:none; text-decoration:none; margin: 0; }
body, html { height: 100%; color:#5f6061; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; background: #141418; }
body { font-size: 14px; line-height:2; }
img { /*display: block;*/
	border:none; max-width: 100%; width: auto\9; height: auto; -ms-interpolation-mode: bicubic; _width:auto; }
input, textarea, select { cursor:pointer;font-size:14px; vertical-align:middle; }
input, textarea { border:none; background:none; }
a { text-decoration:none;  blr:expression(this.onFocus=this.blur());
outline: none; color:#000; }
a:hover, a:focus { text-decoration:none; }
em, i { font-style:normal; }
a:focus, input, select { outline:none; }
.clearfix { *zoom:1;
}
.clearfix::after {
 content:"\200B";
 display: block;
 clear: both;
 height: 0;
}
@-webkit-viewport {
width: device-width;
}
@-moz-viewport {
width: device-width;
}
@-ms-viewport {
 width: device-width;
}
@-o-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
input[type="submit"], input[type="reset"], input[type="button"], button, select { -webkit-appearance: none; -webkit-border-radius:inherit; -moz-border-radius: inherit; border-radius:inherit; }
header, main, footer, section { display: block; }
/*loading*/
#loadingTips { width: 100px; height: 100px; position: absolute; background:#141418 url("../images/load_07.gif") center center no-repeat; background-size: contain; }
.warp { /*height: 100%; */ background: #fff; opacity: 0; }
.body_service .warp, .body_plan .warp, .body_system .warp, .body_about .warp { height: 100%; }
/*===================header========================*/
.header{ height:48px; background:#0f1223; position:fixed; top:0px; left:0px; z-index:999999999;width:100%;}
.header .logo{float:left;}
.header .logo a{ width:220px; height:46px; display:block;}
.header .top_phone{ margin-right:90px; float:right;}
.header .logo a img {
	width: 100%;
	height: 100%;
	padding: 5px;
}
.header .top_phone em{ display:block; line-height:46px; color:#fff; font-size:16px;background:url(../images/phone.svg) 0px 18px no-repeat; text-indent:30px;}
.header .nav{ margin-right:50px; float:right;}
.header .nav ul,.nav li{ margin:0px; padding:0px;}
.header .nav ul li{ float:left;}
.header .nav ul li a{ display:block; font-size:16px; color:#fff; line-height:46px; padding:0px 28px;}
.header .nav ul li a:hover{ color:#a6a6a6;}

/*.header2{ height:62px; background:#000; position:fixed; top:0px; left:0px; z-index:999999999; width:100%; display:none;}*/
.header2 { width: 100%; position: fixed; top:0; left:0; z-index: 8000; background: #000;/* box-shadow: 0 0 20px -2px #ddd;*/ line-height: 46px; }
/*pad&phone*/
.guide_pad { display: ; }
.guide_pad .logo2{ margin-left:10px;height:46px; float:left;}
.guide_pad .logo2 a{ width:100%;}
/*a.menu-activator*/
a.menu-activator { display: block; float: right; padding: 0 15px; border-left: 1px solid transparent; }
a.menu-activator span.descriptor, a.menu-activator div.visual { display: inline-block; vertical-align: middle; cursor: pointer; color: #fff; }
a.menu-activator span.descriptor { font-size: 18px; text-transform: uppercase; }
a.menu-activator div.visual { position: relative; margin-left: 4px; width: 32px; height:34px; }
a.menu-activator div.visual i.line { width: 100%; height:3px; background-color: #666; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; display: block; position: absolute; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; -webkit-transition: all 300ms ease; transition: all 300ms ease; -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
a.menu-activator div.visual i.line.line01 { top: 6px;  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity: 1; -moz-transition-delay: 210ms; -o-transition-delay: 210ms; -webkit-transition-delay: 210ms; transition-delay: 210ms; }
a.menu-activator div.visual i.line.line02 { top: 14px; -moz-transition-delay: 140ms; -o-transition-delay: 140ms; -webkit-transition-delay: 140ms; transition-delay: 140ms; }
a.menu-activator div.visual i.line.line03 { top: 22px; -moz-transition-delay: 70ms; -o-transition-delay: 70ms; -webkit-transition-delay: 70ms; transition-delay: 70ms; }
a.menu-activator div.visual i.line.line04 { top: 30px;  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity: 0; -moz-transition-delay: 0ms; -o-transition-delay: 0ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; }
a.menu-activator.active div.visual i.line:nth-child(1), a.menu-activator.active div.visual i.line:nth-child(3) { top:16px}
a.menu-activator.active div.visual i.line:nth-child(1) {-moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg)}
a.menu-activator.active div.visual i.line:nth-child(3) { -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg)}
a.menu-activator.active div.visual i.line:nth-child(2), a.menu-activator.active div.visual i.line:nth-child(4) { filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity:0
}
/* a.menu-activator.active span.descriptor{color: #e02d39;}*/
a.menu-activator.active div.visual i.line.line01, a.menu-activator.active div.visual i.line.line02, a.menu-activator.active div.visual i.line.line03, a.menu-activator.active div.visual i.line.line04 { /*background-color: #e02d39;*/ -moz-transition-delay:0ms; -o-transition-delay:0ms; -webkit-transition-delay:0ms; transition-delay:0ms }
a.menu-activator.active div.visual:hover i.line.line01, a.menu-activator.active div.visual:hover i.line.line03 {
 filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity:1 }
a.menu-activator.active div.visual:hover i.line.line01, a.menu-activator.active div.visual:hover i.line.line02, a.menu-activator.active div.visual:hover i.line.line03, a.menu-activator.active div.visual:hover i.line.line04 { -moz-transition-delay:0ms; -o-transition-delay:0ms; -webkit-transition-delay:0ms; transition-delay:0ms }
/*menu-overlay*/
.menu-overlay.active { width: 100%; height:100%; padding:0 0.3rem; left:0; filter: Alpha(Opacity=100); opacity: 1.00; }
.menu-overlay .tel, .menu-overlay .consult { line-height: normal; }
.menu-overlay .tel { margin:0.3rem 0 0.2rem; color: #fff; }
.menu-overlay .tel a, .menu-overlay .consult a { color: #fff; }
.menu-overlay .tel a:hover, .menu-overlay .consult a:hover { color: #e1181e; }
.nav_list {}
.nav_list li {line-height: normal;}
.nav_list li a {display: block; padding: 0.2rem; color: #fff; font-size: 16px; }
.nav_list li a:active {background: rgba(225, 24, 30, .90); }
div.tel {height:35px; text-indent:10px;}
div.tel .txt{float:left; padding-top:5px;}
div.tel img{float:left;}
div.consult {height:35px; text-indent:10px;}
div.consult img{ float:left;}
div.consult .txt{ float:left}
/*===================footer========================*/
/** New Footer */
.footer {clear:both; background: #333;padding: 45px 0;z-index:56; position:relative; width:100%}
.footer .left,.t-footer .left {float: left}
.footer .right,.t-footer .right {float: right}
.footer .clear:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0}
.footer-in {width: 1180px; margin: 0 auto;color: #6a6a6a}
.footer1 {width: 102px}
.footer1-1{width: 102px;font-size: 12px;text-align: center;color: #6a6a6a}
.footer1-2{width: 255px;font-size: 12px;color: #6a6a6a}
.footer1-2 img {display: block; margin-bottom: 20px;width: 150px;}
.footer2{margin-left: 110px}
.footer2 dl {float: left;margin-right: 45px;margin-top: -15px}
.footer2 dl dt {font-size: 24px;border-bottom: 1px solid #6a6a6a;margin-bottom: 14px;color: #999}
.footer2 dl dd {height: 24px}
.footer2 dl dd a{color: #6a6a6a;transition: all .3s ease;font-size: 12px;display: block; line-height: 24px}
.footer2 dl dd a:hover {color: #fff}
.footer3 {width: 255px;font-size: 12px;color: #757575}
.footer-bottom {margin-top: 25px}
.footer-bottom h3 {color: #6a6a6a;font-size: 14px}
.footer-bottom ul li {width: 12.5%;float: left}
.footer-bottom ul li a {font-size: 12px;color: #6a6a6a;transition: all .3s ease;line-height: 24px;display: block}
.footer-bottom ul li a:hover {color: #fff}
.t-footer {display: block;width: 100%;padding: 10px 3% 0; background:#FFF; display:none; border-top:2px solid #cccccc;}
.t-footer .t-footer-bottom .left {width: 55%}
.t-footer-top {font-size: 24px;line-height: 40px}
.t-footer .clear{ clear:both;}
.t-back2top {display: block;width: 30px;height: 30px; margin-top:10px; background: url(../images/back2top.png) no-repeat;background-size: 30px}

.body_work footer, .body_view footer { position: relative; }
.scroll_i { cursor:pointer; background: url(../images/scroll_i.png) no-repeat 0 0; background-size: contain; position: absolute; bottom:100px; left:50%; margin-left: -32px; width: 64px; height: 72px; z-index: 5; -webkit-filter: drop-shadow(1px 1px 0px #333333); filter: drop-shadow(1px 1px 0px #333333); }
.wheel { position: absolute; top: 10px; left: 50%; margin-left: -1.5px; height: 8px; width: 3px; display: block; background: #999; border-radius: 10px; -webkit-animation: mouse-wheel 1.2s ease infinite; -moz-animation: mouse-wheel 1.2s ease infinite; }
.scroll_down .unu { display: block; position: absolute; bottom:18px; left:0; width: 100%; height: 8px; background: url(../images/scroll_down.png) center top no-repeat; background-size: contain; }
@-webkit-keyframes mouse-wheel {  0% {
 opacity: 1;
 -webkit-transform: translateY(0);
 -ms-transform: translateY(0);
 transform: translateY(0);
}
 100% {
 opacity: 0;
 -webkit-transform: translateY(6px);
 -ms-transform: translateY(6px);
 transform: translateY(6px);
}
}
@-moz-keyframes mouse-wheel {  0% {
 top: 1px;
}
 50% {
 top: 2px;
}
 100% {
 top: 3px;
}
}
.unu, .doi, .trei { -webkit-animation: mouse-scroll 1s infinite; -moz-animation: mouse-scroll 1s infinite; }
.unu {
 -webkit-animation-delay: .3s;
 -moz-animation-delay: .3s; -webkit-animation-direction: alternate; }
.doi {
 -webkit-animation-delay: .2s;
 -moz-animation-delay: .2s; -webkit-animation-direction: alternate; }
@-webkit-keyframes mouse-scroll {  0% {
 opacity: 0;
}
 50% {
 opacity: .5;
}
 100% {
 opacity: 1;
}
}
@-moz-keyframes mouse-scroll {  0% {
 opacity: 0;
}
 50% {
 opacity: .5;
}
 100% {
 opacity: 1;
}
}
@-o-keyframes mouse-scroll {  0% {
 opacity: 0;
}
 50% {
 opacity: .5;
}
 100% {
 opacity: 1;
}
}
@keyframes mouse-scroll {  0% {
 opacity: 0;
}
 50% {
 opacity: .5;
}
 100% {
 opacity: 1;
}
}
@media screen and (max-width:1440px) 
{
	.header{ display:block; }
	.header2{ display:none; }
}
@media screen and (max-width:1366px) 
{

	.header .logo{ /*margin-left:20px;*/}
	.header .top_phone{ margin-right:90px; float:right; margin-top:-5px;}
	.header .top_phone em{ display:block; line-height:60px; color:#fff; font-size:22px;background:url(../images/phone.svg) 0px 22px no-repeat; text-indent:30px;}
	.header .nav{ margin-right:10px; float:right;}
	.header .nav ul,.nav li{ margin:0px; padding:0px;}
	.header .nav ul li a{ display:block; font-size:16px; color:#fff; line-height:60px; padding:0px 20px;}
}
@media screen and (max-width:1200px) 
{
	.header2{ display:none; }
	.header{ display:block;}
	.header .logo{ margin-left:20px;}
	.header .top_phone{ margin-right:90px; float:right;}
	.header .top_phone em{ display:block; line-height:60px; color:#fff; font-size:22px;background:url(../images/phone.svg) 0px 22px no-repeat; text-indent:30px;}
	.header .nav{ margin-right:20px; float:left;}
	.header .nav ul,.nav li{ margin:0px; padding:0px;}
	.header .nav ul li a{ display:block; font-size:16px; color:#fff; line-height:60px; padding:0px 15px;}
	.footer {display: none}
	.t-footer{display:block;}
}
@media screen and (max-width:768px) 
{
	.header2{ display:block; }
	.header{ display:none; }
	.footer {display: none}
	.t-footer{display:block;}
}
@media screen and (max-width:750px) 
{
	.header2{ display:block; }
	.header{ display:none; }
	.footer {display: none}
	.t-footer{display:block;}
}
@media (max-width: 767px) {
	.footer {display: none}
	.t-footer{display:block;}
}