@charset "UTF-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { font-family: "Source Han Sans CN", Arial, Helvetica, sans-serif; font-size: 1.6rem; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; box-sizing: border-box; margin: 0; padding: 0; }

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus, a, a:hover { ¡¡¡¡outline: 0; }

.container-fluid { padding-left: 0px; padding-right: 0px; }

@media (min-width: 1200px) { .container { width: 1230px; } }
body { color: #333; }
body a { text-decoration: none; outline: none; }
body a:hover {outline: none;text-decoration:none; }
body a:focus { outline: none;text-decoration:none;}
body a:active{outline: none;text-decoration:none;}

.clearfix{font-size:0;width:100%;}
/*  ¼ýÍ· @include arrow(direction,size,color);
**/
/* ³¬³öÊ¡ÂԺŠ@include ell(); */
/* inline-block @include inline_block(); */
/* font-size of REM @include font_size(fz); */
@font-face { font-family: 'SourceHanSansCNExtraLight'; src: url("/public/index/css/fonts/SourceHanSansCN-ExtraLight.ttf"), url("/public/index/css/fonts/SourceHanSansCN-ExtraLight.otf"); font-weight: normal; font-style: normal; }
@font-face {font-family: 'avant-bold';src: url('/public/index/css/fonts/AvantGardeMdITC-Bold.otf');

}

body { background-color: #fff;}

header{position: fixed;left:0;right:0;top:0;height:70px;background-color:rgba(1,2,7,.73);border-bottom:1px solid #2f3034;z-index:99;}
header a.logo{float:left;height:100%;}
header a.logo img{height:100%;}
header nav{float:right;}
header nav a{display:inline-block;height:70px;padding:0 15px;font-size:18px;line-height:56px;color:#fff;margin-left:40px;position: relative;text-decoration:none;}
header nav a::after{content:"";display:inline-block;height:2px;background-color:#fff;position: absolute;top:50px;width:0;transition:all ease-out .2s;transform: translateX(-50%);left:50%;}
header nav a:hover,header nav a:active,header nav a:visited{text-decoration:none;color:#fff;}
header nav a:hover::after{width:100%;}
header nav a.active::after{width:100%;}

				
header a.mobile_menu_btn{display:none;}


footer{padding:80px 0;background:url(/public/index/images/common/footer_bg.jpg) no-repeat center;background-size:cover;}
footer .wrap{width:87.5%;margin:auto;max-width:1680px;}
footer .foot-top{font-size:0;}
footer .msg{width:380px;float:left;}
footer .msg h3{font-size:16px;color:#ccc;border-left:2px solid #ccc;padding-left:5px;line-height:16px;}
footer .msg ul{font-size:0;}
footer .msg ul li{margin-top:25px;min-height:40px;display:inline-block;width:100%;vertical-align:top;}
footer .msg ul li.w50{width:180px;height:40px;}
footer .msg ul li.w50.mr20{margin-right:20px;}
footer .msg ul li input{font-size:14px;line-height:24px;padding:8px 10px 8px 45px;box-sizing: border-box;height:40px;background-color:rgba(255,255,255,.12);border:0;width:100%;color:#fff;}
footer .msg ul li input::placeholder{color:#737574;}
footer .msg ul li input.name{background-image:url(/public/index/images/common/foot-icon-1.png);background-repeat:no-repeat;background-position:15px center;}
footer .msg ul li input.tel{background-image:url(/public/index/images/common/foot-icon-2.png);background-repeat:no-repeat;background-position:14px center;}
footer .msg ul li select.city{height:40px;line-height:40px;padding-left:45px;font-size:14px;color:#fff;box-sizing: border-box;width:100%;appearance:none;-moz-appearance:none; -webkit-appearance:none;border:0; background-color:rgba(255,255,255,.12);background-image:url(/public/index/images/common/foot-icon-3.png),url(/public/index/images/common/foot-select.png);background-repeat:no-repeat,no-repeat; background-position:15px center,160px center;}
footer .msg ul li select.city::-ms-expand{display: none;}
footer .msg ul li option{background-color:#a0a0a0;color:#fff;}
footer .msg ul li input.address{background-image:url(/public/index/images/common/foot-icon-4.png);background-repeat:no-repeat;background-position:14px center;}
footer .msg ul li textarea{padding:15px;height:126px;background:rgba(255,255,255,.12) url(../images/common/foot-icon-5.png) no-repeat 15px 17px;;font-size:14px;line-height:24px;color:#fff;border:0;box-sizing: border-box;width:100%;text-indent:30px;}

footer .msg ul li a.sub{display:inline-block;width:180px;height:40px;line-height:40px;text-align:center;font-size:16px;color:#fff;background-color:#c8a664;}
footer .lx{float:left;margin-left:220px;width:350px;}
footer .lx .hot{padding-bottom:50px;border-bottom:1px solid rgba(255,255,255,.45)}
footer .lx .hot h2{font-size:16px;line-height:26px;color:#cccccc;padding-left:26px;background:url(/public/index/images/common/foot-lx-icon-1.png) no-repeat left center;}
footer .lx .hot h3{margin-top:20px;}
footer .lx .hot h3 a{font-size:30px;color:#c8a664;text-decoration: none}
footer .list{margin-top:45px;}
footer .list p{padding-left:35px;font-size:16px;color:#fff;line-height:26px;margin-bottom:15px;}
footer .list p.p_1{background:url(/public/index/images/common/foot-lx-icon-2.png) no-repeat 3px center;}
footer .list p.p_2{background:url(/public/index/images/common/foot-lx-icon-3.png) no-repeat 3px center;}
footer .list p.p_3{background:url(/public/index/images/common/foot-lx-icon-4.png) no-repeat 3px center;}
footer .list p.p_4{background:url(/public/index/images/common/foot-lx-icon-5.png) no-repeat 1px center;}
footer .list p.p_5{background:url(/public/index/images/common/foot-lx-icon-6.png) no-repeat left center;}
footer .list p a{font-size:16px;color:#fff;text-decoration:none;}

footer .abt{float:right;text-align:right;overflow:hidden;}
footer .abt h3{font-size:30px;color:#c8a664;}
footer .abt h4{font-size:110px;font-family: 'avant-bold';color:#c8a664;margin-right:-10px;}
footer .abt h5{font-size:24px;color:#ccc;}
footer .abt .code{width:138px;margin-top:20px;text-align:right;display:inline-block;}
footer .abt .code img{display:block;width:100%;}
footer .copyright{margin-top:130px;font-size:14px;line-height:24px;color:#737574;text-transform: uppercase;}
footer .copyright a{color:#737574;font-size:14px;}





.pageKv{height:600px;background-repeat:no-repeat;background-position:center;background-size:cover;position: relative;z-index:2;}
.pageKv::before{content:"";position: absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.3);}
.pageKv .txt_body{position: absolute;left:0;right:0;top:50%;transform: translateY(-50%);z-index:2;text-align:center;}
.pageKv .txt_body h1{font-size:60px;font-weight:bold;color:#fff;margin-bottom:25px;}
.pageKv .txt_body h2{font-size:26px;line-height:32px;color:#fff;text-transform:uppercase;}


.tabnav{margin-top:-70px;position: relative;z-index:3;margin-bottom:70px;}
.tabnav .nav__body{background-color:#fff;padding:30px 0;text-align:center;box-shadow:0 0 50px rgba(65,20,54,.18);}
.tabnav .nav__body a{display:inline-block;height:82px;line-height:82px;font-size:24px;color:#411436;margin:0 40px;}
.tabnav .nav__body a span{float:left;width:82px;height:82px;background-image:url(/public/index/images/technology/nav_bg_1.png);background-repeat:no-repeat;background-position:center;margin-right:25px;}
.tabnav .nav__body a span i{display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center;}
.tabnav .nav__body a span i.i_1{background-image:url(/public/index/images/technology/nav_ico_1.png);}
.tabnav .nav__body a span i.i_2{background-image:url(/public/index/images/technology/nav_ico_2.png);}
.tabnav .nav__body a span i.i_3{background-image:url(/public/index/images/technology/nav_ico_3.png);}
.tabnav .nav__body a.active span{background-image:url(/public/index/images/technology/nav_bg_2.png);}

.caseNav{margin-top:-56px;position: relative; z-index:3;margin-bottom:100px;}
.caseNav .list-box{text-align:center;font-size:0;padding:25px 0;background-color:#f6f6f6;}
.caseNav .list-box a{display:inline-block;width:126px;height:50px;line-height:50px;font-size:18px;color:#666;vertical-align:middle;}
.caseNav .list-box em{display:inline-block;width:1px;height:20px;background-color:#ccc;vertical-align:middle;}
.caseNav .list-box a.active{background-color:#411436;color:#fff;}

h2.pageTit{text-align:center;position: relative;padding:26px 0;z-index:1;color:#333;font-size:30px;line-height:30px;font-weight:bold;margin-bottom:30px;}
h2.pageTit span{font-size:54px;line-height:54px;color:#f5f5f5;position: absolute;left:0;right:0;top:0;z-index:-1;text-transform:uppercase;}
h2.pageTit i{display:inline-block;width:50px;height:5px;background-color:#e4e4e4;position: absolute;left:50%;transform: translateX(-50%);bottom:0;}

@media screen and (max-width: 1500px){
	footer .lx{margin-left:65px;}
}