@charset "utf-8";
/* CSS Document Edited by LiLu */
* {
    margin:0;
    padding:0;
    outline:none;
    blr:expression(this.onFocus=this.blur());
    font-family: Microsoft YaHei, "微软雅黑";
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body, ul, ol, dl, dt, dd, h1, h2, h3, h4, h5, h6 {
    list-style:none;
    text-decoration:none;
    margin: 0;
}
body,html {
    color:#666;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: none;
    position: relative;
    font-size:14px;
    line-height:1.7;
    overflow: hidden;
    height: 100%;
	-webkit-text-size-adjust : none;
    -moz-text-size-adjust : none ;
    -ms-text-size-adjust : none ;
    text-size-adjust : none;
}
img {
    /*display: block;*/
    border:none;
    max-width: 100%;
    width: auto\9;
    height: auto;
    -ms-interpolation-mode: bicubic;
    _width:auto;
}
input, textarea {
    border:none;
    background:none;
    font-size:14px;
    vertical-align:middle;
    color:#666;
}
select {
    font-size:14px;
    vertical-align:middle;
    cursor:pointer;
    font-family:Microsoft YaHei, "微软雅黑";
}
a {
    text-decoration:none;
    blr:expression(this.onFocus=this.blur());
    outline: none;
    color:#333;
    transition:all 0.4s ease;-webkit-transition: transition:all 0.4s ease;-moz-transition: transition:all 0.4s ease;-ms-transition: transition:all 0.4s ease;-moz-transition: transition:all 0.4s ease;
}
a:hover,a:focus{
    text-decoration:none;
    color: #00b0ec;
}
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;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ font-weight: normal; padding: 0; margin: 0; font-size: 14px; line-height: 1.3;  font-family: Microsoft YaHei, "微软雅黑";}
p{ margin: 0;}

/*header*/
header { width: 100%; padding: 15px 5%; margin-top: 2%; position: relative; z-index: 1003;}
.logo{ float: left;}
.logo a{ display: block;}
.header_r{ float: right;}
.header_nav{ cursor: pointer; float: right; margin-left: 30px; display: none;}
.header_nav img,.s_down{ display: inline-block; vertical-align: middle; }
.s_down { position: relative; width: 13px; height:13px; margin-right: 15px; background: url("../images/ico_03.png") center center no-repeat;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity:0; filter:alpha(opacity=0);
    cursor: pointer;
    -webkit-animation: down .8s ease-in-out infinite;
    animation: down .8s ease-in-out infinite;
}
@-webkit-keyframes down {
    to {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
        opacity:1; filter:alpha(opacity=100);
    }
}
@keyframes down {
    to {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
        opacity:1; filter:alpha(opacity=100);
    }
}
#navigation.toolbar{ overflow: hidden; line-height: 40px; position: relative; }
#navigation.toolbar ul { overflow: hidden; }
#navigation.toolbar ul li { cursor: pointer; float: left; text-transform: uppercase;}
#navigation.toolbar ul li a { display:block; color: #fff; position: relative; padding: 0 20px;}
#navigation.toolbar ul li a:before{ content: ""; position: absolute; bottom: 0; left:50%; width: 0; height: 1px; background: #22aaef;}
#navigation.toolbar ul li:hover a,#navigation.toolbar ul li.nav_cur a{ color: #22aaef;}
#navigation.toolbar ul li.nav_cur a:before{  margin-left: -28px; width: 56px;}
#head{ color: #22aaef; height: 0; overflow: hidden;}
#head .title{ padding: 0 20px;}

/*#app*/
#app { position: relative; width: 100%; color: #fff; }
.phone_banner{ display: none;}
#backgroud { top: 0; bottom: 0; left: 0; right: 0; z-index: -100; background-color: #000000;}
#backgroud .backgroud-image { background-repeat: no-repeat; background-position: center center; background-size: cover; width: 100%; height: 100%;}
#backgroud .backgroud-video { display: block; width: 100%; height: 100%; }
#background-mask { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: -99; background: url("../images/pattern.png"); display: none;}
.section-subtitle { height: 40px; margin-bottom: 10px; position: relative; }
.subtitle_item,.subtitle_item0{ position: absolute; bottom: 0; width: 100%;}
.subtitle_item{ font-size: 20px; line-height: normal;}
.subtitle_item img{ display: inline-block; vertical-align: text-bottom; margin-right: 8px;}
.subtitle_item0{ font-weight: normal; line-height: normal; text-transform: uppercase; font-size: 24px;}
.subtitle_item0 em{ display: block; font-size: 54px; letter-spacing: -0.05em;}
.sec_con { padding: 30px 20px 0 32px; line-height: 28px; text-align: justify; position: relative; }
.sec_con:before{ content: ""; width: 90px; height: 13px; background: url("../images/ico_06.png") left bottom no-repeat; position: absolute; top: 0; left:0;}
.sec_con:after{ content: ""; height: 1px; background: #fff; position: absolute; top:12px; left:90px; width:calc(100% - 90px);}
.deco_dif:before{ display: none;}
.deco_dif:after{ width: 100%; left:0;}
.sign_con:before,.sign_con:after{ display: none;}
ul.sec_con li { font-size: 16px; overflow: hidden;}
ul.sec_con li img{ float: left; margin:5px 10px 0 0;}
.contact_des{ overflow: hidden;}
ul.sec_con li:before { content: "-"; line-height: 0; position: absolute; top: 0.85em; left: -1em; display: none; }
#home_01_content{ font-size: 16px; padding-left: 0;}
.bg_hide { display: none; }
.inline { display: inline-block;}
.chinese { font-size:85%;}
/*product*/
.product_01_p1{ font-size: 18px;}
.sign_con{ border: none; padding: 0;}
.product_sign{ display: block; width: 88px; height: 88px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border:2px solid #fff; margin: -44px 0 0 -50px;}
.product_sign img{
    -webkit-transition:all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}
/*.product_sign:hover{ padding: 15px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}*/
.zhe_sign{position: absolute; right: -138px; top: -44px; z-index: 2;  display: block; width: 88px; height: 88px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border:2px solid #fff; }
.sign_img{ display: table; text-align: center; width: 100%; height: 100%;}
.sign_cell{ display: table-cell; vertical-align: middle;}
/*more*/
.more{ margin-top: 30px; cursor: pointer;}
.more,.more span{ display: block; position: relative;}
.more span{ width: 150px; line-height: 40px; text-align: center; border: 1px solid rgba(255,255,255,.60); background: rgba(92,92,92,.60); color: #fff;}
.more:before{ content: ""; position: absolute; top:50%; left:-32px; width: 64px; height: 1px; background: rgba(255,255,255,.60);display: none;}
.more span em{ display: inline-block; position: relative; left:0;}
.more span em:before{ content: ""; position: absolute; top:50%; right:0; margin-top: -12px; filter:alpha(opacity=0); opacity:0; width: 23px; height: 23px; background: url("../images/ico_05.png") center center no-repeat;}
.more:hover:before{ width:0; left:93px;}
.more:hover span em{ left:-12px;}
.more:hover span em:before{ right:-33px; filter:alpha(opacity=100); opacity:1;}
.more_sign{ display: block; position: absolute; top:0; right: 0;}
/*load*/
.load_list{ max-width: 560px; margin: 0 auto; padding-top: 30px;}
.load_list li{ width: 50%; float: left; text-align: center;}
.load_caption{ font-size: 22px; text-transform: uppercase; margin-top: 15px;}

/*===========detail===========*/
.detail_bg{ position:fixed; top:50%; left:50%; z-index: 1; margin: 0; width: 0; height: 0; overflow: hidden; background: #131834; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
    -webkit-transition:all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}
.detail_in{ width: 3000px; height:3000px; margin: -1500px 0 0 -1500px;}
.detail{ position: absolute; top:0; left:0; margin: 0; z-index: 10; width: 100%; height: 100%; display: none; }
.detail_deco{ position: fixed; top:0; left:0; z-index: 2; width: 100%; height: 100%; background-position: left bottom; background-repeat: no-repeat; background-size: cover; display: none;}
.detail_box{ width: 100%; height:350px; position: fixed; top:50%; margin-top: -175px;}
.detail_area{ width: 90%; max-width: 1360px; margin: 0 auto;}
.login{ float: right;}
.login_form{ width: 300px; height: 335px; background: url("../images/login_02.png") no-repeat; background-size: contain; color: #fff; position: relative; margin-left: 100px;}
.login_form:before{ content: ""; position: absolute; top:50%; left:50%; margin: -262px 0 0 -282px; width: 550px; height: 550px; background: url("../images/login_01.png") no-repeat; background-size: contain;}
.login_form form{ display: block; position: relative; z-index: 10; padding: 40px 47px 0;}
.login_tit{ text-align: center; font-size: 20px; margin-bottom: 30px;}
.login_line{ background: #fff; margin-bottom: 20px; padding-left: 12px; box-shadow: 0 0 30px -3px #2251ce;}
.login_ico{ display: block; float: left; margin:12px 5px 0 0;}
.input_box{ overflow: hidden;}
.login_txt{ width: 100%; height: 40px; padding: 10px 0; color:#333;}
.login_handle{ padding-top:20px; text-align: center;}
.btn_area{ display: inline-block; position: relative; width: 128px; height: 40px; background: #0166f0; box-shadow: 0 0 30px -3px #2251ce;}
.btn_area:before,.btn_area:after{ content: ""; position: absolute; width: 0; height: 0;}
.btn_area:before{ top:0; left:0; border-left: 2px solid #0166f0; border-top:2px solid #0166f0;}
.btn_area:after{ bottom:0; right:0; border-right: 2px solid #0166f0; border-bottom:2px solid #0166f0;}
.login_btn{ position: relative; z-index: 10; width: 100%; height: 100%; color: #fff; font-size: 16px;}
.btn_area:hover{ background-color: transparent;}
.btn_area:hover:before{ width: 100%; height: 100%;}
.btn_area:hover:after{ width: 100%; height: 100%;}
#login_pc{}
#login_phone{ display: none;}
/*bs-slider*/
.bs-slider{ position: relative; height: 100%; overflow: hidden; }
.item_inner{}
.carousel-inner{ height: 100%; overflow: visible;}
.bs-slider-overlay{ position: absolute; top:0; left:0; z-index: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5);}
.fade { opacity: 1; }
.fade .item { z-index: 1; opacity: 0; width: 100%; height: 100%; background-position: center top; background-repeat: no-repeat; background-size: cover; position: absolute; left: 0 !important; top: 0;  display: block !important;
    -webkit-transition: opacity ease-in-out 1s;
    -moz-transition: opacity ease-in-out 1s;
    -ms-transition: opacity ease-in-out 1s;
    -o-transition: opacity ease-in-out 1s;
    transition: opacity ease-in-out 1s;
}
.fade .item:first-child { top: auto; position: relative;}
.fade .item.active { opacity: 1; z-index: 2;
    -webkit-transition: opacity ease-in-out 1s;
    -moz-transition: opacity ease-in-out 1s;
    -ms-transition: opacity ease-in-out 1s;
    -o-transition: opacity ease-in-out 1s;
    transition: opacity ease-in-out 1s;
}
.carousel-inner .item .container{ position: relative; height: 100%;}
/*carousel-indicators*/
.carousel-indicators{ width: 100%; left:0; bottom: 0; text-align: left; margin: 0;}
.carousel-indicators li,.carousel-indicators li.active{ position: relative; width:auto; padding:0 14px; font-size:13px; text-align: center; height: 35px; line-height: 35px; overflow:hidden; margin: 0 3px; color: #0166f0; border:none; text-indent: 0; -webkit-border-radius: 17px; -moz-border-radius: 17px; border-radius: 17px; background:transparent;}
.carousel-indicators li:before,.carousel-indicators li:after{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; -webkit-border-radius: 17px; -moz-border-radius: 17px; border-radius: 17px; background: #fff;}
.carousel-indicators li:after{ top:50%; height: 0;}
.carousel-indicators li span{ display: block; position: relative; z-index: 10;}
.indicators_dec{ display: inline-block; vertical-align: middle; margin-right: 5px; width: 22px; height: 22px; overflow: hidden; background: url("../images/pro_ico01.png") no-repeat;}
.carousel-indicators li:nth-child(2) .indicators_dec{ background-image: url("../images/pro_ico02.png");}
.carousel-indicators li:nth-child(3) .indicators_dec{ background-image: url("../images/pro_ico03.png");}
.carousel-indicators li:nth-child(4) .indicators_dec{ background-image: url("../images/pro_ico04.png");}
.carousel-indicators li.active{ color: #fff;}
.carousel-indicators li.active:before{ top:50%; height:0;}
.carousel-indicators li.active:after{ top:0; height:100%; background-color: #0166f0;}
.carousel-indicators li.active .indicators_dec{ background-position: -22px 0;}
/*slide-text*/
.slide-text-left{ text-align: left;}
.slide-text-right{ text-align: right;}
.slide-text-center{ text-align: center;}
.slide-text{ width: 100%; padding: 0 15px; color: #fff; }
.text_p1{ font-size: 45px; line-height: normal; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }
.text_p1 span{ display: block; font-size: 24px;}
.text_p2{ -webkit-animation-delay: 0.3s; animation-delay:0.3s; }
.text_p3{ -webkit-animation-delay: 0.4s; animation-delay:0.4s;}
.text1_p1{ }
.text1_p2{ margin: -10% 0 0 3%;}
.text1_img1{ max-width: 90%;}
.text2_p1{ margin-bottom: 10%;}
.text2_p2{}
.text2_img1{ max-width: 80%;}
.text3_p1{ margin-bottom: 4%;}
.text3_p3,.text3_img1{ float: left;}
.text3_p3,.text4_p3{ line-height: 28px;}
.text3_p3{ width:38%;}
.text3_img1{ max-width:42%;}
.text4_p3,.text4_img1{ float: left;}
.text4_p3{ width:36%; line-height: 28px; margin-top: 4%;}
.text4_img1{ max-width: 64%; margin-top: 2%;}
.slide4_img1{ max-width: 58%; margin-top: -7%;}
/*====footer_warp====*/
.footer_warp{ width: 100%; position: fixed; bottom: 0; left:0; z-index: 1004;}
#dian_nav{ text-align: center; margin-bottom: 10px; display: none;}
#dian_nav ul{ display: inline-block;}
#dian_nav ul li{ float: left;}
#dian_nav ul li a{ display: block; width: 34px; height: 34px; font-size: 0; background: url("../images/ico_07a.png") center center no-repeat;}
#dian_nav ul li.nav_cur a{ background-image: url("../images/ico_07b.png");}
/*footer_box*/
.footer_box{ height: 40px; overflow: hidden; padding: 18px 0 10px; background: rgba(0,0,0,.50); position: relative;}
.footer_inner{ width: 80%; max-width: 1440px; margin: 0 auto;}
.footer_ico { display: block; width: 40px; height: 40px; position: absolute; top:50%; left:50%; margin: -10px 0 0 -20px; background: url("../images/ico_08.png") center center no-repeat;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    filter:alpha(opacity=0); opacity:0;
    cursor: pointer;
    -webkit-animation: moveUp .8s ease-in-out infinite;
    animation: moveUp .8s ease-in-out infinite;
}
@-webkit-keyframes moveUp {
    to {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
        filter:alpha(opacity=100); opacity:1;
    }
}
@keyframes moveUp {
    to {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
        filter:alpha(opacity=100); opacity:1;
    }
}
.footer_con{  font-size: 14px; color: #fff; filter:alpha(opacity=0); opacity:0; text-align: center}
.footer_tip{ float: right; font-size: 14px; margin-top: 14px;}
.footer_l{ overflow: hidden;}
.footer_card{ margin-bottom: 6px;}
.footer_card li{ float: left; max-width: 14.285%; padding-right: 1.5%;}
.footer_card li img{ filter:alpha(opacity=60); opacity:0.60;}
.footer_box { height: 200px; }
.footer_box .footer_ico{ top:150%;}
.footer_box .footer_con{ filter:alpha(opacity=100); opacity:1;}

a,*:before,*:after,
.more,.more span em,.indicators_dec,.svg-icon-menu,
.footer_box,.footer_ico,.footer_con,
.carousel-indicators{
    -webkit-transition:all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}
#dian_nav ul li a,#navigation.toolbar ul li a{
    -webkit-transition:all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.footer-for-icp {
    color: rgba(255, 255, 255, 0.40);
    text-align: center;
    position: fixed;
    width: 100%;
    bottom: 45px;
}


@media (min-width: 768px) {
    .navigation,.navigation-actions {
        display: none;
    }

    #wall {
        position: relative;
        overflow: hidden;
        width: 100%;
    }

    #wall #wall-container {
        position: relative;
        height: 100%;
    }

    #wall .group {
        position: relative;
        float: left;
        height: 100%;
    }

    #wall .group .title {
        position: absolute;
        margin: 0 0 0 40px;
        font-size: 200%;
    }

    #wall .group .group-container {
        position: absolute;
        top: 42%;
        /*height: 640px;*/
    }

    #wall .section {
        position: relative;
        float: left;
        /*width: 530px;*/
        height: 100%;
    }
    #wall .section .section-container {
        position: absolute;
    }

    #wall .section-container .content { margin: 0 50px; }

    #wall .section-container .bottom {
        margin-top: -85px;
    }

    #backgroud {
        position: fixed;
    }
    #home_01_subtitle,#home_01_content{ width: 670px;}
    #load_01_con{ width: 700px;}

    .more{ position: absolute; top: -10px; right: -200px; z-index:1; margin: 0; }
}

/*@media (min-width: 1200px) {
	.text2_img1{ float:none;}	
}*/
 
@media (min-width: 1440px) {
    .detail_box{ height: 500px; margin-top: -250px;}
    .login_form{ width: 360px; height: 402px;}
    .login_form:before{margin: -312px 0 0 -332px; width: 650px; height: 650px;}
    .login_form form{ padding: 80px 57px 0;}
    .text_p1{ font-size: 60px; }
    .text_p1 span{ font-size: 34px;}
    .text_p3{ font-size: 15px;}
    .subtitle_item0{ font-size: 36px;}
    .subtitle_item0 em{ font-size: 90px;}
    .header_nav{ margin-left: 50px;}
}

@media (max-width: 1199px) {
    .detail_box { top:120px; height:calc(100% - 260px); overflow-y: auto; margin: 0;}
    .carousel-indicators{ margin: 0;}
    /*login*/
    #login_pc{ display: none;}
    #login_phone{ display: block;}
    .login{ float: none; border-bottom: 1px solid rgba(255,255,255,.30); padding: 20px 0; border-top: 1px solid rgba(255,255,255,.30); margin-top:40px;}
    .login_form{ width: auto; height: auto; background: none; margin: 0;}
    .login_form:before{ display: none; margin: 0;}
    .login_form form{ padding: 0; overflow: hidden;}
}

@media (max-width: 991px) {
    .footer_tip{ display: none;}
}

@media (min-width: 768px) and (max-width: 1199px) {
    /*login*/
    .login_line,.login_handle{ float: left; width: 30%; margin-right: 3.33%; margin-bottom: 0; text-align: left; padding-top: 0;}
}

@media (max-width: 767px) {
    body,html{ height: auto; overflow: visible;}
    header { position: fixed; left:0; top:0; margin: 0; padding: 15px 20px; height:60px; background-color:#000000;}
    .logo img { height: 26px; width:auto; }
    .header_r{ display: none;}
    #navigation.toolbar,#dian_nav{ display: none;}
	html, body, #wall { text-shadow: none; background: #000000; color: #000000; }
	.navigation-actions { position: fixed; right: 0; z-index: 1003; }
	.navigation-actions .navigation-trigger { display: inline-block; color: #fff; text-transform: uppercase; font-weight: 500; letter-spacing:.16em;  padding: 10px 20px; color:rgba(0,0,0,.65); cursor:pointer;
		-webkit-transition-property:color;
		-webkit-transition-duration:.1s;
		-webkit-transition-timing-function:ease-out;
		-moz-transition-property:color;
		-moz-transition-duration:.1s;
		-moz-transition-timing-function:ease-out;
		-ms-transition-property:color;
		-ms-transition-duration:.1s;
		-ms-transition-timing-function:ease-out;
		-o-transition-property:color;
		-o-transition-duration:.1s;
		-o-transition-timing-function:ease-out;
		transition-property:color;
		transition-duration:.1s;
		transition-timing-function:ease-out;
		font-size:10px;
	}
	.navigation-actions .navigation-trigger .svg-icon-menu { width: 25px; height: 25px; background: url("../images/nav_ico.png") center center no-repeat; overflow: hidden; display: inline-block; position: relative; top: 8px; }
    .navigation-actions .navigation-open .svg-icon-menu{ background-image: url("../images/nav_ico2.png");}
	.navigation--main {
		visibility: visible;
		position: fixed;
		top: 0;
		right: -220px;
		width: 220px;
		height: 100%;
		min-height: 100%;
		background-color: #000000;
		padding: 0;
		opacity: 1;
		-webkit-transition-property: opacity;
		-webkit-transition-duration: 0s;
		-webkit-transition-timing-function: none;
		-moz-transition-property: opacity;
		-moz-transition-duration: 0s;
		-moz-transition-timing-function: none;
		-ms-transition-property: opacity;
		-ms-transition-duration: 0s;
		-ms-transition-timing-function: none;
		-o-transition-property: opacity;
		-o-transition-duration: 0s;
		-o-transition-timing-function: none;
		transition-property: opacity;
		transition-duration: 0s;
		transition-timing-function: none;
		-webkit-transition-delay: 1s;
		-moz-transition-delay: 1s;
		-ms-transition-delay: 1s;
		-o-transition-delay: 1s;
		transition-delay: 1s;
		overflow: hidden;
		-moz-user-select: -moz-none;
		-webkit-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
		user-select: none;
		-webkit-overflow-scrolling: touch !important;
		z-index: 1002;
	}
	.navigation--main ul { margin-top: 80px;}
	.navigation--main ul li a { display: block; padding: 0 20px; line-height: 60px; font-weight: bold; font-size: 16px; color: #fff; }
	.navigation--main ul li a  .nav-item-line { position: relative; top: -6px; display: inline-block; border-top: 1px solid #fff; margin: 0 30px 0 3px; width: 15px; }
    .navigation--main ul li.nav_cur a{ background-color: #0166f0;}
    /*backgroud*/
    .phone_banner{ display: block;/*width: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;*/}
    #backgroud,#background-mask{ display: none;}
	#wall { color: #fff; }
    #wall .group{ padding:30px 0; background: #0166f0;} 
	.section{ margin-top:30px;}
	#subtitle_culture,#home_01_subtitle{ margin-top:-30px;}
	#wall .group#home,#wall .group#about{ padding-top:0;}
	#wall .group#home .section{ margin-top:0;}
    #wall .group-even { background:#000; color: #fff; }
	#wall .group .title { /*display: inline-table;*/ position: static; padding-top: 40px; margin: 0 20px; border-bottom: 10px solid #000000; line-height: 60px; font-size: 200%; display: none; }
	#wall .group.group-even .title { border-bottom: 10px solid #fff; }
	#wall .section-container .content { margin: 0 20px; } 
	#background-mask { display: none; }
    .section-subtitle{ height: auto; margin-bottom: 5px;}
    .subtitle_item, .subtitle_item0{ position: inherit; font-size: 18px;}
    .product_01_p1{ font-size: 14px;}
    .subtitle_item0 em{ font-size: 36px;}
    .load_list li{ width: 100%; float: none; margin-bottom: 20px;} 
    .product_sign,.zhe_sign{ position: inherit; position: initial; margin: 20px 0 0;}

    /*detail*/
    .detail_box{ top:80px; height: calc(100% - 100px);}
    .detail_area{ width: 100%;}
    .sec_con{ padding: 20px 0 0; }
	.deco_dif{ padding:10px 0 0;} 
    .sign_con{ padding: 0; margin-top:-30px;}
    .sec_con:before{ width:80px; background-size: contain;}
    .sec_con:after{ left: 80px; width: calc(100% - 80px);}
    .deco_dif:after { width: 100%; left: 0; top:0; }
    .text1_img1,.text2_img1{ max-width: 100%;}
    .text3_p3,.text4_p3{ width: 100%;margin: 0; line-height: 24px; }
    .text3_img1,.text4_img1{ position: absolute; max-width: 60%; right: 0; bottom: 0; margin: 0;}
    .text4_img1{ bottom: 5%;}
    .text_p1{ font-size: 26px;}
    .text_p1 span{ font-size: 16px;}
    .text4_p1{ margin-bottom: 4%;}
    .carousel-indicators{ position: inherit; position: initial; text-align: center; margin-top: 20px;}
    .carousel-indicators li,.carousel-indicators li.active{ width:45%; font-size: 12px; margin-bottom: 10px;}
    /*login*/
    .login_form form{ padding: 0 15px;}
    .login_tit{ font-size: 18px; margin-bottom: 20px;}
    .login_line{ width: 48%; float: left;}
    .login_line:nth-of-type(2){ margin-left: 4%;}
    .login_txt{ height: 36px; padding: 8px 0;}
    .btn_area{ width: 88px; height: 36px;}
    /*footer*/
    .footer_box{ display: none;}

    .top{ height: 0; overflow: hidden;}
    .load_caption{line-height: 25px; font-size:16px; margin-top: 5px;}
    .delSection .subtitle_item{ font-size:0;}
    .sec_con,#home_01_content,ul.sec_con li{font-size: 13px; line-height:22px;}
	ul.sec_con li img{ margin-top:2px;} 
}

@media (min-height: 800px) {
    .carousel-indicators{  position: initial; position: inherit; margin: 0;}
}

.regisiter-content {
    margin-top: 30px;
}

.sec_con a { color: #fff }
.modal-dialog { margin-top: 15%; }
.center { text-align: center }
.modal-sm { max-width: 380px }
.input-group-btn { min-width: 80px; }
.input-group-btn img { height: 34px; width: 120px }