img{
    max-width:100%;
}
*:focus {outline: none;}
body{
    position:relative;
}
.bg-gray{
    background-color: #ececec;
}
.txt-gray{
   color: #999;
}
.txt-blue{
    color:#4aa0e3;
}
.txt-w{
    color:#fff !important;
}
/*#region header*/
.header{
    
    
    height:5em;
    position:absolute;
    _position:absolute;
    left:0;
    top:0;
    z-index:1000;
    width:100%;
}
#content{
    padding-top:0em;
}
.logo{
    float:left;
    padding:1.21875em 0em 0 1.8125em;
     
}
.logo a,.logo img{
    display:block;
}
.h_left{
text-align:center;
}
.headerMenuIcon{
    display:none;
    cursor:pointer;
    color: #c8c8c9;    
    text-align: center;
    width: 1.75em;
    height: 5em;
    position:relative;
    /*margin-right:0.5em;*/
}
.h_left .headerMenuIcon span{
    font-size: 2.25em;
    line-height: 1;
    position:absolute;
    top:50%;
    margin-top:0em;
    left:0;
    right:0;
}
.headerMenu li{ padding:0 0.7em;
display:inline-block; position:relative;
   /* width:4em;*/
    white-space:nowrap;   
    text-align:center;
}
@font-face {
font-family: 'Gilroy Light';
  src:  url('fonts/GILROY-LIGHT/GILROY-LIGHT.eot?xyfpo5');
  src:  url('fonts/GILROY-LIGHT/GILROY-LIGHT.eot?xyfpo5#iefix') format('embedded-opentype'),
    url('fonts/GILROY-LIGHT/GILROY-LIGHT.ttf?xyfpo5') format('truetype'),
    url('fonts/GILROY-LIGHT/GILROY-LIGHT.woff?xyfpo5') format('woff'),
    url('fonts/GILROY-LIGHT/GILROY-LIGHT.svg?xyfpo5#Gilroy Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
.headerMenu li .menuItem{ font-size:0.8125em; 
    display:block; color:#fff; padding:0 0.5em;
    line-height:5.714285714285714em; position:relative;transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.headerMenu li a.menuItem:after{content:""; height:1px;position: absolute;bottom:2.8em;left:50%;width:0;background: #fff;transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.headerMenu li.active .menuItem,
.headerMenu li .menuItem:hover,
.headerMenu li:hover .menuItem{
     
    color: #fff;  
}
.headerMenu li:hover a.menuItem:after,.headerMenu li.active a.menuItem:after,.headerMenu li a.menuItem:hover:after{width: 100%;left: 0} 
.headerSecMenuBg{
    background-color:#555454;    
    filter:alpha(opacity=81);
    opacity:0.81;
    height: 5em;
    position: absolute;
    top: 5em;
    z-index: 90;
    left:0;
    right:0;
    display:none;
}
.headerSecMenu{
    position:absolute; 
    top:4.625em; left:0;   background-color:#fff;
    
    width:13.625em; 
    z-index:100;
	display:none; min-height:12.375em;
    color:#fff; padding:0.5em 0; background-position:top; background-repeat:repeat-x; background-image:url(../images/header/img1.jpg);
     
}
@media screen and (max-width:1240px) {
.headerSecMenu{
left:-9em;}
}
.headerSecMenu_img{
position:absolute; left:13.625em; top:0em; z-index:100; height:100%; width:auto; max-width:none;}
/*.h_left .secMenu1{
    margin-left:-10.8em;
}
.h_left .secMenu2{
    margin-left:-6.25em;
}
.h_left .secMenu3{
    margin-left:0;
}
.h_left .secMenu4{
    margin-left:-11.25em;
}
.h_left .secMenu5{
    margin-left:-27em;
}*/
.headerMenu li:hover .headerSecMenuBg,
.headerMenu li:hover .headerSecMenu{
    display:block;
}
.headerSecMenu dd{
text-align:left;
    padding:0.2em 1em;
    position:relative;
     
}
.headerSecMenu dd.lld{
margin-top:2em;}
.headerSecMenu dd a{
color:#000; font-size:0.8125em;}
.headerSecMenu dd a:hover,
.headerSecMenu dd a.active{ 
    color:#000;
}
.h_right {
    float: right;
    height:5em;
    position: relative;   
    margin-right:1.875em; 
    z-index:100;
}
.h_right .btn_1{
    border: 1px solid #4aa0e3;
    border-radius: 1.1429em;
    color: #4aa0e3;
    float: right;
    font-size: 0.875em;
    line-height: 2.125em;
    margin-left: 1.4286em;
    margin-top: 1.5em;
    padding: 0.2em 2em;
    display:inline-block;
    *display:inline;
    *zoom:1;
}
.h_right .userIcon{
    color: #c8c8c9;    
    text-align: center;
    width: 3em;
    height: 5em;
    position:relative;
    display:block;
    cursor:pointer;
}
.h_right .userIcon span{
    font-size: 2.4375em;
    line-height: 1;
    position:absolute;
    top:50%;
    margin-top:-0.5em;
    left:0;
    right:0;
}
.h_right .usertopmenu{
    -webkit-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    -moz-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    -ms-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    -o-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    position:absolute; 
    right:0; 
    top:5em; 
    background-color:#fff; 
    width:8.75em; 
    z-index:100;
    display:none;
}
.h_right .usertopmenu .minNav{
    display:none;
}
.h_right .usertopmenu .menuItem{
    position:relative;
    display:block;    
    text-align:left; 
    color:#545454;
    overflow:hidden;
    cursor:pointer;
}
.h_right .usertopmenu .menu-title{
    line-height:2.5; 
    font-size:0.875em;
    padding-left:2.5em;
    white-space:nowrap;
}
.h_right .usertopmenu .menu-icon{
    font-size: 1.2em;
    left: 0.5em;
    line-height:1;
    margin-top: -0.5em;
    position: absolute;
    top: 50%;
}
.h_right .usertopmenu .userSecMenu{
    background-color:#e6e6ed;
    display:none;
}
.h_right .usertopmenu .active .menu-title,
.h_right .usertopmenu .active .menu-icon{
    color:#488fbb; 
}

.headerMask {
    display:none;
}
@media screen and (max-width:1200px) {
    .headerMask{
        background-color:#000;        
        filter:alpha(opacity=1);
        opacity:0.01;
        z-index:99;
        position:fixed;
        left:0;
        right:0;
        top:0;
        bottom:0;
    }
    .h_left{
        float:right;
        position:relative;
        z-index:100;
    }
    .h_left .headerMenu{
        position:absolute;
        width:9em;
        background:#fff;
        -webkit-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
        -moz-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
        -ms-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
        -o-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
        box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
        top:5em; 
        right:0;
        padding:0.5em 0;
        display:none;
    }
    .h_left .headerSecMenuBg,
    .h_left .headerMenu li:hover .headerSecMenuBg,
    .h_left .headerMenu li.active .headerSecMenuBg{       
        display:none;
    }
     .headerMenuIcon{        
        display:block;
    }
    .h_left .headerMenu li {
	margin-left:0;
        float: none;
        width:auto;
        padding:0 0 0 1.15625em;
        text-align:left;
    }
    .h_left .headerMenu li .menuItem{
        line-height:2em;
    }
    .h_left .headerMenu li.active .menuItem,
    .h_left .headerMenu li .menuItem:hover{
        background-color: transparent;
        color: #488fbb;
    }
   .h_left .headerSecMenu{
       display:block;
       position:relative;
       top:0;
       height:auto;
       width:auto;
       color:#968989;
       margin:0;
       display:none;
   }
   .h_left .headerSecMenu a{
       color:#968989;
   }
   .h_left .headerSecMenu dd{
       line-height:2em;
       padding:0 1em;
       font-size:0.875em;
   }
   .headerMenu li.active .headerSecMenu{
       display:block;
   }
}
@media screen and (max-width:950px) {
    .h_right .usertopmenu .minNav{
        display:block;
    }
    .h_right .usertopmenu .maxNav{
        display:none;
    }
}
@media screen and (max-width:760px) {
    .header{
            height:2.75em;
        }
    #content{
        padding-top:0em;
    }
    .logo{
        padding:0.5625em 0em 0em 1em;
         
    }
    .logo img{
        width:5.875em;
    }
    .h_right{
        height: 2.75em;
        margin-right:1em;
    }
	.h_left{
	margin-right:1em;}
    .h_right .userIcon{
        width: 2em;
        height: 2.75em;
        display:block !important;
    }
    .h_right .userIcon span{
        font-size: 1.65em;
        margin-top:-0.45em;        
    }
    .h_right .usertopmenu{
        top:2.75em;
    }
    .h_right .btn_1{
        display:none;
    }    
    .h_left .headerMenuIcon{
        width: 2em;
        height: 2.75em;
    }
    .h_left .headerMenuIcon span{
        font-size: 1.5em;
        margin-top:-0.45em; 
    }
    .h_left .headerMenu{
        width:9em;
        top:2.75em; 
        right:0;
        padding:0.5em 0;
        display:none;
    }
}
/*#endregion*/
/*#region footer*/
#footer {
overflow:hidden;
    background:#1d1d1d;
}
.footermenu {
    max-width: 46.875em;
    margin: 0 auto;
    position:relative;
    padding-right:29.125em;
    padding-bottom:0.5em;
    min-height:12.5em;
    padding-left:1em;
}
.fleft ul {
    float: left;
    width:20%;
}
.fleft ul li {
    padding:0.125em 0;
}
.fleft ul li a {
    color: #8f8f8f;
    font-size: 0.785em;
}
.fleft ul li.bigmenu a {
    color: #444;
    font-size: 1em;
}
.fleft ul li.bigmenu {
    padding: 2.1875em 0 0.9375em;
}
.fright {
    position:absolute;
    top: 2.1875em;
    right:1em;
    width:28.125em;
}
.fright_top {
    border-bottom: 1px solid #e3e3e3;
    padding: 0 0 1.25em;
}
.fright_top img {
    float: left;
}
.fright_top div.txt-blue {
    display: inline;
    float: left;
    font-size: 1.4375em;
    line-height: 1.9em;
    margin-left: 3.125em;
}
.fright_mid{
    padding:2em 0;
}
.fright_mid li {
    float: left;
    line-height:1.875em;
    text-align: center;
    width: 33.3%;
    font-size:1.125em;
}
.copyright {
    
    color: #8e8e8e;    
}
.copyright span{
    display:inline-block;
    *display:inline;
    *zoom:1;
    margin:0 0.5em;
}
.copyrightMain{
    padding:0.7em 0;
    line-height:1.5;
    max-width:75em;
    margin:0 auto;
}
.copyright_left {
    float: left;
    font-size:0.75em;
}
.copyright_right {
    float: right;
    text-align: right;
    font-size:0.75em;
}
@media screen and (max-width:980px) {
   .footermenu {
        padding-right:0;
        max-width:none;
        padding-left:1em;
    }
    .fright {
        padding-top:1em;
        position:relative;
        top: 0;
        right:0;
        margin:0 auto;
    }
    .copyright_left {
        float: none;
        text-align:center;
    }
    .copyright_right {
        float: none;
        display:none;
        text-align: center;
        padding-top:0.5em;
    }
}
@media screen and (max-width:760px) {
    .footermenu{
        display:none;
    }
}
/*#endregion*/
/*#region swipe*/
.homeBannerSwiper{
     width:100%;
 }
.homeBannerSwiper .swiper-slide img{
     width:100%;
     display:block;
 }
.homeBannerSwiper  .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.homeBannerSwiper .swiper-pagination-bullet{
    opacity:1;
    background-color:#fff; width:12px; height:12px;
    
}
.homeBannerSwiper .swiper-pagination-bullet-active{
    background-color:#006ecb;
}
/*.swiper-button-prev, .swiper-button-next {
    background:rgba(0,0,0,0.6) none;
    border-radius:50%;
    color:#fff;
}
.swiper-button-prev, .swiper-button-next {
    font-family: "nhicofont";
    cursor: pointer;
    font-size:1.875em;
    height:1.5em;
    margin-top: -0.75em;
    position: absolute;
    top: 50%;
    width: 1.5em;
    z-index: 10;
    line-height:1.56em;
}
.nhicofont-prev-1::before {
    bottom: 0;
    font-size: 0.875em;
    left: 45%;
    margin-left: -0.437em;
    position: absolute;
    top: 0;
}
.nhicofont-next-1::before {
    bottom: 0;
    font-size: 0.875em;
    left: 45%;
    margin-left: -0.437em;
    position: absolute;
    top: 0;
}
.swiper-button-prev.move,.swiper-button-next.move{
    margin-top:1em;
}*/
/*#endregion*/
/*#region btns*/
.Btn-more a {
    border:1px solid #c3c3c3;
    color: #545454;
    display: inline-block;
    *display:inline;
    *zoom:1;
    font-size: 0.875em;
    height: 2.875em;
    line-height: 2.875em;
    text-align: center;
    width: 10.8125em;
    position:relative;
}
.Btn-more a:before{
    content: "";
    height: 1px;
    left: -2em;
    position: absolute;
    top: 50%;
    width: 2.8125em;
    background:#c3c3c3;
}
.Btn2_more a {
    background-color: #fff;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 0.875em;
    height:2.75em;
    line-height: 2.75em;
    width: 7.5em;
}
.btn-lucency{
    background-color: transparent;
    border: 1px solid;
    border-radius: 2em;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: block;
    font-family:"\5FAE\8F6F\96C5\9ED1";
    font-size: 14px;
    margin: 0 auto;
    padding: 11px 20px;
    text-align: center;
    width: 11em;
}
a.btn-lucency:hover{
    color:#fff;
}
.btn-blue{
    display:block;
    border:none;
    background-color:#4aa0e3;
    color:#fff;
    font-size:0.875em;
    font-family:"\5FAE\8F6F\96C5\9ED1";
    text-align:center;
    width:100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    padding:1em 1.25em;
    cursor:pointer;
}
a.btn-blue:hover{
    color:#fff;
}
.btn-cancel {
    display:block;
    border:none;
    background-color:#b4afaf;
    color:#fff;
    font-size:0.875em;
    font-family:"\5FAE\8F6F\96C5\9ED1";
    text-align:center;
    width:100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    padding:1em 1.25em;
    cursor:pointer;
}
a.btn-cancel:hover{
    color:#fff;
}
.btn-empty{
    display:block;
    border:1px #d2d2d2 solid;
    background-color:#fff;
    color:#8d8d8d;
    font-size:0.875em;
    font-family:"\5FAE\8F6F\96C5\9ED1";
    text-align:center;
    width:8em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    padding:0.6em 0.875em 0.6em 0.3em;
    cursor:pointer;
}
.btn-empty .icon{
    font-size: 1.375em;
    vertical-align: middle;
}
a.btn-empty:hover{
    color:#8d8d8d;
}
.promid_right_mid_jj_more a {
    color: #fff;
    display: inline-block;
    *display:inline;
    *zoom:1;
    font-size: 16px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    width: 140px;
}
/*#endregion*/
/*#region form*/
.input-text,
.input-text-hastitle{
    padding-top:1.25em;
    position:relative;
    z-index:1;
}
.input-text input,
.input-text-hastitle input{
    border:1px solid #ccc;
    background-color:#fff;
    line-height:1.25em;
    padding:0.5625em 0.625em 0.6875em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    width:100%;
    position:relative;
    z-index:1;
    font-size:0.875em;
    outline:hidden;
}
.input-text-hastitle,
.input-checkbox-hastitle{
    padding-left:5.625em;
}
.input-text-hastitle .input-title{
    position:absolute;
    min-width:4.6875em;
    text-align:left;
    top:1.875em;
    font-size:0.875em;
    left:0;
    line-height:1.25em;
    color:#333;
}
.input-text-hastitle .input-content{    
    font-size:0.875em;
    color:#333;
    line-height:1.25em;
    min-height:1.25em;
    padding:0.625em 0;
}
.input-text-hastitle input{   
    background-color:transparent;
}/**/
.input-text-hasicon input{
    padding-left:2.5em;
}
.input-text-hascode{
    padding-right:9.375em;
}
.input-text-hascode .btn-code{
    position:absolute;
    right:0;
    top:1.25em;
    font-size:0.875em;
    font-family:"\5FAE\8F6F\96C5\9ED1";
    text-align:center;
    display:block;
    border:1px solid #d9d9d9;
    background-color:#5e5e5e;
    width:10em;
    padding: 0.875em 0;
    line-height:1.25em;
    color:#fff;
}
.btn-code.disabled:hover{
    color:#fff;
}
/*.input-text-hascode img.btn-code{
    padding:0;
    height:40px;
}*/
.input-text input:focus,
.input-text-hastitle input:focus{
    border-color:#4aa0e3;
}

.input-text-hasicon .icon{
    color: #b5b6b6;
    display: block;
    font-size: 1.625em;
    height: 1.625em;
    left: 0.4375em;
    line-height: 1.5em;
    position: absolute;
    top: 0.875em;
    width: 1.625em;
    z-index: 2
}
.input-checkbox{
    position:relative;
    vertical-align:top;
    display:inline-block;
    *display:inline;
    *zoom:1;    
    margin:0.625em 0;
    line-height:1.125em;
    height:1.125em;
    padding:0.1875em 0 0.1875em 1.375em;
    cursor:pointer;
}
.input-checkbox input{
    position:absolute;
    opacity:0;
    width:0;
    height:0;
}
.input-checkbox .icon{
    position:absolute;
    left:0;
    top:50%;
    display:block;
    font-size:1.125em;
    line-height:1;
    margin-top:-0.4375em;
}
.icon-checkoff{
    color:#4aa0e3;
}
.input-checkbox .icon-checkoff{
    /*text-indent:-9999em;
    width:14px;
    height:14px;
    border:1px solid #4aa0e3;
    left:0;*/
}
.icon-checkon{
    color:#4aa0e3;
}
.input-checkbox .icon-checkon {
    text-indent:-1px;
    text-align:left;
    margin-top:-0.375em;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    .input-checkbox .icon-checkon {
        margin-top:-0.5em;
    }
}
.form-checkboxLink a{
    vertical-align:top;
    display:inline-block;
    *display:inline;
    *zoom:1;  
    line-height:1em;  
    margin-top:0.625em;
    padding-top:0.2em;
}

label.error{
    color:#f00;
    display:block;
    padding:0.3125em 0.625em;
}
.input-text-hasicon label.error{
    padding-left:2.625em;
}
/**/
.input-select{
    border:1px solid #ccc;
    display:inline-block;
    *display:inline;
    *zoom:1;
    position:relative;
    line-height:1.2;
    font-size:0.875em;
}
.input-select select{
    border:none;
    background-color:transparent;
    color:#666;
    opacity:0;   
    filter:alpha(opacity:0); 
    padding:0 0.625em; 
    position:relative;
    z-index:3;
    width:100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    white-space:nowrap;
    overflow:hidden;
    height:3.5em;
}
.input-select .select-value{
    position:absolute;
    z-index:1;
    top:0;
    left:0;
    padding:0.75em 1.875em 0 0.625em; 
    color:#666;
    display:block;
    width:100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    height:2.6429em;
}
.input-select .select-value em{
    position:absolute;
    z-index:1;
    right:0.625em;
    top:50%;
    border-width:8px;
    border-style:solid;
    border-color:#999 transparent transparent transparent;
    margin-top:-5px;
}
.input-radio input {
    position: absolute;
    visibility: hidden;
}
/*#endregion*/
/*#region ui-popup*/
.ui-popup{
    position:absolute;
    border:0.625em solid #000;
    border:0.625em  solid rgba(0,0,0,0.3);
    color:#333;
    padding:0.625em ;
    border-radius:0.4375em;
    z-index:2000;
    text-align:center;
    background-color:#ededed;
    padding:1.875em 1.25em;
    font-size:1.125em;
    display:inline-block;
    *display:inline;
    *zoom:1;
}
.ui-alertPopup{
    position:absolute;
    position:fixed; 
    z-index:2000;
    top:50%;
    left:50%;
    visibility:hidden;
    box-shadow:none;
    background-color:#fff;
    border-radius:0.5em;
    max-width:25em;
    width:60%;
}
.ui-alertContent{
    color: #505050;
    font-size: 1.5em;
    padding: 1.5em 0.625em;
    text-align: center;
}
.ui-alertBtn{
    text-align:center;
    border-bottom-left-radius:inherit;
    border-bottom-right-radius:inherit;
}
.ui-alertBtn a{
    display:block;
    font-size: 1.25em;
    height: 2.75em;
    line-height: 2.75em;
    text-align: center;
    border-bottom-left-radius:inherit;
    border-bottom-right-radius:inherit;
}
.ui-confirmPopup{
    position:absolute;
    position:fixed;
    border:0.625em solid #000;
    border:0.625em solid rgba(0,0,0,0.3);
    border-radius:0.625em;    
    z-index:2000;
    top:50%;
    left:50%;
    background-color:#fff;
    visibility:hidden;
}
.ui-confirmContent{
    min-width:21.25em;
    background-color:#ededed;
    padding:3.33em 0.625em;
    text-align:center;
    color:#333;
    font-size:1.5em;
}
.ui-confirmBtns{
    padding:20px 0;
    text-align:center;
}
.ui-confirmBtns a{
    display:inline-block;
    vertical-align:middle;
    *display:inline;
    *zoom:1;
    width:7.5em;
    height:2.1875em;
    line-height:2.1875em;
    border-radius:0.3125em;
    text-align:center;
    font-size:0.875em;
    margin:0 3.125em;
}
.btn-cacel,
.btn-cacel:hover{
    border:1px solid #ddd;
    color:#333;
    background-color:#fff;
}
.btn-sure,
.btn-sure:hover{
    border:1px solid #4aa0e3;
    color:#fff;
    background-color:#4aa0e3;
}
.btn-warn,
.btn-warn:hover{
    border:1px solid #4aa0e3;
    color:#fff;
    background-color:#4aa0e3;
}
@media screen and (max-width:580px) {
    .ui-alertPopup{
        width:90%;
    }
    .ui-alertBtn a{
        font-size: 1em;
    }
}
/*#endregion*/
 
.homeBlock {
    margin: 0 auto;
    max-width: 75em;
    position: relative;
    padding:3.125em 1em 0 1em;
}
.Block_title{
    padding:0.5em 1em;
}
.Block_title .hint-icon{
    position:relative;
    max-width:26.25em;
    margin:0 auto;
    overflow:hidden;
    text-align:center;
}
.Block_title .hint-icon:before{
    content:' ';
    border-top:1px solid #d8d8d8;
    display:block;
    position:absolute;
    left:0;
    right:50%;
    margin-right:2em;
    top:50%;
    z-index:1;
}
.Block_title .hint-icon:after{
    content:' ';
    border-top:1px solid #d8d8d8;
    display:block;
    position:absolute;
    right:0;
    left:50%;
    margin-left:2em;
    top:50%;
    z-index:1;
}
.Block_title .hint-icon em{
    color:#4aa0e3;
    font-size:1.8em;
    line-height:1.2em;
    vertical-align: top;
    position:relative;
    padding:0 1em;
    display:block;
    display:inline-block;
    *display:inline;
    *zoom:1;
    z-index:2;
}
.Block_title h2{
    font-size:1.5625em;
    color:#535353;
    text-align:center;
    padding-bottom:1.5em;
    padding-top:0.25em;
}
.homeBlock .Block_mid{
    padding:2.5em 13% 0 16%;
    position:relative;
}
.homeBlock .Block_mid .Block_info{
    background-color:#fff;
    position:relative;
    z-index:5;
    padding:2.5em 7% 2.375em 14.55%;
}
.homeBlock .Block_mid .Block_info .Block_text{
    color: #5a5a5a;
    font-size: 1em;
    text-indent: 2em;
    line-height: 2em;
    padding-bottom:5em;
}
.homeBlock .Block_mid .Btn-more {
    text-align:center;
}
.homeBlock .Block_mid .left_img {
    left: 0;
    position: absolute;
    top: 5.5em;
    width: 21.67%;
    z-index: 6;
}
.homeBlock .Block_mid .border{    
    border:1px solid #4aa0e3;
    position:absolute;
    right:0;
    top:0;
    z-index:1;
    left:48%;
    bottom:30%;
}
.homeBlockFull{
    margin: 5.5em 0 0;
}
.homeBlockFull .Block2{
    width:50%;   
    position: relative;
    float: left;
    background-position: center center;
    background-repeat:no-repeat;
    background-size:cover;
}
.homeBlockFull .Block2_left {
    background-image: url('../images/bg1.jpg');
}
.homeBlockFull .Block2_right{
    background-image: url('../images/bg2.jpg');
}
.homeBlockFull .Block2 .changai_mid {
    border-left:1px solid #fff;
    display:block;
    padding-bottom:55%;
    position:relative;
    text-align:center;
    height:0;
}
.homeBlockFull .Block2:first-child .changai_mid{
    border-left-color:transparent;
}
.homeBlockFull .Block2 .changai_midMain{
    position:absolute;
    left:0;
    right:0;
    top:50%;
    text-align:center;
    margin-top:-5.1875em;
} 
.homeBlockFull .Block2 .changai_mid .Block2_title {
    border: 1px solid #fff;
    color: #fff;
    font-size:3.125em;
    font-weight: bold;
    line-height: 1.9888em;
    padding:0 1.5em;
    text-align: center;
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:top;
}
.homeBlockFull .changai_mid .Btn2_more {
    padding: 1.625em 0 0;
    text-align: center;
}
.homeBlock2{
    padding:3.125em 1em 0 1em;
}
.Block3{
    max-width:75em;
    margin:0 auto;
}
.Block3 .Block3_left{
    float: left;
    position: relative;
    width:50%;
    text-align:right;
}
.Block3 .Block3_left .left_img{
    display:block;
    position:relative;
    z-index:2;
    padding:5em 0 0 4.0625em;
}
.Block3 .Block3_left .left_img img{
    display:block;
    width:100%;
}
.Block3 .Block3_left .border {
    border: 1px solid #4aa0e3;
    position: absolute;
    left: 0;
    top: 1.875em;
    right:4.0625em;
    bottom:3.125em;
    z-index:1;
}
.Block3 .Block3_left h3 {
    background-color: #fff;
    border-radius: 2em;
    color: #70b4a9;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size:1.25em;
    font-weight:400;
    height:2.8em;
    line-height: 2.8em;
    padding: 0 2.75em;
    position:absolute;
    right:6em;
    top:0;
    z-index:2;
}
.Block3 .Block3_right{
    float: right;
    position: relative;
    width: 50%;
}
.Block3 .Block3_rightMain{
    padding:5em 12% 0 2.25em;
}
.Block3 .Block3_right .info-link {
    font-size:1.25em;
}
.Block3 .Block3_right .Block_text{
    padding-top:1em;
    line-height:2;
    padding-bottom:2em;
}
.Block3 .Block3_right  .Btn-more{
    text-align:left;
    padding-left:2em;
}
.Block3 .Block3_right  .Btn-more a {
    display:inline-block;
    *display:inline;
    *zoom:1;
    width:auto;
    padding:0 3em;
}

.Block4 {
    background: url('../images/bg3.jpg') no-repeat center center;
    background-size:cover;
    margin: 5.5em 0 0;
    padding:1em 0 0 0;
}
.Block4 .Block_title .hint-icon em,
.Block4 .Block_title h2{
    color:#fff;
}
.newsList {
    max-width:77.5em;
    margin:0 auto;
}
.newsList li{
    float:left;
    width:50%;
}
.newsList .newsItem{
    display:block;
    margin:1.25em;
    position:relative;
    padding:0 2em 0 11.875em;
    height:10em;
    background-color:#ececec;
}
.newsList .news-img,
.newsList .news-date{
    position:absolute;
    width:10em;
    height:10em;
    top:0;
    left:0;
    z-index:1;
}
.newsList .news-date{
    z-index:2;
    background-color: #4aa0e3;
    color: #fff;    
    transition: all .6s cubic-bezier(.215, .61, .355, 1);
    -moz-transition:all .6s cubic-bezier(.215, .61, .355, 1);
    -webkit-transition:all .6s cubic-bezier(.215, .61, .355, 1);
    -o-transition:all .6s cubic-bezier(.215, .61, .355, 1);
    opacity: 0;
    filter:alpha(opacity=0);       
}
.newsList a:hover .news-date {
    filter: alpha(opacity=100);
    opacity: 1;
}
.newsList .news-date p{
    font-size: 2.1875em;
    line-height: 1.2;
    font-weight: bold;
    padding-top: 1em;
    padding-left:0.75em;
}
.newsList .news-title {
    font-size: 1.25em;
    padding: 1.25em 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.newsList .news-intro{
    color: #787878;
    font-size: 0.75em;
    line-height: 2;
    height:4em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all;
    overflow: hidden;
}
.Block4 .Btn-more{
    text-align:center;
    padding:3em 0;
}
.Block5{
    max-width:79.375em;
    margin:0 auto;
    padding:4em 0 0 0;
}
.userList li{
    float:left;
    width:33.33%;
}
.userList .userItem{
    margin:2.1875em;
    padding-top:3.875em;
    position:relative;
}
.userList .user-img{
    border:1px solid #b0b0b0;
    border-bottom:none;
    height:3.4375em;
}
.userList .user-img img {
    border-radius: 50%;
    background:#f4f4f4;
    height:9.375em;
    width:9.375em;
    padding:0.3125em;
    position:absolute;
    z-index:20;
    left:50%;
    margin-left:-5em;
    top:0;
}
.userList .user-info{
    background:#fff;
    padding:3.75em 1.25em 3em 1.25em;
}
.userList .user-baseInfo{
    text-align:justify;
}
.userList .user-baseInfo:after{
    content:' ';
    display:inline-block;
    *display: inline;
    *zoom: 1;
    width:100%;
    height:1.5em;
    overflow:hidden;
    vertical-align:top;
}
.userList .user-post,
.userList .user-age{    
    color: #3d3d3d;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 0.875em;
    height: 2.5em;
    line-height: 2.5em;   
    vertical-align:top;
}
.userList .user-age{
    width:3.5em;
}
.userList .user-name {
    border-radius:1.25em;
    height: 2.5em;
    line-height: 2.5em;
    background-color: #4aa0e3;
    color: #fff;
    font-size:1em;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align:center;
    width: 5.5em;
    font-size: 0.875em;
    vertical-align:top;
}
.userList .user-describe {
    color: #6c6c6c;
    font-size:0.875em;
    line-height:1.8;
}
.userList .user-describe a{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align:middle;
}
.Block6{
    background: url('../images/bg4.jpg') no-repeat center center;
    background-size:cover;
    padding:2em 1em 3em 1em;
    margin:3em 0 0 0;
}
.Block6 .Block_title em,
.Block6 .Block_title h2{
    color:#fff;
}
.Block6 .Block_mid{
    max-width:75em;
    margin:0 auto;
}
.Block6 .Block_mid .contact_left{
    float:left;
    width:50%;
}
.contact_left .contact_leftMain{
    padding-right:3.75em;
}
.contact_left .input-text input{
    background:transparent;
    padding: 1em 0.625em 1.1em 3.125em;
    color: #fff;
}
.contact_left .input-text  input::-moz-placeholder ,
.contact_left .input-text  textarea::-moz-placeholder { color:#fff; }
.contact_left .input-text  input:-webkit-input-placeholder,
.contact_left .input-text  textarea:-webkit-input-placeholder { color:#fff; } 
.contact_left .input-text  input:-moz-placeholder, 
.contact_left .input-text  textarea:-moz-placeholder{ color:#fff; } 
.contact_left .input-text-hasicon .icon {
    color: #fff;
}
.contact_left .input-text textarea {
    background-color: transparent;
    border: 1px solid #e6e6e6;
    color: #fff;
    font-size: 0.875em;
    height: 9.375em;
    padding: 1em 0.625em 1.1em 43px;
    width: 100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
}
.contact_left .Submit_01{
    margin:2em auto;
}
.contact_right {    
    float: right;    
    padding-top: 1.25em;
    width: 50%;
}
.contact_right .contact_rightMain{
    background: #000;
    background-color:rgba(0,0,0,.55);
    color: #fff;
    padding:2.8125em;
    margin-left:3.75em;
}
.contact_right .contact_right_addre div {
    display: none;
}
.contact_right .contact_right-top{
    margin:0 -1.5em;
}
.contact_right-top a {
    color: #656968;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size:1em;
    height: 2.5em;
    line-height: 2.5em;
    padding: 0 1.5em;
    vertical-align:top;
}
.contact_right-top a:hover, .contact_right-top a.active {
    background-color: #4aa0e3;
    border-radius:1.25em;
    color: #fff;
}
.contact_right_addre {
    padding: 0.625em 0 0;
}
.contact_right_addre ul li {
    margin: 2.25em 0 0;
    padding: 0 0 0 5.625em;
    position:relative;
}
.contact_right_addre ul li span {
    color: #fff;
    font-size:1em;
    line-height:1.6875em;
    display:block;
}
.contact_right_addre ul li em {
    border-right: 3px solid #fff;
    font-size: 2.5em;
    left: 0;
    line-height: 1.5em;
    padding-right: 0.65em;
    position: absolute;
    top: 0;
}
@media screen and (max-width:950px) {
    .homeBlockFull .Block2 .changai_mid .Block2_title {
        font-size:1.5625em;
    }
    .homeBlockFull .Block2 .changai_midMain{
        margin-top:-3.625em;
    } 
    .Block3{
        background-color:#fff;
    }
    .Block3 .Block3_left{
        float: none;
        width:100%;
    }
    .Block3 .Block3_left .left_img{
        padding:0;
    }
    .Block3 .Block3_left .border {
        display:none;
    }
    .Block3 .Block3_left h3 {
        display:none;
    }
    .Block3 .Block3_right{
        float: none;
        width: 100%;
    }
    .Block3 .Block3_rightMain{
        padding:0.7em 0.7em 1.25em 0.7em;
    }
    .Block3 .Block3_right .Block_text{
        padding-bottom:1.25em;
    }
    .Block3 .Block3_right  .Btn-more{
        text-align:center;
        padding-left:0;
    }
    .homeBlock2 .swiper-button-prev, 
    .homeBlock2 .swiper-button-next {
        margin-top: 0;
        top:25%;
    }
    .Block5{
        padding-top:1em;
    }
    .Block5 .Block_title h2{
        padding-bottom:0;
    }
    .userList li{
        float:none;
        width:100%;
    }
    .userList .userItem{
        margin:1em 0.7em;
        background-color:#fff;
        position:relative;
        padding-top:0;
    }
    .userList .user-img{
        border:none;
        height:6em;
        position:relative;
        z-index:1;
    }
    .userList .user-img img {
        left:0.5em;
        margin-left:0;
        top:0.5em;
        height:4.6875em;
        width:4.6875em;
        padding:0.15625em;
    }
    .userList .user-info{       
        padding:0 1.25em 1em 1.25em;
    }
    .userList .user-baseInfo{
        position:absolute;
        left:6em;
        top:2em;
        right:0;
        z-index:2;
    }
    .userList .user-describe {
        color: #6c6c6c;
        font-size:0.875em;
        line-height:1.8;
    }
    .Block6{
        padding:2em 0 0 0;
    }
    .Block6 .Block_title h2{
        padding-bottom:0.5em;
    }
    .Block6 .Block_mid .contact_left{
        float:none;
        width:100%;
    }
    .contact_left .contact_leftMain{
        padding:0 1em;
    }
    .contact_right {    
        float: none;
        width: 100%;
        background-color:#f7f7f7;
    }
    .contact_right .contact_rightMain{
        background-color:transparent;
        color: #656968;
        padding:2.8125em;
        margin-left:0;
    }
    .contact_right_addre ul li span {
        color: #656968;
    }
    .contact_right_addre ul li em {
        border-right: 3px solid #656968;
    }
}
@media screen and (max-width:760px) {
    .homeBlock {
        padding:1.40625em 0.7em 0.7em 0.7em;
    }
    .homeBlock .Block_title{
        padding:0.5em 1em;
        position:absolute;
        z-index:6;
        top:1.875em;
        right:0.7em;
        left:5.5em;
    }
    .Block_title .hint-icon em{
        line-height:1em;
    }
    .Block_title h2{
        font-size:1em;
    }
    .homeBlock .Block_title h2{
        padding-bottom:0;
        padding-top:0;
    }
    .homeBlock .Block_mid{
        padding:5em 0.7em 1.5em 0.7em;
        position:relative;
        background-color:#fff;
        z-index:1;
    }
    .homeBlock .Block_mid .Block_info{
        padding:0;
    }
    .homeBlock .Block_mid .Block_info .Block_text{
        padding-bottom:1.5em;
        font-size:0.875em;
    }
    .homeBlock .Block_mid .left_img {
        left: 0;
        top: 0;
        width: 4.75em;
    }
    .homeBlock .Block_mid .border{    
        display:none;
    }
    .homeBlockFull{
        margin:0;
    }
    .homeBlockFull .Block2{
        width:100%;   
        float: none;
    }
    .homeBlockFull .Block2 .changai_mid{
        border-left:none;
    }
    .Block3 .Block3_right .info-link{
        font-size:1em;
    }
    .Block3 .Block3_right .Block_text{
        font-size:0.875em;
    }
    .Block4 .Block_title h2{
        padding-bottom:0;
    }
    .newsList li{
        float:none;
        width:100%;
    }
    .newsList .newsItem{
        margin:1em;
        background-color:#fff;
    }
    .Block4 .Btn-more{
        padding:1em 0 2em 0;
    }
}
@media screen and (max-width:500px) {
    .newsList .newsItem{
        display:block;
        margin:0.5em 1em;
        padding:0 0.7em 0 5.75em;
        height:5em;
    }
    .newsList .news-img,
    .newsList .news-date{
        width:5em;
        height:5em;
    }
    .newsList .news-date p{
        font-size: 1em;
        padding-top: 1.25em;
        padding-left:1em;
    }
    .newsList .news-title {
        font-size: 1em;
        padding: 0.7em 0 0.3em 0;
    }
    .newsList .news-intro{
        line-height:1.5;
        height:3em;
    }
    .Block4 .Btn-more{
        padding:1em 0;
    }
    .contact_left .input-text textarea{
        height:6em;
    }
    .contact_right .contact_rightMain{
        padding:0.5em 1.5em 1.5em 1.5em;
    }
    .contact_right .contact_right-top{
        margin:0 -0.5em;
    }
    .contact_right-top a{
        font-size:0.875em;
        padding:0 1em;
    }
    .contact_right_addre{
        padding:0;
    }
    .contact_right_addre ul li{
        margin-top:1.5625em;
        padding-left:4em;
    }
    .contact_right_addre ul li em{
        font-size:2em;
        padding-right:0.3125em;
    }
    .contact_right_addre ul li span{
        font-size:0.875em;
    }
}
/*#endregion*/
 
.register-Block{
    max-width:75em;
    margin:5.1875em auto;
    background-color: #fff;
}
.register-Block .register-img{
    float: left;
    width:23.75em;
}
.register-Block .register-form{    
    margin-left:23.75em;
    padding:1em;    
}
.register-Block .register-form .form-content{
    max-width:28.75em;
    margin:0 auto;
    padding-top:1.5em;
}
.register-form  .input-text input{
    border:none;
    border-bottom:1px solid #d2d2d2;
}
.register-form .input-text-hasicon .icon{
    font-size: 1.625em;
    height: 1.25em;
    left: 0.2em;
    line-height: 1.5em;
    top: 0.7em;
    width: 1.25em;
}
.register-form .input-text-hasicon .icon.phone-1{
    font-size: 1.875em;
    left: 0.05em;
    top: 0.5em;
}
.register-form  .input-text,.register-form button {
    margin-top: 1.25em;
}
.mask{
    background-color:#000;
    filter:alpha(opacity=58);
    opacity:0.58;
    position:absolute;
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    z-index:1000;
    display:none;
}
.agreementPopup{
    position:absolute;
    position:fixed;
    left:50%;
    top:50%;
    z-index:1010;
    display:none;
    background:#fff;    
}
.agreementPopup{
    width:52.5em;
    height:20em;
    margin:-14.3125em 0 0 -26.25em;
    background:#ededed;
    border-radius: 1.25em;
    padding:3.375em 0 5.25em 0;
}
.agreementPopup-hd{
    font-size:1.125em;
    font-weight:400;
    color:#615d5d;
    height:1.25em;
    padding:0.875em 1.875em;
    line-height:1.25em;
    text-align:left;
    position:absolute;
    top:0;
    left:0;
    right:0;
    z-index:2;
    background-color:#fff;
    border-top-left-radius:inherit;
    border-top-right-radius:inherit;
}
.agreementPopup-close{
    position:absolute;
    font-size:0.875em;
    font-weight:bold;
    height:1.125em;
    z-index:10;
    right:1.5em;
    top:1.5em;
    display:block;
    z-index:3;
}
.close-icon{
    font-size:1.25em;
}
.agreementBox{
    position:absolute;
    overflow-x:hidden;
    overflow-y:auto;
    background-color:#ededed;
    padding:1.875em;
    top:3.375em;
    bottom:5.25em;
    left:0;
    right:0;
    z-index:1;
}
.agreementItem{
    font-size:0.875em;
}

.agreementItem > dl > dd {
    text-indent: 2em;
    font-size:1em;
    line-height:1.875em;
    padding-bottom:1em;
}
.agreementPopup-ft {
    height:5.25em;
    text-align: center;
    background-color:#fff;
    position:absolute;
    z-index:2;
    left:0;
    right:0;
    bottom:0;
    border-bottom-left-radius:inherit;
    border-bottom-right-radius:inherit;
}
.agreementPopup-ft a {
    margin: 1em auto 0;
    width: 8.75em;
}
@media screen and (max-width:900px) {
    .register-Block{
        margin:0 auto;
    }
    .register-Block .register-img{
        display:none;
    }
    .register-Block .register-form{    
        margin-left:0;   
        padding-bottom:3em;
    }
    .register-Block .register-form label.error{
        font-size:0.75em;
    }
    .agreementPopup{
        width:auto;
        height:auto;
        margin:0;
        left:1em;
        right:1em;
        top:1em;
        bottom:1em;
    }
}
/*#endregion*/
 
.login-img{
    margin:3em auto 0;
    display:block;
}
.loginForm-link{
    font-size:1em;
    padding: 1em 0 0 0;
    text-align:justify;
    line-height:2;
}
.loginForm-link:after{
    content:' ';
    display:inline-block;
    *display:inline;
    *zoom:1;
    width:100%;
    height:1.5em;
}
.loginForm-link a{
    display:inline-block;
    *display:inline;
    *zoom:1;
}
.register-form button.forgetpswSub{
    margin-top:5em;
}
.ui-alertContent .icon{
    font-size:6.25em;
    color:#4aa0e3;
}
.maskhint_info{
    font-size:1.625em;
    line-height: 2;
}
@media screen and (max-width:900px) {
    .ui-alertContent .icon{
        font-size:4.25em;
    }
    .maskhint_info{
        font-size:1em;
    }
}
/*#endregion*/

 
.paging{
    padding:1.5625em 0;
    text-align:center;
}
.paging .page-prev,
.paging .page,
.paging .page-next,
.paging .page-long{
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:middle;
    width:2.5em;
    height:2.5em;
    border:1px solid #e5e5e5;
    text-align:center;
    line-height:2.5em;
    font-size:0.875em;
    margin:0 0.3125em;
    background-color:#fff;
}
.paging .page-prev,
.paging .page-next{
    font-family:"SimSun";
    font-weight:bold;
}
.paging .page-long{
    width:4em;
}
.paging .active{
    background-color:#4aa0e3;
    border-color:#4aa0e3;
    color:#fff;
}
.paging .disable,
.paging .disable:hover{
    opacity:0.5;
    filter:alpha(opacity=50);
    cursor:default;
    color:#666;
}
/*#endregion*/

 
.banner3 {
    height:0;
    padding-bottom:9%;
    background: #43acb0 url('imgs/banner15.jpg') no-repeat center center;
    background-size:cover;
}
.memberPage{
    position:relative;
    max-width:75em;
    margin: 5em auto;
}
.memberPage .col-main { 
    float:left; 
    width:100%;   
}
.memberPage .col-main .main-wrap {
    margin-left:15.625em;
    background-color:#fff;
    min-height:45.5em;
}
.memberPage .col-sub { 
    float:left; 
    width:15.625em;
    margin-left:-100%;
    box-shadow: 0 0.9375em 1.875em rgba(0, 0, 0, 0.1);
    -webkit-box-shadow:0 0.9375em 1.875em rgba(0, 0, 0, 0.1);
    -moz-box-shadow:0 0.9375em 1.875em rgba(0, 0, 0, 0.1);
    -ms-box-shadow:0 0.9375em 1.875em rgba(0, 0, 0, 0.1);
    -o-box-shadow:0 0.9375em 1.875em rgba(0, 0, 0, 0.1);
    background-color: #fff;
    padding: 0 0 2.5em;
}
.memberLeftNavs li {
    padding: 0 0 0 6.5625em;
    position:relative;
    transition-duration: 0.3s;
}
.memberLeftNavs  li a {
    display:block;
    font-size: 1em;
    height:5.375em;
    line-height:5.375em;
    text-align:left;
}
.memberLeftNavs .leftNavs-tltle {
    height: 5.375em;
    padding: 0 0 0 2.5em;
    background: url('imgs/u3.jpg') no-repeat center center;
}
.memberLeftNavs .leftNavs-tltle h2{
    font-size:1.5em;
    color:#fff;
    line-height:3.5em;
}
.memberLeftNavs .memberLeftNav-icon{
    display:block;
    width:2.8125em;
    height:2.8125em;
    color:#fff;
    background-color:#e0b97b;
    border-radius:50%;
    position:absolute;
    top:1.25em;
    left:2.5em;
}
.memberLeftNavs .memberLeftNav-icon span{
    font-size: 1.6em;
    left: 0;
    line-height: 1;
    position: absolute;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    right: 0;
    text-align: center;
    top: 50%;
} 
.memberLeftNavs .u2 .memberLeftNav-icon{
    background-color:#a3a3a3;
}
.memberLeftNavs .u3 .memberLeftNav-icon{
    background-color:#76aed9;
}
.memberLeftNavs .u4 .memberLeftNav-icon{
    background-color:#82d1be;
}
.memberLeftNavs .u5 .memberLeftNav-icon{
    background-color:#d17b7b;
}
.memberLeftNavs .u6 .memberLeftNav-icon{
    background-color:#848bd0;
}
.memberLeftNavs .u7 .memberLeftNav-icon{
    background-color:#ce7cc3;
}
.memberLeftNavs li.leftNavs-li:hover, .memberLeftNavs li.leftNavs-li.active {
    width: 9.375em;
    background-position: 2.375em center;
    padding-left:5.8125em;
    background-color: #f2f2f2;
    color: #4aa0e3;
    border-left: 7px #4aa0e3 solid;
}

.memberPage-main .user-info{
    padding:3.875em 6em 5.3125em  23.5em;
    position:relative;
    height:12.375em;
    border-bottom:1px #c8c8c8 solid;
    z-index:2;
}
.memberPage-main .user-info .userImg{
    position:absolute;
    left:6em;
    top:3.875em;
    width:10.4375em;
    height:10.4375em;
    border-radius:50%;
}
.personData li{
    font-size:1.25em;
    line-height: 1.875em;
}
.personData-event{
    width:4.5625em;
    font-size:1.125em;
    padding-left:1.5em;
    position:absolute;
    right:1.875em;
    top:3.65em;
    color:#8d8d8d;
}
.personData-event .icon{
    font-size: 1.25em;
    left: 0;
    line-height: 1.25em;
    position: absolute;
    top: 0;
}
.person-Listclass{
    padding:3.5em 1.875em 0;
}
.person-Listclass .Listclass li{
    width:33.3%;
    float:left;
    text-align:center;
}
.person-Listclass .Listclass li a {
    color: #666;
    font-size:0.875em;
}
.person-Listclass .Listclass li a span{
    display:block;
    font-size: 3.375em;
}
.person-Listclass .Listclass li a span.s1 {
    color: #e1a169;
}
.person-Listclass .Listclass li a span.s2 {
    color: #e167af;
}
.person-Listclass .Listclass li a span.s3 {
    color: #76aed9;
}
.person_footer{
    padding-top:4em;
    text-align: center;
}
.person_footer a {
    background: url("imgs/u18.png") no-repeat center center;
    display:inline-block;
    *display:inline;
    *zoom:1;
    color: #fff;
    cursor: pointer;
    font-size:0.875em;
    height: 3.125em;
    width:8.75em;
    text-align:center;
    line-height:2.875em;
}
.input-file {
    border-radius: 0.3125em;
    cursor: pointer;
    font-size: 0.875em;
    height: 2.375em;
    line-height: 2.375em;
    padding: 0;
    position: relative;
    width: 7.25em;
    margin: 2em 0;
}
.personImg-event.input-file input {
    width:100%;
}
.memberPage input {
    background-color: transparent;
}
.input-file input {
    bottom: 0;
    cursor: pointer;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}

.memberPage-main .user-info.edit {
    border-bottom:none;
    height:6.5em;
}
.person-Listclass{
    margin: 0 auto;
    padding: 3em 1.875em 0;
    position:relative;
}
.person-Listclass2{
    margin: 0 auto;
    padding: 0;
    width:44.375em;
    position:relative;
}
.person-Listclass .personData li {
    float: left;
    position: relative;
    width:16em;
    padding-right:3.2em;
}
.person-Listclass .personData li.right{
    padding-right:0;
}
.personData .input-select{
    width:15.9em;
    margin-top: 1.25em;
    padding-top:0;
}
.personData .input-select .select-value{
    color: #333;
    font-size: 0.875em;
    line-height: 1em;
}
.person-Listclass .personData-event2 {
    margin: 0 auto;
    padding: 4em 0;
    width: 12em;
}
.memberPage-main .memberPage-title{
    background:#a3a3a3;
    color: #fff;
    font-size: 1.375em;
    height: 3.9em;
    line-height: 4em;
    text-align: center;
    width: 100%;
}
.forgetForm {
    margin: 0 auto;
    padding:5em 0;
    max-width:22.5em;
}
.forgetForm button {
    margin: 3.125em 0 0 5.9375em;
    width: 12.5em;
}
.couponList{
    margin: 0 auto;
    max-width:46.25em;
    padding:3em 0 1em 0;
}
.couponList li {
    float: left;
    width:50%;
}
.couponList .couponItem{
    position:relative;
    margin:1.5625em;
    background-color:#4aa0e3;
    color:#fff;
    text-align:center;
}
.couponList .couponItem.c1{
    background-color:#ed8000;
}
.couponList .couponItem.c2{
    background-color:#72d2d3;
}
.couponList .couponItem.c3{
    background-color:#72d38d;
}
.couponList .couponItem.c4{
    background-color:#d372cb;
}
.couponList .coupon-title {
    background-color:#000;
    filter:alpha(opacity=30);
    background-color:rgba(0,0,0,0.3);
    font-size:0.875em;
    height:3.75em;
    line-height:3.75em;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.couponList .coupon-money {
    font-size: 1.875em;
    line-height: 2;
}
.couponList .coupon-info{
    font-size: 0.875em;
    line-height:1.4;
    height:2.8em;
    overflow: hidden;
}
.couponList .coupon-time {
    font-size: 0.875em;
    padding-bottom:1em;
}
.memberPage-main .paging{
    padding-bottom:4em;
}
@media screen and (max-width:950px) {
    .bannerH{
        display:none;
    }
    .banner3{
        padding:0;
        height:5em;
    }
    .memberPage{
        margin:0;
        min-height:25.5em;
    }
    .memberPage .col-sub{
        display:none;
    }
    .memberPage .col-main .main-wrap{
        margin-left:0;
        min-height:inherit;
    }

    .memberPage-main .user-info{
        padding:4em 2em 2em 2em;
        text-align:center;
        height:auto;
    }
    .memberPage-main .user-info .userImg{
        left:50%;
        top:-3.125em;
        margin-left:-3.125em;
        width:6.25em;
        height:6.25em;
    }
    .memberPage-main .user-info .personData{
        display:inline-block;
        *display:inline;
        *zoom:1;
        text-align:left;
        padding-bottom:2em;
    }   
    .personData li{
        font-size:1em;
    } 
    .personData-event{
        position:relative;
        top:0;
        left:0;
        margin:0 auto;
    }
    .person-Listclass{
        padding:1em;
    }
    .person-Listclass .Listclass li{
        float:none;
        width:100%;
        text-align:left;
        padding:0.5em 0;
    }
    .person-Listclass .Listclass li a{
        display:block;
        position:relative;
        padding-right:50%;
        line-height:2;
    }
    .person-Listclass .Listclass li a span{
        position:absolute;
        right:0;
        line-height:1;
        margin-top:-0.5em;
        font-size: 2.1875em;
        top:50%;
    }
    .person_footer{
        display:none;
    }
    .input-file{
        margin:0.5em auto 1em;
    }
    .memberPage-main .user-info.edit{
        height:auto;
        padding-bottom:0;
    }
    .person-Listclass2{
        padding:1em;
        width:auto;
    }
    .personData .input-select{
        width:100%;
    }
    .person-Listclass .personData li{
        float:none;
        width:100%;
        padding:0;
    }
    .person-Listclass .personData-event2{
        max-width:100%;
        padding:2em 0;
    }
    .memberPage-main .memberPage-title{
        line-height:2.5;
        height:auto;
    }
    .forgetForm {
        padding:2em 1em;
    }
    .forgetForm button{
        max-width:100%;
        margin:3.125em auto 0;
    }
}
@media screen and (max-width:700px) {
    .couponList{
        padding:1em 1em 0 1em;
    }
    .couponList li {
        float: none;
        width:100%;
    }
    .couponList .couponItem {
        margin:0 0 1em 0;
    }
    .memberPage-main .paging{
        padding-bottom:2em;
    }
}
/*#endregion*/
 
.address-empty{
    text-align:center;
    padding:13em 1em;
}
.address-empty .address_title{
    font-size:1.375em;
    color:#7e7e7e;
    padding: 0 0 3em;
}
.address-empty .btn-empty{
    margin:0 auto;
}
.addressFormBox_01{
    max-width:30em;
    margin:0 auto;
    position:relative;
    padding:4em 1em;
}
.addressFormBox_01 .form-checkboxLink{
    padding-top:2em;
    float:left;
}
.addressFormBox_01 .selectInps{
    margin-right:-0.875em;
}
.addressFormBox_01 .selectInps li{
    float:left;
    width:33.33%;
    min-width:6em;
    padding:1.25em 0.875em 0 0;
    -webit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
}
.addressFormBox_01 .selectInps .input-select{
    width:100%;
    -webit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
}
.addressFormBox_01 .input-text input {
    background: transparent;
    color: #666;
    padding:0.75em 0.625em 0.75em 3.125em;
}
.addressForm-event .btn_address-two {
    margin-left: 1em;
    width: 8.75em;
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:top;
}
.addressForm-event{
    text-align:right;
    float:right;
    padding-top:2em;
}
.addressList{
    padding:1.875em;
}
.addressList li {
    border: 1px solid #ddd;
    margin-bottom:0.625em;
    padding:0.9375em 9em 0.9375em 0.9375em;
    position: relative;
    min-height:3.0625em;
}
.addressList li.active {
    border: 1px solid #4aa0e3;
}
.addressList .address-man {
    padding-right:0.625em;
    white-space: nowrap;
    min-width:5em;
}
.addressList .address-phone {
    padding: 0 2em 0 0;
}
.addressList .address-man, 
.addressList .address-phone, 
.addressList .address-default,
.addressList  .address-address {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
}
.addressList .address-event{
    text-align: right;
    position:absolute;
    right:0.9375em;
    top:0.6em;
    color:#8d8d8d;
}
.addressList .address-event a{
    display:inline-block;
    *display:inline;
    *zoom:1;
}
.addressList .address-event .address-set {
    padding-bottom:0.5em;
}
.addressList .address-event .address-set a{
    padding: 0.2em 0.4em;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
.addressList  .active .address-event .address-set a {
    background: #4aa0e3;
    border-radius: 0.4em;
    color: #fff;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 0.2em 0.4em;
}
.addressTips {
    padding:0 1.875em 3em 1.875em;
}
.addressTips p,.addressTips .btn-empty{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
}
.addressTips .btn-empty{
    margin-right:1em;
}
.addressList .address-event .address-btns{
    padding-right:1em;
}
@media screen and (max-width:500px) {
    .addressFormBox_01{
        padding:0 1em 2em 1em;
    }
    .addressFormBox_01 .selectInps{
        margin-right:0;
    }
    .addressFormBox_01 .selectInps li{
        float:none;
        width:100%;
        padding-right:0;
    }
    .addressFormBox_01 .form-checkboxLink{
        float:none;
        padding-top:1em;
    }
    .addressFormBox_01 .input-select{
        font-size:0.875em;
    }
    .addressForm-event{
        float:none;
        text-align:center;
        padding-top:0;
    }
    .addressForm-event .btn_address-two{
        width:100%;
        margin:1em 0 0 0;
        display:block;
    }
    .addressFormBox_01 label.error{
        font-size:0.75em;
    }
    .address-empty{
        padding:7em 0;
    }
    .address-empty .address_title{
        font-size:1em;
        padding: 0 0 2em;
    }
    .addressList{
        padding:0.7em;
        background-color:#ececec;
    }
    .addressList li{
        padding:0.7em;
        height:auto;
        background-color:#fff;
        border:none;
        font-size:0.875em;
    }
    .addressList li.active{
        border:none;
    }
    .addressList .address-man{
         position:relative;
         z-index:1;
         padding-right:7em;
     }
    .addressList .address-phone{
         position:absolute;
         z-index:2;
         top:0.7em;
         right:0.7em;
         padding:0;
     }
    .addressList .address-address{
        display:block;
        padding-top:0.5em;
    }
    .addressList .address-event{
        position:relative;
        top:0;
        right:0;
        padding-top:0.5em;
    }
    .addressList .address-event .address-set{
        display:inline-block;
        *display:inline;
        *zoom:1;
        padding-bottom:0;
        margin-right:1em;
    }    
    .addressList .active .address-event .address-set a {
        background-color:transparent;
        color: #4ba0e3;
    }
    .addressTips{
        background-color:#ececec;
        padding:0 1em 1em 1em;
        text-align:center;
    }
    .addressTips .btn-empty{
        margin:0;
    }
     .addressTips p{
        display:block;
        font-size:0.875em;
        padding-top:1em;
    }
}
/*#endregion*/
 
.orderSortNavs{
    border-bottom: 1px solid #ebebeb;
    padding:0 2em;
}
.orderSortNavs li {
    float: left;
    text-align: center;
    width:8em;
}
.orderSortNavs a {
    color: #555;
    display: block;
    font-size: 1em;
    padding: 1.7em 1em;
    border-top:0.3125em solid #fff;
    border-bottom:0.3125em solid #fff;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.orderSortNavs a:hover, 
.orderSortNavs a.active {
    border-bottom-color: #4aa0e3;
    color: #4aa0e3;
}
.noOrder {
    padding:10.625em 1em;
    text-align: center;
}
.noOrder .icon {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 3em;
    margin-right: 0.5em;
    vertical-align: middle;
}
.noOrder .noOrder-title {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size:1em;
    text-align: left;
    vertical-align: middle;
}
.orderList{
    padding:1em 2em;
}
.orderList li{
    padding:1em 0;
}
.orderList .orderItem{
    border:1px solid #e0e0e0;
    position:relative;
}
.orderList .order-baseInfo{
    min-height:3em;
    border-bottom:1px solid #e0e0e0;
    position:relative;
    padding:0 20em 0 1.25em;
    line-height:3em;
}
.orderList .order-status{
    color:#fd8803;
    font-size:1.125em;
}
.orderList .order-status.txt-blue {
    color: #4aa0e3;
}
.orderList .order-status.txt-gray{
    color:#9d9d9d;
}
.orderList .order-info{
    position:absolute;
    text-align:right;
    top:0;
    right:1em;
}
.orderList .order-num{   
    color:#696969;
    font-size:0.875em;
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:middle;
}
.orderList .order-date{
    font-size:0.875em;
    padding-left:1em;
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:middle;
}
.orderList .order-goods{
    display:block;
    position:relative;
    z-index:1;
    padding: 1.25em 16em 1.25em 7.5em;
    min-height:5em;
    border-bottom:1px solid #e0e0e0;
}
.orderList .order-goods .goods-img{
    width:5em;
    height:5em;
    border:1px solid #e0e0e0;
    border-radius:0.5em;
    position:absolute;
    left:1.25em;
    top:1.25em;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
}
.orderList .order-goods .goods-name{
    font-size:1.25em;
    color:#333;
    line-height: 2;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.orderList .order-goods .goods-price{
    font-size:1.125em;
    padding-top:0.7em;
    color:#6f6f6f;
}
.orderList .order-payInfo{
    position:absolute;
    z-index:2;
    top:4.75em;
    right:1em;
    text-align:right;
    height:4.5em;
    width:16em;
}
.orderList .order-lastPayTime{
    color: #d63939;
}
.orderList .order-payMoney{
    color: #6f6f6f;
    font-size: 1.125em;
    position:absolute;
    right:0;
    bottom:0;
}
.orderList .order-payMoney .money{
    font-size:1.5625em;
}
.orderList .order-btns{
    position:relative;
    text-align:right;
    padding:1em 1em 0.125em 7em;
}
.orderList .order-btns a{
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:middle;
    width:auto;
    min-width:8.75em;
    padding:1em;    
    height:3.2875em;
    margin-left:1em;
    margin-bottom:1em;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
}
.orderList a.btn-delete{
    font-size:1em;
    position:absolute;
    left:1.25em;
    top: 1em;
    color:#8d8d8d;
    width:auto;
    text-align:left;
    min-width:initial;
    padding-left:0;
    padding-right:0;
    margin:0;
}
.orderList a.btn-blue.btn-info{
    border:1px solid #4aa0e3;
    background:#fff;
    color:#4aa0e3;
}
.memberPage-hd{
    border-bottom: 1px solid #ebebeb;
    padding:0 3em;
    margin:0 2em;
    position:relative;
    height:5.375em;
    line-height:5.375em;
}
.memberPage-hdG{
    background-color:#a3a3a3;
    color:#fff;
    margin:0;
    padding:0 5em;
}
.memberPage-hd .memberPage-title2{
    text-align:center;
    color:#555;
    font-size:1.375em;
    line-height:inherit;
}
.memberPage-hdG .memberPage-title2{
    color:#fff;
}
.memberPage-hd .memberPage-back{
    position:absolute;
    left:0;
    top:50%;
    line-height:1;
    margin-top:-0.5em;
    font-size:1.125em;
}
.memberPage-hdG .memberPage-back{
    left:1.6em;
}
.logisticsBox{
    padding:2.625em 2em;
}
.logisticsBox .logisticsInfos,
.logisticsBox .logisticsSteps{
    float:left;
    width:50%;
}
.logisticsInfos .infoItem{
    position:relative;
    font-size:1.125em;
    line-height:2;
    min-height:2em;
    padding:0.3125em 0.5em 0.3125em 5em;
}
.logisticsInfos .infoItem .info-title{
    position:absolute;
    left:0;
    top:0.3125em;
    color:#333;
}
.logisticsInfos .infoItem .info-info{
    color:#696969;
}
.logisticsInfos .infoItem .info-info2{
    color:#696969;
    border:1px solid #ededed;
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:top;
    padding:0 0.7em;
}
.logisticsSteps li{
    border-left:1px solid #dcdcdc;
    padding:0 0 1.625em 2.1875em;
    margin-left:2em;
    position:relative;
}
.logisticsSteps li:before{
    content:' ';
    display:block;
    width:1.1875em;
    height:1.1875em;
    background-color:#4aa0e3;
    border-radius:0.59375em;
    position:absolute;
    z-index:2;
    top:0;
    left:-0.625em;
}
.logisticsSteps .step-title{
    color:#444;
    font-size:1.125em;
}
.logisticsSteps .step-time{
    color:#b3b3b3;
    font-size:0.75em;
    line-height:2;
}
.orderDetailBox{
     padding:2.625em 2em;
}
.orderDetailBox .orderRummagerInfos{
    float:left;
    width:45%;
}
.orderDetailBox .orderDeliveryInfos{
    float:left;
    width:55%;
}
.orderRummagerInfos dt,
.orderDeliveryInfos dt{
    display:inline-block;
    *display:inline;
    *zoom:1;
    background-color:#4aa0e3;
    color:#fff;
    font-size:0.875em;
    line-height:2.5;
    padding:0 2em;
    vertical-align:top;
    margin-bottom:1em;
}
.orderRummagerInfos dd,
.orderDeliveryInfos dd{
    font-size:1.125em;
    color:#696969;
    padding:0.3125em 0;
}
@media screen and (max-width:750px) {
    .memberPage-hd{
        border-top: 1em solid #ececec;
        margin:0;
        height:3.5em;
        line-height:3.5em;
    }
    .memberPage-hd .memberPage-title2{
        font-size:1em;
    }
    .memberPage-hd .memberPage-back{
        left:1em;
        font-size:1em;
    }
    .logisticsBox{
        padding:0;
    }
    .logisticsBox .logisticsInfos,
    .logisticsBox .logisticsSteps{
        float:none;
        width:auto;
        padding:2em 1em;
    }
    .logisticsBox .logisticsSteps{
        border-top: 1em solid #ececec;
    }
    .logisticsSteps li{
        margin-left:0.7em;
        padding-left:1.5em;
    }    
    .orderDetailBox{
         padding:0;
    }
    .orderDetailBox .orderRummagerInfos,
    .orderDetailBox .orderDeliveryInfos{
        float:none;
        width:100%;
        padding:2em 1em;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        -ms-box-sizing:border-box;
        -o-box-sizing:border-box;
        box-sizing:border-box;
    }
    .orderDetailBox .orderDeliveryInfos{
        border-top: 1em solid #ececec;
    }
    .orderRummagerInfos dd,
    .orderDeliveryInfos dd{
        font-size:0.875em;
    }
}
@media screen and (max-width:500px) {
    .orderSortNavs{
        padding:0 0.7em;
    }
    .orderSortNavs li {
        width:33.33%;
    }
    .orderSortNavs a {
        font-size: 0.875em;
        padding: 0.7em 0.5em;
    }
    .noOrder {
        padding:6em 1em;
    }
    .orderList{
        padding:0.25em 0;
        background-color:#ececec;
    }
    .orderList li{
        padding:0.25em 0;
    }
    .orderList .orderItem{
        background-color:#fff;
        border:none;
        padding-left:0.7em;
    }
    .orderList .order-baseInfo{
        padding-right:11em;
        padding-left:0;
    }
    .orderList .order-status{
        font-size:1em;
    }
    .orderList .order-info{
        right:0.7em;
    }
    .orderList .order-num{
        font-size:0.75em;
    }
    .orderList .order-date{
        display:none;
    }    
    .orderList .order-goods{
        padding: 0.5em 0.7em 0.5em 4.75em;
        min-height:3.75em;
    }
    .orderList .order-goods .goods-img{
        width:3.75em;
        height:3.75em;
        border-radius:0.25em;
        left:0;
        top:0.5em;
    }
    .orderList .order-goods .goods-name{
        font-size:0.875em;
        line-height: 2;
    }
    .orderList .order-goods .goods-price{
        font-size:0.75em;
    }
    .orderList .order-payInfo{
        position:relative;
        top:0;
        right:0;
        text-align:left;
        height:auto;
        width:auto;
        border-bottom:1px solid #e0e0e0;
        padding:0.7em 6em 0.7em 0;
        min-height:1em;
        line-height:1em;
    }
    .orderList .order-lastPayTime{
        font-size:0.75em;
    }
    .orderList .order-payMoney{
        font-size:0.75em;
        position:absolute;
        right:0.933em;
        top:50%;
        line-height:1;
        margin-top:-0.5em;
    }
    .orderList .order-payMoney .text{
        display:none;
    }
    .orderList .order-payMoney .money{
        font-size:1em;
        color:#f84e4e;
    }
    .orderList .order-btns{
        padding:0.7em 0.7em 0.1em 4em;
    }
    .orderList .order-btns a{
        min-width:5em;
        padding:0 0.7em;
        height:2.1429em;
        line-height:2em;
        margin-left:0.7em;
        margin-bottom:0.7em;
    }
    .orderList a.btn-delete{
        left:0;
        top: 0.7em;
        margin:0;
        padding:0;
    }
    .memberPageG .paging{
        background-color:#ececec;
    }
}
/*#endregion*/
 
.serverCall{
    text-align:center;
    color:#666;
    font-size:2.25em;
    padding:5em 1em;
}
@media screen and (max-width:500px) {
    .serverCall{
        font-size:1.25em;
        padding:6em 1em;
    }
}
/*#endregion*/
 
.reportBanner{
    display:block;
    width:100%;
}
.reportList1,
.reportList2{
    padding:3em;
}
.reportList1 .reportItem,
.reportList2 .reportItem{
    position:relative;
    border-bottom:1px solid #eee;
    padding:1.25em 8.125em 1.25em 9.25em;
    height:4.875em;
}
.reportList1 .report-img,
.reportList2 .report-img{
    position:absolute;
    left:0;
    top:1.25em;
    width:7.5em;
    height:4.875em;
}
.reportList1 .report-title{
    color:#3d3d3d;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    font-size:1.125em;
    line-height:2;
    padding-top:1em;
}
.reportList1 .report-event,
.reportList2 .report-event{
    position:absolute;
    z-index:2;
    right:0;
    top:50%;
    border:1px solid #4aa0e3;
    font-size:0.875em;
    color:#4aa0e3;
    line-height:2.5714em;
    white-space:nowrap;
    padding:0 2em;
    border-radius:2.5714em;
    display:inline-block;
    *display:inline;
    *zoom:1;
    margin-top:-1.2857em;
}
.reportList2 .report-title{
    color:#3d3d3d;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    font-size:1em;
    line-height:2;
    padding-top:0.5em;
}
.reportList2 .report-date{
    color:#999;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    font-size:1em;
    line-height:2;
    padding-top:0.25em;
}
.reportDetail{
    text-align:center;
    padding:2em 1em;
}
.reportDetail img{
    max-width:100%;
}
@media screen and (max-width:750px) {
    .reportBanner{
        display:none;
    }
    .reportList1,
    .reportList2{
        padding:0 1em;
    }  
}
@media screen and (max-width:500px) {
    .reportList1,
    .reportList2{
        padding:0;
    }
    .reportList1 li,
    .reportList2 li{
        border-top: 0.7em solid #ececec;
    }
    .reportList1 .reportItem,
    .reportList2 .reportItem{
        position:relative;
        border-top:1px solid #eee;
        border-bottom:none;
        padding:0.7em 7em 0.7em 7.65em;
        height:4.0625em;
    }
    .reportList1 .report-img,
    .reportList2 .report-img{
        left:0.7em;
        top:0.7em;
        width:6.25em;
        height:4.0625em;
    }
    .reportList1 .report-title{
        font-size:1em;
    }
    .reportList1 .report-event,
    .reportList2 .report-event{
        line-height:2em;
        padding:0 1em;
        border-radius:2em;
        margin-top:-1em;
        right:0.8em;
    }
    .reportList2 .report-title,
    .reportList2 .report-date{
        font-size:0.875em;
    }
    .reportList2 .report-title{
        padding-top:0.25em;
    }
}
@media screen and (max-width:400px) {
    .reportList1 .reportItem,
    .reportList2 .reportItem{
        position:relative;
        border-top:1px solid #eee;
        border-bottom:none;
        padding:0.7em 5.5em 0.7em 6.4em;
        height:3.25em;
    }
    .reportList1 .report-img,
    .reportList2 .report-img{
        width:5em;
        height:3.25em;
    }
    .reportList1 .report-title{
        font-size:0.875em;
    }
    .reportList1 .report-event,
    .reportList2 .report-event{
        font-size:0.75em;
    }    
    .reportList2 .report-title{
        padding-top:0.125em;
    }
    .reportList2 .report-date{
        font-size:0.75em;
        padding-top:0;
    }    
    .reportDetail{
        padding:1em;
    }
}
/*#endregion*/
 
.productBanner {
    display:block;
    width:100%;
}
.goodsList{
    padding: 5em 0 1.875em;
    max-width:75em;
    margin:0 auto;
}
.goodsList .goodsItem{
    margin: 0 0 3.125em;
    background-color:#6eb6ac;
    color:#fff;
    position:relative;
    display:table;
}
.goodsList .goods-img{
    background-color:#fff;    
    width:41.67%;
    position:relative;
    z-index:1;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}
.goodsList .goods-img img{
    max-width:100%;
    max-height:100%;
}
.goodsList .goods-infos{
    width:58.33%;
    display:table-cell;
    z-index:1;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    padding:1.25em 2.25em 6.5em 2.25em;
}
.goodsList .goods-title{
    font-size:1.5625em;
    line-height:2;
}
.goodsList .goods-content{
    font-size: 1em;
    line-height:1.8;
}
.goodsList  .goods-price {
    background-color: #4d4d4d;
    bottom:1.0667em;
    color: #fff;
    font-size:1.875em;
    height:2.325em;
    line-height:2.325em;
    position: absolute;
    text-align: center;
    width:6.66em;
    z-index:3;
    left:41.67%;
    margin-left:-3.33em;
}
.goodsList .goodsItem .goods-price span {
    font-size:0.875em;
}
.goodsList .goods-btns{
    position:absolute;
    right:2.25em;
    bottom: 2em;
}
.goodsList .goods-btns a{
    color: #fff;
    display: inline-block;
    *display:inline;
    *z-index:1;
    font-size:1em;
    height:3.4375em;
    line-height:2em;
    text-align: center;
    width:8.75em;
    border-radius:0;
    padding:0.6875em 0.75em;
    vertical-align:top;
}
.goodsList .goods-btns .goods-buy{
    color:#6eb6ac;
    margin-left:0.9375em;
}
.goodsList .goodsItem.bg1{
    background-color:#4aa0e3;
}
.goodsList .goodsItem.bg1 .goods-btns .goods-buy{
    color:#4aa0e3;
}
.goodsList .goodsItem.bg2{
    background-color:#e98b33;
}
.goodsList .goodsItem.bg2 .goods-btns .goods-buy{
    color:#e98b33;
}
.insurancePopup{
    position:absolute;
    position:fixed;
    left:50%;
    top:50%;
    z-index:1010;
    background-color:#fff;  
    width:52.5em;
    height:20em;
    padding:3.375em 0 5.25em 0;
    margin:-14.3125em 0 0 -26.25em;
    display:none;
}
.insurancePopup .insurancePopup-hd{
    font-size:1.125em;
    color:#4aa0e3;
    height:1.25em;
    padding:0.875em 1.875em;
    line-height:1.25em;
    text-align:center;    
    position:absolute;
    top:0;
    left:0;
    right:0;
    z-index:2;
}
.insurancePopup  .insurancePopup-close{
    position:absolute;
    font-size:0.875em;
    font-weight:bold;
    height:1.125em;
    z-index:10;
    right:1.5em;
    top:1.5em;
    display:block;
    z-index:3;
}
.insurancePopup  .close-icon{
    font-size:1.5em;
}
.insurancePopup .insurancePopup-bd{
    position:absolute;
    overflow-x:hidden;
    overflow-y:auto;
    padding:0 1.875em;
    top:3.375em;
    bottom:6em;
    left:0;
    right:0;
    z-index:1;
}
.insurancePopup-ft {
    height:5.25em;
    background-color:#303437;
    position:absolute;
    z-index:2;
    left:0;
    right:0;
    bottom:0;
    padding:0 2em;
}
.insurancePopup .insurancePopup-ft .input-checkbox{
    color: #fff;
    float: left;
    margin-top:1.5em;
}
.insurancePopup .insurancePopup-ft .btn-buy{
    color: #fff;
    background-color:#d63939;
    float: right;
    width: 8.75em;
    line-height:3.2;
    margin-top:1em;
    display:block;
    text-align:center;
}
.goodsDetail{
    position:relative;
    display:table;
    max-width:75em;
    margin:5em auto;
}
.goodsDetail .goods-img{
    background-color:#fff;    
    width:41.67%;
    position:relative;
    z-index:1;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}
.goodsDetail .goods-img img{
    max-width:100%;
    max-height:100%;
}
.goodsDetail .goods-infos{
    width:58.33%;
    display:table-cell;
    z-index:1;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    padding:1.25em 2.25em 6.5em 2.25em;
    background-color:#fff;
    border-left:1em solid #ececec;
}
.goodsDetail .goods-title{
    font-size:1.5625em;
    line-height:2;
    color:#525151;
    padding-bottom:0.5em;
}
.goodsDetail .goods-category .input-radio {
    cursor: pointer;
    display: block;
    line-height:1.25em;
    min-height:1.25em;
    padding: 0.625em 0;
    position: relative;
    z-index: 1;
    color:#525151;
}
.goodsDetail .goods-category .input-radio.radio-on{
    color:#4aa0e3;
}
.goodsDetail .goods-price {
    background-color: #4aa0e3;
    bottom:1.0667em;
    color: #fff;
    font-size:1.875em;
    height:2.325em;
    line-height:2.325em;
    position: absolute;
    text-align: center;
    width:6.66em;
    z-index:3;
    left:41.67%;
    margin-left:-3.33em;
}
.goodsDetail .goods-price span {
    font-size:0.875em;
}
.goodsDetail .btn-buy{
    position:absolute;
    right:2.25em;
    bottom: 2em;
    color: #fff;
    display: inline-block;
    *display:inline;
    *z-index:1;
    font-size:1em;
    line-height:2em;
    text-align: center;
    width:8.75em;
    border-radius:0;
    padding:0.6875em 0.75em;
    vertical-align:top;
    background-color:#d63939;
}
.goodsDetailContent{
    background-color:#fff;
    padding:1.875em 0 3.125em;
}
.goodsDetailContent .goodsDetailContent-info{
    margin:0 auto;
    max-width:62.5em;
}
.goodsDetailContent-info img {
    width:100%;
    display:block;
}
.goodsDetailContent-info .goodsDetailContent-content{
    color: #525252;
    font-size:0.875em;
    line-height:2;
    padding:3em 0;
}
@media screen and (max-width:900px) {
    .insurancePopup{
        width:auto;
        height:auto;
        margin:0;
        left:1em;
        right:1em;
        top:1em;
        bottom:1em;
        border-radius:0.5em;
        overflow:hidden;
        background-color:#ececec;
    }
    .insurancePopup .insurancePopup-ft{
        background-color:transparent;
    }
    .insurancePopup .insurancePopup-bd{
        padding:0 1em;
    }
    .insurancePopup .insurancePopup-bd p{
        font-size:0.875em;
    }
    .insurancePopup .insurancePopup-ft{
        padding:0 1em;
    }
    .insurancePopup .insurancePopup-ft .input-checkbox{
        color: #333;
        float: none;
        margin:0 0 0.7em 0;
        font-size:0.875em;
    }
    .insurancePopup .insurancePopup-ft .btn-buy{
        float: none;
        width: 100%;
        line-height:2.5;
        margin:0;
        font-size:0.875em;
    }
}
@media screen and (max-width:760px) {
    .goodsList{
        padding: 1em 0 0 0;
    }
    .goodsList .goodsItem{
        margin: 0 0 1em 0;
        background-color:#fff;
        display:block;
        border-top:1px solid #e6e6e6;
    }
    .goodsList .goods-img{
        background-color:#fff;    
        position:absolute;
        z-index:1;
        display:block;
        width:3.75em;
        height:3.75em;
        left:0.5em;
        top:0.7em;
        border:1px solid #ececec;
        border-radius:0.3125em;
        overflow:hidden;
        display:table;
    }
    .goodsList .goods-img span{
        display:table-cell;
        width:3.75em;
        height:3.75em;
        vertical-align:middle;
        text-align:center;
    }
    .goodsList .goods-infos{
        width:auto;
        display:block;
        padding:0.5em 0.7em 0 5em;
        min-height:3.125em;
    }
    .goodsList .goods-title{
        font-size:0.875em;
        color:#333;
    }
    .goodsList .goods-content{
        font-size: 0.75em;
        color:#999898;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        line-height:1.5;
    }
    .goodsList .goods-price {
        background-color: transparent;
        bottom:0;
        color: #f84e4e;
        font-size:0.75em;
        height:auto;
        line-height:2;
        position: relative;
        text-align: left;
        width:auto;
        z-index:3;
        left:0;
        margin-left:0;
        padding-bottom:0.7em;
        padding-left:6.67em;
    }
    .goodsList .goodsItem .goods-price span {
        font-size:1em;
    }
    .goodsList .goods-btns{
        position:relative;
        right:0;
        bottom: 0;
        border-top:1px solid #e6e6e6;
        padding:0.5em 0.7em;
        text-align:right;
    }
    .goodsList .goods-btns a{
        height:auto;
        line-height:2.5;
        width:auto;
        padding:0 1em;
        border-radius:0.3125em;
        font-size:0.875em;
        border:1px solid #b2b2b2;
        background-color:#fff;
    }
    .goodsList .goods-btns .goods-detail{
        color:#333;
        margin-left:0.9375em;
    }
    .goodsList .goods-btns .goods-buy{
        color:#fff;
        margin-left:0.8571em;
        border-color:#6eb6ac;
        background-color:#6eb6ac;
    }
    .goodsList .goodsItem.bg1{
        background-color:#fff;
    }
    .goodsList .goodsItem.bg1 .goods-btns .goods-buy{
        color:#fff;
    }
    .goodsList .goodsItem.bg2{
        background-color:#fff;
    }
    .goodsList .goodsItem.bg2 .goods-btns .goods-buy{
        color:#fff;
    }
    .goodsDetail{
        display:block;
        margin:0 auto;
    }
    .goodsDetail .goods-img{ 
        width:100%;
        display:block;
    }
    .goodsDetail .goods-infos{
        width:100%;
        display:block;
        padding:0.5em 0.7em;
        background-color:#fff;
        border-left:none;
        margin-top:0.7em;
        border-top:1px solid #e6e6e6;
        border-bottom:1px solid #f7f7f7;
    }
    .goodsDetail .goods-title{
        font-size:1.125em;
        padding-bottom:0;
    }
    .goodsDetail .goods-category .input-radio {
        padding: 0.5em 0;
    }
    .goodsDetail .goods-sells{
        background-color:#fff;
        padding:0.7em;
    }
    .goodsDetail .goods-price {
        background-color: transparent;
        position: relative;
        bottom:0;
        left:0;
        margin-left:0;
        color: #f84e4e;
        font-size:1.125em;
        height:auto;
        line-height:2;
        text-align: left;
        width:auto;
        float:left;
    }
    .goodsDetail .goods-price span {
        font-size:1em;
    }
    .goodsDetail .btn-buy{
        position:relative;
        right:0;
        bottom: 0;
        float:right;       
        font-size:0.875em;
        line-height:2.5;
        text-align:center;
        width:auto;
        border-radius:0.5em;
        padding:0 1em;
        vertical-align:top;
        background-color:#6eb6ac;
    }
    .goodsDetailContent{
        padding:0.7em 0;
        margin-top:0.7em;
    }
    .goodsDetailContent-info .goodsDetailContent-content{
        padding:0.7em;
    }
}
/*#endregion*/
 
.orderBlock{
    max-width:75em;
    margin:5.0625em auto;
    background:#fff;
}
.orderBlock .orderBlock-goods{
    padding:1.5em 1em;
    background-color:#4aa0e3;
    color: #fff;    
}
.orderBlock .orderBlock-goods .goodsItem{
    position:relative;
    margin: 0 auto;
    max-width: 53.5em;
    padding:0 1em 0 8em;
     height:6.6875em;
}
.orderBlock .orderBlock-goods .goods-img{
    position:absolute;
    left:0;
    top:0;
    width:6.6875em;
    height:6.6875em;
    display:block;
}
.orderBlock .orderBlock-goods .goods-title{
    color: #fff;
    display: block;
    font-size: 1.25em;
    padding: 1em 0;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.orderBlock .orderBlock-goods .goods-price{
    color: #fff;
    display: block;
    font-size: 1em;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.orderUser-info{
    max-width:62.5em;
    margin:0 auto;
    padding: 3em 1em 0 1em;
}
.orderUser-info .orderUser-title{
    border-bottom: 1px solid #efefef;
    color: #353636;
    font-size:1.25em;
    padding-bottom: 1.25em;
    padding-right:4em;
    position:relative;
}
.orderUser-info .orderUser-title a{
    font-size:0.75em;
    right:0;
    position:absolute;
    line-height: 1.75em;
    color:#8d8d8d;
}
.orderUser-inps .input-text{
    margin-right:1.875em;
    width:100%;
    max-width: 19em;
    float:left;
    padding-top:1.5em;
}
.orderUser-inps .input-text input {
    line-height:1.75em;
}
.orderUser-inps .input-text-hasicon .icon {
    height: 1em;
    left: 0.2em;
    line-height: 1.2em;
    top: 1.25em;
    width: 1em;
}
.addressList2 .addressList-empty{
    padding:2.5em 0 0.5em 0;
    color:#adadad;
}
.addressList2 .btn-empty{
    margin-top:2em;
}
.addressList2 .addressItem{
    position:relative;
    color:#8d8d8d;
    border:1px solid #fff;
    padding-right:3em;
    line-height:2;
    margin-top:1em;
    cursor:pointer;
}
.addressList2 .addressItem.active{
    color:#353636;
    border-color:#4aa0e3;
}
.addressList2 .addressItem input{
    position:absolute;
    opacity:0;
    filter:alpha(opacity=0);
}
.addressList2 .address-info{
    position:relative;
    z-index:1;
    padding:0.25em 1em;
}
.addressList2 .address-info-hasDefault{
    padding-right:6em;
}
.addressList2 .address-man{
    display:inline-block;
    *display:inline;
    *zoom:1;
    min-width:5em;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    vertical-align:top;
}
.addressList2 .address-phone{
    display:inline-block;
    *display:inline;
    *zoom:1;
    min-width:7em;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    vertical-align:top;
}
.addressList2 .address-address{
    display:inline-block;
    *display:inline;
    *zoom:1;
    max-width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    vertical-align:top;
}
.addressList2 .address-default{
    position:absolute;
    right:2em;
    top:50%;
    color:#4aa0e3;
    z-index:1;
    margin-top:-1em;
}
.addressList2 .address-edit{
    position:absolute;
    right:1em;
    top:50%;
    z-index:2;
    margin-top:-1em;
}
.couponList2 .couponList-empty{
    padding:2.5em 0;
    color:#adadad;
}
.couponList2 .couponList{
    max-width:initial;
    padding-top:1em;
    margin-left:-0.7em;
    margin-right:-0.7em;
}
.couponList2 .couponList li{
    width:33.33%;
}
.couponList2 .couponList .couponItem{
    margin:0.7em;
}
.couponList .radioItem{
    text-align:center;
    cursor:pointer;
}
.couponList .radioItem .icon{
    color: #a8b5b5;
}
.couponList .radioItem.radio-on  .icon{
    color: #4aa0e3;
}
.orderBlock .orderBlock-bottom{
    border-top: 1px solid #efefef;
    color: #686868;
    padding:3.125em 1em;
    text-align: right;
}
.orderBottomMain{
    max-width:62.5em;
    margin:0 auto;
}
.orderBottomMain .order-submit{
    height:3.125em;
    width:8.5em;
    text-align:center;
    display:inline-block;
    *display:inline;
    *zoom:1;
    background-color:#d63939;
    color:#fff;
    font-size:1.125em;
    font-family:"Microsoft YaHei";
    line-height:2.5em;
    border:none;
    cursor:pointer;
    vertical-align:middle;
}
.orderBottomMain .order-price{
    padding-right:2em;
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:middle;
}
.orderBottomMain .order-price span{
    font-size:1.75em;
    color:#4aa0e3;
}
.addressPopup{
    position:absolute;
    position:fixed;
    left:50%;
    top:50%;
    z-index:1010;
    display:none;
    background:#fff;    
    width:43.75em;
    margin-left:-21.875em;
    border-radius: 1.25em;
    margin-top: -13.59375em;
}
.addressPopup .popup-hd{
    font-size:1.125em;
    font-weight:400;
    color:#615d5d;
    height:1.25em;
    padding:0.875em 1.875em;
    line-height:1.25em;
    text-align:left;  
    border-bottom:1px solid #ccc;
}
.addressPopup .popup-close{
    position:absolute;
    font-size:0.875em;
    font-weight:bold;
    height:1.125em;
    z-index:10;
    right:1.5em;
    top:1.5em;
    display:block;
    z-index:3;
}
.addressPopup .addressFormBox_01 {
    padding: 1em;
}
@media screen and (max-width:700px) {
    .couponList2 .couponList{
        margin:0;
        padding:0 0 1em 0;
    }
    .couponList2 .couponList li{
        width:100%;
        padding-top:1em;
    }
    .couponList2 .couponList .couponItem{
       margin:0;
    }
    .couponList .radioItem {        
        padding:0 3.25em 0 0;
        position:relative;
    }
    .couponList .radioItem .icon{
        position:absolute;
        top:50%;
        right:0.5em;
        font-size:1.25em;
    }
    .addressPopup{
        left:1em;
        right:1em;   
        width:auto;
        margin-left:0;
        border-radius: 0.7em;
    }
    .addressPopup .popup-hd{
        font-size:1em;
        padding:0.7em 1em;
    }
    .addressPopup .popup-close{
        right:1em;
        top:1em;
    }
    .addressPopup .addressFormBox_01 {
        font-size:0.875em;
        padding-top:0.3em;
    }
    .addressPopup .addressFormBox_01 .input-text{
        padding-top:0.7em;
    }
    .addressPopup .addressFormBox_01 .input-text input{
        padding-top:0.7em;
        padding-bottom:0.7em;
        padding-left:2.5em;
    }
    .addressPopup .input-text-hasicon .icon{
        font-size:1.25em;
        top:0.875em;
        width:1em;
    }
    .addressPopup .addressFormBox_01 .input-select{
        font-size:0.875em;
    }
    .addressPopup .addressFormBox_01 .input-select select{
        padding-top:0.7em;
        padding-bottom:0.7em;
    }
    .addressPopup .addressFormBox_01 .selectInps li{
        padding-top:0.6125em;
    }
    .addressPopup .addressFormBox_01 .form-checkboxLink{
        padding-top:0.7em;
    }
}
@media screen and (max-width:500px) {
    .orderBlock{
        margin:0.5em auto;
        background-color:transparent;
    }
    .orderBlock .orderBlock-goods{
        padding:0.7em;
        background-color:#fff;
        border-top:1px solid #ececec;
    }
    .orderBlock .orderBlock-goods .goodsItem{
        padding:0 0 0 4.45em ;
        height:3.75em;        
    }
    .orderBlock .orderBlock-goods .goods-img{
        width:3.75em;
        height:3.75em;
        border:1px solid #ececec;
        border-radius:0.3125em;
    }
    .orderBlock .orderBlock-goods .goods-title{
        color: #333;
        font-size: 1em;
        line-height:1.8;
        padding: 0 0 0.7em 0;
    }
    .orderBlock .orderBlock-goods .goods-price{
        color: #f84e4e;
        font-size: 0.75em;
    }
    .orderUser-info{
        border-top:1px solid #ececec;
        padding:0;
        background-color:#fff;
        margin-bottom:0.5em;
    }
    .orderUser-info .orderUser-title{
        font-size:0.875em;
        padding: 0.5em 4em 0.5em 0.9em;
    }
    .orderUser-info .orderUser-title a{
        right:1em;
    }
    .orderUser-info .orderUser-inps{
        font-size:0.875em;
        padding: 0 0.9em 1em 0.9em;
    }
    .orderUser-inps .input-text{
        margin-right:0;
        padding-top:1em;
        max-width:none;
    }
    .orderUser-inps .input-text-hasicon .icon {
        top: 0.95em;
    }
    .addressList2{
        padding:0 0.7em 1em 0.7em;
    }
    .addressList2 .addressList-empty{
        padding:1.5em 0 0.5em 0;
        font-size:0.875em;
    }
    .addressList2 .btn-empty{
        margin-top:1em;
    }
    .addressList2 .addressItem{
        padding:0.3125em 0.7em;
        line-height:1.5;
        margin-top:0.7em;
    }
    .addressList2 .address-info{
        padding:0 0 1.25em 0;
    }
    .addressList2 .address-info-hasDefault{
        padding-right:0;
    }
    .addressList2 .address-man{
        min-width:inherit;
        padding-right:7em;
        font-size:0.875em;
        display:block;
    }
    .addressList2 .address-phone{
        min-width:inherit;
        position:absolute;
        right:0;
        top:0;
        font-size:0.875em;
    }
    .addressList2 .address-address{
        display:block;
        white-space:normal;
        font-size:0.75em;    
        padding-top:0.3125em;    
    }
    .addressList2 .address-default{
        right:4em;
        top:auto;
        margin-top:0;
        bottom:0;
        font-size:0.75em;
    }
    .addressList2 .address-edit{
        right:0.9em;
        top:auto;
        bottom:0.4167em;
        margin-top:0;
        font-size:0.75em;    
    }
    .couponList2{
        padding:0 0.7em 1em 0.7em;
    }
    .couponList2 .couponList-empty{
        padding:1.5em 0;
        font-size:0.875em;
    }
    .couponList2 .couponList .coupon-title{
        height:auto;
        line-height:2.8;
    }
    .couponList2 .couponList .coupon-money{
        font-size:1.5em;
        line-height:1.5;
    }
    .couponList2 .couponList .coupon-info{
        font-size:0.75em;
        height:auto;
        padding:0 1em;
    }
    .couponList2 .couponList .coupon-time{
        font-size:0.75em;
    }
    .orderBlock .orderBlock-bottom{
        padding:1em 0.7em;
        background-color:#fff;
        margin-top:-0.5em;
    }
    .orderBottomMain .order-submit{
        float:right;
        height:auto;
        width:auto;
        font-size:0.875em;
        line-height:2.5;
        padding:0 1em;
        border-radius:0.3125em;
    }
    .orderBottomMain .order-price{
        padding-right:0;
        float:left;
        font-size:0.875em;
        line-height:2.5;
    }
    .orderBottomMain .order-price span{
        font-size:1em;
    }
}
/*#endregion*/
 
.newsBanner{
    display:block;
    width:100%;
}
.newsPage{
    padding:2em 0;
}
.newsPage .newsItem{
    background-color:#fff;
}
.newsPage .paging{
    margin-top:1.5em;
}
.newsList2 {
    max-width:75em;
    margin:0 auto;
}
.newsList2 li{
    padding:1.25em 0;
}
.newsList2 .newsItem{
    display:block;
    position:relative;
    padding:1.5em 2em 0 20em;
    height:11.25em;
    background-color:#fff;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
}
.newsList2 .news-img{
    position:absolute;
    width:16.25em;
    height:11.25em;
    top:0;
    left:0;
    z-index:1;
}
.newsList2 .news-title {
    color:#333;
    font-size: 1.5625em;
    line-height: 1.6;
    height:3.2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all;
    overflow: hidden;
}
.newsList2 .news-date{
    color: #b1b1b1;
    font-size: 0.875em;
    padding-top:2em;    
}
.newsList2 .newsItem:hover {
    background-color: #4aa0e3;
}
.newsList2 .newsItem:hover .news-title,
.newsList2 .newsItem:hover .news-date{
    color:#fff;
}
.newsDetail{
    max-width:75em;
    padding:3em 1em 4em 1em;
    margin:0 auto;
}
.newsDetail .newsDetail-hd{
    border-bottom:1px solid #eee;
}
.newsDetail .news-title{
    color:#333;
    font-size:1.875em;
}
.newsDetail .news-time{
    color:#797979;
    font-size:1em;
    line-height:3;
}
.newsDetail .newsDetail-bd{
    padding:4em 0 2em 0;
}
.newsDetail .newsDetail-bd img{
    display:block;
    width:100%;
    margin-bottom:4em;
}
.newsDetail .newsDetail-bd p{
    text-indent:2em;
    font-size:1em;
    color:#797979;
    line-height:2;
}
.newsDetail .newsDetail-back{
    display:inline-block;
    *display:inline;
    *zoom:1;
    background-color:#dddada;
    color:#666;
    font-size:1.125em;
    line-height:2;
    padding:0 1em;
    border-radius:0.25em;
    vertical-align:top;
}
.videoList{
    max-width:75em;
    margin:0 auto;
    padding:2em 0;
}
.videoList li{
    padding:2em 0;
}
.videoList .videoItem{
    display:block;
    background-color:#fff;
    padding:5em 1em 0 42.25em;
    text-align:center;
    height:25em;
    position:relative;
    overflow:hidden;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
}
.videoList .video-img{
    position:absolute;
    left:0;
    top:0;
    width:41.55em;
    height:25em;
}
.videoList .video-icon{
    color:#262436;
    font-size:8em;
    line-height:1.5;
}
.videoList .video-title{
    color:#525252;
    display:block;
    font-size:1.5625em;
}
.videoDetail{
    max-width:75em;
    padding:0 1em;
    margin:5em auto;
    background-color:#fff;
}
.videoDetailMain{
    max-width:50em;
    margin:0 auto;
    padding:3.75em 0;
}
.videoDetail .videoDetail-hd{
    color:#525252;
    font-size:2em;   
}
.videoDetail .videoDetail-bd{
    padding:3.75em 0;
}
.videoDetail embed{
    display:block;
    width:100%;
    height:31.25em;
}
.videoDetail .videoDetail-back{
    display:inline-block;
    *display:inline;
    *zoom:1;
    background-color:#dddada;
    color:#666;
    font-size:1.125em;
    line-height:2;
    padding:0 1em;
    border-radius:0.25em;
    vertical-align:top;
}
@media screen and (max-width:950px) {
    .newsPage{
        padding:1em 0;
    }
    .newsPage .paging{
        margin-top:0.5em;       
    }
    .videoList{
        padding:1em 0;
    }
    .videoList li{
        padding:1em 0;
    }
    .videoList .videoItem{
        padding:4em 1em 0 26em;
        height:16.67em;
    }
    .videoList .video-img{
        width:25em;
        height:16.67em;
    }
    .videoList .video-icon{
        font-size:5em;
    }
    .videoList .video-title{
        font-size:1.125em;
    }
}
@media screen and (max-width:760px) {
    .newsBanner{
        display:none;
    }
    .newsList2 li{
        padding:0 0 1em 0;
    }
    .newsList2 .newsItem{
        padding:0.5em 0.7em 0 9em;
        height:5.625em;
    }
    .newsList2 .news-img{
        width:8.125em;
        height:5.625em;
    }
    .newsList2 .news-title {
        font-size: 1em;
    }
    .newsList2 .news-date{
        font-size:0.75em;
        padding-top:0.7em;
    }
    .newsDetail{
        padding:1em 1em 2em 1em;
    }
    .newsDetail .news-title{
        font-size:1.125em;
    }
    .newsDetail .news-time{
        font-size:0.75em;
    }
    .newsDetail .newsDetail-bd{
        padding:1em 0;
    }
    .newsDetail .newsDetail-bd img{
        margin-bottom:1em;
    }
    .newsDetail .newsDetail-bd p{
        font-size:0.875em;
        line-height:1.6;
    }
    .newsDetail .newsDetail-back{
        font-size:0.875em;
    }
    .videoList .videoItem{
        padding:2.5em 1em 0 19.75em;
        height:12.25em;
    }
    .videoList .video-img{
        width:18.75em;
        height:12.25em;
    }
    .videoList .video-icon{
        font-size:4em;
    }
    .videoList .video-title{
        font-size:1em;
    }
    .videoDetail{
        margin:2em auto 0;
    }
    .videoDetailMain{
        padding:1.5em 0;
    }
    .videoDetail .videoDetail-hd{
        font-size:1.5em;   
    }
    .videoDetail .videoDetail-bd{
        padding:1.5em 0;
    }
    .videoDetail embed{
        height:25em;
    }
    .videoDetail .videoDetail-back{
        font-size:0.875em;
    }
}
@media screen and (max-width:500px) {
    .newsPage{
        padding:0.5em 0;
    }
    .newsPage .paging{
        margin-top:1em;
        padding:1em 0;
    }
    .newsList2 li{
        padding:0.5em 0;
    }
    .newsList2 .newsItem{
        padding:0.3125em 0.7em 0 7em;
        height:4.3269em;
    }
    .newsList2 .news-img{
        width:6.25em;
        height:4.3269em;
    }
    .newsList2 .news-title {
        font-size: 0.875em;
        line-height:1.3;
        height:2.6em;
    }
    .newsList2 .news-date{
        padding-top:0.5em;
    }
    .videoList{
        padding:0.5em 0;
    }
    .videoList li{
        padding:0.5em 0;
    }
    .videoList .videoItem{
        padding:1.5em 0.7em 0 10.7em;
        height:6.67em;
    }
    .videoList .video-img{
        width:10em;
        height:6.67em;
    }
    .videoList .video-icon{
        font-size:2em;
        line-height:1.3;
    }
    .videoList .video-title{
        font-size:0.875em;
    }
    .videoDetail{
        margin:0 auto;
        padding:0 0.5em;
    }
    .videoDetailMain{
        padding:1em 0;
    }
    .videoDetail .videoDetail-hd{
        font-size:1em;   
    }
    .videoDetail .videoDetail-bd{
        padding:1em 0;
    }
    .videoDetail embed{
        height:12em;
    }
}
/*#endregion*/
 
.societyBanner{
    display:block;
    width:100%;
}
.societyBlock{
    max-width:75em;
    margin:0 auto;
    padding:3.5em 0;
}
.societyBlock .societyBlock-hd{
    text-align:center;
    padding-bottom:3em;
    white-space:nowrap;
}
.societyBlock .societyBlock-hd em{
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:middle;
    width:6.25em;
    height:6.25em;
    border-radius:3.125em;
    background-color:#bbddf6;
    filter:alpha(opacity=50);
    opacity:.5;    
}
.societyBlock .societyBlock-hd em.sec{
    margin-left:-1.875em;
}
.societyBlock .societyBlock-hd .societyBlock-title{
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:middle;
    padding:0 2.375em;
}
.societyBlock .societyBlock-title .title1{
    color:#4aa0e3;
    font-size:1.875em;
    line-height:2.5;
}
.societyBlock .societyBlock-title .title2{
    color:#3d3c3c;
    font-size:1em;
}
.society1 .societyImg{
    float:left;
    width:58%;
    padding:4em 0 1em 0;
}
.society1 .societyImg img{
    display:block;
    width:90%;
    max-width:35.25em;
}
.society1 .societyList{
    float:left;
    width:42%;
    background-color:#f3f3f3;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    padding:3em 3em 0.75em 3em;
}
.societyList li{
    border-left:0.5625em solid #4aa0e3;    
    display:table;
    padding-left:1.5em;
    margin-bottom:2.25em;
}
.societyList li.li1{
    border-left-color:#4aa0e3;
}
.societyList li.li2{
    border-left-color:#bd8bdd;
}
.societyList li.li3{
    border-left-color:#7fd278;
}
.societyList li.li4{
    border-left-color:#d7a168;
}
.societyList li.li5{
    border-left-color:#7fd278;
}
.societyList li span{
    display:table-cell;
    vertical-align:middle;
    font-size:1em;
    color:#3d3c3c;
    height:3.25em;
    line-height:2;
}
.society2{
    text-align:center;
    padding:1em 0 4.5em 0;
}
.society2 li{
    float:left;
    width:20%;
    text-align:center;
    display:inline-block;
    *display:inline;
    *zoom:1;
}
.society2 .society-icon{
    display:block;
    width:100%;
    max-width:11.1875em;
    margin:0 auto;
}
.society2 .society-title{
    font-size:1em;
    color:#3d3c3c;
}
.society3 .society-hd{
    color:#3d3c3c;
    font-size:1.125em;
    border-left:0.5em solid #b4b4b4;
    padding:0.3125em 0 0.3125em 2.25em;
    text-align:left;
}
.society3 .society-bd{
    padding:4em 0 1em 0;
}
.society3 .societyImg2{
    float:left;
    width:50%;
}
.society3 .societyImg2 img{
    display:block;
    max-width:90%;
}
.society3 .societyTable{
    float:left;
    width:50%;
    font-size:1em;
    background-color:#fff;
    -webkit-box-shadow:0 0 2em #e8e8e8;
    -moz-box-shadow:0 0 2em #e8e8e8;
    -ms-box-shadow:0 0 2em #e8e8e8;
    -o-box-shadow:0 0 2em #e8e8e8;
    box-shadow:0 0 2em #e8e8e8;
}
.societyTable th{
    background-color:#535353;
    font-weight:normal;
    text-align:center;
    color:#fff;
    padding:1.25em 0.5em;
}
.societyTable tr{
    border-left:0.875em solid #535353;
    border-right:1px solid #f3f3f3;
}
.societyTable tr.tr1{
    border-left-color:#535353;
    border-right-color:#535353;
}
.societyTable tr.tr2{
    border-left-color:#4aa0e3;
}
.societyTable tr.tr3{
    border-left-color:#8adcd3;
}
.societyTable tr.tr4{
    border-left-color:#d75561;
}
.societyTable tr.tr5{
    border-left-color:#535353;
}
.societyTable td{
    border-bottom:1px solid #f3f3f3;
    font-size:1em;
    color:#333;
    text-align:center;
    padding:1.25em 0.5em;
}
.societyManList li{
    padding-bottom:2.375em;
}
.societyManList .manItem{
    background-color:#e7e7e7;
    position:relative;
    padding:2em 2em 2em 22.8125em;
    min-height:12.5em;
}
.societyManList .man-img{
    position:absolute;
    width:11.875em;
    height:11.875em;
    border:0.3125em solid #fff;
    border-radius:50%;
    background-color:#fff;
    top:50%;
    margin-top:-6.25em;
    left:5.15625em;
}
.societyManList .man-info{
    background-color:#fff;
    padding:1em 2em;
}
.societyManList .man-name,
.societyManList .man-age,
.societyManList .man-post{
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:middle;
    line-height:2.8;
    font-size:0.875em;    
    margin-top:0.57em;
    padding:0 1.5em;
}
.societyManList .man-name{
    background-color:#4aa0e3;
    color:#fff;    
    border-radius:2.8em;
    margin-right:1em;
}
.societyManList .man-intro{
    color:#3d3d3d;
    font-size:1em;
    line-height:1.8;
    padding:1em 0 0.5em 0;
    text-align:left;
}
.societyManList .man-intro span{
    color:#e22929;
}
@media screen and (max-width:900px) {
    .society3{
        text-align:center;
    }
    .society3 .society-hd{
        font-size:1em;
    }
    .society3 .society-bd{
        padding:2em 0 1em 0;
    }
    .society3 .societyImg2{
        float:none;
        width:auto;
        padding-bottom:2em;
    }
    .society3 .societyImg2 img{
        max-width:90%;
        margin:0 auto;
    }
    .society3 .societyTable{
        float:none;
        width:90%;    
        margin:0 auto;
    }
    .societyManList .manItem{
        padding:1em 1em 1em 18em;
    }
    .societyManList .man-img{
        left:2.75em;
    }
    .societyManList .man-info{
        padding:1em;
    }
}
@media screen and (max-width:760px) {
    .societyBlock{
        padding:2em 1em;
    }
    .societyBlock .societyBlock-hd{
        padding-bottom:2em;
    }
    .societyBlock .societyBlock-hd em{
        font-size:0.75em;   
    }
    .societyBlock .societyBlock-hd .societyBlock-title{
        padding:0 1em;
    }
    .societyBlock .societyBlock-title .title1{
        font-size:1.125em;
    }
    .societyBlock .societyBlock-title .title2{
        font-size:0.875em;
    }
    .society1 .societyImg{
        float:none;
        width:100%;
        padding:1em 0;
    }
    .society1 .societyImg img{
        width:100%;
        max-width:35.25em;
        margin:0 auto;
    }
    .society1 .societyList{
        float:none;
        width:100%;
        background-color:#fff;
        padding:0 1em;
    }
    .societyList li{
        border-left-width:0.45em;    
        margin-top:2em;
        margin-bottom:0;
    }
    .society2{
        padding-bottom:2em;
    }
    .society3 .society-hd{
        display:none;
    }
    .society3 .society-bd{
        padding:2em 0 1em 0;
    }
    .society3 .societyImg2{
        float:none;
        width:auto;
        padding-bottom:2em;
    }
    .society3 .societyImg2 img{
        max-width:100%;
    }
    .society3 .societyTable{
        width:100%;    
    }
    .societyManList .manItem{
        padding:1em 1em 1em 12em;
    }
    .societyManList .man-img{        
        height:8em;
        margin-top:-4.3125em;
        position:absolute;
        top:50%;
        width:8em;
        left:1.6875em;
    }
    .societyManList .man-name,
    .societyManList .man-age,
    .societyManList .man-post{
        line-height:2.5;
        font-size:0.75em;
    }
    .societyManList .man-age,
    .societyManList .man-post{
        padding:0 1em;
    }
    .societyManList .man-intro{
        font-size:0.875em;
        line-height:1.5;
    }
}
@media screen and (max-width:500px) {
    .societyBlock{
        padding:1.375em 0;
    }
    .societyBlock .societyBlock-hd{
        padding-bottom:1em;        
    }
    .societyBlock .societyBlock-hd em{
        font-size:0.3125em;   
    }
    .societyBlock .societyBlock-hd em.sec{
        margin-left:-3em;
    }
    .societyBlock .societyBlock-hd .societyBlock-title{
        padding:0 0.5em;
    }
    .societyBlock .societyBlock-title .title1{
        font-size:1em;
        line-height:1.5;
    }
    .societyBlock .societyBlock-title .title2{
        font-size:0.75em;
    }
    .society1{
        padding:0 1em;
    }
    .society1 .societyImg{
        padding:0.5em 0;
    }
    .society1 .societyList{
        padding:0 0.5em;
    }
    .societyList li{
        margin-top:1em;
        margin-bottom:0;
        padding-left:1.25em;
    }
    .societyList li span{
        font-size:0.875em;
    }
    .society2{
        padding-top:0;
        padding-bottom:1em;
        font-size:0.875em;
    }
    .society2 li{
        padding-top:1em;
        float:none;
        width:30%;
    }
    .society3{
        padding:0 1em;
    }
    .society3 .societyTable{
        font-size:0.75em;
    }
    .bgG{
        background-color:#f4f4f4;
    }
    .societyManList li{
        padding-bottom:0;
    }
    .societyManList .manItem{
        padding:2em 0.7em 1.1875em 0.7em;
        background-color:#f4f4f4;
    }
    .societyManList .man-img{       
        border-width:0.15625em; 
        border-color:#f4f4f4;
        height:4.6875em;
        width:4.6875em;    
        top:0;        
        left:50%;
        margin-top:0;
        margin-left:-2.5em;
        z-index:2;
    }
    .societyManList .man-info{
        text-align:center;
        padding:3em 0.7em 0.7em 0.7em;
    }
}
/*#endregion*/
 
.payBill{
    max-width:75em;
    margin:5em auto;
    background-color:#fff;
}
.payBill .payBill-hd{
    background-color:#4aa0e3;
    color:#fff;
    line-height:5.625em;
    padding: 0 1em;
}
.payBill .payBill-hdMain{
    position:relative;
    max-width:62.5em;
    margin:0 auto;
}
.payBill-hd .payBill-title {
    font-size: 1.375em;
    line-height: inherit;
    text-align: center;
    padding:0 3em;
}
.payBill-hd .payBill-back {
    font-size: 1.125em;
    left: 0;
    line-height: 1;
    margin-top: -0.5em;
    position: absolute;
    top: 50%;
    color:#fff;
}
.payBill .payBill-content{
    padding:2.3125em 1em;
    max-width:62.5em;
    margin:0 auto;
}
.payBill-content .payBill-hint{
    color:#929292;
}
.payBill-content .payBill-hint .hint-content{
    display:inline-block;
    *display:inline;
    *zoom:1;
    padding-right:4.375em;
    vertical-align:middle;
    font-size:1.875em;
}
.payBill-content .payBill-hint .icon{
    color:#4aa0e3;
    font-size:1.25em;
    vertical-align:middle;
}
.payBill-content .order-lastPayTime{
    font-size:1.125em;
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:middle;
    line-height:2;
}
.payBill-content .order-lastPayTime span{
    color:#4aa0e3;
    padding:0 0.5em;
}
.payBill-Info {
    font-size:1.25em;
    padding:1.5em 0 1em;
    border-bottom:1px solid #ccc;
}
.payBill-Info .left{
    float:left;
    line-height:3em;
}
.payBill-Info .right{
    float:right;
    color:#929292;
}
.payBill-Info .right span{
    color:#d63939;
    font-size:1.875em;
}
.paySelBox {
    border-bottom:1px solid #ccc;
    padding-bottom:1em;
}
.paySelBox .paySelBox-title{
    padding:1em 0;
    color:#353636;
}
.paySels li{
    padding:1em 0;
}
.paySels .input-radio {
    cursor: pointer;
    display: block;
    line-height: 1.25em;
    min-height: 1.25em;
    padding: 1.25em 1.25em 1.25em 5.625em;
    position: relative;
    z-index: 1;
}
.paySels .input-radio .icon{
    position:absolute;
    right:1em;
    top:1.5em;
}
.paySels .active .input-radio .icon{
    color:#4aa0e3;
}
.paySels .input-radio .payIcon {
    background: #4aa0e3;
    border-radius: 0.2em;
    color: #fff;
    font-size: 2.5em;
    height: 1.25em;
    left: 0.5em;
    line-height: 1.3em;
    margin-top: -0.625em;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 1.25em;
}
.paySels .input-radio .pay-fast{
    color:#a73824;
    background:#fff;
    border:1px solid #ccc;
}
.paySels .input-radio .pay-weixin{
    color:#fff;
    background:#0dc818;
}
.paySel-event{
    padding:2.5em 0;
}
.paySel-event button {
    width:9.375em;
    float:right;
}
.payCompleteBox{
    max-width:75em;
    margin:5em auto;
    padding:5em 1em 4em 1em;
    text-align:center;
    background-color:#fff;
}
.payCompleteBox img{
    display:block;
    margin:0 auto;
    width:7.625em;
    height:7.625em;
    border-radius:50%;
    background-color:#f1f1f0;
}
.payCompleteBox p.payCompleteBox-hint{
    font-size:1.625em;
    line-height: 3em;
}
.payCompleteBox p{
    font-size:1.375em;
    line-height: 2em;
}
.payComplete-event{
    text-align:center;
    display: inline-block;
    *display:inline;
    *zoom:1;
    padding-top: 2em;
}
.payComplete-event a{
    padding: 0.6em 0.875em;
}
@media screen and (max-width:700px) {
    .payBill{
        margin:0.5em auto;
    }
    .payBill .payBill-hd{
        line-height:3em;
        padding:0 0.7em;
    }
    .payBill-hd .payBill-title {
        font-size: 1em;
        padding:0 3em;
    }
    .payBill-hd .payBill-back {
        font-size: 0.875em;
    }
    .payBill .payBill-content{
        padding:1em 0.7em;
    }
    .payBill-content .payBill-hint{
        padding-bottom:0.7em;
    }
    .payBill-content .payBill-hint .hint-content{
        font-size:1.125em;
    }
    .payBill-content .order-lastPayTime{
        font-size:0.875em;
    }
    .payBill-Info {
        border-top:1px solid #ccc;
        font-size:1em;
        padding:0.7em;
        margin:0 -0.7em;
    }
    .payBill-Info .left{
        float:none;
        line-height:2;
        font-size:0.75em;
    }
    .payBill-Info .right{
        float:none;
        font-size:0.75em;
        line-height:2;
    }
    .payBill-Info .right span{
        font-size:1.33em;
    }
    .paySelBox{
        padding-bottom:0;
    }
    .paySelBox .paySelBox-title{
        font-size:0.875em;
        padding:0.7em 0;
    }
    .paySels li{
        padding:0;
    }
    .paySels .input-radio {
        padding: 1.5em 1.25em 1.5em 3.75em;
        font-size:0.875em;
        border-top:1px solid #e5e5e5;
    }
    .paySels .input-radio .icon{
        right:0;
    }
    .paySels .input-radio .payIcon {
        left: 0;
    }
    .paySel-event{
        padding:1em 0;
    }
    .paySel-event button {
        width:100%;
        float:none;
        margin:0 auto;
        border-radius:0.5em;
    }
    .payCompleteBox{
        margin:0.7em auto;
        padding:5em 1em;
    }
    .payCompleteBox img{
        width:3.8125em;
        height:3.8125em;
    }
    .payCompleteBox p.payCompleteBox-hint{
        font-size:1.125em;
    }
    .payCompleteBox p{
        font-size:0.875em;
    }
}
/*#endregion*/
 
.aboutBanner{
    display:block;
    width:100%;
}
.companyBlock{
    background:#fff;
    padding:3em 1em;
}
.companyBlock .companyBlock-about{
    max-width:75em;
    margin:0 auto;
    position:relative;
    background-color:inherit;
}
.companyBlock-about .companyBlock-hd{
    position:relative;
    background-color:inherit;
    padding:1em 0;
}
.companyBlock-about .companyBlock-hd h2{
    position:relative;
    background-color:inherit;
    color: #4aa0e3;
    font-size: 1.5625em;
    top:0;
    left:0;
    padding-right:2.5em;
    z-index:2;
    line-height:2;
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:top;
}
.companyBlock-about .companyBlock-hd h2:before{
    position:absolute;
    right:0;
    top:50%;
    width:0.6em;
    height:0.6em;
    border-radius:50%;
    border:0.25em solid #c8e2f6;
    background-color:#4aa0e3;
    margin-top:-0.55em;
    content:' ';
}
.companyBlock-about .companyBlock-hd:before{
    position:absolute;
    z-index:1;
    height:1px;
    background-color:#e8e8e8;
    overflow:hidden;
    top:50%;
    left:0;
    right:0;
    content:' ';
}
.companyInfo{
    padding:3em 0 0 0;
    position:relative;
}
.companyInfo .companyInfo-imgs{
    float:left;
    width:43.67%;
    position:relative;
}
.companyInfo .companyInfo-img{
    width:100%;
    display:block;
    z-index:1;
}
.companyInfo  .companyInfo-logo{
    position:absolute;
    top:50%;
    width:9em;
    height:3.1875em;
    padding:1em;
    background-color:#fff;
    -webkit-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.3);
    -moz-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.3);
    -ms-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.3);
    -o-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.3);
    box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.3);
    margin:-2.59375em -2em 0 0;
    z-index:2;
    right:0;
}
.companyInfo .companyInfo-text {
    color: #5a5a5a;
    font-size: 1em;
    padding: 1.875em 0 1.875em 10%;
    line-height:2;
    float:left;
    width:56.33%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
}
.companyBlock2{
    background-color:#f4f4f4;
}
.manList{
    padding-top:2em;
}
.manList .manItem{
    background-color:#fff;
    min-height:24.8125em;
    margin-bottom:3.5em;
    position:relative;
    -webkit-box-shadow:0.375em 0.125em 1.5em rgba(148,147,147,0.42);
    -moz-box-shadow:0.375em 0.125em 1.5em rgba(148,147,147,0.42);
    -ms-box-shadow:0.375em 0.125em 1.5em rgba(148,147,147,0.42);
    -o-box-shadow:0.375em 0.125em 1.5em rgba(148,147,147,0.42);
    box-shadow:0.375em 0.125em 1.5em rgba(148,147,147,0.42);
    padding:0 1em 0 22em;
}
.manList .man-infos{
    text-align: center;
    width:19.875em;
    border-right:1px #ccc solid;
    padding:2.25em 0 0 0; 
    position:absolute;
    top:0;
    bottom:0;
    left:0;
}
.manList .man-img{
    border: 0.625em solid #e5e5e5;
    border-radius: 50%;
    height: 12.5em;
    width: 12.5em;
    display:block;
    margin:0 auto;
}
.manList .man-name {
    color: #5a5a5a;
    font-size:1.875em;
    line-height: 1.875em;
    padding-top:0.4em;
}
.manList .man-level {
    color: #9b9b9b;
    font-size:1.25em;
    line-height: 1.25em;
    padding-top:0.3125em;
}
.manList .man-incident{  
    padding:3.125em 0 0 0;
}
.manList .man-incident li{
    padding:0 0 0 2.5em;
    position:relative;
    margin:2em 0;
}
.manList .man-incident li:before{
    position:absolute;
    left:0;
    top:0.125em;
    width:0.6em;
    height:0.6em;
    border-radius:50%;
    border:0.25em solid #c8e2f6;
    background-color:#4aa0e3;
    content:' ';
}
.investorList{
    max-width:77.5em;
    margin:3em auto;
}
.investorList li{
    float: left;
    width:50%;
    padding:1.65%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
}
.investorList .investorItem{
    position:relative;
}
.investorList .investorItem:hover{
    background-color:#efefef;
    box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    -webkit-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    -moz-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    -ms-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    -o-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
}
.investorList .investor-img {
    position:relative;
    display:block;
    margin:0 auto -5.25em;
    width:12.625em;
    height:12.625em;
    z-index:2;
}
.investorList  .investor-content{
    background-color: #fff;
    position:relative;
    z-index:1;
    padding:5.25em 0 1em 0;
}
.investor-content .investor-title {
    border-bottom: 1px solid #eaeaea;
    color: #494949;
    font-size:1.25em;
    text-align: center;
    overflow:hidden;
    line-height:1.2;
    height:2.4em;
}
.investorList .investor-info{
    padding:1.25em 1.5em 1em 1.5em;
    color: #4aa0e3;
    line-height: 1.5;
    text-align: left;
    height:1.875em;
    overflow:hidden;
}
.investorList .investor-name {
    font-size:1.25em;
    margin-right: 1em;
}
.investorList .investor-text {
    color: #6b6b6b;
    font-size: 1em;
    line-height:1.8;
    padding:0 1.5em;
    text-align: left;
    height:12.6em;
    overflow:hidden;
}
.contactBox{
    padding-top:1.5em;
}
.contactBox .col-main { 
    padding-left:37.5em;
}
.contactBox .col-main .contact_right {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    padding-left:20%;
    padding-top:0;
    width:auto;
    float:none;
    background-color:transparent;
}
.contactBox .map { 
    float:left; 
    width:37.5em;
    height:24.25em;
    background-color:#ccc;
}
.contactBox  .contact_right_addre ul li,
.contactBox  .contact_right_addre ul li span {
    color:#333;
}
.contactBox .contact_right_addre ul li em {
    border-right: 3px solid #333;
}
.contactBox .contact_right_addre{
    padding-top:1.5em;
}
.recruitBox{
    max-width:75em;
    margin: 5em auto;
    padding:0 1em;
}
.recruitBox .col-main { 
    float:left; 
    width:100%;   
}
.recruitBox .col-main .main-wrap {
    margin-right:14.75em;
}
.recruitBox .col-extra{
    float:left;
    width:13.75em; 
    margin-left:-13.75em;
}
.jobList{
    background-color:#fff;
    border-top:0.4375em solid #4aa0e3;
}
.jobList .jobList-hd {
    border-bottom: 1px solid #f1f1f1;
    color: #4aa0e3;
    font-size: 1.125em;
    line-height:2.5;
    padding:0 10%;
}
.jobList ul {
    padding:0.5em 10%;
}
.jobList  li {
    font-size: 0.875em;
    padding:0.5714em 0;
}
.jobList2 {
    display:table;
    width:100%;
    margin-bottom:2em;
}
.jobList2 .jobList-hd{
    color:#fff;
    font-size:0.875em;
    line-height:2;
    background-color:#4f4f4f;
    display:table-row;
}
.jobList2 .jobItem{
    color:#353535;
    font-size:1em;
    line-height:2;
    display:table-row;
}
.jobList2 .jobItem.even{
    background-color:#fff;
}
.jobList2 .jobItem:hover{
    background-color:#4aa0e3;
    color:#fff;
}
.jobList2 span{
    text-align:center;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    display:table-cell;
    padding:1em 0;
}
.jobList2 .t2,
.jobList2 .t3,
.jobList2 .t4{
    width:15%;
}
.jobList2 .t5{
    width:20%;
}
.jobInfo{
    background-color:#fff;
}
.jobInfo .jobInfo-hd{    
    background-color:#4aa0e3;
    color:#fff;
    position:relative;
    padding:0 5em;
}
.jobInfo .jobInfo-hd a{
    font-size: 1.125em;
    left: 1em;
    position: absolute;
    line-height:2;
    top:50%;
    margin-top:-1em;
    color:#fff;
}
.jobInfo .jobInfo-hd h2{
    font-size: 1.625em;
    text-align: center;
    line-height: 2.5;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.jobInfo .jobInfo-content{
    padding:0 1em 5em 1em;
}
.jobInfo .jobInfo-block {
    color: #6a6a6a;
    font-size: 1em;
    line-height:2;
    margin: 0 auto;
    overflow: hidden;
    padding:3em 0 0 0;
    max-width:50em;
}
.jobInfo-content .jobInfo-block dt {
    font-size:1.125em;
    color:#4aa0e3;
}
.jobInfo .jobInfo-call{
    background-color:#909090;
    font-size: 1.625em;
    text-align: center;
    line-height: 2.5;
    color:#fff;
}
.questionBox{
    max-width:75em;
    margin:5em auto 1.25em;
}
.questionBlock .question-hd  {
    background-color: #4bb4cb;
    color: #fff;
    font-size: 1.5625em;
    line-height:2;
    padding: 0.5em 2.5em;
}
.questionList{
    padding-bottom:3.75em;
}
.questionList dt{
    background-color: #fff;
    color: #4aa0e3;
    cursor: pointer;
    font-size: 1.25em;
    line-height:2;
    padding: 0.5em 3.25em;
    position:relative;
    margin-bottom:1px;
}
.questionList dt.active{
    background-color:#f1f5f6;
    margin:0;
    cursor:default;
}
.questionList dt:before{
    content: "\e912";
    font-family: 'nhicofont';
    position:absolute;
    right:1.125em;
    color:#a7a7a7;
    top:50%;
    line-height:2;
    margin-top:-1em;
}
.questionList dt.active:before{
    content: "\e906";
}
.questionList dd {
    color: #585858;
    background-color:#f1f5f6;
    display: none;
    font-size: 1em;
    line-height:1.8;
    padding:0 4.0625em 2.5em;
}
@media screen and (max-width:1050px) {
    .contactBox .col-main { 
        padding-left:0;
    }
    .contactBox .col-main .contact_right {       
        padding:2em;
    }
    .contactBox .map { 
        float:none; 
        width:100%;       
    }
}
@media screen and (max-width:900px) {
    .companyInfo .companyInfo-imgs{
        float:none;
        width:100%;
        margin-bottom:3em;
    }
    .companyInfo .companyInfo-logo{
        top:auto;
        bottom:0;
        left:50%;
        margin:0 0 -2em -5.5em;
        right:auto;
    }
    .companyInfo .companyInfo-text {
        padding: 1.875em 0;
        float:none;
        width:100%;
    }
    .recruitBox{
        margin:2em auto;
    }
    .recruitBox .col-main .main-wrap {
        margin-right:0;
    }
    .recruitBox .col-extra{
        display:none;
    }
}
@media screen and (max-width:760px) {
    .manList .manItem{
        padding:1em 1em 0 1em;
    }
    .manList .man-infos{
        width:auto;
        border-right:none;
        padding:0 0 0 15em; 
        position:relative;
        min-height:13.75em;
    }
    .manList .man-img{
        position:absolute;
        left:0;
        top:0;
    }
    .manList .man-name {
        padding-top:2em;
    }
    .manList .man-incident{  
        padding:1em 0;
    }
    .investorList li{
        float: none;
        width:100%;      
    }
    .investor-content .investor-title {
        line-height:1.5;
        height:auto;
        padding-bottom:0.5em;
    }
    .investorList .investor-info{
        height:auto;
    }
    .investorList .investor-text {
        height:auto;
    }
    .recruitBox{
        padding:0;
        margin:0.7em auto;
    }
    .jobList2 {
        display:block;
        margin-bottom:1em;
    }
    .jobList2 .jobList-hd{
        display:none;
    }
    .jobList2 .jobItem{
        color:#353535;
        font-size:0.875em;
        display:block;
        position:relative;
        background-color:#fff;
        margin-bottom:0.3125em;
        border-top:1px solid #eee;
        border-bottom:1px solid #eee;
    }
    .jobList2 span{
        text-align:left;
        display:block;
        padding:0.8em 0;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        -ms-box-sizing:border-box;
        -o-box-sizing:border-box;
        box-sizing:border-box;
        color:#848484;
    }
    .jobList2 .t1{
        width:100%;
        padding-left:0.8em;
        padding-right:3em;
        border-bottom:1px solid #eee;
        position:relative;
        z-index:1;
        color:#4f4f4f;
    }
    .jobList2 .t2{
        width:auto;
        position:absolute;
        top:0;
        right:0.8em;
        z-index:2;
    }
    .jobList2 .t3{
        position:absolute;
        bottom:0;
        left:0.8em;
        width:auto;
        z-index:2;
    }
    .jobList2 .t4{
        width:auto;
        position:relative;
        z-index:1;
        padding-left:4em;
        padding-right:6em;
        text-align:center;
    }
    .jobList2 .t5{
        position:absolute;
        bottom:0;
        right:0.8em;
        width:auto;
        z-index:2;
    }
    .jobList2 .jobItem:hover  span{
        color:#fff;
    }
    .recruitBox .paging{
        padding:1em 0;
    }
    .questionBox{
        margin:0 auto;
    }
    .questionBlock{
        padding-top:2em;
    }
    .questionBlock .question-hd  {
        padding: 0.5em 1em;
    }
    .questionList{
        padding-bottom:0;
    }
    .questionList dt{
        padding: 0.5em 1.25em;
    }
    .questionList dt:before{
        right:0.5em;
    }
    .questionList dd {
        padding:0 1.5625em 2.5em;
    }
}
@media screen and (max-width:500px) {
    .aboutBanner{
        display:none;
    }
    .companyBlock{
        padding:0.7em;
        margin-top:0.7em;
    }   
    .companyBlockH{
        background-color:#f7f7f7;
        margin-top:0;
    }
    .companyBlock-about .companyBlock-hd{
        padding:0.25em 0;
    }
    .companyBlock-about .companyBlock-hd h2{
        font-size: 1em;
    }
     .companyBlockH .companyBlock-hd{
         display:none;
     }
    .companyInfo{
        padding:0.5em 0 0 0;
    }
    .companyInfo  .companyInfo-logo{
        font-size:0.65em;
    }    
    .companyInfo .companyInfo-text {
        padding: 0 0 0.5em 0;
        font-size:0.875em;
        line-height:1.8;
    }
    .companyBlock2{
        padding:0;
    }
    .companyBlock2 .companyBlock-hd{
        background-color:#fff;
        padding:0.7em;
    }
    .companyBlock2 .companyBlock-hd:before{
        left:0.7em;
        right:0.7em;
    }
    .manList{
        padding-top:0;
    }
    .manList .manItem{
        -webkit-box-shadow:none;
        -moz-box-shadow:none;
        -ms-box-shadow:none;
        -o-box-shadow:none;
        box-shadow:none;
        margin-bottom:0.7em;
        padding:0.7em;
        min-height:inherit;
    }
    .manList .man-infos{
        padding-left:7.5em;
        min-height:6.875em;
    }
    .manList .man-img{
        border-width:0.3125em;
        height:6.25em;
        width:6.25em;
    }
    .manList .man-name {
        font-size:1.125em;
        padding-top:1.5em;
    }
    .manList .man-level {
        font-size:0.875em;
    }
    .manList .man-incident{  
        padding:1em 0 0 0;
        font-size:0.75em;
    }
    .manList .man-incident li{
        padding-left:2em;
        margin:1.25em 0;
    }
    .investorList{
        margin:0 auto;
    }
    .investorList li{        
        padding:0.7em;       
    }
    .investorList .investor-img {
        margin:0 auto -2.5em;
        width:6em;
        height:6em;
    }
    .investorList  .investor-content{
        padding:2.25em 0 0.7em 0;
    }
    .investor-content .investor-title {
        font-size:1em;
    }
    .investorList .investor-info{
        padding:0.8em 0.8em 0.5em 0.8em;
        font-size:0.875em;
    }
    .investorList .investor-name,
    .investorList .investor-level {
        font-size:1em;
    }
    .investorList .investor-text {
        font-size:0.875em;
        padding:0 0.8em;
        text-align: left;
    }
    .contactBox{
        padding-top:0;
    }
    .contactBox .map { 
        height:14.25em;
    }
    .contactBox .col-main .contact_right{
        padding:1.25em 0 0 0;
    }
    .contactBox .contact_right .contact_right-top{
        margin:0;
    }
    .contactBox .contact_right_addre{
        padding-top:0;
        padding-bottom:1em;
    }
    .jobInfo .jobInfo-hd{    
        padding:0 3em;
    }
    .jobInfo .jobInfo-hd a{
        font-size: 0.8em;
        left: 0.5em;      
    }
    .jobInfo .jobInfo-hd h2{
        font-size:0.875em;
        line-height:3;
    }
    .jobInfo .jobInfo-content{
        padding:0 0.7em 1.5em 0.7em;
    }
    .jobInfo .jobInfo-block {
        font-size: 0.875em;
        padding:1.5em 0 0 0;
        line-height:1.8;
    }
    .jobInfo-content .jobInfo-block dt {
        font-size:1em;
    }
    .jobInfo .jobInfo-call{
        font-size: 0.875em;
        line-height:3;
    }
     .questionBlock{
        padding-top:0.7em;
    }
    .questionBlock .question-hd  {
        padding: 0.5em 0.8em;
        font-size:0.875em;
    }
    .questionList dt{
        padding: 0.5em 2em 0.5em 0.8em;
        font-size:0.875em;
    }
    .questionList dd {
        font-size:0.8125em;
        padding:0 0.8615em 1.5em;
    }
}
/*#endregion*/
 
.healthBanner{
    display:block;
    width:100%;
}
.healthBlock{
    max-width:75em;
    margin:5em auto 3em;
}
.healthNavs{
    width:15.625em;
    float:left;
    box-shadow: 0 0.9375em 1.875em rgba(0, 0, 0, 0.1);
    -webkit-box-shadow:0 0.9375em 1.875em rgba(0, 0, 0, 0.1);
    -moz-box-shadow:0 0.9375em 1.875em rgba(0, 0, 0, 0.1);
    -ms-box-shadow:0 0.9375em 1.875em rgba(0, 0, 0, 0.1);
    -o-box-shadow:0 0.9375em 1.875em rgba(0, 0, 0, 0.1);
    background-color: #fff;
    padding: 0 0 2.5em;
    position:relative;
    z-index:2;
}
.healthNavs li {
    padding: 0 0 0 2.5em;
    position:relative;
    transition-duration: 0.3s;
}
.healthNavs .healthNavs-tltle {
    padding: 0 0 0 2.5em;
    background-color: #4aa0e3;
}
.healthNavs .healthNavs-tltle h2{
    font-size:1.5em;
    color:#fff;
    line-height:3.5em;
}
.healthNavs li a {
    display:block;
    font-size: 1em;
    line-height:5.375em;
    text-align:left;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.healthNavs li.healthNavs-li:hover,
.healthNavs li.healthNavs-li.active {
    background-color: #f2f2f2;
    color: #4aa0e3;
    border-left: 0.4375em #4aa0e3 solid;
}
.healthMain{
    margin-left:15.625em;
}
.healthBlock .healthBlock-banner{
    position:relative;
}
.healthBlock .healthBlock-banner img{
    position:relative;
    z-index:1;
    display:block;
    z-index:1;
    width:100%;
}
.healthBlock .healthBlock-banner .banner-text{
    color: #fff;
    font-size:1.5625em;
    text-align: center;
    line-height:2;
    position:absolute;
    z-index:2;
    left:0;
    right:0;
    top:50%;
    margin-top:-1em;
}
.healthAnswer{
    padding-bottom:2em;
}
.healthAnswer .answerItem{
    position:relative;
    display:block;
    padding:0.5em 6.25em 0.5em 1.625em;
    transition-duration: 0.5s;
}
.healthAnswer .even .answerItem {
    background-color:#fff;
}
.healthAnswer .answer-title{
    font-size:1.25em;
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    line-height:4;
}
.healthAnswer .answer-icon{
    font-size:1.25em;
    line-height: 2em;
    width:2em;
    height:2em;
    position:absolute;
    right:0.5em;
    top:50%;
    margin-top:-1em;
    border-radius:50%;
    color:#a7a7a7;
    transition-duration: 0.5s;
    text-align:center;
}
.healthAnswer a:hover,
.healthAnswer .even a:hover{
    background-color: #4bb3cb;
    color:#fff;
    padding-left:2.5em;
}
.healthAnswer a:hover .answer-icon{
    right:1.5em;
    background-color:#fff;
    color:#4aa0e3;
}
.answerInfo{
    margin-left:15.625em;
    background-color:#fff;
    position:relative;
    z-index:1;
}
.answerInfo .answerInfo-hd {
    border-bottom: 1px solid #f0f0f0;
    padding: 2em 0;
    text-align: center;
}
.answerInfo  .answerInfo-title{
    font-size:1.5625em;
    line-height:2;
}
.answerInfo .answerInfo-time {
    color: #b6b5b5;
    font-size:0.875em;
    padding-top:1em;
}
.answerInfo .answerInfo-bd{
    padding:3em 1em;
    max-width:46.875em;
    margin:0 auto;
}
.answerInfo .answerInfo-bd img {
    display: block;
    margin-bottom: 4em;
    width: 100%;
}
.answerInfo .answerInfo-bd p {
    color: #797979;
    font-size: 1em;
    line-height: 2;
    text-indent: 2em;
}
.answerInfo .answerInfo-ft{
    padding:1em;
    border-top: 1px solid #f0f0f0;
}
.answerInfo .answerInfo-ftMain{
    max-width:46.875em;
    margin:0 auto;
}
.answerInfo .answerInfo-back{
    display:inline-block;
    *display:inline;
    *zoom:1;
    background-color:#dddada;
    color:#666;
    font-size:1.125em;
    line-height:2;
    padding:0 1em;
    border-radius:0.25em;
    float:left;
    margin-top:0.65em;
}
.answerInfo .answerInfo-buy{
    float:right;
}
.answerInfo .answerInfo-buy img{
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:middle;
    width:3.6875em;
    height:3.6875em;
}
.answerInfo .answerInfo-buy p,
.answerInfo .answerInfo-buy .answer-event{
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:middle;
    width:auto;
    margin-left:0.7em;
}
@media screen and (max-width:850px){
    .healthBlockH .healthNavs{
        display:none;
    }
    .healthBlockH .answerInfo{
        margin:0;
    }
}
@media screen and (max-width:760px) {
    .healthBlock{
        margin:0 auto;
    }
    .healthNavs{
        width:auto;
        float:none;
        box-shadow:none;
        -webkit-box-shadow:none;
        -moz-box-shadow:none;
        -ms-box-shadow:none;
        -o-box-shadow:none;
        padding: 0 1em;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        -ms-box-sizing:border-box;
        -o-box-sizing:border-box;
        box-sizing:border-box;
    }
    .healthNavs li {
        padding: 0;
        float:left;
        width:33.33%;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        -ms-box-sizing:border-box;
        -o-box-sizing:border-box;
        box-sizing:border-box;
        border-bottom:0.125em solid #fff;
    }
    .healthNavs .healthNavs-tltle {
        display:none;
    }
    .healthNavs li a {
        display:block;
        text-align:center;
        line-height:3;
        font-size:1.125em;
    }
    .healthNavs li.healthNavs-li:hover,
    .healthNavs li.healthNavs-li.active {
        background-color: #fff;
        border-left: none;
        border-bottom-color:#4aa0e3;
    }
    .healthMain{
        margin-left:0;
    }
    .healthBlock .healthBlock-banner{
       display:none;
    }   
    .healthAnswer{
        padding-top:1em;
        padding-bottom:1em;
    }
    .healthAnswer .answerItem{
        background-color:#fff;
        margin-bottom:1px;
    }
    .healthAnswer .answer-title{
        line-height:3;
    }
    .healthBlockH .answerInfo{
        margin:0;
    }
    .answerInfo .answerInfo-hd {
        padding: 1em 0;
    }
    .answerInfo  .answerInfo-title{
        font-size:1.25em;
    }
    .answerInfo .answerInfo-time {
        padding-top:0.5em;
    }
    .answerInfo .answerInfo-bd{
        padding:2em 1em;
    }
    .answerInfo .answerInfo-bd img {
        margin-bottom: 2em;
    }
    .answerInfo .answerInfo-bd p {
        line-height: 1.8;
    }
    .answerInfo .answerInfo-back{
        font-size:0.875em;
        margin-top:0.65em;
    }
    .answerInfo .answerInfo-buy img{
        font-size:0.65em;
    }
    .answerInfo .answerInfo-buy p,
    .answerInfo .answerInfo-buy .answer-event{
        font-size:0.875em;
    }
}
@media screen and (max-width:500px) {
    .healthBanner{
        display:none;
    }
    .healthNavs{
        padding: 0 0.7em;
    }
    .healthNavs li a {
        font-size:0.875em;
    } 
    .healthAnswer{
        padding-top:0.5em;
        padding-bottom:0.5em;
    }
    .healthAnswer .answerItem{
        background-color:#fff;
        margin-bottom:1px;
        padding:0.5em 2em 0.5em 0.7em;
    }
    .healthAnswer .answer-title{
        line-height:2;
        font-size:0.8125em;
    }
    .healthAnswer .answer-icon{
        font-size:0.875em;
        right:0.25em;
    }
    .healthAnswer a:hover,
    .healthAnswer .even a:hover{
        padding-left:1.25em;
    }
    .healthAnswer a:hover .answer-icon{
        right:1em;
    }
    .answerInfo .answerInfo-hd {
        padding: 0.7em;
        text-align:left;
        border-bottom:none;
    }
    .answerInfo  .answerInfo-title{
        font-size:1em;
    }
    .answerInfo .answerInfo-time {
        font-size:0.75em;
        padding-top:0.3125em;
    }
    .answerInfo .answerInfo-bd{
        padding:0 0.7em 0.7em 0.7em;
    }
    .answerInfo .answerInfo-bd img {
        margin-bottom: 0.7em;
    }
    .answerInfo .answerInfo-bd p {
        font-size:0.875em;
    }
    .answerInfo .answerInfo-ft{
        padding:0.7em;
    }
    .answerInfo .answerInfo-back{
        float:none;
        display:block;
        text-align:center;
        font-size:0.875em;
        margin:1em 0;
        line-height:1.2;
        padding: 1em 1.25em;
    }
    .answerInfo .answerInfo-buy{
        float:none;
        padding-top:0.7em;
    }
    .answerInfo .answerInfo-buy img{
        font-size:0.65em;
    }
    .answerInfo .answerInfo-buy p{
        font-size:0.875em;
    }
    .answerInfo .answerInfo-buy .answer-event{
        font-size:0.875em;
        display:block;
        margin:2em 0 1em;
        border-radius:0.25em;
    }
}
/*#endregion*/
 
.assessBanner{
    display:block;
    width:100%;
}
.assessBox{
    margin: 5em auto;
    max-width:75em;
    background-color:#fff;
    padding-bottom:2em;
}
.assessBox .assessBox-hd{
    background-color: #4bb3cb;
    color: #fff;
    font-size:1.5625em;
    line-height:5;
    text-align: center;
}
.assessData {
    background-color:#f5f5f5;
    padding:3em 1em 1em;
}
.assessData ul{
    max-width:55em;
    margin:0 auto;
}
.assessData li{
    float:left;
    width:50%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    padding:0 12.5%;
    height:5.5em;
    position:relative;
}
.assessData .input-text,
.assessData .input-select{
    position:relative;
    padding:0 0 0 2.125em;
    text-align:left;
    width:100%;
    border:none;
    line-height:1.5;
    border-bottom: 1px solid #d2d2d2;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
}
.assessData .input-text:before,
.assessData .input-select:before{
    content: "\e93b";
    font-family:'nhicofont';
    font-size: 1.5em;
    left: 0;
    line-height:1;
    position: absolute;
    top:50%;
    margin-top:-0.5em;
}
.assessData .input-select .select-value{
    padding-left:1.8889em;
    font-size:1.125em;
}
.assessData .input-select select{
    font-size:1.125em;
}
.assessData .input-text input {
    padding-left:0;
    background-color: transparent;
    color:#666;
    text-align: left;
    border: none;
    font-size:1.125em;
}
.assessData .input-text input::-webkit-input-placeholder{
    color:#666 !important;
    font-family:"微软雅黑";
}
.assessData .input-text input:-moz-placeholder{
    color:#111 !important;
    font-family:"微软雅黑";
}
.assessData .input-text input::-moz-placeholder{
    color:#111 !important;
    font-family:"微软雅黑";
}
.assessData .input-text input:-ms-input-placeholder{
    color:#666 !important;
    font-family:"微软雅黑";
}
.assessData .assessData-select{
    border-color: #999 transparent transparent;
    border-style: solid;
    border-width: 0.5em;
    position: absolute;
    right: 0.625em;
    top: 50%;
    z-index: 1;
}
.assessQuestionList .assessQuestionItem{
    border-bottom: 1px solid #e7e7e7;
    background-color:#fff;
    padding:1em 1em 1.5em 1em;
}
.assessQuestionList .assessQuestion-title,
.assessQuestionList .assessQuestion-sels,
.assessQuestionList .assessQuestion-supplement{
    max-width:59.375em;
    margin:0 auto;
}
.assessQuestionList .assessQuestion-title h2 {
    color: #525252;
    font-size:1.375em;
    line-height:1.5;
    font-weight:normal;
}
.assessQuestionList .assessQuestion-sels .input-radio {
    color: #565656;
    cursor: pointer;
    font-size: 1em;
    line-height:1.5625em;
    margin:1em 1em 0 0;
    padding-left:2.125em;
    position:relative;
    display:inline-block;
    *display:inline;
    *zoom:1;
    min-width:20%;
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
}
.assessQuestionList label.error{
    display:inline-block;
    *display:inline;
    *zoom:1;
    min-width:20%;
    float:left;
    font-size: 1em;
    line-height:1.5625em;
    margin:1em 1em 0 0;
    padding:0;
}
.assessQuestionList .assessQuestion-sels .input-radio .icon{
    position:absolute;
    left:0;
    top:50%;
    color:#666;
    font-size: 1.2em;
    line-height:2;
    margin-top: -1em;
}
.assessQuestionList .assessQuestion-supplement{
    display:none;
}
.assessQuestionList .assessQuestion-supplement .input-text{
    display:block;
}
.assessQuestionList .input-text .input-title{
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:middle;
    min-width:10em;
}
.assessQuestionList .input-text input{
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:middle;
    max-width:20em;
}
.assessQuestionList .assessQuestion-supplement label.error{
    float:none;
    margin:0;
}
.assessEvent{
    max-width:20em;
    margin:2em auto 0;
    line-height:2;
}
.assessResultBox{
    max-width:75em;
    background-color:#fff;
    margin:5em auto;
}
.assessResult{
    text-align:center;
    padding:1em 1em 2.5em 1em;
    border-bottom:1px solid #ccc;
}
.assessResult .result-img{
    display:block;
    margin:1em auto;
    width:12em;
}
.assessResult .result-number{
    color:#8d8d8d;
    font-size:1.25em;
    line-height:2;
}
.assessResult .result-number span{
    color:#4aa0e3;
    font-size:2em;
}
.assessResult .result-hint{
    padding:1.875em 0;
    background-color:#4aa0e3;
    max-width:18.75em;
    color:#fff;
    font-size:1.25em;
    margin:2em auto;
}
.assessResult .result-hint.high{
    background-color:#e9444a;
}
.assessResult .result-hint2{
    color:#4aa0e3;
    font-size:1.25em;
}
.assessResult .result-hint2.high{
    color:#e9444a;
}
.addUeserInfo{
    max-width:58.75em;
    margin:0 auto;
    padding:5em 1em;
}
.addUeserInfo .addUeserInfo-box{
    border:1px solid #ccc;
    padding:1em 1.5em;
    text-align: left;
}
.addUeserInfo-hint img {
    display: inline-block;
    *display:inline;
    *zoom:1;
    height: 1.77em;
    vertical-align: middle;
    width: 5em;
    margin:0 1em;
}
.addUeserInfo-box .addressFormBox_01{
    padding:1.5em 1em;
}
.addUeserInfo-box .addressForm-event{
    text-align:center;
    float: none;
}
.addUeserInfo-box .addressForm-event button {
   max-width: 12em;
   margin:0 auto;
}
@media screen and (max-width:700px){
    .assessBox{
        margin: 0 auto;
        background-color:transparent;
    }
    .assessBox .assessBox-hd{
        background-color: transparent;
        color: #262436;
        font-size:0.875em;
        line-height:2;
        text-align: left;
        padding:0.5em 0.8em;
    }
    .assessData {
        background-color:#fff;
        padding:0 0.7em;
        border-top:1px solid #e5e5e5;
        border-bottom:1px solid #e5e5e5;
        overflow:hidden;
    }
    .assessData ul{
        margin-top:-1px;
    }
    .assessData li{
        float:none;
        width:100%;
        padding:0;
        height:auto;
    }
    .assessData .input-text,
    .assessData .input-select{
        border-top: 1px solid #d2d2d2;
        border-bottom:none;
        padding-left:1.6528em;
    }
    .assessData .input-text:before,
    .assessData .input-select:before{
        font-size: 1.125em;
    }
    .assessData .input-select .select-value{
        padding-left:1.8889em;
        font-size:0.875em;
        padding-top:1em;
        padding-bottom:1em;
    }
    .assessData .input-select select{
        font-size:0.875em;
        padding-top:1em;
        padding-bottom:1em;
    }
    .assessData .input-text input {
        font-size:0.875em;
        padding-top:1em;
        padding-bottom:1em;
    }
    .assessQuestionList .assessQuestionItem{
        border-bottom:none;
        padding:0.7em 0.7em 1em 0.7em;
        margin-top:0.7em;
    }
    .assessQuestionList .assessQuestion-title h2 {
        font-size:1em;
    }
    .assessQuestionList .assessQuestion-sels .input-radio {
        font-size: 0.875em;
    }
    .assessQuestionList .input-text .input-title{
        font-size:0.875em;
    }
    .assessQuestionList .input-text input{
        font-size:0.875em;
    }
    .assessEventBox{
        padding:0 0.7em;
    }
    .assessEvent{
        line-height:1.5;
        border-radius:0.5em;
    }
    .assessBox label.error{
        font-size: 0.875em;
    }
    .assessResultBox{
        background-color:#f7f7f7;
        margin:0 auto;
        padding:0.7em 0;
    }
    .assessResult{
        text-align:left;
        position:relative;
        padding:1em 1em 1em 7em;
        border-bottom:none;
        margin:0 1em;
    }
    .assessResult .result-img{
        display:block;
        width:6em;
        position:absolute;
        left:0;
        top:0;
    }
    .assessResult .result-number{
        font-size:0.875em;
        line-height:2;
        text-align:center;
    }
    .assessResult .result-number span{
        font-size:1.4286em;
    }
    .assessResult .result-hint{
        padding:1em 0;
        background-color:#4aa0e3;
        max-width:12em;
        color:#fff;
        font-size:0.75em;
        margin:1.5em auto;
        text-align:center;
    }
    .assessResult .result-hint2{
        font-size:0.875em;
        margin-left:-6.8571em;
        padding-top:0.5em;
    }
    .addUeserInfo{
        padding:0;
    }
    .addUeserInfo .addUeserInfo-box{
        border:none;
        padding:0.7em;
    }
    .addUeserInfo-box .addressFormBox_01{
        padding:0.7em 0;
    }
}
@media screen and (max-width:500px) {
    .addUeserInfo-box .addressForm-event button {
       max-width: 100%;
       margin:2em auto 0;
       border-radius:0.5em;
    }
}
/*#endregion*/
 
.queryReport{
    position:relative;
    max-width:75em;
    margin: 5em auto;
    background-color:#fff;
}
.queryReport .col-main { 
    float:left; 
    width:100%;   
}
.queryReport .col-main .main-wrap {
    margin-left:23.75em;
    min-height:37.5em;
    padding:0 1em;
}
.queryReport .col-sub { 
    float:left; 
    width:23.75em;
    margin-left:-100%;
}
.queryReport .report-img{
    display:block;
    width:100%;
}
.queryReport .searchForm{
    max-width:28.75em;
    margin:0 auto;
    padding-top:3em;
}
.queryReport .searchForm  .input-text input{
    border:none;
    border-bottom:1px solid #d2d2d2;
}
.queryReport .searchForm .input-text-hasicon .icon{
    font-size: 1.625em;
    height: 1.25em;
    left: 0.2em;
    line-height: 1.5em;
    top: 0.7em;
    width: 1.25em;
}
.queryReport .searchForm .input-text-hasicon .icon.phone-1{
    font-size: 1.875em;
    left: 0.05em;
    top: 0.5em;
}
.queryReport .searchForm .input-text {
    margin-top: 1.25em;
}
.queryReport .searchForm .input-text-hascode .btn-code{
    top:1em;
}
.queryReport .searchForm button {
    margin-top: 5em;
}
.reportResult{
    max-width:28.75em;
    margin:0 auto;
    padding:3em 0 0 0;
}
.reportResult .reportResult-hd{
    text-align:center;
    font-size:1.75em;
    color:#bbb;
    padding-bottom:1em;
}
.reportResult .reportResult-hd .icon{
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:middle;
    font-size: 1.25em;
}
.reportResult .reportResult-hd .number{
    font-size: 1.25em;
}
.reportResultList .reportItem{
    padding: 1em 7.1875em 1em 0;
    position:relative;
    margin-bottom:0.5em;
}
.reportResultList  .report-event {
    border: 1px solid #4aa0e3;
    border-radius: 2.5714em;
    color: #4aa0e3;
    display: inline-block;
    *display:inline;
    *zoom:1;
    font-size: 0.875em;
    line-height: 2.5714em;
    margin-top: -1.2857em;
    padding: 0 2em;
    position: absolute;
    right: 0;
    top: 50%;
    white-space: nowrap;
    z-index: 2;
}
.reportResultList .report-title{
    font-size:1.25em;
}
.reportResultList .report-title span{
    color:#4aa0e3;
}
.reportDetailBox{
    background-color:#fff;
    max-width:75em;
    margin:5em auto;
    padding:1em;
}
.reportDetailBox .reportDetail,
.reportDetailBox .reportDetailBox-back{
    max-width:37.5em;
    margin:0 auto;
    padding:0;
}
.reportDetailBox .reportDetailBox-back{
    padding:2em 0;
    text-align:left;
}
.reportDetailBox .reportDetailBox-back a{
    background-color:#dddada;
    padding:0.5em 1em;
    display:inline-block;
    *display:inline;
    *zoom:1;
    border-radius: 0.2em;
    text-align:center;
}
@media screen and (max-width:900px) {
    .queryReport{
        margin:0.7em auto 0; 
        min-height: 30.5em;       
    }
    .queryReport .col-sub{
        display:none;
    }
    .queryReport .col-main{
        float:none;
    }
    .queryReport .col-main .main-wrap{    
        margin-left:0;   
        padding-bottom:2em;
        min-height:inherit;
    }
    .queryReport .searchForm{
        padding-top:0.5em;
    }
    .queryReport .searchForm button {
        margin-top: 3em;
    }
    .queryReport .searchForm .input-text{
        margin-top:0.7em;
    }
    .queryReport .searchForm label.error{
        font-size:0.75em;
    }
}
@media screen and (max-width:500px) {
    .reportResult{
        padding:1em 0 0 0;
    }
    .reportResult .reportResult-hd{
        font-size:1em;
    }
    .reportResultList .reportItem{
        padding: 0.7em 6em 0.71em 0;
        margin-bottom:0.5em;
    }
    .reportResultList  .report-event {
        line-height: 2;
        margin-top: -1em;
        padding: 0 1em;
    }
    .reportResultList .report-title{
        font-size:0.875em;
    }
    .reportDetailBox{
        margin:0 auto;
    }
    .reportDetailBox .reportDetailBox-back{
        padding:1em 0;
    }
    .reportDetailBox .reportDetailBox-back a{
        display:block;
        line-height:2;
    }
}
/*#endregion*/
 
.floatBox{
    bottom: 100px;
    -webkit-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    -moz-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    -ms-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    -o-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    position: fixed;
    right:.9375em;
    width:4.6875em;
    z-index: 9999;
}
.floatBox ul li{
    margin-bottom:0.05em;
    background:#fff;
    opacity:0.9;
}

.floatBox ul li a {
    background-color: #fff;
    color: #a4a4a4;
    display: inline-block;
    *display:inline;
    *zoom:1;
    font-size:0.75em;
    height:1.5625em;
    padding:3.5em 0 0.2em;
    text-align: center;
    transition-duration: 0.5s;
    position:relative;
    width: 100%;
}
.floatBox .icon{
    font-size: 2.5em;
    left: 50%;
    margin-left: -0.55em;
    position: absolute;
    top: 0.3em;
}
.floatBox .back .icon{
    top:0.5em;
}
.floatBox-show {
    background-color: #fff;
    display: none;
    height:12.1875em;
    opacity: 0;
    padding-left:2.1875em;
    position: absolute;
    right: 4.75em;
    text-align: left;
    top:0;
    transition-duration: 0.5s;
    width:17.5em;
}
.floatBox-show .hd {
    color: #6e6e6e;
    font-size:1.875em;
    padding:1em 0;
    text-align: left;
    width: 100%;
}
.floatBox-show .info{
    color: #4aa0e3;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 2.0625em;
    font-weight: bold;
    padding:0 0 1em;
    text-align: left;
    width: 100%;
}
.floatBox ul li a:hover{
    color:#fff;
    background:#4aa0e3;
}
.floatBox ul li:hover .floatBox-show{
    display:block;
    opacity: 1;
}
@media screen and (max-width:900px) {
    .floatBox{
        display:none;
    }
}
/*#endregion*/
 
.exploitBlock{
    max-width:75em;
    margin:5em auto;
    text-align: center;
    min-height:25em;
}
.exploitBlock .exploitBlock-info{
    font-size:2em;
    padding:3.35em  1em;
    display:inline-block;
    *display:inline;
    *zoom:1;
    background:#4aa0e3;
    border-radius:50%;
    color:#fff;
    position:relative;
}
.exploitBlock a.exploitBlock-back{
    display:block;
    position:absolute;
    background:#fff;
    color:#4aa0e3;
    font-size:0.65em;
    left:50%;
    margin-left:-2.3em;
    bottom:2em;
    border-radius:0.2em;
    padding:0.2em;
}

/*#endregion*/
 
.input-text-ck {
    float: none !important;
}
.orderUser-info-ck {
    max-width: 50em !important;
    overflow: hidden;
    padding: 2em 0 0 0;
}
.text-discription-ck {
    padding-bottom: 1.5em !important;
    color: #999999 !important;
}
.btn-upload-ck {
    display: inline;
    position: relative;
    font-size: 0.875em;
    width: 3em;
    cursor: pointer;
}
.btn-upload-ck input {
    position: absolute;
    left: 0;
    top: 0;
    width: 135px;
    bottom: 0;
    opacity: 0;
    height: 100%;
    filter: alpha(opacity:0);
    cursor: pointer;
    z-index: 10;
}



.text-filename-ck {
    display: inline;
    float: left;
    margin-top: 0.6em;
    padding-right: 2em;
    color: #666666;
    font-size: 0.9em;
}
.btn-submit-ck {
    margin-top: 2em;
}
/*#endregion*/
/*by 小陈**/
.div1236{
padding:0 1em; max-width:77.25em; margin:0 auto;}
@font-face {
  font-family: "Century Gothic";
  src: url("fonts/CenturyGothic/Century Gothic.woff2") format("woff2"),
       url("fonts/CenturyGothic/Century Gothic.woff") format("woff"),
       url("fonts/CenturyGothic/Century Gothic.ttf") format("truetype"),
       url("fonts/CenturyGothic/Century Gothic.eot") format("embedded-opentype"),
       url("fonts/CenturyGothic/Century Gothic.svg") format("svg"),
       url("fonts/CenturyGothic/Century Gothic.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
.index_1{
text-align:center;font-family: "Century Gothic"; padding:1em 0; border-bottom:1px #edeff2 solid;}
.index_1 a{ background-image:url(../images/index/img9.jpg);
font-size:0.875em; color:#111; display:inline-block; padding-bottom:1em; background-position:center bottom; background-repeat:no-repeat;}
.index_1 a:hover{
background-position:center 1.3em;}
@font-face {
  font-family: "FuturaBT-Light";
  src: url("fonts/FuturaBT-Light/FuturaBT-Light.woff2") format("woff2"),
       url("fonts/FuturaBT-Light/FuturaBT-Light.woff") format("woff"),
       url("fonts/FuturaBT-Light/FuturaBT-Light.ttf") format("truetype"),
       url("fonts/FuturaBT-Light/FuturaBT-Light.eot") format("embedded-opentype"),
       url("fonts/FuturaBT-Light/FuturaBT-Light.svg") format("svg"),
       url("fonts/FuturaBT-Light/FuturaBT-Light.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
.index_2_1{font-family: "FuturaBT-Light"; color:#000; margin-top:3em; margin-bottom:1.5em;
text-align:center; font-size:1.125em;}
.index_2_2{font-family: "FuturaBT-Light"; line-height:1.6em;  
margin:0 auto; max-width:55em; font-size:0.875em; color:#999; text-align:center; margin-bottom:6em;}
.index_2_3 ul li{
float:left; width:48%; margin-bottom:4em;}
.index_2_3 ul li:nth-child(2n){
float:right;}
.index_2_3_1{
width:100%; overflow:hidden;}
.index_2_3_1 img{
width:100%;}
.index_2_3_2{font-family: "FuturaBT-Light"; color:#000; margin-top:2em; margin-bottom:0.8em;
text-align:center; font-size:1.125em;}
/*@font-face { font-family: "SourceHanSansCN-Regular"; src: url("fonts/sourcehansanscnlight/SourceHanSansCN-Regular.woff2") format("woff2"), url("fonts/sourcehansanscnlight/SourceHanSansCN-Regular.woff") format("woff"), url("fonts/sourcehansanscnlight/SourceHanSansCN-Regular.ttf") format("truetype"), url("fonts/sourcehansanscnlight/SourceHanSansCN-Regular.eot") format("embedded-opentype"), url("fonts/sourcehansanscnlight/SourceHanSansCN-Regular.svg") format("svg"), url("fonts/sourcehansanscnlight/SourceHanSansCN-Regular.otf") format("opentype"); }*/
.index_2_3_3{font-family: "SourceHanSansCN-Regular";
text-align:center;margin-bottom:0.5em; color:#999;}
.index_2_3_4{ 
text-align:center;}
.index_2_3_4 a{ font-size:0.75em; font-family: "SourceHanSansCN-Regular"; color:#000; padding-bottom:0.6em;
position:relative; display:inline-block; border-bottom:1px #ccc solid;}
.index_2_3_4 a b{
position:absolute; left:0; bottom:-1px; width:0%; height:1px; background-color:#000;}
.index_2_3_4 a:hover b{
width:100%;}
.index_2_4 ul{
position:relative;}
.index_2_4 ul li:nth-child(3){
float:right; width:49%;}
.index_2_4 ul li:nth-child(1){
position:absolute; left:0; top:0; width:49%;}
.index_2_4 ul li:nth-child(2){
position:absolute; left:0; bottom:0; width:49%;}
.index_2_4_1{
width:100%; overflow:hidden;}
.index_2_4_1 img{
width:100%;}
.index_2_4_2{ margin-top:1em;
text-align:center;font-family: "SourceHanSansCN-Regular"; font-size:1.125em; color:#000;}
.index_3{
position:relative; margin-top:3em;}
.index_3_footer{ color:#fff;
position:absolute; left:0; bottom:9%; z-index:10; width:100%; text-align:center;}
.index_3_footer_2{
font-size:0.875em;}
.index_3_footer_2 a{font-family: "FuturaBT-Light";
color:#fff; display:inline-block; padding-bottom:0.3em; border-bottom:1px #fff solid; position:relative;}
.index_3_footer_1{font-family: "FuturaBT-Light"; font-size:1.875em; margin-bottom:0.5em;}
.index_3_footer_2 a b{ background-color:#000;
position:absolute; left:0; z-index:10; width:0; height:1px; bottom:-1px;}
.index_3_footer_2 a:hover b{
width:100%;}
.index_4_mid{
margin:5.375em auto; background-color:#f3f3f3; width:41.125em; padding:0 1em; padding-bottom:3em; padding-top:3em;}
.index_4_mid_1{font-family: "FuturaBT-Light";
text-align:center; font-size:1.25em; color:#000;}
.index_4_mid_2{font-family: "FuturaBT-Light"; margin-top:1.5em; padding-bottom:2.5em; background-position:center bottom; background-repeat:no-repeat; background-image:url(../images/index/img10.jpg);
text-align:center; font-size:0.875em; color:#999;}
.index_5 ul li{ position:relative;
float:left; width:49%;}
.index_5 ul li:nth-child(2n){
float:right;}
.index_5_1{
width:100%; overflow:hidden;}
.index_5_1 img{
width:100%;}
.index_5_1_mask{
position:absolute; left:0; top:0; width:100%; text-align:center; height:100%; z-index:10;}
.index_5_1_mask_1{ margin:0 auto; padding:12% 0;
width:45%;   background-image:url(../images/index/img11.png);}
.index_5_1_mask_1 span{font-family: "FuturaBT-Light"; font-size:1.25em; color:#252525;}
.index_5_2_mask{
position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; color:#fff; text-align:center;}
.index_5_2_mask_1{font-family: "FuturaBT-Light";
font-size:0.875em;}
.index_5_2_mask_2{font-family: "FuturaBT-Light";
font-size:1.5em; letter-spacing:0.1em; margin:0.5em 0;}
.index_5_2_mask_3 .index_3_footer_2 a{font-family: "Century Gothic";} 
.index_5{
margin-bottom:5.375em;}
.page_footer{
border-top:1px #dcdcdc solid;}
.page_footer_1{
text-align:center; margin:3em 0;}
.page_footer_2{ border-bottom:1px #dcdcdc solid; border-top:1px #dcdcdc solid;
width:38.75em; margin:0 auto; padding:0.6em 0;}
.page_footer_2 div{
position:relative; padding-right:5em;}
.page_footer_2_btn{font-family: "Century Gothic"; border:none; background-color:transparent;
position:absolute; right:0; top:0; height:100%; font-size:0.75em; color:#4d4d4d; cursor:pointer;}
.page_footer_2_wbk{font-family: "Century Gothic"; font-size:0.75em;
width:100%; border:none; background:none;color:#4d4d4d;}
.page_footer_3{font-family: "Century Gothic";
text-align:center; font-size:0.75em; margin-top:3em; margin-bottom:4.5em;}
.page_footer_3 a{
color:#000; margin:0 0.5em;}
.banner_footer{
position:absolute; left:0; width:100%; z-index:10; text-align:center; bottom:6%; color:#fff;}
.banner_footer_1{
font-size:1.25em;font-family: "Century Gothic";}
.banner_footer_2{
font-size:3em;font-family: "FuturaBT-Light"; margin:0.4em 0;}
.banner_footer_3 a{font-family: "Century Gothic"; color:#fff;
position:relative; display:inline-block; border-bottom:1px #fff solid; font-size:0.875em; padding-bottom:0.3em;}
.banner_footer_3 a b{ height:1px; width:0;
position:absolute; left:0; bottom:-1px; background-color:#000;}
.banner_footer_3 a:hover b{
width:100%;}
@media screen and (max-width:1090px) {
.banner_footer_1{
font-size:1em;}
.banner_footer_2{
font-size:2em;}
.index_2_4_2{
font-size:1em;}
}
@media screen and (min-width:760px) {
.page_footer_3 a{ padding:0 0.5em;
position:relative; display:inline-block;}
.page_footer_3 a:after{content:""; height:1px;position: absolute;bottom:7px;left:50%;width:0%;background: #000;transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;  }
.page_footer_3 a:hover:after{
left:0; width:100%;}

}
@media screen and (max-width:760px) {
.banner_footer_1{
font-size:0.875em;}
.banner_footer_2{
font-size:1.25em;}
.page_footer_3{ margin-bottom:0; padding-bottom:2em; padding-top:1em;
width:auto; background-color:#222; max-width:none;}
.page_footer_3 a{ background-position:right center; background-repeat:no-repeat; background-image:url(../images/footer/m1.png);
margin:0; display:block; color:#fff; width:100%; text-align:left; padding:1em 0; border-bottom:1px #4f4f4f solid;}
.page_footer_3 a:last-child{
border:none;}
.page_footer_2{
width:90%;}
.page_footer_1{
margin:2em 0;}
.index_5{
margin-bottom:3em;}
.index_4_mid{
margin:3em auto;}
.index_5_1_mask_1 span,.index_5_2_mask_2{
font-size:1.125em;}
.index_4_mid{
width:auto; padding-top:2em; padding-bottom:2em;}
.index_4_mid_1{
font-size:1.125em;}
.index_4_mid_2{
padding-bottom:2em;}
.index_2_4_2{
margin-top:0.5em;}
.index_2_3_2{
font-size:1em; margin-top:1em;}
.index_2_3_3{
font-size:0.875em;}
.index_2_1{
margin-top:2em;}
.index_2_2{
margin-bottom:4em;}
.index_2_3 ul li{
margin-bottom:3em;}
.index_3{
margin-top:1.5em;}
.index_3_footer_1{
font-size:1.125em;}
}
@media screen and (max-width:620px) {
.index_2_4 ul li:nth-child(1),.index_2_4 ul li:nth-child(2){
position:static; width:100%; margin-bottom:1em;}
.index_2_4 ul li:nth-child(3){
width:100%;}
}
@media screen and (max-width:550px) {
.banner_footer_2{
font-size:1em;}
.index_5 ul li{
width:100%; margin-bottom:1em;}
}
@media screen and (max-width:400px) {
.page_footer_2{
width:100%;}
}
@media screen and (max-width:320px) {
.index_2_3 ul li{
width:100%; margin-bottom:1em;}
.index_3_footer_1{
font-size:1em;}
}
.index_1,.index_2,.index_3,.index_4,.index_5{
overflow:hidden;}
.index_5 ul li:nth-child(2n) .index_5_1{
background-color:#000;}
.index_5 ul li:nth-child(2n) .index_5_1 img{
opacity:0.55}
.gotoup{ display:none; z-index:888;
position:fixed; right:1em; bottom:2em; width:3.125em; height:3.125em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/footer/up.png); cursor:pointer;}
@media screen and (max-width:760px) {
.gotoup{
width:2.5em; height:2.5em;}
}
.page_header{
margin:0; width:100%; position:fixed; left:0; top:0; z-index:999;}
.page_header_1{
margin:2.8125em 2% 2em 2%; position:relative; text-align:center;}
.header_search_ico{
position:fixed; left:2%; top:2.8125em; z-index:999; cursor:pointer; width:1.375em; height:1.375em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/header/img1.png);}
.header_shop{font-family: "Century Gothic"; top:2.8125em; z-index:999;
position:fixed; right:2%; color:#fff;}
.header_shop a{ color:#fff; font-size:0.875em;
position:relative; display:inline-block; padding-right:3em;}
.header_shop a:before{content:""; height:1px;position: absolute;top:0.3em;right:0%;width:2em;background: #fff;transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.header_shop a:after{content:""; height:1px;position: absolute;top:0.8em;right:0%;width:1.4em;background: #fff;transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.header_shop a:hover{
color:#fff;}
.header_shop a:hover:before{
width:1.4em;}
.header_shop a:hover:after{
width:2em;}
.page_header_2{ background-position:top; background-repeat:repeat-x;font-family: "Century Gothic"; background-image:url(../images/header/img2.png);}
.headerSecMenu dd a{font-family: "SourceHanSansCN-Regular"; }
.headerSecMenu dd a:hover{
margin-left:0.5em;}
.headerSecMenu dd:last-child a{font-family: "Century Gothic"; }
.page_header_2{
margin:0 2%;}
.header_search_bar{ display:none;
position:fixed; left:0; top:7.6875em; width:100%; background-color:#fff;  z-index:33;}
.header_search_bar_mid{ padding:1.8em 0;
margin:0 2%; position:relative; text-align:center;}
.header_search_bar_mid .mfp-close{width:11px;display:inline-block;background-image:url(../images/header/close.svg);background-position:50%;background-size:contain;background-repeat:no-repeat;transition:none;height:11px;cursor:pointer;display:block;position:absolute;top:0;right:0;margin:30px 30px 30px 0;font-size:0;color:transparent;line-height:11px;min-width:11px;max-width:11px; position:absolute; right:0; top:0; border:none; background-color:transparent;}
.header_search_bar_mid_wbk{ text-align:center;
background:none; border:none;font-family: "SourceHanSansCN-Regular"; font-size:1em;}
@media screen and (min-width:950px) {
.bodyon .page_header{-webkit-animation:fadeIn 1s;animation:fadeIn 1s;position:fixed;top:0; background-color:#fff;}
}
.bodyon .header_search_bar{
top:4.625em;}
.bodyon .page_header_1{ display:none;}
.bodyon .headerMenu li .menuItem{
color:#000;}
.bodyon .headerMenu li a.menuItem:after{ background-color:#000;}
.bodyon .header_search_ico{
background-image:url(../images/header/img1on.png); top:1.625em;}
.bodyon .header_shop a{
color:#000;}
.bodyon .header_shop a:before,.bodyon .header_shop a:after{
background-color:#000;}
.bodyon .header_shop{
top:1.625em;}
.bodynoroll{
overflow:hidden;}
@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
.page_header_1 a{ width:9.9375em; height:2.875em; background-size:cover;
display:inline-block; background-position:center; background-repeat:no-repeat; background-image:url(../images/header/logo.png);}
.mobilemenu{
display:none;}

@media screen and (max-width:1200px) {

.header_search_bar_mid .mfp-close{
margin-right:0px;} 
 
.header_search_bar_mid_wbk{
width:100%; text-align:left; font-size:0.875em;} 
/***********/
#content{
padding-top:5em;}
.mobilemenu{
display:block;}
.mobilemenu_list{
margin-top:5em;}
.mobilemenu_list li{ 
padding:1.2em 0; text-align:center; border-bottom:1px #efefef solid;}
.mobilemenu_list li a{
color:#000; }
.headeron{
-webkit-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    -moz-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    -ms-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    -o-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);}
.bodynoy{
overflow-y:hidden;}
.mobilemenu{
position:fixed; left:0; top:-200%; width:100%; height:100%; z-index:888; background-image:url(../images/header/bg.jpg);} 
.mobilemenuon{
top:0;}
.nav-trigger{ overflow: hidden; text-indent: 100%;white-space: nowrap;color: transparent; position:fixed; right:2em; top:2em; height:2em; width:2em; z-index:9999;  } 
.nav-trigger span,.nav-trigger span::before,.nav-trigger span::after{position: absolute;width: 28px; height:2px;background-color: #000;-webkit-backface-visibility: hidden;backface-visibility: hidden;} 
.header.pages-header .nav-trigger span,.header.pages-header .nav-trigger span::before,.header.pages-header .nav-trigger span::after{background:#000} .nav-trigger span {top: 21px;left: 8px;-webkit-transition: background 0.2s 0.1s;-moz-transition: background 0.2s 0.1s;transition: background 0.2s 0.1s;} .nav-trigger span::before, .nav-trigger span:after {content: '';left: 0;-webkit-transition: -webkit-transform 0.2s 0.1s;-moz-transition: -moz-transform 0.2s 0.1s;transition: transform 0.2s 0.1s;} .nav-trigger span::before {bottom: 8px;} .nav-trigger span::after {top: 8px;} .nav-trigger.active span {background-color: rgba(255, 255, 255, 0);} .header.pages-header .nav-trigger.active span {background-color: rgba(0, 0, 0, 0);} .nav-trigger.active span::before, .nav-trigger.active span::after {background-color:#000;} .header.pages-header .nav-trigger.active span::before,.header.pages-header .nav-trigger.active span::after {background-color:#000;} .nav-trigger.active span::before {-webkit-transform: translateY(8px) rotate(-45deg);-moz-transform: translateY(8px) rotate(-45deg);-ms-transform: translateY(8px) rotate(-45deg);-o-transform: translateY(8px) rotate(-45deg);transform: translateY(8px) rotate(-45deg);} .nav-trigger.active span::after {-webkit-transform: translateY(-8px) rotate(45deg);-moz-transform: translateY(-8px) rotate(45deg);-ms-transform: translateY(-8px) rotate(45deg);-o-transform: translateY(-8px) rotate(45deg);transform: translateY(-8px) rotate(45deg);}
/***********/
.page_header_2{
display:none;}
.page_header_1{
margin:0;}
.page_header{ height:5em; border-bottom:1px #efefef solid;
background-color:#fff; position:fixed;}
.page_header_1 a{ height:2.1875em; margin-top:1.40625em; width:7.5625em;
background-image:url(../images/header/logo2.png);}
.page_footer_1 img{
width:7.5625em;}
.header_search_ico{ width:1em; height:1em; top:2em; left:1em;
background-image:url(../images/header/img1on.png);}
.header_shop{
display:none;}
.bodyon .header_search_ico{
top:2em;  }
.header_search_bar,.bodyon .header_search_bar{
top:5.0625em;-webkit-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    -moz-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    -ms-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    -o-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);}
 
.header_search_bar_mid{ margin:0 1em;
padding:1.5em 0; padding-right:3em;}
.bodyon .page_header_1{
display:block;}
}
/********about**************/
.page_about_2{ overflow:hidden;
position:relative; margin-top:3em;}
.page_about_2_left{
width:47%; overflow:hidden;}
.page_about_2_left img{
width:100%;}
.page_about_2_right{ overflow:hidden;
position:absolute; right:0; top:0; width:47%; height:90%;}
.page_about_3_left{overflow:hidden;
position:absolute; left:0; top:1.5em; width:47%; height:92%;}
.page_about_2_right_mid{font-family: "FuturaBT-Light";
position:absolute; left:0;   height:100%; overflow:hidden; overflow-y:auto; width:100%; padding-right:1.1em;}
.page_about_3_left_mid{font-family: "FuturaBT-Light";
position:absolute; left:0;   height:100%; overflow:hidden; overflow-y:auto; width:100%; padding-right:1.1em;}
.page_about_2_right_mid_1{ margin-top:2em; margin-bottom:1.5em;
font-size:1.125em; color:#000;}
.page_about_2_right_mid_2{
font-size:0.875em; color:#666; line-height:1.6;}
.page_about_3{ margin-bottom:8em;
position:relative;}
.page_about_3_right{ position:relative;
float:right; width:47%; height:36.75em;}
.page_about_3_right_right{
float:right; width:56%; overflow:hidden;}
.page_about_3_right_right img{
width:100%;}
.page_about_3_right_left_1{
position:absolute; left:0; top:22%; width:39%; overflow:hidden;}
.page_about_3_right_left_1 img{
width:100%;}
.page_about_3_right_left_2{ overflow:hidden;
position:absolute; left:7%; top:59.5%; width:32%;}
.page_about_3_right_left_2 img{
width:100%;}
@media screen and (max-width:760px) {
.page_about_2_left,.page_about_3_right{
width:100%;}
.page_about_2_right,.page_about_2_right_mid,.page_about_3_left,.page_about_3_left_mid{
position:static; width:100%; height:auto; padding-right:0;}
.page_about_3_right_left_1{
top:0;}
.page_about_3_right_left_2{
bottom:0;}
.page_about_3_right{
height:auto; margin-top:1.5em;}
.page_about_2_right_mid_1{
margin-top:1.5em; margin-bottom:1em;}
.page_about_3{
margin-bottom:4em;}
}
/******lookbook********/
.lb_mid{
padding:0 1em; margin:0 auto; max-width:94.625em;}
.lb_mid_1{font-family: "FuturaBT-Light";
text-align:center; margin-bottom:4.5em;}
.lb_mid_1 .page_about_2_right_mid_2{
margin:0 auto; max-width:61.85714285714286em; color:#999;}
.lb_mid_1 .page_about_2_right_mid_1{
margin-top:3.5em;}
.lb_mid_2{
margin-bottom:3em;}
.lb_mid_2 ul li{ margin-right:8%;
float:left; width:28%; margin-bottom:1.7em;}
.lb_mid_2 ul li:nth-child(3n){
margin-right:0;}
.lb_mid_2_1{ position:relative;
width:100%; overflow:hidden;}
.lb_mid_2_1 img{
width:100%;}
.lb_mid_2_1_mask{background-color:rgba(0,0,0,.71); background-position:center; background-repeat:no-repeat; background-image:url(../images/lookbook/img13.png);
position:absolute; z-index:10; left:4%; width:92%; top:3%; height:94%;opacity:0; }
.lb_mid_2 ul li:hover .lb_mid_2_1_mask{opacity:1}
.lb_mid_2_2{font-family: "FuturaBT-Light"; padding:1.5em 1em;
text-align:center; color:#000;}
@media screen and (max-width:760px) {
.lb_mid_2_1_mask{
display:none;}
.lb_mid_1{
margin-bottom:2.5em;}
.lb_mid_1 .page_about_2_right_mid_1{
margin-top:2em;}
.lb_mid_2 ul li{ margin-bottom:1.5em;
width:49%; margin-right:0;}
.lb_mid_2 ul li:nth-child(2n){
float:right;}
.lb_mid_2_2{
padding:1em;}
.lb_mid_2{
margin-bottom:2em;}
}
@media screen and (max-width:430px) {
.lb_mid_2 ul li{
width:100%;}
}
.lbmask{ display:none;
background-color:#fff; position:fixed; left:0; top:0; width:100%; height:100%; z-index:999;}
.lbmask_1{
text-align:center; margin:0 0 2em 0;}
.lbmask_1 img{
max-width:8.5625em;}
.lbmask_close{ z-index:9999; cursor:pointer;
position:fixed; right:1em; top:1em; width:1.5em; height:1.5em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/header/close.svg);}
.lbmask_2{
margin:0 auto; padding:0 1em; max-width:62%; }
 
@media screen and (max-width:1440px) {
 .lbmask_2{
 max-width:52%;}
}
@media screen and (max-width:760px) {
 .lbmask_2{
 max-width:100%;}
}
.snum_total{ text-align:center; color:#000; font-size:0.875em;
margin:0 auto; margin-top:3.375em;   position:relative; width:135px;}
@media screen and (max-width:1440px) {
.snum_total{
margin-top:1.5em;}
}
.swiper-button-prev-1{ cursor:pointer;
position:absolute; left:0; top:0; height:100%; width:32px; background-position:left center; background-repeat:no-repeat; background-image:url(../images/lookbook/img15.png);} 
.swiper-button-next-1{ cursor:pointer;
position:absolute; right:0; top:0; height:100%; width:32px; background-position:right center; background-repeat:no-repeat; background-image:url(../images/lookbook/img16.png);} 
.swiper-button-prev-1:after{
content:""; height:1px;position: absolute;bottom:9px;left:2px;width:0px;background: #000;transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; 
}
.swiper-button-prev-1:hover:after{
width:26px;}
.swiper-button-next-1:after{
content:""; height:1px;position: absolute;bottom:9px;right:2px;width:0px;background: #000;transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; 
}
.swiper-button-next-1:hover:after{
width:26px;}
.ajaxloading{ background-color:#fff; display:none;
position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; background-position:center; background-repeat:no-repeat; background-image:url(../images/lookbook/loading.gif);}
#gallery-wrapper { position: relative;   width: 100%; margin:0em auto; } 
#gallery-wrapper  img.thumb { width: 100%; max-width: 100%; height: auto;  } 
#gallery-wrapper  .white-panel { position: absolute; text-align:center;  } 
.pro_1{
padding:5em 0 5em 0; margin-bottom:5em; overflow:hidden;}
@media screen and (max-width:760px) {
.pro_1{
padding:3em 0 3em 0; margin-bottom:3em;}
}
.pro_1_new_list .white-panel{
float:left; width:48%; margin-bottom:4%;}
.pro_1_new_list .white-panel:nth-child(2),.pro_1_new_list .white-panel:nth-child(3){
float:right;}
.pro_1_new_list .white-panel:nth-child(4){
margin-bottom:4%;}
.pro_1_new ul li{
margin-bottom:4%;}
.pro_1_new ul li:last-child{
margin-bottom:7%;}
.pro_1_new ul li:first-child{
margin-top:7%;}
.pro_1_new ul li dl dd{
float:left; width:48%; overflow:hidden;}
.pro_1_new ul li dl dd img{
width:100%;}
.pro_1_new ul li dl dd:hover img__,.imggray__{
 -webkit-filter: grayscale(100%);  
     -webkit-filter: grayscale(1);  
     filter: grayscale(100%);  
     filter: url('url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale");');
     filter: gray; }
.pro_1_new ul li:nth-child(1) dl dd:nth-child(2),.pro_1_new ul li:nth-child(3) dl dd:nth-child(2){
float:right;}
.pro_1_new ul li:nth-child(2) dl,.pro_1_new ul li:nth-child(4) dl{
position:relative; overflow:hidden;}
.pro_1_new ul li:nth-child(2) dl dd:nth-child(3){
float:right;}
.pro_1_new ul li:nth-child(2) dl dd:nth-child(1){
position:absolute; left:0; top:0; width:48%; height:47%; overflow:hidden;}
.pro_1_new ul li:nth-child(2) dl dd:nth-child(2){
position:absolute; left:0; bottom:0; width:48%; height:47%; overflow:hidden;}

.pro_1_new ul li:nth-child(4) dl dd:nth-child(2){
position:absolute; right:0; top:0; width:48%; height:47%; overflow:hidden;}
.pro_1_new ul li:nth-child(4) dl dd:nth-child(3){
position:absolute; right:0; bottom:0; width:48%; height:47%; overflow:hidden;}
.discover_list{
overflow:hidden; margin-top:4em;} 
@media screen and (max-width:760px) {
.discover_list{
 margin-top:2.5em;} 
}
@media screen and (max-width:320px) {
.discover_list ul li{
margin-bottom:2em;}
.discover_list{
 margin-bottom:1em;} 
}
.video_list{
margin-top:4em; margin-bottom:4em;}
.video_list ul li{
position:relative; margin-bottom:2.6875em;}
.video_list_pic{ background-color:#000;
width:100%; overflow:hidden;}
.video_list_pic img{
width:100%; opacity:0.5;}
@media screen and (max-width:760px) {
.video_list ul li{
margin-bottom:1.5em;}
.video_list{
margin-top:2em; margin-bottom:2em;}
}
.store_1{
overflow:hidden; margin-top:3.875em;}
.store_2{font-family: "FuturaBT-Light"; font-size:0.875em; margin:2.5em 0 3em 0;
color:#000; line-height:1.6;}
.store_3{ margin-bottom:4em;
position:relative;}
.store_3_left{
width:47%; overflow:hidden;}
.store_3_left img{
width:100%;}
.store_3_right{
width:47%; position:absolute; right:0; height:100%; overflow:hidden; top:0;}
.store_3_right_mid{
position:absolute; left:0; top:0; height:100%; width:100%; padding-right:2em; overflow:hidden; overflow-y:auto;}
.store_3_right_mid ul li,.store_4_left_1{font-family: "FuturaBT-Light"; margin-top:2em;
font-size:0.875em; color:#000; line-height:1.6;}
.store_4_left_1{
margin-bottom:3em;}
.pt{
font-size:1.25em; margin-bottom:0.5em;}
@media screen and (max-width:1090px) {
.store_3_right_mid ul li,.store_4_left_1{
margin-top:1em;}
.store_4_left_1{
margin-bottom:2em;}
}
@media screen and (max-width:760px) {
.store_1{
margin-top:2.5em;}
.store_3{
margin-bottom:2em;}
.pt{
font-size:1.125em;}
.store_3_left{
width:100%; margin-bottom:1em;}
.store_3_right,.store_3_right_mid{
width:100%; position:static; width:100%;}
}
.store_4{ margin-bottom:7em;
position:relative;}
.store_4_left{
float:left; width:47%;}
.store_4_right{
float:right; width:47%;}
.store_4_left_2{
width:100%; overflow:hidden;}
.store_4_left_2 img{
width:100%;}
@media screen and (max-width:760px) {
.store_4{
margin-bottom:3em;}
.store_4_left,.store_4_right{
width:100%;}
.store_4_right{
margin-top:1.5em;}
}
.lb2_1 ul li{
width:100%; clear:both; margin-bottom:6%;}
.lb2_1 ul li dl{
position:relative; overflow:hidden;}
.lb2_1 ul li dl dd{
float:left; overflow:hidden;}
.lb2_1 ul li dl dd img{
width:100%;}
.lb2_1 ul li:nth-child(1) dl dd:nth-child(1){
width:64%;}
.lb2_1 ul li:nth-child(1) dl dd:nth-child(2){ height:100%;
width:29%; position:absolute; top:0; right:0;}
.lb2_1 ul li:nth-child(2) dl dd{
width:29%; margin-right:6.1%;} 
.lb2_1 ul li:nth-child(2) dl dd:nth-child(3n){
float:right; margin-right:0;}

.lb2_1 ul li:nth-child(3) dl dd:nth-child(2){
float:right; width:64.9%;}
.lb2_1 ul li:nth-child(3) dl dd:nth-child(1){
  width:29%; position:absolute; left:0; top:0; height:100%;}
.lb2_1 ul li:nth-child(3) dl dd:nth-child(1) img{
height:100%;}

.lb2_1 ul li:nth-child(5) dl dd:nth-child(2n){
float:right;}
.lb2_1 ul li:nth-child(5) dl dd{ width:47%;}
.lb2_2 ul li{ margin-bottom:6%;
width:100%; clear:both;}
.lb2_2 ul li dl{
position:relative; overflow:hidden;}
.lb2_2 ul li dl dd{
float:left; overflow:hidden;}
.lb2_2 ul li dl dd img{
width:100%;}
.lb2_2 ul li:nth-child(1) dl dd{
width:29%; margin-right:6.5%;
}
.lb2_2 ul li:nth-child(1) dl dd:nth-child(3n){
margin-right:0;
}
.lb2_2 ul li:nth-child(2) dl dd:nth-child(1){
width:64%;}
.lb2_2 ul li:nth-child(2) dl dd:nth-child(2){
position:absolute; right:0; top:0; width:29%; height:100%;}
.lb2_2 ul li:nth-child(2) dl dd:nth-child(2) img{
height:100%;}

.lb2_2 ul li:nth-child(3) dl dd:nth-child(2){
width:64%; float:right;}
.lb2_2 ul li:nth-child(3) dl dd:nth-child(1){
position:absolute; left:0; top:0; width:29%; height:100%;}
.lb2_2 ul li:nth-child(3) dl dd:nth-child(1) img{
height:100%;}
.index_2_3 ul li:hover .index_2_3_1 img,.index_2_4 ul li:hover .index_2_4_1 img{ -webkit-filter: grayscale(100%);  
     -webkit-filter: grayscale(1);  
     filter: grayscale(100%);  
     filter: url('url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale");');
     filter: gray;  }
/*********change ef**********/
.index_3{
background-position:center; background-repeat:no-repeat; background-size:cover;}
.index_3 img{
 }
.paralasic {
   background-attachment: fixed; background-size: cover; background-size: 100vw; background-position: center top; background-repeat: no-repeat; background-color: #fff;
}
@media screen and (max-width:760px) {
.index_3 img{
opacity:1;}
}
.pcimg{ display:none;
background-position:center top; background-repeat:no-repeat; width:100%; background-size:cover;}
@media screen and (max-width:760px) {
.homeBannerSwiper .swiper-slide img.pch{
display:none;}
.pcimg{
display:block;}
}
/**********小陈************/
@font-face {
  font-family: "SOURCEHANSERIFCN-REGULAR";
  src: url("fonts/SourceHanSerifCN/SOURCEHANSERIFCN-REGULAR.woff2") format("woff2"),
       url("fonts/SourceHanSerifCN/SOURCEHANSERIFCN-REGULAR.woff") format("woff"),
       url("fonts/SourceHanSerifCN/SOURCEHANSERIFCN-REGULAR.ttf") format("truetype"),
       url("fonts/SourceHanSerifCN/SOURCEHANSERIFCN-REGULAR.eot") format("embedded-opentype"),
       url("fonts/SourceHanSerifCN/SOURCEHANSERIFCN-REGULAR.svg") format("svg"),
       url("fonts/SourceHanSerifCN/SOURCEHANSERIFCN-REGULAR.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
.bodymain{
background-image:url(../images/header/bg.jpg);}
.div1600{
max-width:100em; padding:0 4em; margin:0 auto;}
@media screen and (max-width:1366px) {
.div1600{
padding:0 1em;}
}
.jg_header{  
position:fixed; left:0; top:0; width:100%; z-index:999;}
.jg_header_mid{ border-bottom:1px #bbb solid;
padding:2.03125em 1em;}
#content{
padding-top:10.5em; padding-bottom:3.5em;}
@font-face {
  font-family: "SourceHanSansCN-ExtraLight";
  src: url("fonts/SourceHanSansCN-ExtraLight/SourceHanSansCN-ExtraLight.woff2") format("woff2"),
       url("fonts/SourceHanSansCN-ExtraLight/SourceHanSansCN-ExtraLight.woff") format("woff"),
       url("fonts/SourceHanSansCN-ExtraLight/SourceHanSansCN-ExtraLight.ttf") format("truetype"),
       url("fonts/SourceHanSansCN-ExtraLight/SourceHanSansCN-ExtraLight.eot") format("embedded-opentype"),
       url("fonts/SourceHanSansCN-ExtraLight/SourceHanSansCN-ExtraLight.svg") format("svg"),
       url("fonts/SourceHanSansCN-ExtraLight/SourceHanSansCN-ExtraLight.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
.jg_footer{font-family: "SourceHanSansCN-ExtraLight";  
position:fixed; left:0; bottom:0; width:100%; z-index:999;  }
.jg_footer_left{
float:left; line-height:4.666666666666667em; font-size:0.75em;}
.jg_footer_right{
float:right; line-height:4.666666666666667em; font-size:0.75em;}
.swiper-container-banner .swiper-slide{
background-position:center; background-repeat:no-repeat; background-size:cover;}
@media screen and (max-width:640px) {
.jg_footer_left{ padding-top:1em;
width:100%; text-align:center; line-height:1.6em;}
.jg_footer_right{ padding-bottom:1em;
width:100%; text-align:center; line-height:1.6em;}
}
a:hover{
color:#cf104c}
.indexbg{
position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/index/bimg.jpg);}
.swiper-pagination-banner{
position:absolute; left:0; width:100%; text-align:center; bottom:4%; z-index:100;}
.swiper-pagination-banner_mid{ height:20px;
margin:0 auto;   background-position:center; background-repeat:no-repeat;}
.swiper-pagination-banner_mid span{ height:20px;
float:left; width:30px; background-position:center; background-repeat:no-repeat; background-image:url(../images/index/img4.jpg);}
.swiper-pagination-banner_mid a{ float:left;
display:inline-block; width:20px; height:20px; float:left; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/index/img1.png);}
/*.swiper-pagination-banner_mid a:nth-child(1){
margin-left:0;}
.swiper-pagination-banner_mid a:last-child{
float:right; margin-left:0;}*/
.swiper-pagination-banner_mid a.on{
background-image:url(../images/index/img2.png);}
@media screen and (max-width:760px) {
.swiper-pagination-banner_mid{
height:15px;}
.swiper-pagination-banner_mid a{
width:15px; height:15px;}
.swiper-pagination-banner_mid span{
height:15px;} 
.swiper-pagination-banner_mid{
height:15px;}
}
.jg_header_mid_left{
float:left;}
.jg_header_mid_left img{
float:left;}
.jg_header_mid_right{position:relative;
float:right; margin-top:1.25em;}
.headerMenu li{
text-align:left; padding:0; margin-left:5.5625em;}
.menu_ch{font-family: "SOURCEHANSERIFCN-REGULAR"; font-size:1.0625em; color:#000;}
.headerMenu li:first-child{
margin-left:0;}
@font-face {
  font-family: "GILROY-LIGHT";
  src: url("GILROY-LIGHT.woff2") format("woff2"),
       url("GILROY-LIGHT.woff") format("woff"),
       url("GILROY-LIGHT.ttf") format("truetype"),
       url("GILROY-LIGHT.eot") format("embedded-opentype"),
       url("GILROY-LIGHT.svg") format("svg"),
       url("GILROY-LIGHT.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
.menu_en{font-family: "Arial"; margin-top:0.5em;
color:#c2c2c2; font-size:0.75em;}
.headerMenu li:hover .menu_ch,.headerMenu li:hover .menu_en{
color:#cf104c}
#content{
padding-top:9.9375em; padding-bottom:3.5em;}
@media screen and (max-width:1440px) {
#content{
padding-top:6.9375em;}
 .jg_header_mid{
padding:1em;}
.jg_header_mid_left{
width:24em;} 
.headerMenu li{
margin-left:3em;}
.jg_header_mid_right{
margin-top:1em; }
}
@media screen and (max-width:760px) {
#content{
padding-top:6.125em;}
.jg_header_mid_left{
width:20em;}
.nav-trigger{
top:1.5em;}
}
@media screen and (max-width:420px) {
#content{
padding-top:4.4375em;}
.jg_header_mid_left{
width:12em;}
.nav-trigger{
top:0.9em;}
}
.mobilemenu_list li a{
color:#000;font-family: "SOURCEHANSERIFCN-REGULAR";  }
/*.gj_about_1{
position:fixed; left:0; top:11.9375em; width:100%; 
}
@media screen and (max-width:1440px) {
.gj_about_1{
top:7.9375em;}
}*/
.gj_about_1_left{
float:left;}
.gj_about_1_right{
float:right; margin-top:1em;}
.gj_about_1_right a{ margin-left:1.4375em;
font-size:0.9375em;color:#666;font-family: "SOURCEHANSERIFCN-REGULAR";}
.gj_about_1_right a:hover,.gj_about_1_right a.on{
color:#cf104c;}
.gj_about_1_left_1{
font-size:1.375em;color:#000;font-family: "SOURCEHANSERIFCN-REGULAR"; }
.gj_about_1_left_2{font-family: "Arial"; margin-top:0.5em;
font-size:0.75em; color:#9b9b9b;}
.div1187{
max-width:74%;}
.jg_about_2_left{
width:34%;}
/*********/
.nydh{
position:fixed; left:0; width:100%; z-index:999; top:10.9375em;}

@media screen and (max-width:1440px) {
.nydh{
top:8.5em;}
}
.about_nyqy{ width:100%;position:relative; margin-top:19.0625em; overflow:hidden;
 }
@media screen and (max-width:1600px) {
.about_nyqy{ width:100%;   height:21.5625em; position:relative; margin-top:15.0625em;
 }
} 
@media screen and (max-width:1440px) {
.about_nyqy{ width:100%;   height:19.5625em; position:relative; margin-top:13.0625em;
 }
} 
.gj_about_1_right_select{ display:none; font-size:0.875em;
border:1px #bbb solid; background-color:#fff; padding:0.4em;}
.gj_about_1_right_select select{
border:none; background-color:transparent; font-size:1em; width:100%;}
/***********/
/*****about****/
.about_nyqy_left{
 left:0; top:0; width:25%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
@media screen and (max-width:1600px) {
.about_nyqy_left{
position:absolute;
background-image:url(../images/about/img1.jpg);}
.about_nyqy_left img{
display:none;
} 
}
.about_nyqy_right{ top:0;font-family: "SOURCEHANSERIFCN-REGULAR";
position:absolute; width:45%; height:100%; left:30%;  
}
.about_nyqy_right_mid{
padding-right:1em;}
.about_nyqy_right_1{
font-size:1.25em; color:#000;}
.about_nyqy_right_2{
font-size:0.75em;font-family: "Arial"; color:#999; margin-top:0.5em;}
.about_nyqy_right_3{font-family: "SourceHanSansCN-ExtraLight";
font-size:0.875em; color:#5c5c5c; line-height:2em; margin-top:1.5em;}
@media screen and (max-width:1090px) {
.gj_about_1_left_1{
font-size:1.25em;}
.about_nyqy_right_1{
font-size:1em;}
 
}
@media screen and (max-width:760px) {
 
.gj_about_1_right_select{
display:block; margin:1em 0;}
.gj_about_1_left_1{
font-size:1em;}
.about_nyqy_right_1{
font-size:0.9375em;}
.gj_about_1_left{
width:100%; text-align:center;}
.gj_about_1_right{ display:none;}
.nydh{
top:7.125em;}
}
@media screen and (max-width:1024px) {
.about_nyqy_right_mid{
padding-right:0;}
.about_nyqy_left{ width:100%; clear:both; position:static;
background-image:none; float:left;}
.about_nyqy{
height:auto;}
.about_nyqy_left img{
display:block; width:100%;}
.about_nyqy_right{ clear:both; float:left;
width:100%; position:static; margin-top:1em;}
.about_nyqy_right .swiper-scrollbar{ display:none;} 
}
.designer_list li{
float:left; width:23.875%; margin-right:1.4375%; margin-bottom:1em;}
.designer_list li:nth-child(4n){
margin-right:0;}
.designer_list_1{
overflow:hidden;}
.designer_list_1 img{
width:100%;}
.designer_list_2{
margin-top:0.7em;}
.designer_list_2_1{
color:#000; font-size:1.25em;font-family: "SourceHanSansCN-ExtraLight";
}
.designer_list_2_2{
color:#999; font-size:0.75em;font-family: "GILROY-LIGHT"; margin-left:0.5em;
}
.designer_list_3{font-family: "SourceHanSansCN-ExtraLight"; margin-top:0.4em;
color:#8b8b8b; font-size:0.875em;}
.designer_list_mid{
position:absolute; left:0; top:0; width:100%; overflow:hidden; height:100%;}
.designer_list_mid_roll{  height:100%; padding-right:1.1625em;
position:absolute; left:0; top:0; width:100%; overflow:hidden; overflow-y:auto;}
@media screen and (max-width:1090px) {
.designer_list_2_1{
font-size:1em;}
}
@media screen and (max-width:1024px) {
.designer_list_mid,.designer_list_mid_roll{
position:static; padding-right:0; height:auto;}
.designer_list li{
width:32%; margin-right:2%;
}
.designer_list li:nth-child(3n){
margin-right:0;}
.designer_list li:nth-child(4n){
margin-right:1.4375%}
}
@media screen and (max-width:760px) {
.designer_list li{
width:49%; margin-right:0;}
.designer_list li:nth-child(2n){
float:right;}
.designer_list li:nth-child(4n){
margin-right:0%}
}
@media screen and (max-width:420px) {
.designer_list li{
width:100%}
}
.de_info_left{
position:absolute; left:0; top:0; height:100%; width:25%;}
.de_info_right{
position:absolute; height:100%; width:41.875%; left:26.875%}
.de_info_right_1_1{font-family: "SourceHanSansCN-ExtraLight";
color:#121212; font-size:1.625em;}
.de_info_right_1_2{font-family: "GILROY-LIGHT"; color:#afaeae; margin-left:0.4em;}
.de_info_right_2{font-family: "SourceHanSansCN-ExtraLight";
color:#121212; font-size:0.9375em; margin-top:0.6em; margin-bottom:2em;
}
.de_info_right_3{font-family: "SourceHanSansCN-ExtraLight";
color:#121212; font-size:0.8125em; line-height:1.7em; }
.de_info_right_4{font-family: "SourceHanSansCN-ExtraLight"; color:#999; margin-top:1.5em;
font-size:0.875em; line-height:1.7em;}
.de_info_right_5{
margin-top:0.8em;}
.de_info_right_5 a{ width:1.8125em; height:1.8125em; border:1px #b2b2b2 solid;
display:inline-block; background-position:center; background-repeat:no-repeat; background-image:url(../images/about/img4.png);}
.de_info_right_5 a:hover{
border-color:#cf104c;}
@media screen and (max-width:1024px) {
.gdt{
display:none;}
.de_info_left{ margin:1em 0;
position:static; width:100%; text-align:center; height:auto;}
.de_info_right{ margin-bottom:1.5em;
position:static; width:100%; height:auto;}
.de_info_right_1{
text-align:center;  }
.de_info_right_1_1{
font-size:1.125em;}
.de_info_right_1_2{
font-size:0.875em;}
.de_info_right_1_1{
text-align:center;}
.de_info_right_5 a{
width:auto; display:block; height:2.2em;}
.de_info_right_2{ margin-top:1em;
margin-bottom:1.5em;}
}
.partner_list ul li{ margin-right:1.09%; margin-bottom:1.09%;
float:left; width:19.125%}
.partner_list ul li:nth-child(5n){
margin-right:0;}
@media screen and (max-width:1600px) {
.partner_list_mid{
position:absolute; left:0; top:0; width:100%; height:100%;}
} 
@media screen and (max-width:1024px) {
.partner_list_mid{
position:static;}
.partner_list ul li{
width:24.1%;}
.partner_list ul li:nth-child(5n){
 margin-right:1.09%;}
 .partner_list ul li:nth-child(4n){
 margin-right:0%;}
}
@media screen and (max-width:760px) {
 
.partner_list ul li{
width:32.6%;}
.partner_list ul li:nth-child(5n),.partner_list ul li:nth-child(4n){
 margin-right:1.09%;}
 .partner_list ul li:nth-child(3n){
 margin-right:0%;}
}
@media screen and (max-width:450px) {
 
.partner_list ul li{ margin-bottom:2%;
width:49%; margin-right:0;}
.partner_list ul li:nth-child(5n),.partner_list ul li:nth-child(4n){
 margin-right:0%;}
 .partner_list ul li:nth-child(3n){
 margin-right:0%;}
  .partner_list ul li:nth-child(2n){
  float:right;}
}
.events_mid_1{ overflow:hidden;
margin:0 auto; width:74%; position:relative;}
.events_mid_1_left{ position:relative;
float:left; width:50%;}
.events_mid_1_right{
position:absolute; height:100%; right:0; top:0; width:46%;}
.events_mid_1_right_3{
position:absolute; left:0; bottom:2%;}
.events_mid_1_right_3 a{
display:inline-block; position:relative; width:8px; height:14px; background-position:center; background-repeat:no-repeat;}
.events_mid_1_right_3 a.zb{
background-image:url(../images/about/img11.png);}
.events_mid_1_right_3 a.zb:after{content:""; height:1px;position: absolute;bottom:6.5px;left:2px;width:0px;background: #000;transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.events_mid_1_right_3 a.zb:hover:after{
width:27px;}
.events_mid_1_right_3 a.yb{ margin-left:2em;
background-image:url(../images/about/img10.png);}
.events_mid_1_right_3 a.yb:after{content:""; height:1px;position: absolute;bottom:6.5px;right:2px;width:0px;background: #000;transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.events_mid_1_right_3 a.yb:hover:after{
width:27px;}
.events_mid_1_right_1{font-family: "GILROY-LIGHT"; font-size:1.5em; z-index:100;
position:absolute; left:0; top:2%; color:#1f1f1f; width:100%;}
.events_mid_1_right_1 b{
position:absolute; width:19%; height:100%; top:0; left:-21%; background-position:center; background-repeat:repeat-x; background-image:url(../images/about/img9.png);}
.events_mid_1_right_2{  
position:absolute; left:0; top:15%; width:100%; height:73%;}
.swiper-container_jj .swiper-slide{
cursor:pointer;}
.swiper-container_jj .swiper-slide:hover .events_mid_1_right_2_1{
/*color:#d0104c;*/}
.events_mid_1_left_mid{
max-width:37.25em;}
.events_mid_1_left_mid img{
width:100%;}
.events_mid_1_left_mid .swiper-container-horizontal > .swiper-pagination-bullets,.events_mid_1_left_mid .swiper-pagination-custom,.events_mid_1_left_mid .swiper-pagination-fraction{
width:auto; right:0.7em; bottom:0.7em;}
.swiper-pagination_pic{
text-align:right; width:auto; right:1em;}
.swiper-pagination_pic .swiper-pagination-bullet{
border:1px #fff solid; opacity:1; background:none;}
.swiper-pagination_pic .swiper-pagination-bullet-active{
background-color:#fff;}
@media screen and (max-width:1600px) {
.events_mid_1_right_2{ 
 top:17%;  height:70%;}
}
.events_mid_1_right_2_1{
 font-family: "SourceHanSansCN-ExtraLight"; color:#1f1f1f;}
.events_mid_1_right_2_2{   line-height:1.4;
font-size:0.875em; color:#626262; margin-top:0.2em;}


.events_mid{ width:100%;  
   margin-top:13em;}
.okj{
 margin-bottom:3em;}   
@media screen and (max-width:1600px) {
.events_mid{ overflow:hidden; overflow-y:auto; padding-right:2em;
    margin-top:10.5em; }
}
.events_mid_2{ margin-top:2.4375em; margin-bottom:2.4375em;
background-position:left 1.3125em; background-repeat:repeat-x; background-image:url(../images/about/img7.png);}
.swiper-container-year .swiper-slide{
width:5.6875em;}
.swiper-container-year .swiper-slide.on{
background-position:center top; background-repeat:no-repeat; background-image:url(../images/about/img8.png);}
.events_year{font-family: "GILROY-LIGHT";
text-align:center; color:#1f1f1f; }
.events_year span{ display:inline-block; padding-top:1em; }
.events_year span b{font-size:0.875em; font-weight:normal;}
.swiper-container-year .swiper-slide.on .events_year span{border-top:1px #000 solid;}
.swiper-container-year .swiper-slide.on .events_year span b{
font-size:1.5em; color:#000;}
.events_year_top{
height:2.4em;}
#eventsmid{
position:fixed; left:0; top:0; width:100%;}
.swiper-container_jj .swiper-slide.on .events_mid_1_right_2_1{
color:#d0104c;}
@media screen and (max-width:1024px) {
#eventsmid{
position:static;}
.events_mid{
padding-right:0; margin-top:2em;}
.events_mid_1{
width:100%;}
}
@media screen and (max-width:850px) {
.events_mid_1_left_mid .swiper-container-horizontal > .swiper-pagination-bullets,.events_mid_1_left_mid .swiper-pagination-custom,.events_mid_1_left_mid .swiper-pagination-fraction{
width:100%; right:0em; bottom:0.7em;}
.swiper-pagination_pic{
text-align:center;}
.events_mid_1_left_mid{
margin:0 auto; max-width:none; width:100%;
}
.events_mid{
overflow:hidden;}
.events_mid_1_left{
width:100%;}
.events_mid_1_right{ margin-top:1em; clear:both; float:left;
position:static; width:100%;}
.events_mid_1_right_1,.events_mid_1_right_2,.events_mid_1_right_3{
position:static;}
.events_mid_1_right_1{
margin-bottom:0.5em; font-size:1.25em;
}
.events_mid_1_right_3 a.yb{
float:right; margin-left:0;}
.events_mid_1_right_3 a.zb{
float:left;}
/*.events_mid_1_right_2{
height:6em;}*/
.swiper-container-year .swiper-slide.on .events_year span b{
font-size:1.25em;}
.events_mid_1_right_3{
margin-top:1em;}
.events_mid_2{
margin-top:1.5em;}
}
@media screen and (max-width:760px) {
.events_mid{
margin-top:1em;}
.events_mid_1_right_2_1{
font-size:0.875em;}
}
@media screen and (max-width:400px) {
/*.events_mid_1_right_2{
height:8em;}*/
}
/********news************/
.news_list ul li{
padding:1.6875em 0; position:relative;}
.li_r_bg{ display:none;
position:absolute; right:-2em; top:0; height:100%; z-index:10; width:2em; background-color:#f5f5f5;}
.news_list ul li:hover .li_r_bg{
display:block;}
.news_list ul li:hover{
background-color:#f5f5f5;}
.news_list_left{ overflow:hidden;
float:left; width:19.5%;}
.news_list_left img{
width:100%;}
.news_list_right{ margin-left:3.6%;
float:left; width:45.625%}
.news_list_right_1{font-family: "GILROY-LIGHT";
font-size:0.875em; color:#999;}
.news_list_right_2{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
font-size:1.125em; font-family: "SourceHanSansCN-ExtraLight"; color:#000; margin-top:0.3em; margin-bottom:1em;}
.news_list_right_3{ font-family: "SourceHanSansCN-ExtraLight";
font-size:0.875em; line-height:1.6em; color:#666; height:3.2em; overflow:hidden;overflow:hidden; 

text-overflow:ellipsis;

display:-webkit-box; 

-webkit-box-orient:vertical;

-webkit-line-clamp:2; }
@media screen and (max-width:1200px) {
.news_list_right_2{
font-size:1em; margin-bottom:0.5em;}
}
@media screen and (max-width:1024px) {
.news_list ul li:hover .li_r_bg{
display:none;}
.news_list_left{
width:30%;}
}
@media screen and (max-width:760px) {
.news_list_left,.news_list_right{
width:100%;}
.news_list_right{
margin-left:0; margin-top:1em;}
.news_list ul li{
padding:1.5em 0;}
}

 
.newslist_info .events_mid_news{ position:relative;
margin-top:6em; overflow:hidden;}
@media screen and (max-width:1600px) {
.newslist_info .events_mid_news{
margin-top:4em;}
} 
.events_mid_news_right{
float:right; width:19%;font-family: "SourceHanSansCN-ExtraLight";}
.events_mid_news_right_1{
color:#000; font-size:1.25em;}
.events_mid_news_right_2{
font-size:0.75em; color:#9b9b9b;font-family: "Arial"; margin-top:0.1em;}
.events_mid_news_right_3_1{
width:100%; overflow:hidden;}
.events_mid_news_right_3_1 img{
width:100%;}
.events_mid_news_right_3_2{
font-size:1.125em; color:#000; margin-top:1em;}
.events_mid_news_right_3_3{ margin-top:0.5em;
font-size:0.875em; line-height:1.5em; height:3em; overflow:hidden; color:#666;}
.events_mid_news_right_3 ul li{
padding:1.75em 0; overflow:hidden;   border-bottom:1px #b6b6b6 dotted;}
.events_mid_news_right_3 ul li:hover .events_mid_news_right_3_2{
color:#cf104c;}
.events_mid_news_left{
position:absolute; left:0; top:0; height:100%; width:69%;}
.events_mid_news_left_1{font-family: "SourceHanSansCN-ExtraLight"; color:#000; font-size:1.25em;
position:absolute; left:0; top:0;}
.events_mid_news_left_3{
width:100%; height:74%; position:absolute; left:0; top:15%;}
.events_mid_news_left_2{
position:absolute; left:0; top:9%;font-family: "GILROY-LIGHT"; color:#999; font-size:0.875em;}
.events_mid_news_left_4{
position:absolute; left:0; bottom:0;}
@media screen and (max-width:1600px) {
.events_mid_news_right_3_2{
font-size:0.875em;}
.events_mid_news_right_3 ul li{
padding:1.5em 0;}
.events_mid_news_right_3_3{
display:none;}
}
@media screen and (max-width:1024px) {
.events_mid_news_left{
position:static; width:100%;}
.events_mid_news_left_1,.events_mid_news_left_2,.events_mid_news_left_3,.events_mid_news_left_4{
position:static;}
.events_mid_news_right{
width:100%; margin-top:1.5em;}
.newslist_info .events_mid_news{
margin-top:9em;}
.events_mid_news_left_1{
font-size:1em; margin-bottom:0.5em;}
.events_mid_news_left_3{
margin-bottom:0.5em;}
.events_mid_news_right_1{
font-size:1em;}
.events_mid_news_right_3 ul li{
float:left; width:49%; }
.events_mid_news_right_3 ul li:last-child{
margin-bottom:1em;}
.events_mid_news_right_3 ul li:nth-child(2n){
float:right;}
.events_mid_news_right_3_3{
display:block;}
}
@media screen and (max-width:760px) {
.newslist_info .events_mid_news{
margin-top:8em;}
}
@media screen and (max-width:640px) {
.events_mid_news_right_3 ul li{
width:100%; padding:1em 0;}
.events_mid_news_right_3_3{
height:auto;}
}
@media screen and (max-width:420px) {
.newslist_info .events_mid_news{
margin-top:6em;}
}
/****学术****************/
.aca_list_left{
float:left; overflow:hidden; width:12.6875%;}
.aca_list_left img{
width:100%;}
.aca_list_right{ margin-left:2.375%;
float:left; width:53.75%;}
.aca_list_right_1{ margin-top:0.4em;
color:#050505; font-size:1.25em;font-family: "SourceHanSansCN-ExtraLight"; }
.aca_list_right_2{font-family: "SourceHanSansCN-ExtraLight"; margin-top:0.4em;
font-size:0.875em; color:#999;}
.aca_list_right_3{
font-size:0.8125em; color:#666; line-height:1.7em; height:8.5em; overflow:hidden; margin-top:1.5em;}
.aca_list ul li{
margin-bottom:1.5625em; position:relative}
.aca_list ul li:last-child{
margin-bottom:0;}
@media screen and (max-width:1090px) {
.aca_list_left{
width:18%;}
.aca_list_right{
width:60%;}
.aca_list_right_1{
font-size:1em;}
}
@media screen and (max-width:850px) {
 .aca_list_left{
width:18%;}
.aca_list_right{
width:80%; margin-left:2%;}
.aca_list_right_3{ height:6.8em;} 
}
@media screen and (max-width:760px) {
.aca_list_right_3{
margin-top:1em;}
 .aca_list_left{
width:100%;}
.aca_list_right{ margin-top:1em;
width:100%; margin-left:0%;}
.aca_list_right_3{
height:auto;}
}
/************联系************/
.events_mid_plug{
overflow:hidden; padding-right:0;}
.events_mid_job{  
position:relative; padding-right:0;}
 
.events_mid_job_right{ display:none;
position:fixed; right:0em; top:0; height:100%; width:3px; background-position:right center; background-repeat:no-repeat; background-image:url(../images/header/bg.jpg); z-index:1;}
@media screen and (max-width:1024px) {
.events_mid_job_right{
display:none;}
}
.job_list ul li{ margin-right:1.625%; margin-bottom:1.625%;
float:left; width:23.75%;-webkit-box-shadow:0 0.5em 1em rgba(0,0,0,0.1);
    -moz-box-shadow:0 0.5em 1em rgba(0,0,0,0.1);
    -ms-box-shadow:0 0.5em 1em rgba(0,0,0,0.1);
    -o-box-shadow:0 0.5em 1em rgba(0,0,0,0.1);
    box-shadow:0 0.5em 1em rgba(0,0,0,0.1); background-color:#fff;}
.job_list ul li:hover{
background-color:#333333;}	
.job_list ul li:nth-child(4n){
margin-right:0;}
.job_list_mid{
padding:1.4375em;}
.job_list_mid_1{font-family: "SourceHanSansCN-ExtraLight";
font-size:1.125em; color:#333333;}
.job_list_mid_2{font-family: "SourceHanSansCN-ExtraLight"; color:#333; margin-top:1.5em; margin-bottom:0.5em;}
.job_list_mid_3{ margin-bottom:1.5em;
font-size:0.875em; line-height:1.6em; color:#666; height:4.8em; overflow:hidden;}
.job_list_mid_4 span{
font-size:0.75em; color:#868686;font-family: "GILROY-LIGHT"; display:inline-block; background-position:left center; background-repeat:no-repeat; background-image:url(../images/job/img1.png); padding-left:1.8em; line-height:1.416666666666667em;
}
.job_list ul li:hover .job_list_mid_1,.job_list ul li:hover .job_list_mid_2,.job_list ul li:hover .job_list_mid_4 span{
color:#fff;}
.job_list ul li:hover .job_list_mid_3{
color:#bcbcbc;}
.job_list ul li:hover .job_list_mid_4 span{
background-image:url(../images/job/img2.png);}
.job_info{
width:68.9375%;}
.job_info_1{font-family: "SourceHanSansCN-ExtraLight"; color:#121212; font-size:1.625em;}
.job_info_2{font-family: "SourceHanSansCN-ExtraLight"; color:#121212; margin-top:0.5em; margin-bottom:1.5em;
font-size:0.9375em;}
.job_info_3{font-family: "SourceHanSansCN-ExtraLight";
font-size:0.875em; color:#666; line-height:1.7em; margin-bottom:1em;}
@media screen and (max-width:1090px) {
.job_info_1{
font-size:1.125em;}
.job_info_2{
font-size:0.875em;}
.job_list_mid_1{
font-size:1em;}
.job_list_mid_2{
font-size:0.9375em;}
}
@media screen and (max-width:1024px) {
.job_info{
width:100%;}
}
@media screen and (max-width:950px) {
.job_list ul li{
width:49%; margin-right:0; margin-bottom:2%;}
.job_list ul li:nth-child(2n){
float:right;}
 
}
@media screen and (max-width:760px) {
.job_info_2{
margin-bottom:1.2em; line-height:1.6em;}
.job_info_1{
font-size:1em;}
.events_mid_job{
margin-top:1.5em;}
}
@media screen and (max-width:500px) {
.job_list ul li{
width:100%; margin-bottom:1em;}

}
/************联系*****************/
.contact_mid{font-family: "SourceHanSansCN-ExtraLight";
position:relative;}
.contact_mid_right{
float:right; width:30%; background-color:#505050;}
.contact_mid_right_mid{
padding:2.3em 2.5em; color:#fff;}
.contact_mid_right_mid_1{
padding-bottom:0.8em; border-bottom:1px #cbcbcb solid;}
.contact_mid_right_mid_2{
padding-bottom:0.5em; margin-top:1.5em; border-bottom:1px #cbcbcb solid;  
}
.contact_mid_right_mid_2 ul li{ margin-top:0.4em;font-size:0.875em;
position:relative; padding-left:3.5em;}
.contact_mid_right_mid_2 ul li span{
position:absolute; left:0; top:0;}
.contact_mid_right_mid_3{ padding-left:1.55em; margin-top:1.5em;
background-position:left center; background-repeat:no-repeat; background-image:url(../images/contact/img2.png);}
.contact_mid_right_mid_4 ul li{ padding-bottom:0.3em; margin-top:1em;word-wrap:break-word;
word-break:break-all;
float:left; border-bottom:1px #cbcbcb solid; overflow:hidden; width:47%;}
.contact_mid_right_mid_4 ul li:nth-child(2){
float:right;}
.contact_mid_right_mid_4 ul li:nth-child(3),.contact_mid_right_mid_4 ul li:nth-child(4){
width:100%;}
.contact_mid_right_mid_4 ul li input{font-family: "SourceHanSansCN-ExtraLight";
border:none; background:none; width:100%; color:#fff; font-size:0.875em;}
.contact_mid_right_mid_4 ul li textarea{font-family: "SourceHanSansCN-ExtraLight";
border:none; background:none; width:100%; height:3.5em; color:#fff; font-size:0.875em;}
.contact_mid_right_mid_5{
margin-top:1.5em;}
.contact_mid_right_mid_5 a{font-family: "SourceHanSansCN-ExtraLight"; font-size:0.875em; background-color:#f8f8f8;
display:inline-block; width:6.714285714285714em; line-height:1.785714285714286em; text-align:center; color:#666;}
.contact_mid_right_mid_5 a:hover{
background-color:#fff}
.contact_mid_left{
position:absolute; left:0; top:0; height:100%; width:69.4375%;}
@media screen and (max-width:1024px) {
.contact_mid_left{
position:static; width:100%; height:20em;}
.contact_mid_right{
width:100%; clear:both;}
}
@media screen and (max-width:760px) {
.contact_mid_left{
height:15em;}
.contact_mid_right_mid_3 span{
font-size:0.875em;}
.contact_mid_right_mid{
padding:1.5em;}
.contact_mid_right_mid_5 a{
width:100%; line-height:2.5em;}
}
@media screen and (max-width:640px) {
.contact_mid_right_mid_4 ul li{
width:100%;}
}
/***************项目展示*************/
.p_list_1_ch{font-family: "SourceHanSansCN-ExtraLight"; 
color:#343434; font-size:1.25em;}
.p_list_1_en{
font-size:0.75em; color:#343434;font-family: "Arial"; margin-left:0.5em;}
.p_list_1{
margin-bottom:1.0em;}
.p_list_2{
position:relative;}
.p_list_2_mid{ overflow:hidden;
width:89.8125%; margin:0 auto;}
.p_list_2_mid_mid_1{
overflow:hidden;}
.p_list_2_mid_mid_1 img{
width:100%;}
.p_list_2_mid_mid_2{font-family: "SourceHanSansCN-ExtraLight"; 
font-size:1.125em; color:#000; margin-top:1em; margin-bottom:0.4em;}
.p_list_2_mid_mid_3{
font-size:0.875em; color:#666;font-family: "SourceHanSansCN-ExtraLight"; }
.p_list_2_mid_mid{
position:relative;}
.p_list_2_mid_mid_footer{opacity:0;
position:absolute; left:0; bottom:0; width:100%; z-index:10; background-image:url(../images/project/img2.png);}
.p_list_2_mid_mid_footer_mid{
padding:1em;}
.p_list_2_mid_mid_footer_mid .p_list_2_mid_mid_2{
color:#fff;}
.p_list_2_mid_mid_footer_mid .p_list_2_mid_mid_3{
color:#999;}
.p_list_2_mid_mid_4{font-family: "SourceHanSansCN-ExtraLight"; line-height:1.5em; height:4.5em; overflow:hidden; margin-top:1em;
font-size:0.875em; color:#ececec;}
@media screen and (min-width:760px) {
.p_list_2_mid_mid:hover .p_list_2_mid_mid_2,.p_list_2_mid_mid:hover .p_list_2_mid_mid_3{
opacity:0;
}
.p_list_2_mid_mid:hover .p_list_2_mid_mid_footer,.p_list_2_mid_mid:hover .p_list_2_mid_mid_footer_mid .p_list_2_mid_mid_2,.p_list_2_mid_mid:hover .p_list_2_mid_mid_footer_mid .p_list_2_mid_mid_3{
opacity:1;
}
}
.p_list_2_mid{
opacity:0;}
.p_list_2_midon{
opacity:1}
.p_list_2_mid .swiper-wrapper{
padding-bottom:1.75em;}
.p_list_2_mid .swiper-container-horizontal > .swiper-scrollbar{
height:1px; left:0; width:100%;}
.p_list_2_left{ cursor:pointer;
position:absolute; left:1%; top:24.5119305856833%; max-width:2.4375%;}
.p_list_2_right{ cursor:pointer;
position:absolute; right:1%; top:24.5119305856833%; max-width:2.4375%;}
@media screen and (max-width:1090px) {
.p_list_1_ch{
font-size:1em;}
.p_list_2_mid_mid_2{
font-size:0.875em;}
.p_list_2_mid_mid_4{
font-size:0.8125em;}
}
@media screen and (max-width:760px) {
.p_list_1{
text-align:center; margin-bottom:1.5em;}
.p_list_1_ch,.p_list_1_en{
display:block; margin-left:0;}
.p_list_1_ch{
margin-bottom:0.1em;}
.p_list_2_left{
left:0;}
.p_list_2_right{
right:0;}
}
.pro_top{
position:relative;}
.pro_top_menu{
position:absolute; left:10.625%; bottom:0.4em; width:39.5em;}
.pro_top_menu ul li{ border-bottom:1px #bbb solid; padding-bottom:0.4em;
float:left; margin-left:5.85443037974684%; width:20.6%;}
.pro_top_menu ul li:first-child{
margin-left:0;}
.pro_top_menu ul li div{ padding-right:0em;
display:inline; background-position:right center; background-repeat:no-repeat; /*background-image:url(../images/project/img5.png);*/}

.pro_top_menu ul li:last-child div{
background:none; padding-right:0;}
.pro_top_menu ul li:last-child div input{ color:#181818; font-size:0.8125em;
background:none; border:none; width:100%;font-family: "SourceHanSansCN-ExtraLight"; }
.pro_top_menu ul li div select{ font-size:0.8125em;
border:none; background:none;appearance:none;font-family: "SourceHanSansCN-ExtraLight"; 
-moz-appearance:none;
-webkit-appearance:none;background-position:right center; background-repeat:no-repeat; background-image:url(../images/project/img5.png); padding-right:0.8em;}
select::-ms-expand { display: none; }
.pro_case_1 ul li{
float:left; width:24.25%; margin-right:1%;margin-bottom:1%;}
.pro_case_1 ul li:nth-child(4n){
margin-right:0;}
.pro_case_1 ul li .p_list_2_mid_mid_4{
height:3em}
@media screen and (max-width:1300px) {
.pro_top_menu{
left:50%; margin-left:-19.75em;}
}
@media screen and (max-width:1090px) {
.pro_top_menu{
position:static; margin-left:0; margin-top:1em; width:100%;}
}
@media screen and (max-width:1024px) {
.pro_case_1 ul li{
margin-right:0; width:49%; margin-bottom:1em;}
.pro_case_1 ul li:nth-child(2n){
float:right;}
}
@media screen and (max-width:760px) {
.pro_top_menu ul li div{
display:block;}
.pro_top_menu ul li div select,.pro_top_menu ul li div input{
width:100%;}
.pro_top_menu{
margin-top:0;}
.pro_top_menu ul li{
width:48%; margin-left:0; margin-top:1em;}
.pro_top_menu ul li:nth-child(2n){
float:right;}
 
}
@media screen and (max-width:450px) {
 .pro_case_1 ul li{
 width:100%;  }
}
@media screen and (max-width:320px) {
.pro_top_menu ul li{
width:100%;}
}
.pro_info{ overflow:hidden;
position:relative; margin-top:8em; padding-left:33.125%; }
@media screen and (min-width:1600px) {
.ch_content{ display: table; height:100%; width:100%; position:fixed; left:0; top:0; }
.ch_mid{ height:100%;display: table-cell; vertical-align: middle; }
}
@media screen and (max-width:1600px) {
.pro_info{
margin-top:10.5em;}
}
@media screen and (max-width:1400px) {
.pro_info{
margin-top:9em;}
}
.swiper-button-next-p{ right:0;
width:43px; height:43px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/project/img7.png);}
.swiper-button-next-p:hover{
background-image:url(../images/project/img8.png);}
.swiper-button-prev-p{ left:0;
width:43px; height:43px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/project/img6.png);}
.swiper-button-prev-p:hover{
background-image:url(../images/project/img9.png);}
.pro_info_left{font-family: "SourceHanSansCN-ExtraLight";
position:absolute; left:0; top:0; height:100%; width:29.5625%;}
.pro_info_left_mid{
padding-right:12%;}
.pro_info_left_mid_1{
font-size:1.625em; color:#000;}
.pro_info_left_mid_2{font-family: "Arial"; margin-top:0.5em; margin-bottom:1.5em;
font-size:0.9375em; color:#afafaf;}
.pro_info_left_mid_3{
font-size:0.9375em; color:#333; line-height:2; margin-bottom:1.5em;}
.pro_info_left_mid_4{ color:#666; margin-bottom:0.5em;
font-size:0.8125em; line-height:1.8em;}
@media screen and (max-width:1090px) {
.pro_info_left_mid_1{
font-size:1.125em;}
.pro_info_left_mid_2{
font-size:0.875em;}
}
@media screen and (max-width:1024px) {
.pro_info_left_mid_2,.pro_info_left_mid_3{
margin-bottom:1em;}
.pro_info{
padding-left:0;}
.pro_info_left{ margin-bottom:1em;
position:static; width:100%;}
.pro_info_right{
margin-bottom:1em;}
.pro_info_left .swiper-scrollbar{
display:none;}
.pro_info_left_mid{
padding-right:0;}
}
@media screen and (max-width:760px) {
.pro_info_left_mid_1{
font-size:1em;}
.swiper-button-next-p,.swiper-button-prev-p{
width:30px; height:30px;}
.pro_info{
margin-top:7.5em;}
}
@media screen and (max-width:420px) {
.pro_info{
margin-top:6em;}
}
.pro_info_right{
 }
/***************/

/*******移动端处理******/
@media screen and (max-width:1024px) {
.jg_footer{
position:static;}
.nydh{
position:static; margin-top:8.1875em;}
.jg_header{
background-image:url(../images/header/bg.jpg);}
.about_nyqy{
margin-top:1.5em;}
}
@media screen and (max-width:760px) {
.nydh{
margin-top:7.1875em;}
}
@media screen and (max-width:420px) {
.nydh{
margin-top:5.5em;}
}
.xd_about{
position:relative;}
.xd_about_left{
  width:25%;}
.xd_about_right{
position:absolute; height:100%; width:45%; left:28%; top:0;}
.xd_about_de{
margin-bottom:5em;}
 

@media screen and (max-width:1024px) {
.xd_about_left{
width:100%; text-align:center;}
.xd_about_right{
position:static; width:100%; margin-top:1em;}
.xd_about_right .swiper-scrollbar{
display:none;}
}
/***********/
.cell_mid{ display: table; height:100%; }
.cell_h{ height:100%;display: table-cell; vertical-align: middle; }
.loading{ background-color:#fff; display:none;
background-position:center; background-repeat:no-repeat; background-image:url(../images/loading.gif); position:absolute; z-index:100; left:0; top:0; width:100%; height:100%;}
@media screen and (max-width:1024px) {
.newslistmid,.newslistmid .cell_h{
display:block;}
}
/***********************2018928****************************/
.banner_mid{
margin:0 auto; max-width:47.65625%;}
.swiper-container-banner{
background-position:center; background-size:cover; background-repeat:no-repeat;}
@media screen and (max-width:760px) {
.banner_mid{
width:auto; padding:0 1em; max-width:none;}
}
.swiper-pagination-index-banner .swiper-pagination-bullet{
width:4.8125em; height:0.125em; background-color:#fff; border:1px #fff solid; opacity:1; border-radius:0%;}
.swiper-pagination-index-banner .swiper-pagination-bullet-active{
background:none;}
#indexflash .swiper-container-horizontal > .swiper-pagination-bullets{
bottom:1.8125em;}
#indexflash .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
margin:0 8px;}
#zbindexbody{
background-color:#f2f3f7;}
#zbindexbody .newcontent{ overflow:hidden;
background-position:center bottom; background-repeat:no-repeat; background-image:url(../images/index/img14.jpg);}
.div1290{
margin:0 auto; padding:0 1em; max-width:80.625em;}
.zb_index_video_left{ padding-left:1.75em; padding-right:3.125em;
float:left; position:relative; width:64.72868217054264%;}
.zb_index_video_right{
float:left; width:24%; margin-top:9em; margin-left:3%;}
.zb_index_video_left_mid{
position:relative; z-index:10;margin-top:4.375em;  margin-bottom:3em;}
.zb_index_video_left_left{
position:absolute; left:0; top:0; z-index:0; height:100%; background-position:center top; background-repeat:no-repeat; width:6em; background-image:url(../images/index/img4.png);}
.zb_index_video_left_mid_play{
position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; text-align:center;}
.zb_index_video_left_right{
position:absolute; right:0; bottom:0; height:100%; background-position:right bottom; width:24.0625em; z-index:0; background-repeat:no-repeat; background-image:url(../images/index/img6.png);}
.zb_index_video_right_1{font-family: 'Gilroy Light'; color:#323232; font-size:3.75em; border-bottom:1px #323232 solid; padding-bottom:0.4em; margin-bottom:0.5em;}
.zb_index_video_right_2{
font-size:1em; color:#000;font-family: "SourceHanSansCN-Regular";}
.zb_index_video_right_3{ margin-top:1em; margin-bottom:3em;
font-size:0.875em; color:#666; line-height:1.7em; height:6.8em; overflow:hidden;}
body{font-family: "SourceHanSansCN-Regular";}
.zb_index_video_right_4 a{
font-size:0.875em; color:#323232; display:inline-block; border:1px #646464 solid; width:12em; height:2.5em; line-height:2.5em; text-align:center; }
.zb_index_video_right_4 a:hover{
background-color:#e0e0e0;}
.zb_index_video_mid{
margin:8.125em 0;}
.zb_index_enjoylife{
margin-bottom:7.125em;}
@media screen and (max-width:1200px) {
.zb_index_video_right{
margin-top:6em;}
.zb_index_video_mid{
margin:5em 0;}
.zb_index_enjoylife{
margin-bottom:5em;}
.zb_index_video_right_1{
font-size:2.75em;}
}
@media screen and (max-width:1090px) {
.zb_index_video_right_1{
font-size:2em;}
}
@media screen and (max-width:980px) {
.zb_index_video_left{
width:auto; padding:2em;}
.zb_index_video_left_mid{
margin:0; width:100%;}
 .zb_index_video_right{
margin-top:2em; width:100%; margin-left:0;}
}
@media screen and (max-width:760px) {
.zb_index_video_right_3{
height:auto;}
#indexflash .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
margin:0 4px;}
#indexflash .swiper-container-horizontal > .swiper-pagination-bullets{
bottom:1em;}
.swiper-pagination-index-banner .swiper-pagination-bullet{
width:1.5em;}
.zb_index_video_left{
width:auto; padding:1em;}
.zb_index_video_left_right,.zb_index_video_left_left{
width:20%;}
.zb_index_video_right_1{
font-size:1.25em;} 
.zb_index_video_mid{
margin:3em 0;}
.zb_index_video_right_4 a{
display:block; width:auto;}
.zb_index_video_left_mid_play img{
width:3.5em;}
.zb_index_enjoylife{
margin-bottom:3em;}
}
@media screen and (max-width:320px) {
.zb_index_video_right_1{
font-size:1em;}
.zb_index_video_right_2{
font-size:0.9375em;}
 .zb_index_video_right{
 margin-top:1.5em;}
.zb_index_video_right_3{
margin-bottom:2em;} 
}
.zb_index_enjoylife_mid_left{
position:absolute; left:0; top:0; width:23%; height:100%;}
.zb_index_enjoylife_mid_swiper .zb_index_video_left{
float:right;padding-right:1.75em; padding-left:3.125em;}
.zb_index_enjoylife_mid_swiper .zb_index_video_left_left{
left:auto; top:auto; right:0; bottom:0; background-position:right bottom;}
.zb_index_enjoylife_mid_swiper .zb_index_video_left_right{
right:auto; bottom:auto; left:0; top:0; background-position:left top;}

@media screen and (max-width:980px) {
.zb_index_enjoylife_mid_swiper .zb_index_video_left{
padding:2em;}
.zb_index_enjoylife_mid_left{
position:static; width:100%; height:auto; clear:both; margin-top:2em; float:left;}
}
@media screen and (max-width:760px) {
.zb_index_enjoylife_mid_swiper .zb_index_video_left{
padding:1em;}
}
.swiper-button-next-enjoylife{ margin-top:0; top:auto; bottom:10%; left:25%; z-index:99;
width:3.5625em; height:3.5625em; background-position:center; background-size:cover; background-repeat:no-repeat; background-image:url(../images/index/img8.png);}
.swiper-button-prev-enjoylife{ margin-top:0; top:auto; bottom:10%; left:18%; z-index:99;
width:3.5625em; height:3.5625em; background-position:center; background-size:cover; background-repeat:no-repeat; background-image:url(../images/index/img9.png);}
@media screen and (max-width:980px) {
.swiper-button-next-enjoylife{ position:static; float:right;
  bottom:0; width:3em; height:3em; right:0; left:auto; margin-top:1.5em;}
  .swiper-button-prev-enjoylife{ position:static; float:left;
  bottom:0; width:3em; height:3em; left:0; right:auto; margin-top:1.5em;}
}
.zb_index_tech_1 .zb_index_video_right_1{
text-align:center; border:none; padding-bottom:0; margin-bottom:0;}
.zb_index_tech_2{
position:relative;}
.zb_index_tech_2_left{
width:34.88372093023256%;}
.zb_index_tech_2_left_swiper img{
width:100%;}
.zb_index_tech_2_right{
position:absolute; right:0; bottom:0; width:22.55813953488372%;}
.zb_index_tech_2_mid{ left:40.2%; top:0;  
width:32.09302325581395%; position:absolute;}
.zb_index_tech_2{
margin:5.5em 0;}
.zb_index_tech_2_mid_jj{
position:absolute; left:40.2%;width:32.09302325581395%; padding-bottom:4%; bottom:0;}
.zb_index_video_right_3_bak{
margin-bottom:2em; height:5.1em;}
.zb_index_tech_2_mid_jj_next{   z-index:99; position:absolute; right:0; bottom:0; cursor:pointer;
width:3.5625em; height:3.5625em; background-position:center; background-size:cover; background-repeat:no-repeat; background-image:url(../images/index/img8.png);}
.zb_index_tech_2_mid_jj_prev{   z-index:99; position:absolute; right:4.5625em; bottom:0; cursor:pointer;
width:3.5625em; height:3.5625em; background-position:center; background-size:cover; background-repeat:no-repeat; background-image:url(../images/index/img9.png);}
@media screen and (max-width:1200px) {
.zb_index_tech_2_mid_jj{
padding-bottom:2%;}
}
@media screen and (max-width:1090px) {
.zb_index_tech_2{
margin:3em 0;}
.zb_index_tech_2_mid_jj{ margin-top:2em;
position:static; clear:both; width:100%;}
.zb_index_tech_2_mid_all{
position:relative;} 
.zb_index_video_right_3_bak{
height:auto;}
.zb_index_tech_2_mid_jj_next{
position:static; float:right; margin-top:1.5em;}
.zb_index_tech_2_mid_jj_prev{
float:left; position:static; margin-top:1.5em;}
}
@media screen and (max-width:980px) {
.zb_index_tech_2_mid_jj_next,.zb_index_tech_2_mid_jj_prev{
width:3em; height:3em;}
}
@media screen and (max-width:760px) {
.zb_index_tech_2{
margin:2em 0;}
}
.zb_index_news_mid{margin-top:14.5em;
position:relative; padding-top:3.5em;}

.zb_index_news{
}
.zb_index_news_mid_ball{
position:absolute; left:0; top:0;}
.zb_index_news_mid_1 ul li{ position:relative;
float:left; width:32.55813953488372%; margin-right:1.1%;}
.zb_index_news_mid_1 ul li:nth-child(3n){
margin-right:0;}
.zb_index_news_mid_1_1{
width:100%; overflow:hidden}
.zb_index_news_mid_1_1 img{
width:100%;}
.zb_index_news_mid_1_2_mask{ width:100%; background-color:#fff;
position:absolute; left:0; bottom:0; z-index:10;opacity:0;}
.zb_index_news_mid_1_2{
background-color:#fff; padding:1.3125em;}
.zb_index_news_mid_1_2_1{ padding-bottom:1em;
font-size:1.125em; color:#080906; background-position:left bottom; background-repeat:no-repeat; background-image:url(../images/index/img16.jpg);}
.zb_index_news_mid_1_2_2{ margin-top:1em; height:3.4em; overflow:hidden;
font-size:0.8125em; line-height:1.7em; color:#626262;}
.zb_index_news_mid_1{
margin-bottom:5em; margin-top:6em;}
.zb_index_news_mid_1 ul li:hover .zb_index_news_mid_1_2_mask{
opacity:1; padding:0.5em 0 1em 0;}
.zb_index_news_mid_2{
text-align:center; margin-bottom:8.75em;}
@media screen and (max-width:1090px) {
.zb_index_news_mid_1_2_1{
font-size:1em;}
.zb_index_news_mid{
margin-top:7em;}
.zb_index_news_mid_1{
margin-top:4em; margin-bottom:3em;}
.zb_index_news_mid_2{
margin-bottom:4em;
}
}
@media screen and (max-width:760px) {
.zb_index_news_mid_ball img{
width:2em}
.zb_index_news_mid{
margin-top:1em;}
.zb_index_news_mid{
margin-top:1em; padding-top:0.5em;}
.zb_index_news_mid_1{
margin-top:2em; margin-bottom:1em;}
.zb_index_news_mid_2{
margin-bottom:2em;
}
.zb_index_news_mid_1 ul li{
width:100%; margin-bottom:1em; margin-right:0;}
.zb_index_news_mid_1_2_mask{
display:none;}
}
.zbfooter{ padding:1.15em 0;
background-color:#e0e0e0;}
.zbfooter_mid_left{  
float:left; font-size:1.4em;}
.zbfooter_mid_left a{
color:#323232;}
.zbfooter_mid_left span{
color:#9a9a9a; padding:0 1em;}
.zbfooter_mid_right{
float:right;}
.zbfooter_mid_right a{ margin-left:0.8em; position:relative; float:right;
display:inline-block; width:2em; height:2em; background-position:center; background-repeat:no-repeat;}
.zbfooter_mid_right a.yx{ margin-left:0;
background-image:url(../images/footer/img1.png);}
.zbfooter_mid_right a.wx{
background-image:url(../images/footer/img2.png);}
.zbfooter_mid_right a.wx img{ display:none;
position:absolute; bottom:2em; left:-2em; max-width:none; z-index:1;}
.zbfooter_mid_right a.wx:hover img{
display:block;}
.zbfooter_mid_right a.qq{
background-image:url(../images/footer/img3.png);}
.zbfooter_mid_right a.wb{
background-image:url(../images/footer/img4.png);}
@media screen and (max-width:1090px) {
.zbfooter_mid_left{
font-size:0.875em; line-height:2.285714285714286em;}
}
@media screen and (max-width:760px) {
.zbfooter{
padding:1em 0;}
.zbfooter_mid_left{
width:100%; text-align:center; clear:both; margin-bottom:0.5em;}
.zbfooter_mid_right{
width:11em; margin:0 auto; float:none;  }
 
}
.zbheader{padding:1.1875em 0;
position:absolute; left:0; top:0; z-index:100; width:100%;}
.zbheader_left{
float:left; margin-left:3%; } 
.zbheader_left a{ background-image:url(../images/header/logo.png);
display:block; width:7.1875em; height:2.375em; background-position:center; background-repeat:no-repeat; background-size:cover;}
.zbheader_right{
float:right; margin-right:3%;}
.zbheader_right ul li{ line-height:2.375em; height:2.375em; display:inline-block;
float:right; color:#fff;}
.lan_btn a{font-family: 'Gilroy Light'; padding-left:1.5em; 
display:inline-block; color:#fff; background-position:left center; background-repeat:no-repeat; background-image:url(../images/header/img1.png);}
.zbheader_right_jg{
width:2em; background-position:center; background-repeat:no-repeat; background-image:url(../images/header/img2.jpg);}
.headermenu a{ padding-left:2em;line-height:1.333333333333333em; height:1.333333333333333em; position:relative;
font-size:0.9375em; display:inline-block; position:relative;}
.zbheader_right ul li a{
color:#fff;}
.zbheader_right ul li a:hover{
color:#fff;}
.headermenu a:before{content:""; height:1px;position: absolute;top:0.4em;left:0%;width:1.6em;background: #fff;transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.headermenu a:after{content:""; height:1px;position: absolute;bottom:0.4em;left:0.8em;width:0.8em;background: #fff;transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.headermenu a:hover:before{
left:0.8em;width:0.8em;}
.headermenu a:hover:after{left:0%;width:1.6em}


.headermenu a.on:before{-webkit-transform: translateY(4px) rotate(45deg);-moz-transform: translateY(4px) rotate(45deg);-ms-transform: translateY(4px) rotate(45deg);-o-transform: translateY(4px) rotate(45deg);transform: translateY(4px) rotate(45deg); width:1em; top:0.4em; left:0.8em;}
.headermenu a.on:after{-webkit-transform: translateY(4px) rotate(-45deg);-moz-transform: translateY(4px) rotate(-45deg);-ms-transform: translateY(4px) rotate(-45deg);-o-transform: translateY(4px) rotate(-45deg);transform: translateY(4px) rotate(-45deg); bottom:0; top:0.4em; left:0.8em; width:1em;}
.showmenubody{
overflow:hidden;}
.zballmenu{ overflow:hidden;
position:fixed; z-index:99; left:0; top:-100%; background-color:#fff; width:100%; height:100%;}
.showmenubody .zballmenu{
top:0;}
.zballmenu .swiper-slide{
float:left; width:12.5%}
.zballmenu_1,.zballmenu_2{
padding-right:2em;}
.div1550{
max-width:96.875em; padding:0 1em; margin:0 auto;}
.zballmenu_1 span{ padding-bottom:1em; border-bottom:1px #e4e4e4 solid;
display:inline-block; position:relative; font-size:1.25em; color:#4a4a4a;}
.zballmenu_1 span:after{content:""; height:1px;position: absolute;bottom:-1px;left:0em;width:22px;background: #000;transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.zballmenu_2 ul li{
margin-top:1.5em;}
.zballmenu_2 ul li a{
color:#666;}
.zballmenu_2 ul li a:hover{
color:#182d65;}
@media screen and (max-width:1200px) {
.zballmenu_1 span{
font-size:1.125em;}
}
@media screen and (max-width:1090px) {
.zballmenu_1 span:after{
left:50%; margin-left:-11px;}
.zballmenu_2{
display:none;
 }
.zballmenu_2 ul li{
margin-top:1em;}
.zballmenu_1 span{ width:100%;
font-size:1em;}
.zballmenu_2 ul li{
font-size:0.9375em;}
.zballmenu .swiper-slide{
width:100%; margin-bottom:1em;}
.zballmenu_1,.zballmenu_2{
padding-right:0em; text-align:center;}
.newcontent{
padding-top:4em;}
}
/*******/

.showmenubody .zbheader{  background-color:#fff;}
.showmenubody .zbheader_left a{
background-image:url(../images/header/logo2.png);}
.showmenubody .zbheader_right ul li a,.showmenubody .zbheader_right ul li{
color:#000;}
.showmenubody .zbheader_right_jg{
background-image:url(../images/header/img3.jpg);}
.showmenubody .lan_btn a{
background-image:url(../images/header/img4.png);}
.showmenubody .headermenu a:before,.showmenubody .headermenu a:after{
background-color:#000}
.showmenubody .zbheader_right ul li a:hover{
color:#000}

 
.showmenubody2 .zbheader_left a{
background-image:url(../images/header/logo2.png);}
.showmenubody2 .zbheader_right ul li a,.showmenubody2 .zbheader_right ul li{
color:#000;}
.showmenubody2 .zbheader_right_jg{
background-image:url(../images/header/img3.jpg);}
.showmenubody2 .lan_btn a{
background-image:url(../images/header/img4.png);}
.showmenubody2 .headermenu a:before,.showmenubody2 .headermenu a:after{
background-color:#000}
.showmenubody2 .zbheader_right ul li a:hover{
color:#000}

/******/ 
@media screen and (max-width:1090px) {
/****/
.zbheader{-webkit-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    -moz-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    -ms-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    -o-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
position:fixed; background-color:#fff;}
.zbheader_left a{
background-image:url(../images/header/logo2.png);}
.zbheader_right ul li a,.zbheader_right ul li{
color:#000;}
.zbheader_right_jg{
background-image:url(../images/header/img3.jpg);}
.lan_btn a{
background-image:url(../images/header/img4.png);}
.headermenu a:before,.headermenu a:after{
background-color:#000}
.zbheader_right ul li a:hover{
color:#000}
/*******/
.zbheader_left a{
width:6em; height:2em;}
.zbheader_left{
margin-left:1em;}
.zbheader_right{
margin-right:1em;}
.zbheader{
padding:1em 0;}
.zbheader_right ul li{
height:2em; line-height:2em;}
}
/**人鱼线**/
.zb_ml_1{
margin:0 auto;}
.zb_ml_1 ul li{ clear:both;
position:relative; width:100%; overflow:hidden;}
.zb_ml_1_pic{ float:left;
width:51.40625%; overflow:hidden;}
.zb_ml_1_pic img{
width:100%;}
.zb_ml_1_pic_jj{ background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/ml/img2.jpg);
position:absolute; height:100%; right:0%; width:48.69375%; top:0;  }
.zb_ml_1 ul li:nth-child(2) .zb_ml_1_pic_jj{
right:auto; left:0;}
.zb_ml_1 ul li:nth-child(2) .zb_ml_1_pic{
float:right;}
.zb_ml_1_pic_jj_mid{
margin:0 auto; width:79%;}
.zb_ml_1_pic_jj_1{ background-position:left bottom; background-repeat:no-repeat; background-image:url(../images/ml/img4.jpg);
color:#090909; font-size:2.15em; padding-bottom:0.9em; margin-bottom:0.9em;}
.zb_ml_1_pic_jj_2{
font-size:0.875em; line-height:1.6em; color:#666; max-height:16em; overflow-y:auto;  }
@media screen and (max-width:1400px) {
.zb_ml_1_pic_jj_mid{
width:80%;}
}
@media screen and (max-width:1200px) {
.zb_ml_1_pic_jj_1{
font-size:1.5em;}
}
@media screen and (max-width:1090px) {
.zb_ml_1 ul li:nth-child(2) .zb_ml_1_pic{
float:none;}
.zb_ml_1_pic{
width:100%; clear:both; float:none;}
.zb_ml_1_pic_jj{
position:static; width:auto;}
.zb_ml_1_pic_jj_2{
max-height:none;}
.zb_ml_1_pic_jj_mid{
width:auto; padding:0 1em; margin:1.5em 0;}
}
@media screen and (max-width:760px) {
.zb_ml_1_pic_jj_1{
font-size:1.125em;}
}
@media screen and (max-width:320px) {
.zb_ml_1_pic_jj_1{
font-size:1em;}
}
.zb_ml_2 .zb_ml_1_pic_jj_1{
text-align:center; background-position:center bottom; margin-top:2.5em;}
.plogo{
display:block; text-align:center; height:9em; border-top:1px #e4e4e4 solid;border-right:1px #e4e4e4 solid;}
.plogo img{
max-width:42%;}
.zb_ml_3{
position:relative; margin:5.375em 0;}
.zb_ml_3_line{ z-index:99;
position:absolute; left:0; top:0px; width:100%; height:1px; background-color:#fff;}
.zb_ml_3_line_2{z-index:99;
position:absolute; left:0; top:0px; width:1px; height:100%; background-color:#e4e4e4;}
.swiper-pagination-partner{
position:static; margin-top:4em;}
.swiper-pagination-partner .swiper-pagination-bullet{
width:17px; height:17px;}
.zb_ml_3 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
margin:0 6px;}
@media screen and (max-width:760px) {
.zb_ml_3{
margin:2em 0;}
.swiper-pagination-partner{
position:static; margin-top:2em;}
.swiper-pagination-partner .swiper-pagination-bullet{
width:8px; height:8px;}
.plogo{
height:6em;}
.plogo img{
max-width:50%;}
}
@media screen and (max-width:400px) {
.plogo{
height:5em;}
}
.zb_ml_1 ul li:nth-child(2) .zb_ml_1_pic_jj_life{
right:0; left:auto; background-image:none;}
.zb_ml_1_pic_jj_2_dl dd{ margin-bottom:2em;
position:relative; padding-left:3.125em;}
.l_js_left{
position:absolute; left:0; top:0; width:3.125em;}
.l_js_right{
padding-left:2em;}
.l_js_right_1{ margin-bottom:1em;
font-size:1.7em; color:#090909;}
.zb_ml_1_pic_jj_life .zb_ml_1_pic_jj_2{
max-height:20.8em;}
@media screen and (max-width:1090px) {
.l_js_right_1{
font-size:1.25em;}
.zb_ml_1_pic_jj_life .zb_ml_1_pic_jj_2{
max-height:none;}
}
@media screen and (max-width:760px) {
.zb_ml_1_pic_jj_2_dl{
margin-top:1em;}
.zb_ml_1_pic_jj_2_dl dd{
margin-bottom:1.5em;}
.l_js_right_1{
font-size:1em; margin-bottom:0.5em;}
.l_js_right{
padding-left:1em;}
}
.re_1{   text-align:center; line-height:1.7em;
font-size:0.875em; color:#666; margin:0 auto; margin-bottom:5.5em;}

.flickity-prev-next-button svg{
display:none;}
.flickity-prev-next-button{ background:none; background-size:cover;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; z-index:999;
width:28px; height:52px; background-position:center; background-repeat:no-repeat;} 
.flickity-prev-next-button.next{ right:18.5%;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
background-image:url(../images/re/img4.png);}
.flickity-prev-next-button.previous{ left:18.5%;
background-image:url(../images/re/img3.png);}
.carousel img{ background-color:#182d65; width:54.375%;
  display: block;transition: opacity 0.2s ease 0s; margin-right:6%;opacity:0.34; 
} 
.carousel img.is-selected{
opacity:1;}
.re_3{
background-position:top; background-repeat:repeat-x; background-image:url(../images/re/img5.jpg);margin:3.3125em 0;}
.re_3_name{ padding-top:1em;
text-align:center; display:none; background-position:top; background-repeat:no-repeat; color:#090909; font-size:1.5em; background-image:url(../images/re/img6.jpg);}
@media screen and (max-width:1090px) {
.re_1{
margin-bottom:3em;}
.re_3{
margin:2em 0;}
.re_3_name{
font-size:1.25em;}
}
@media screen and (max-width:850px) {
.flickity-prev-next-button.next{
right:3%; width:20px; height:38px;}
.flickity-prev-next-button.previous{
left:3%; width:20px; height:38px;}
.re_1{
margin-bottom:2em;}
.re_3{
margin:1em 0 1.5em 0;}
.re_3_name{
font-size:1em;}
}
.re_4_1{
margin-top:4em;}
.re_4{ overflow:hidden;
background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/re/img7.jpg);}
.re_4_1_img{
width:100%; overflow:hidden;}
.re_4_1_img img{
width:100%;}
.swiper-pagination-r-4{
position:static; margin:3.875em auto;font-family: 'Gilroy Light'; font-size:1.125em;}
.r4_a_p{
position:absolute; z-index:999; width:82px; height:17px; left:50%; margin-left:-41px; bottom:5.2em;}
.swiper-button-prev-r4{ cursor:pointer;
float:left; width:10px; height:17px; background-position:center; background-repeat:no-repeat; background-image:url(../images/re/img10.png);}
.swiper-button-next-r4{ cursor:pointer;
float:right; width:10px; height:17px; background-position:center; background-repeat:no-repeat; background-image:url(../images/re/img9.png);}

@media screen and (max-width:900px) {
.re_4_1{
margin-top:2em;}
.swiper-pagination-r-4{
margin:2em auto;}
.r4_a_p{
bottom:3.125em;}
}
.zb_ml_1_pic_5{
width:50%;}
.zb_ml_1_pic_jj_5{
width:50%;}
.button-next-1{ cursor:pointer; background-size:cover;
position:absolute; right:0; z-index:10; width:40px; height:40px; background-position:center; background-repeat:no-repeat; top:50%; margin-top:-20px; background-image:url(../images/qa/img5.png);}
.button-next-1:hover{
background-image:url(../images/qa/img6.png);}

.button-prev-1{ cursor:pointer;background-size:cover;
position:absolute; left:0; z-index:10; width:40px; height:40px; background-position:center; background-repeat:no-repeat; top:50%; margin-top:-20px; background-image:url(../images/qa/img4.png);}
.button-prev-1:hover{
background-image:url(../images/qa/img7.png);}
@media screen and (max-width:1090px) {
.button-prev-1{
width:25px; height:25px;}
.button-next-1{
width:25px; height:25px;}
.zb_ml_1_pic_jj_5{
width:auto;}
.zb_ml_1_pic_5{
width:100%;}
}
.zb_s_1{ overflow:hidden;
background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/service/img3.jpg);}
.zb_s_1_1{
max-width:60em; margin-bottom:3em;}
.zb_s_1_2{
text-align:center; margin-bottom:5em;}
.zb_ml_2 p{ margin-bottom:0.6em;
padding-left:1em; background-position:left 0.7em; background-repeat:no-repeat; background-image:url(../images/service/img4.png);}
@media screen and (max-width:760px) {
.zb_s_1_1{
margin-bottom:2em;}
.zb_s_1_2{
margin-bottom:3em;}
}
.zbnewsbody{
background-color:#f3f8f9;}
.zb_news_2_1 .zb_index_news_mid_1 ul li{
margin-bottom:2em;}
@media screen and (max-width:760px) {
.zb_news_2_1 .zb_index_news_mid_1 ul li{
margin-bottom:1em;}
}
.zb_news_info{ padding-right:25em;
position:relative; overflow:hidden;}
.zb_news_info_left{
min-height:56.6875em;}
.zb_news_info_right{
position:absolute; right:0; top:0; width:25em; height:100%; background-color:#f2f3f7;}
.zb_news_info_left_1{ margin-top:1.3em;
color:#090909; font-size:1.775em; margin-bottom:0.5em;}
.zb_news_info_left_2{ margin-bottom:2em;
color:#999; font-size:0.875em;font-family: 'Gilroy Light';}
.zb_news_info_left_3{
font-size:0.875em; line-height:1.6em; margin-bottom:2em;}
.zb_news_info_left_mid{
padding-right:1.75em;}
.zb_news_info_right_mid{
padding-left:1.75em; padding-right:1.75em;}
.zb_news_info_right_mid_1_img{
width:100%; overflow:hidden;}
.zb_news_info_right_mid_1_img img{
width:100%;}
.zb_news_info_right_mid_1_title{
color:#080906; padding:1em 0; position:relative; border-bottom:1px #eee solid;}
.zb_news_info_right_mid_1_title:after{content:""; height:1px;position: absolute;bottom:0px;left:0em;width:75px;background: #000;transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.zb_news_info_right_mid_1_jj{
color:#626262; font-size:0.8125em; line-height:1.7em; height:3.4em; overflow:hidden; margin:1em 0;}
.zb_news_info_right_mid_2{
margin-top:2em;}
.zb_news_info_right_mid_2 ul li{
font-size:0.875em; margin-top:0.6em;}
.zb_news_info_right_mid_2 ul li span{font-family: 'Gilroy Light'; margin-right:1em;}
.zb_news_info_right_mid_2 ul li a:hover{
color:#000;}
@media screen and (max-width:1090px) {
.zb_news_info_left_1{
font-size:1.25em;}
.zb_news_info{
padding-right:20em;}
.zb_news_info_right{
width:20em;}
}
@media screen and (max-width:850px) {
.zb_news_info_left_1{
font-size:1.125em;}
.zb_news_info{
padding-right:0em;}
.zb_news_info_right{   overflow:hidden; padding-bottom:2em;
width:auto; position:static;}
.zb_news_info_left{
min-height:inherit;}
.zb_news_info_left_mid{
padding-right:0;}
.zb_news_info_right_mid{
padding-left:1em; padding-right:1em;}
.zb_news_info_left_2{
margin-bottom:1.5em;}
}
.zb_fzlc{
margin:0 3%; margin-top:5em;}
.zb_fzlc_mid{
padding-right:2em;}
.zb_fzlc_mid_1 span{ margin-right:0.1em;
font-size:3em;font-family: 'Gilroy Light'; }
.zb_fzlc_mid_1{
font-size:0.875em;color:#090909;}
.zb_fzlc_mid_2{
font-size:0.875em; line-height:1.6em; color:#666; margin:0.5em 0 3em 0;}
.zb_fzlc .swiper-slide{
background-position:right; background-repeat:repeat-y; background-image:url(../images/about/img12.jpg);}
@media screen and (max-width:1090px) {
.zb_fzlc_mid_1 span{
font-size:2em;}
.zb_fzlc{
margin-top:3em;}
} 
@media screen and (max-width:760px) {
.zb_fzlc{
margin-top:2em;}
.zb_fzlc_mid_1 span{
font-size:1.25em;}
.zb_fzlc_mid_2{
margin-bottom:1.5em;}
.zb_fzlc_mid_3 img{
width:2em;}
.zb_fzlc_mid{
padding-right:1em;}
}
@media screen and (max-width:320px) {
.zb_fzlc .swiper-slide{
background:none;}
}
.gsry_img{
width:100%; overflow:hidden;}
.gsry_img img{
width:100%;}
.zb_ml_1_pic_jj_2_job{
margin-top:3.5em;}
.zb_ml_1_pic_jj_2_job span{ padding-left:1em; margin-right:2.2em; cursor:pointer;
color:#333; display:inline-block; background-position:left center; background-repeat:no-repeat; background-image:url(../images/about/img13.png);}
.zb_ml_1_pic_jj_2_job span:hover,.zb_ml_1_pic_jj_2_job span.on{
background-image:url(../images/about/img14.png); color:#3959a0;}
.ygfcmid{
margin-top:4em;}
@media screen and (max-width:760px) {
.ygfcmid{
margin-top:2em;}
}
.zb_about_contact{
position:relative; padding-left:50%;}
.zb_about_contact_right{ padding:15% 0; overflow:hidden;
  background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/about/img11.jpg);}
.zb_about_contact_right_mid{ padding:12%; width:71%;
color:#fff; background-image:url(../images/about/img16.png);}
.zb_about_contact_right_mid_1 .zb_ml_1_pic_jj_1{
color:#fff; background-image:url(../images/about/img17.jpg);}
.zb_about_contact_right_mid_2{
line-height:1.55em;}
.zb_about_contact_left{
position:absolute; left:0; top:0; width:50%; height:100%;}
.zb_about_contact{
margin-top:3em;}
@media screen and (max-width:950px) {
.zb_about_contact{
margin-top:3em;}
}
@media screen and (max-width:950px) {
.zb_about_contact{
padding-left:0;}
.zb_about_contact_left{
position:static; width:100%; height:15em;}
}
@media screen and (max-width:760px) {
.zb_about_contact_right{
padding:2em 0;}
.zb_about_contact_right_mid{
padding:2em 1em; width:auto;}
.zb_about_contact_right_mid_2{
font-size:0.875em;}
}
.zbjobshow{ background-color:#fbfbfb;
position:absolute; left:100%; top:7%; height:86%;padding:0%;  z-index:88;   width:88%;}
.zbjobshow_on{left:7%; }
.zbjobshow_mid_1{
font-size:1.625em; color:#121212;}
.zbjobshow_mid_2{
font-size:0.875em; color:#121212; margin-top:0.5em; margin-bottom:2em;}
.zbjobshow_mid_3{
font-size:0.875em; color:#666; line-height:1.6em;}
.zbjobshow_mid{
padding-right:4.125em;}
.zbjobshow_close{ background-color:#fbfbfb; cursor:pointer; display:none;
position:absolute; right:3%; top:3%; z-index:99;}
@media screen and (max-width:1440px) {
.zbjobshow_close{
width:2.5em;}
}
.zb_ml_1_pic_jj_on{
background:none; background-color:#fbfbfb;}

@media screen and (max-width:1090px) {
.zbjobshow_mid_1{
font-size:1.125em;}
.zbjobshow_close{
right:1em; width:2em;}
.zbjobshow_on{left:0%; width:100%; } 
.zbjobshow_mid{
padding-left:1em;}
}
@media screen and (max-width:760px) {

.zbjobshow_mid_2{
margin-bottom:1.5em;}
.zbjobshow_mid_1{
font-size:1em;}
.zb_ml_1_pic_jj_2_job{
margin-top:2em;}
}
.zb_pro_t{
background-image:none;}
.zb_pro_1_left{
float:left; width:47%;}
.zb_pro_1_right{
float:right; width:47%;}
.zb_pro_1_right_2{
position:relative; margin-top:2em; width:100%; overflow:hidden;}
.zb_pro_1_right_2_play{
position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; z-index:10;}
.zb_pro_1{
overflow:hidden; margin-bottom:6.5em;}
@media screen and (max-width:1090px) {
.zb_pro_1_right_2_play img{
max-width:4em;}
}
@media screen and (max-width:760px) {
.zb_pro_1_left,.zb_pro_1_right{
width:100%; text-align:center;}
.zb_pro_1_left{
margin-bottom:2em;}
.zb_pro_1{
margin-bottom:3em;}
}
.zb_pro_2{ overflow:hidden; margin-bottom:0em;
background-position:center top; background-repeat:no-repeat; background-image:url(../images/product/img6.jpg);}
@media screen and (max-width:760px) {
.zb_pro_2{
margin-bottom:0em;}
}
.zb_pro_2_1_mid{
position:relative; margin-top:2.9375em;}
.swiper-container-gg .swiper-slide:nth-child(2n) .zb_pro_2_1_mid{
margin-top:0;}
.zb_pro_2_1_mid_img{
width:100%; overflow:hidden;}
.zb_pro_2_1_mid_img img{
width:100%;}
.zb_pro_2_1_mid_mask{ text-align:center; color:#fff;opacity:0;
position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; background-image:url(../images/product/img18.png);}
.swiper-container-gg .swiper-slide:hover .zb_pro_2_1_mid_mask{
opacity:1;}
.zb_pro_2_1_mid_mask_1{ font-size:0.875em;
margin:0 auto; border:1px #fff solid; border-radius:50%; height:4.571428571428571em; width:4.571428571428571em; padding:1em;}
.zb_pro_2_1_mid_mask_2{ line-height:1.6em;
font-size:0.875em; padding:1em;}
.swiper-pagination-gg{
display:none;}
@media screen and (max-width:850px) {
.swiper-pagination-gg{
display:none;}
}
@media screen and (max-width:760px) {
.zb_pro_2_1_mid_mask{
opacity:1;}
.zb_pro_2_1_mid_mask_2{
display:none;}
.zb_pro_2_1_mid_mask_1{
width:5em; height:5em;}
}
.zb_pro_3_1{
width:100%; overflow:hidden;}
.zb_pro_3_1 img{
width:100%;}
.swiper-pagination-bz{
position:static; margin:2.5em 0;}
.swiper-button-next-zs{ top:50%; background-size:cover; background-image:url(../images/product/img9.png);
right:1.5em; width:2.876em; height:2.876em; background-position:center; background-repeat:no-repeat; margin-top:-1.438em;}
.swiper-button-prev-zs{ top:50%; background-size:cover; background-image:url(../images/product/img8.png);
left:1.5em; width:2.876em; height:2.876em; background-position:center; background-repeat:no-repeat; margin-top:-1.438em;}
.swiper-pagination-bz .swiper-pagination-bullet{
width:18px; height:18px; margin:0 5px;}
@media screen and (max-width:760px) {
.swiper-pagination-bz .swiper-pagination-bullet{
width:8px; height:8px;}
.swiper-button-next-zs,.swiper-button-prev-zs{
width:2em; height:2em;}
.swiper-button-next-zs{
right:1em;}
.swiper-button-prev-zs{
left:1em;}
.swiper-pagination-bz{
margin:1em 0;}
}
.zb_pro_4{
background-color:#fafafa; overflow:hidden; margin-bottom:6em;}
.zb_pro_4_1{
position:relative; padding-right:53%;}
.zb_pro_4_1_left{
position:relative;
}
.zb_pro_4_1_right{
width:50%; position:absolute; right:0; top:0; height:100%; overflow:hidden; overflow-y:auto;}
.zb_pro_4_1_left_footer{
position:absolute; right:0; bottom:0; z-index:10; background-color:#fff; width:12.626em; height:3.126em;}
.zb_pro_4_1_left_footer_left{ cursor:pointer;
position:absolute; left:0; bottom:0; height:100%; background-image:url(../images/product/img12.png); width:50%; background-position:center; background-repeat:no-repeat;}
.zb_pro_4_1_left_footer_right{ cursor:pointer;
position:absolute; right:0; bottom:0; height:100%; background-image:url(../images/product/img13.png); width:50%; background-position:center; background-repeat:no-repeat;}
.zb_pro_4_1_right_1{
text-align:center;}
.zb_pro_4_1_right_1 span{ font-size:2.25em; color:#282828;
position:relative; display:inline-block; padding:0 1.2em;}
.zb_pro_4_1_right_1 span b{
position:absolute; top:-0.6em;}
.zb_pro_4_1_right_1_left{
left:0;}
.zb_pro_4_1_right_1_right{
right:0;}
.zb_pro_4_1_right_2_1{
color:#000; font-weight:bold;}
.zb_pro_4_1_right_2_2{ margin:0.5em 0;
color:#282828; font-size:0.875em; line-height:1.5em;}
.zb_pro_4_1_right_2 ul li{
margin-top:1.2em;}
.zb_pro_4_1_right_2{
margin-top:3em;}
@media screen and (max-width:1090px) {
.zb_pro_4_1_right_1 span{
font-size:1.25em; padding:0 1.8em;}
.zb_pro_4_1_right_1 span b{
width:20px;}
.zb_pro_4_1_right_2{
margin-top:1.5em;}
}
@media screen and (max-width:950px) {
.zb_pro_4_1{
padding-right:0;}
.zb_pro_4_1_right{
width:100%; position:static; height:auto; margin:1.5em 0;}
.zb_pro_4_1_right_1 span{
font-size:1.125em; padding:0 1.5em;}
.zb_pro_4_1_right_1 span b{
width:18px;}
.zb_pro_4{
margin-bottom:3em;}
}
.zb_pro_5{ color:#fff; text-align:center; padding-bottom:8.5625em; overflow:hidden; padding-top:5.5em;
background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/product/img16.jpg);}
.zb_pro_5_1{
font-size:2.25em;}
.zb_pro_5_2{ margin:0.6em 0 0.8em 0;
font-size:3.1875em; letter-spacing:4px;}
.zb_pro_5_3{
margin:0 auto; display:inline-block; background-color:#fff; line-height:3.3125em; padding:0 2em; border-radius: 3.3125em;}
.zb_pro_5_3 span{ font-size:1.5em; padding-left:1.4em; color:#3f3f3f;
background-position:left center; background-repeat:no-repeat; background-image:url(../images/product/img15.png);}
@media screen and (max-width:950px) {
.zb_pro_5_1{
font-size:1.25em;}
.zb_pro_5_2{
font-size:1.375em;}
.zb_pro_5_3{
line-height:normal; padding-top:0.5em; padding-bottom:0.5em; padding-left:1.5em; padding-right:1.5em;}
.zb_pro_5_3 span{
font-size:0.875em; padding-left:2em;}
.zb_pro_5{
padding:4.5em 0;}
}
@media screen and (max-width:760px) {
.zb_pro_5{
padding:3em 0;}
.zb_pro_5_1{
font-size:1em;}
.zb_pro_5_2{
font-size:1.125em;}
}