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:5em;
}
.logo{
    float:left;
    padding:1.61875em 0em 0 1.8125em;
     
}
.logo a,.logo img{
    display:block;
}
.h_left{
    float:right;
    display:block; margin-right:1.8125em;
}
.h_left .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{
    float:left; 
    font-size:1em; 
   /* width:4em;*/ margin-left:2.875em; 
    white-space:nowrap;   
    text-align:center;
}
/*@font-face {
font-family: 'SourceHanSansCN-Normal';
  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:1.0em;/*font-family: 'SourceHanSansCN-Normal';*/
    display:block; color:#fff;
    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:2px;position: absolute;bottom:1em;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 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:5em; 
    height:5em;
    width:100%; 
    z-index:100;
    color:#fff;
    display: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{
    float:left; 
    padding:0 1.625em;
    position:relative;
    line-height:5em;
}
.headerSecMenu dd a:hover,
.headerSecMenu dd a.active{ 
    color:#4aa0e3;
}
.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;
    }
    .h_left .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:2.75em;
    }
    .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,
.homeBannerSwiper .swiper-slide a{
     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: "SourceHanSansCN-Normal";
    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:"SourceHanSansCN-Normal";
    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:"SourceHanSansCN-Normal";
    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: 'SourceHanSansCN-Normal';
    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:'SourceHanSansCN-Normal';
    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:"SourceHanSansCN-Normal";
}
.assessData .input-text input:-moz-placeholder{
    color:#111 !important;
    font-family:"SourceHanSansCN-Normal";
}
.assessData .input-text input::-moz-placeholder{
    color:#111 !important;
    font-family:"SourceHanSansCN-Normal";
}
.assessData .input-text input:-ms-input-placeholder{
    color:#666 !important;
    font-family:"SourceHanSansCN-Normal";
}
.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: SourceHanSansCN-Normal;
    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 小陈**/
#contactbg{ overflow-x:hidden;
background-image:url(../images/contact/bg.jpg); background-position:center top; background-repeat:no-repeat; background-size:cover;} 
.div1400{
padding:0 1em; max-width:87.5em; margin:0 auto;}
/*@font-face {
font-family: 'SourceHanSansCN-Normal';
  src:  url('fonts/THINKDUST/THINKDUSTEBISUBOLD.eot?xyfpo5');
  src:  url('fonts/THINKDUST/THINKDUSTEBISUBOLD.eot?xyfpo5#iefix') format('embedded-opentype'),
    url('fonts/THINKDUST/THINKDUSTEBISUBOLD.ttf?xyfpo5') format('truetype'),
    url('fonts/THINKDUST/THINKDUSTEBISUBOLD.woff?xyfpo5') format('woff'),
    url('fonts/THINKDUST/THINKDUSTEBISUBOLD.svg?xyfpo5#Ebisu') format('svg');
  font-weight: normal;
  font-style: normal;
}*/
.pagecontact_1 span{ padding-left:5.833333333333333em; position:relative;
 color:#fff; font-size:3em;}
.pagecontact_1 span b{
position:absolute; left:0; height:100%; width:5.291666666666667em; background-position:center; background-repeat:repeat-x; background-image:url(../images/contact/img2.jpg);}
.pagecontact_1{
margin-top:7.5em; margin-bottom:5.525em;}
.pagecontact_2{ padding-bottom:7em;
position:relative; /*padding-bottom:62%;*/}
.pagecontact_2_right{ top:36%; z-index:10;
position:absolute; right:0; width:50%; background-color:#308fdf;}
.pagecontact_2_right_mid{ overflow:hidden;
padding:2.5em 2.5em 2em 2.5em; color:#fff;}
.pagecontact_2_right_mid_left{
float:left; width:52%;}
.pagecontact_2_right_mid_right{
float:left; margin-left:7%; width:34%;}
.pagecontact_2_right_mid_left_1{
font-family:SourceHanSansCN-Normal; font-size:1.125em; border-bottom:1px #a6cbf4 solid; padding-bottom:0.65em;}
.pagecontact_2_right_mid_left_2{
font-size:0.75em; line-height:1.7em; margin-top:1.5em; margin-bottom:2em;}
.pagecontact_2_right_mid_right_1{  
font-size:0.75em; line-height:1.7em; margin-top:1.5em; margin-bottom:2em;}
.pagecontact_2_left{ background-color:#fff; width:50%;
position:absolute; left:0; top:52%;}
.pagecontact_2_left_1{
color:#191919; border-color:#cdcdcd;}
.pagecontact_2_left_2{ margin:1.5em 0;
color:#191919; margin-bottom:2em;}
.pagecontact_2_left_2 div{
font-size:3em; font-weight:bold; line-height:1em;}
.pagecontact_2_left_3 ul li{ margin-top:1em;
border-bottom:1px #cdcdcd solid; padding-bottom:0.5em; }
.pagecontact_2_left_3 ul li input,.pagecontact_2_left_3 ul li textarea{
border:none; width:100%;font-family:SourceHanSansCN-Normal; background-color:transparent; font-size:1em; }
.pagecontact_2_left_4 a{
display:inline-block; border:1px #cdcdcd solid; padding:0.35em 1em; color:#666; padding-right:3em;} 
.pagecontact_2_left_4 a span{
background-position:left center; background-repeat:no-repeat; padding-left:2em; background-image:url(../images/contact/img3.png);}
.pagecontact_2_left_4{
margin-top:2em;}
@media screen and (min-width:950px) {
.pagecontact_2_left_4 a:hover{
color:#fff; background-color:#ff7e00; border-color:#ff7e00;}
.pagecontact_2_left_4 a:hover span{
background-image:url(../images/contact/img4.png); background-position:0.9em center;}
}
@media screen and (max-width:1200px) {
.pagecontact_1{
margin-top:3em;}
.pagecontact_2_right{
top:30%;}
.pagecontact_2_left{
top:46%;}
}
@media screen and (max-width:960px) {
	.pagecontact_2_left,.pagecontact_2_right{
	position:static; width:100%;}
	.pagecontact_2{
	padding-bottom:3em;}
	
}
@media screen and (max-width:760px) {
.pagecontact_1{
margin-top:1.5em; margin-bottom:2em;}
.pagecontact_2_right_mid_right{
width:41%;}
.pagecontact_1 span{
width:100%; font-size:2em; padding-left:0; text-align:center; display:block;}
.pagecontact_1 span b{
width:35%;}
.pagecontact_2_left_2 div{
font-size:2em;}
.pagecontact_2_left_4 a{
padding-left:0; padding-right:0; width:100%; text-align:center;}
}
@media screen and (max-width:640px) {
.pagecontact_2_right_mid_left{
width:100%;}
.pagecontact_2_right_mid_right{
width:100%; margin-left:0;}
.pagecontact_2_right_mid{
padding:1em;}
}
@media screen and (max-width:450px) {
.pagecontact_1 span,.pagecontact_2_left_2 div{
 font-size:1.5em;  }
.pagecontact_1 span b{
width:30%;}
}
/*******关于************/
#aboutbody{
background-position:center top;   background-repeat:no-repeat; background-image:url(../images/about/bg1.jpg);  }
.aboutbody_1{
text-align:center; color:#fff; padding-bottom:10em;}
.aboutbody_1_1 span{
font-size:3em;}
.aboutbody_1_1{
margin-top:7em;}
.aboutbody_1_2 span{
font-size:1.875em;  }
.aboutbody_1_2{
margin:2.5em 0; margin-bottom:7em;}
.aboutbody_1_3 ul li{
float:left; width:25%; position:relative;}
.aboutbody_1_3 ul li:nth-child(2){
width:50%;}
.aboutbody_1_3_left_b{
position:absolute; left:0; top:0; width:1px; height:100%; background-repeat:repeat-y; background-image:url(../images/about/img11.png);}
.aboutbody_1_3_right_b{
position:absolute; right:0; top:0; width:1px; height:100%; background-repeat:repeat-y; background-image:url(../images/about/img11.png);}
.aboutbody_1_3_mid{
padding:0 2em;}
.aboutbody_1_3_1 span{
position:relative; padding:0 3.5em; display:inline-block;}
.aboutbody_1_3_1 span b{ font-size:4em;
position:absolute; right:0; top:-0.5em;}
/*@font-face {
font-family: 'SourceHanSansCN-Normal';
  src:  url('fonts/DFTempleHeavy/DFTempleCyrHeavy.eot?xyfpo5');
  src:  url('fonts/DFTempleHeavy/DFTempleCyrHeavy.eot?xyfpo5#iefix') format('embedded-opentype'),
    url('fonts/DFTempleHeavy/DFTempleCyrHeavy.ttf?xyfpo5') format('truetype'),
    url('fonts/DFTempleHeavy/DFTempleCyrHeavy.woff?xyfpo5') format('woff'),
    url('fonts/DFTempleHeavy/DFTempleCyrHeavy.svg?xyfpo5#DF Temple Cyr') format('svg');
  font-weight: normal;
  font-style: normal;
}*/
.aboutbody_1_3_1 span i{
font-style:inherit; font-size:7.5em;}
.aboutbody_1_3_2,.aboutbody_1_3_3{
font-size:1.125em;}
.aboutbody_1_3_3{
margin-top:1em;}
.aboutbg{ overflow:hidden;
background-image:url(../images/about/img10.jpg); background-position:left top; background-repeat:repeat;}
.aboutbody_2_1_mid{ 
margin:0 auto; width:15.8125em; position:relative; height:9.625em;}
.aboutbody_2_1{margin-top:6.875em; margin-bottom:3em;}
.aboutbody_2_1_mid_left{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:left center; z-index:10; background-image:url(../images/about/img1.png); background-repeat:no-repeat;}
.aboutbody_2_1_mid_right{ background-position:right center;
position:absolute; right:0; top:0; width:100%; height:100%;  background-image:url(../images/about/img2.png); background-repeat:no-repeat;}
.aboutbody_2_1_mid:hover .aboutbody_2_1_mid_left{
background-position:right center;}
.aboutbody_2_1_mid:hover .aboutbody_2_1_mid_right{
background-position:left center;}
.aboutbody_2_2 span{
text-align:center; font-size:3em; color:#000;}
.aboutbody_2_3 span{
font-size:1.5em;}
.aboutbody_2_3,.aboutbody_2_2{
text-align:center;}
.aboutbody_2_3{
margin-top:1.5em; margin-bottom:6em;}
.aboutbody_3{
position:relative; background-image:url(../images/about/bg2.jpg); color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.aboutbody_3_mid{ padding:7em 0; border-bottom:1px #5b585a solid; border-left:1px #5b585a solid; overflow:hidden;
text-align:center; position:relative;}
.aboutbody_3_mid_footer{
position:absolute; bottom:1.5em; left:1.5em; z-index:10;}
.aboutbody_3_mid_1{/*font-family: 'SourceHanSansCN-Normal';*/ font-size:4.5em; color:#e6e6e6; }
.aboutbody_3_mid_footer span{
font-size:1.125em;color:#a0a0a0;}
.aboutbody_3_mid_footer i{  
font-style:inherit;font-size:1.125em;color:#a0a0a0; background-position:left center; background-repeat:no-repeat;}
.swiper-container-1 .swiper-slide:hover .aboutbody_3_mid_footer i,.swiper-container-1 .swiper-slideon .aboutbody_3_mid_footer i{background-image:url(../images/about/img12.png); width:auto; padding-left:1.4em; color:#fff; }
.swiper-container-1 .swiper-slide:hover .aboutbody_3_mid_footer span,.swiper-container-1 .swiper-slideon .aboutbody_3_mid_footer span{
color:#fff;}
.swiper-container-1 .swiper-slide:hover,.swiper-container-1 .swiper-slideon{ 
background-image:url(../images/about/img3.png); background-size:cover; background-repeat:repeat;}

@-webkit-keyframes flymove{ 0%{background-position:0px 0px;} 100%{background-position:0px 500px;} } @-moz-keyframes flymove{ 0%{-webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1);} 100%{-webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05);} } @-ms-keyframes flymove{ 0%{-webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1);} 100%{-webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05);} }

@-webkit-keyframes bounce-upbgb {

    25%{

         background-position:200px top;
		

    }

    50%{

         background-position:150px top;

    }

    75% {

        background-position:100px top;

    }
	 100% {

        background-position:0% top;

    }

}

 

@keyframes bounce-upbgb {

     25%{

         background-position:80% top;
		

    }

    50%{

         background-position:50% top;

    }

    75% {

        background-position:25% top;

    }
	 105% {

        background-position:0% top;

    }

}	


.aboutbody_1_3 ul li:first-child .aboutbody_1_3_1 span,.aboutbody_1_3 ul li:last-child .aboutbody_1_3_1 span{
padding-left:0; padding-right:0;}
.aboutbody_2_1_mid img{
display:none;}
.swiper-button-next-1,.swiper-button-prev-1{
display:none;}
.aboutbody_4_1{
text-align:center;}
.aboutbody_4_1{
text-align:center; font-size:3em; color:#000;}
.aboutbody_4_2{
text-align:center; color:#999; /*font-family: 'SourceHanSansCN-Normal';*/}
.aboutbody_4_3{
text-align:center; color:#333;}
.aboutbody_4{
padding:5em 0px; overflow:hidden;}
.aboutbody_4_2{
margin-top:0.5em;}
.aboutbody_4_3{
margin-top:2em; line-height:1.8em; margin-bottom:3em;}
.aboutbody_4_4{
text-align:center;}
.aboutbody_5{
background-position:center top; background-repeat:no-repeat; background-image:url(../images/about/bg3.jpg); padding-top:3.5em; padding-bottom:8.5em;}
.aboutbody_5_left{
float:left; width:50%; position:relative;}
.aboutbody_5_leftimg{
width:100%;}
.aboutbody_5_right{ margin-top:25%;
float:right; width:50%; position:relative;}
.aboutbody_5 .div1400{
position:relative;}
.aboutbody_5_left_mid{  
position:absolute; top:9%; left:107%; z-index:10; width:93%;} 
.aboutbody_5_left_mid_b{
position:absolute; top:12%; width:14%; height:3px; right:-5%; background-repeat:repeat-x; background-image:url(../images/about/img16.png); z-index:10;}
.aboutbody_5_left_mid_1 span{
color:#fff;/*font-family: 'SourceHanSansCN-Normal';*/ font-size:2.25em;}
.aboutbody_5_left_mid_1{
margin-bottom:0.5em;}
.aboutbody_5_left_mid_1 span:nth-child(2){
color:#f98928;}
.aboutbody_5_left_mid_2,.aboutbody_5_left_mid_3{
font-size:1.125em; color:#fff;}
.aboutbody_5_left_mid_3{
color:#b2b2b2; margin-top:1.7em; line-height:1.7em;}
.aboutbody_5_left_mid_footer{
position:absolute; right:3%; height:3%; bottom:-3%; width:67%; background-color:#d3d5cf;}
.aboutbody_5_left_mid_left{
position:absolute; left:-3%; height:67%; top:3%; width:3%; background-color:#ff991b;}
.aboutbody_5_right_mid{
position:absolute; z-index:10; right:123%; width:77%; bottom:9%;}
.aboutbody_5_left_mid_3 span{
font-size:0.75em; color:#666; line-height:1.7em;}
.aboutbody_5_right_f{
position:absolute; z-index:20; width:30%; left:-15%; bottom:22%;}
.aboutbody_5_right_1{
margin-top:1.3em;}
.aboutbody_5_right_1{
font-size:1.125em; color:#666; line-height:2em;}
.aboutbody_6{ padding:3.625em 0; overflow:hidden;
background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/about/bg4.jpg);}
.div1150{
margin:0 auto; padding:0 1em; max-width:72em;}
.aboutbody_6_1_1_2{ 
color:#fff; font-size:3em;}
.aboutbody_6_1_1_1{ color:#fff;
position:relative; padding-right:2em; display:inline-block;}
.aboutbody_6_1_1_1 i{ font-size:3em;
font-style:inherit; }
.aboutbody_6_1_1_1 b{ font-size:2em;
position:absolute; right:0; top:-0.2em;}
.aboutbody_6_1_2{
color:#fff;/*font-family: "SourceHanSansCN-Normal";*/ margin-top:0.5em;}
.aboutbody_6_1_3{ font-size:1.125em;
color:#c9e1f6; width:49%; line-height:1.7em; margin-top:1.5em;}
.aboutbody_6_1{
position:relative; overflow:hidden;}
.aboutbody_6_1_right{
position:absolute; right:2em; width:6.5626em; top:50%; margin-top:-0.7813em;  z-index:10;  height:1.5626em;}
.aboutbody_6_1_right_left{ cursor:pointer; position:relative;
float:left; /*width:0.875em;*/width:2.5625em; height:1.5625em; background-image:url(../images/about/img6.png); background-position:left center; background-repeat:no-repeat;}
.aboutbody_6_1_right_left span{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
position:absolute; left:1px; width:0%; height:1px; top:50%; margin-top:-0.5px; background-color:#fff;}
.aboutbody_6_1_right_right span{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
position:absolute; right:1px; width:0%; height:1px; top:50%; margin-top:-0.5px; background-color:#fff;}
.aboutbody_6_1_right_left:hover{
/*background-image:url(../images/about/img18.png);*/ /*width:2.5625em;*/}
.aboutbody_6_1_right_left:hover span{
width:100%;}
.aboutbody_6_1_right_right{ cursor:pointer; position:relative;width:2.5625em;
float:right; /*width:0.875em;*/ height:1.5625em; background-image:url(../images/about/img7.png); background-position:right center; background-repeat:no-repeat;}
.aboutbody_6_1_right_right:hover{
/*background-image:url(../images/about/img8.png);*/ }
.aboutbody_6_1_right_right:hover span{
width:100%;}
.aboutbody_6_2{
margin-top:3.625em;}
.aboutbody_6_2_mid{
position:relative;}
.aboutbody_6_2_mid_mask{ background-position:center 100%;
background-color:#000; position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; opacity:0}
.aboutbody_6_2_mid_maskon{opacity:1; background-color:transparent; 
background-image:url(../images/about/img9.png); background-position:center; background-repeat:no-repeat;}
.aboutbody_6_2_mid_maskon2{
opacity:0.4;}
.aboutbody_6_2_mid img{
  width:100%;}
.swiper-pagination-2{ display:none;
position:static; margin-top:1em;}











@media screen and (max-width:1200px) {
.aboutbody_6_1_1_1{
padding-right:1.5em;}
.aboutbody_6_1_1_1 b{
font-size:1.5em;}
.aboutbody_6_1_1_2,.aboutbody_6_1_1_1 i{
font-size:2em;}
.aboutbody_5{
padding-bottom:5em;}
.aboutbody_5_right_mid{
bottom:3%;}
.aboutbody_5_left_mid{
top:6%;}
.aboutbody_5_left_mid_b{
top:9%;}
.aboutbody_5_left_mid_2, .aboutbody_5_left_mid_3{
font-size:1em;}
.aboutbody_4_1{
font-size:2em;}
.swiper-button-next-1,.swiper-button-prev-1{
display:block;}
.aboutbody_3_mid_1{
font-size:3.5em;}
.aboutbody_1_3_1 span i{
font-size:4em;}
.aboutbody_1_3_1 span b{
font-size:3em;}
.aboutbody_1_3_2, .aboutbody_1_3_3{
font-size:1em;}
.aboutbody_1_3_2{
margin-top:0.5em;}
.aboutbody_1_1 span{
font-size:2em;}
.aboutbody_1_2 span{
font-size:1.125em;}
.aboutbody_1_2{
margin-top:1.5em; margin-bottom:6em;}
.aboutbody_1_1{
margin-top:3.5em;}
.aboutbody_1{
padding-bottom:7em;}
.aboutbody_2_2 span{
font-size:2em;}
.aboutbody_2_3 span{
font-size:1.125em;}
}
@media screen and (max-width:1024px) {
.swiper-pagination-2{
display:block;}
}
@media screen and (max-width:990px) {
.aboutbody_5_left_mid_3{
font-size:0.875em;}
.aboutbody_5_left_mid_1 span{
font-size:2em;}
.aboutbody_5_right_mid{
bottom:0;}
}
@media screen and (max-width:900px) {

.aboutbody_5_left,.aboutbody_5_right{
width:100%;}
.aboutbody_5_right{
margin-top:0;}
.aboutbody_5_left_mid{
position:static; width:auto; clear:both; padding-top:1em; padding-bottom:2em; padding-left:1em; padding-right:1em;}
.aboutbody_5_left_mid_b,.aboutbody_5_left_mid_footer,.aboutbody_5_left_mid_left,.aboutbody_5_right_f{
display:none;}
.aboutbody_5_left_mid_1 span{
color:#0e0e0e}
.aboutbody_5_left_mid_2{
color:#000;}
.aboutbody_5_left_mid_3{
color:#666;}
.aboutbody_5_right_mid{
position:static; width:auto; padding-left:1em; padding-right:1em; padding-top:1em; padding-bottom:2em;}
.aboutbody_5{
padding-bottom:3.5em;}
}

@media screen and (max-width:760px) {
.aboutbody_6_2{
margin-top:3em;}
.aboutbody_6{
padding:3em 0;}
.aboutbody_6_1_1,.aboutbody_6_1_2{
text-align:center;}
.aboutbody_6_1_3{
width:100%; text-align:center;}
.aboutbody_6_1_right{
display:none;}
.aboutbody_6_1_1_2,.aboutbody_6_1_1_1 i{
font-size:1.25em;}
.aboutbody_6_1_1_1 b{
font-size:1em;}
.aboutbody_6_1_1_1{
padding-right:1em;}
.aboutbody_5{
padding-bottom:1.5em;}
.aboutbody_4{
padding:3em 0;}
.aboutbody_4_2{
font-size:0.875em;}
.aboutbody_4_1{
font-size:1.25em;}
.aboutbody_3_mid_footer{
left:1em; bottom:1em;}
.aboutbody_1_1{
margin-top:3em;}
.aboutbody_1_1 span{
font-size:1.25em;}
.aboutbody_1_2 span{
font-size:1em;}
.aboutbody_1_2{
margin-top:1em; margin-bottom:4em;}
.aboutbody_1_3_1 span i{
font-size:3em;}
.aboutbody_1_3_2, .aboutbody_1_3_3{
font-size:0.875em; line-height:1.7em;}
.aboutbody_1_3_1 span b{
font-size:2em;}
.aboutbody_1_3_1 span{
padding:0 2em;}
.aboutbody_1{
padding-bottom:3em;}
.aboutbody_2_1{
margin-top:3em;}
.aboutbody_2_2 span{
font-size:1.25em;}
.aboutbody_2_3 span{
font-size:1em;}
.aboutbody_2_3{
margin-top:1em; margin-bottom:3em;}
.aboutbody_3_mid_1{
font-size:3em;}
.aboutbody_3_mid_footer span,.aboutbody_3_mid_footer i{
font-size:1em;}
.aboutbody_3_mid{
padding:5em 0;}
.aboutbody_1_3_mid{
padding:0 1em;}
.aboutbody_1_3_3{
margin-top:0.5em;}
.aboutbody_2_1_mid img{
display:inline-block; width:12.3125em}
.aboutbody_2_1_mid_left,.aboutbody_2_1_mid_right{
display:none;}
.aboutbody_2_1_mid{
width:auto; height:auto; padding-left:1em; padding-right:1em; margin:0 auto; text-align:center;}
}
@media screen and (max-width:480px) {
.aboutbody_6_1_2{
font-size:0.875em;}
.aboutbody_6_1_1_2, .aboutbody_6_1_1_1 i{
font-size:1em;}
.aboutbody_5{
background-position: center -30%;}
.aboutbody_5_left_mid_1 span{
font-size:1.25em;}
.aboutbody_4_3{
margin-bottom:2em;}
.aboutbody_4_4{
overflow:hidden; height:3em;}
.aboutbody_4_3{
font-size:0.875em;}
.aboutbody_4_1{
font-size:1em;}
.aboutbody_1_3_1 span i{
font-size:1.5em;}
.aboutbody_1_3_2, .aboutbody_1_3_3{
font-size:0.75em;} 
.aboutbody_2_2 span,.aboutbody_1_1 span{
font-size:1em;}
.aboutbody_1_2 span,.aboutbody_2_3 span{
font-size:0.75em;}
.aboutbody_1_2,.aboutbody_2_3{
margin-top:0.5em;}
.aboutbody_1_3_1 span b{
font-size:1em;}
.aboutbody_1_3_1 span{
padding:0 1em;}
.aboutbody_2_1_mid img{
width:8em;}
.aboutbody_2_1{
margin-bottom:1.5em;}
}
@media screen and (max-width:320px) {
.aboutbody_1_3 ul li,.aboutbody_1_3 ul li:nth-child(3){
width:100%; background-image:none;}
.aboutbody_1_3 ul li:nth-child(2){
width:100%; margin-top:1.5em; margin-bottom:1.5em; border:none;}
.aboutbody_1_3_left_b,.aboutbody_1_3_right_b{
display:none;}
.aboutbody_1_2{
margin-bottom:2em;}
.aboutbody_3_mid_footer span, .aboutbody_3_mid_footer i{
font-size:0.75em;}
.aboutbody_3_mid_1{
font-size:2.5em;}
.aboutbody_3_mid{
padding:4em 0;}
.aboutbody_2_2 span, .aboutbody_1_1 span{
font-size:0.9375em;}

}
#newsbg{ background-size:cover; background-position:center; background-repeat:no-repeat;
background-image:url(../images/news/bg.jpg); padding-bottom:5em;}
#gallery-wrapper { position: relative;   width: 100%; margin:3em auto; } 
img.thumb { width: 100%; max-width: 100%; height: auto;  }  
.white-panel { position: absolute; background: white;    }
.white-panel:hover { box-shadow: 1px 1px 10px rgba(0,0,0,0.5); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.white-panel a{
display:block; padding:20px; overflow:hidden; margin:0px;}
.white-panel_1{ margin-bottom:1.2em;
font-size:1.25em; color:#000; padding-bottom:1em; border-bottom:5px #727171 solid; line-height:1.7em;}
.white-panel_2{
margin:0px; padding:0px; clear:both; font-size:0.875em; color:#000; line-height:1.7em; margin-top:1.2em; margin-bottom:1em;}
.white-panel_3{
margin:0px; padding:0px; clear:both; font-size:0.875em; color:#868686;}
.newscenter_2{
text-align:center;}
.newscenter_2 a{ position:relative;transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
color:#fff; font-size:1.2em; margin-left:1em; padding:0 0.4em;}
.newscenter_2 a:after{content:""; height:1px;position: absolute;bottom:0.5714285714285714em;left:50%;width:0;background: #fff;transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.newscenter_2 a:hover:after,.newscenter_2 a.on:after{width: 100%;left: 0} 
/*.newscenter_2 a:hover,.newscenter_2 a.on{
text-decoration:line-through;}*/
@media screen and (max-width:760px) {
.newscenter_2{
text-align:center;}
.newscenter_2 a{
margin-left:0.6em; margin-right:0.6em;}
.newscenter_1{  
padding-left:20px;  }
.white-panel_1{
font-size:1em;border-bottom:3px #727171 solid;}
}
.newscenter_3{
text-align:center; margin-bottom:5.1875em; margin-top:4em;}
.newscenter_3 a{ display:inline-block; /*font-family:"SourceHanSansCN-Normal";*/ padding-top:2em; padding-bottom:2em;
color:#fff; border:1px #fff solid; padding-left:3em; padding-right:3em;}
.newscenter_3 a span{ display:inline-block; padding-left:6em; padding-right:6em; font-size:1.125em;
background-position:left center; background-repeat:no-repeat; background-image:url(../images/news/img1.png);}

@media screen and (max-width:760px) {
.newscenter_3{
margin-bottom:3em;}
.newscenter_3 a span{
padding-right:0; padding-left:10%;}
.newscenter_3{
margin-top:9em;}
.newscenter_3 a{ padding-top:1.2em; padding-bottom:1.2em;
padding-left:0; padding-right:0; width:100%;}
}
@media screen and (max-width:400px) {
.newscenter_3 a span{
font-size:1em; padding-left:15%;}
}
.newsinfo_1_left{
float:left; width:71%;}
.newsinfo_1_right{
float:right; width:25%;}
.newsinfo_1_left_1{
color:#fff; font-size:1.875em;}
.newsinfo_1_left_2{ margin-top:1em; margin-bottom:1em;
font-family:SourceHanSansCN-Normal; color:#fff;}
.newsinfo_1_left_3{
font-size:0.875em; line-height:1.7em; color:#fff; margin-bottom:5em;}
.newsinfo_1_left_4{ overflow:hidden;
border:1px #fff solid;}
.newsinfo_1_left_4_left{
float:left; width:50%;}
.newsinfo_1_left_4_right{
float:right; width:50%; text-align:right;}
.newsinfo_1_left_4_mid{
padding:0 1.5em;}
.newsinfo_1_left_4_mid a{ color:#fff; padding-top:2em; padding-bottom:2em; padding-right:2em;
display:block; padding-left:3.3125em; background-position:left center; background-repeat:no-repeat; background-image:url(../images/news/img2.png);}
.newsinfo_1_left_4_right .newsinfo_1_left_4_mid a{ 
padding-left:2em; padding-right:3.3125em; background-position:right center; background-image:url(../images/news/img3.png);}
.newsinfo_1_left_4_left:hover .newsinfo_1_left_4_mid a{ color:#4d4d4d;
 background-image:url(../images/news/img5.png);}
.newsinfo_1_left_4_right:hover .newsinfo_1_left_4_mid a{
background-image:url(../images/news/img4.png);color:#4d4d4d;}
.newsinfo_1_left_4_left:hover,.newsinfo_1_left_4_right:hover{
background-color:#fff;}
.newsinfo_1{
margin-bottom:5em;}
.newsinfo_1_right_1{
color:#fff; font-size:1.875em;}
.newsinfo_1_right_2{
margin-top:1em;  padding-bottom:1em; overflow:hidden;}
.newsinfo_1_right_2 a{ margin-right:0.5em; margin-bottom:0.5em;
color:#fff; font-size:0.875em; padding:0.3em 1em; display:inline-block; border:1px #e5e5e5 solid;}
.newsinfo_1_right_2 a:hover{
background-color:#fff; color:#4d4d4d;}
.newsinfo_1_right_3 ul li{border-top:1px #fb8dac solid;
overflow:hidden; padding:1.5em 0;}
.newsinfo_1_right_3_1{
font-size:1.125em; color:#fff;}
.newsinfo_1_right_3_2{ margin-top:0.5em;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all;
    overflow: hidden; height:3.428571428571429em;
color:#ffd2e0; font-size:0.875em; line-height:1.7em;}
@media screen and (max-width:1200px) {
.newsinfo_1_left,.newsinfo_1_right{
width:100%;}
.newsinfo_1_right{
margin-top:3em;}
}
@media screen and (max-width:950px) {
.newsinfo_1_left_1{
text-align:center; font-size:1.125em;}
.newsinfo_1_left_2{
text-align:center;}
.newsinfo_1_left_3{
margin-bottom:3em;}
.newsinfo_1_left_4_mid a{
font-size:0.9375em;}
.newsinfo_1_right_1{
font-size:1.125em;}
.newsinfo_1{
margin-bottom:2em;}
}
@media screen and (max-width:500px) {
.newsinfo_1_right_3_1,.newsinfo_1_left_1,.newsinfo_1_right_1{
font-size:1em;}
.newsinfo_1_left_4_mid a{ padding-top:1em; padding-left:0em; padding-right:0em; padding-bottom:1em;
padding-left:0; background-image:none;}
.newsinfo_1_left_4_right .newsinfo_1_left_4_mid a{
padding-right:0; background-image:none; padding-left:0em; padding-right:0em;}
.newsinfo_1_left_4_left:hover .newsinfo_1_left_4_mid a{ background-image:none;}
.newsinfo_1_left_4_right:hover .newsinfo_1_left_4_mid a{
background-image:none;}
.newsinfo_1_right_3_1{
font-size:0.9375em;}
}
.newsinfo_1{
overflow:hidden;}
.case_list li{ background-color:#fff;   margin-bottom:1.5em;
float:left; width:32%; margin-right:2%;}
.case_list li:nth-child(3n){
margin-right:0;}
.case_list{
margin-top:5.825em;}
.case_list_2{
padding:1em 1.5em;}
.case_list_2_mid{
background-position: right 0.4em; background-repeat:no-repeat; background-image:url(../images/case/img1.png); padding-right:4.3125em;}
.case_list_2_mid_1{
color:#343434; font-size:1.125em;}
.case_list_2_mid_2{
color:#a2a2a2; /*font-family:"SourceHanSansCN-Normal";*/ font-size:0.875em; margin-top:0.3em;}
.case_list_1{
overflow:hidden; clear:both;  }
@media screen and (max-width:950px) {
.case_list_2_mid_1{
font-size:1em;}
}
@media screen and (max-width:900px) {
.case_list li{
width:49%; margin-bottom:1em; margin-right:0;}
.case_list li:nth-child(2n){
float:right;}
}
@media screen and (max-width:760px) {
.case_list_2_mid{
padding-right:0; background:none;}
.case_list_2_mid_1,.case_list_2_mid_2{
text-align:center;}
.case_list_2{
padding:1em;}
.casecenter_3{
margin-top:3em;}
}

@media screen and (max-width:400px) {
.case_list li{
width:100%;}
}
.case_info_1{
position:relative;}
.case_info_1_mid{
position:absolute; left:0; top:0; width:100%; z-index:10; height:100%;}
#wrapper,#wrapper2,#wrapper3,#wrapper4,#wrapper5,.cell_mid { display: table; height:100%; } #cell,#cell2,#cell3,#cell4,#cell5,.cell_h { height:100%;display: table-cell; vertical-align: middle; }
.div1200{
padding:0 1em; margin:0 auto; max-width:75em;}
.case_info_1_mid_1{
color:#fff; font-size:2.75em;}
.case_info_1_mid_2 span{
color:#ccc; font-size:1.875em;}
.case_info_1_mid_2{ padding-bottom:2em; margin-top:1em;
background-position:left bottom; background-repeat:no-repeat; background-image:url(../images/case/img3.png);}
.case_info_1_mid_3{
margin-top:2.5em;}
.case_info_1_mid_3 a{ float:left;
display:inline-block; color:#fff; line-height:3em; margin-right:1em;  }
.case_info_1_mid_3 a span{border:1px #fff solid;  border-radius:50%;
display:inline-block; width:3em; height:3em; background-image:url(../images/case/img8.png); background-position:center; background-repeat:no-repeat;}
.case_info_1_mid_3 a:hover span{
background-color:#fff; background-image:url(../images/case/img9.png);}
.case_info_2{ padding:3em 0;
background-color:#fff; overflow:hidden;}
.case_info_2_1_right{ margin-left:1em; margin-top:1.5em;
float:left; font-size:0.9375em; color:#393939;}
.case_info_2_1_left{
float:left; font-size:2.25em; color:#000;}
.case_info_2_1_right span,.case_info_2_1_right a{
color:#000;}
.case_info_2_1_right span{
padding:0 0.5em;}
.case_info_2_1_right a:hover{
color:#4fa9fe;}
.case_info_3_left{
float:left; width:70%;}
.case_info_3_right{
float:right; width:27%;}
.case_info_3{ color:#fff;
padding:7em 0 2em 0; overflow:hidden;}
.case_info_3_right ul li{
font-size:0.875em; margin-top:1em;  }
.case_info_3_right_1 span{/*font-family: 'SourceHanSansCN-Normal'; */font-size:2.25em; font-weight:bold;}
 .case_info_3_right ul{
 margin-top:1em;}
.case_info_3_right_1{
margin-top:2em;}
.case_info_4{ padding-bottom:3em;
color:#fff; line-height:1.7em; font-size:0.875em;}
.case_info_5{
position:relative;}
.case_info_5_mid{
position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; text-align:center;}
.case_info_5 a{ position:relative; margin:0 1.2em; color:#fff;line-height:7.8125em;
display:inline-block; border:2px #fff solid; width:7.8125em; height:7.8125em;}
.case_info_5 .content_v_m img{
display:inline-block; margin:0 1.2em;}
.case_info_5 a span{
font-size:0.875em;/*font-family: 'SourceHanSansCN-Normal';*/}
.case_info_5 a:hover{
background-color:#fff; color:#000;}
@media screen and (max-width:1200px) {
.case_info_1_mid_1{
font-size:2.5em;}
.case_info_1_mid_2 span{
font-size:1.25em;}
}
@media screen and (max-width:950px) {
.case_info_3_left{
width:100%; text-align:center;}
.case_info_3_right{
width:100%;}
.case_info_3_right ul li{
float:left; width:50%;}
 
}
@media screen and (max-width:900px) {
.case_info_2_1_left{
font-size:1.375em; width:100%; text-align:center;}
.case_info_2_1_right{
margin-left:0; width:100%; text-align:center; margin-top:0.5em;}
.case_info_1_mid_1{
font-size:1.375em;}
.case_info_1_mid_2 span{
font-size:1em;}
.case_info_1_mid_2{
margin-top:0.5em; padding-bottom:1em;}
.case_info_1_mid_3{
margin-top:1.5em;}
}
@media screen and (max-width:760px) {
.case_info_3_right ul{
margin-bottom:1em; margin-top:0.5em;}
.case_info_3_right_1 span{
font-size:1.375em;}
.case_info_3{
padding-top:3em; padding-bottom:1em;}
.case_info_3_right_1{
text-align:center;}
.case_info_3_right ul li{
float:left; width:100%;}
.case_info_1_mid_1,.case_info_1_mid_2{
text-align:center; background:none;}
.case_info_1_mid_3{
text-align:center; margin-top:0em;}
.case_info_1_mid_3 a{
float:none; margin-right:0;}
.case_info_1_mid_3 a:nth-child(2){
display:none;}
.case_info_1_mid_3 a span{
width:2.5em; height:2.5em; background-image:url(../images/case/img11.png);}
.case_info_1_mid_3 a:hover span{
background-image:url(../images/case/img10.png);}
.case_info_1_mid_3 img{
width:2em;}
}
@media screen and (max-width:640px) {
.case_info_2_1_left{
font-size:1.125em;}
.case_info_2_1_right{
font-size:0.875em;}
.case_info_2{
padding:2em 0;}

}
@media screen and (max-width:500px) {
 .case_info_5 a{
 display:none;}
 .case_info_5 .content_v_m img{
 margin:0; width:20%;}
}
@media screen and (max-width:400px) {
.case_info_2_1_left{
font-size:1em;}
.case_info_1_mid_1{
font-size:1em;}
.case_info_1_mid_2 span{
font-size:0.875em;}
.case_info_1_mid_2{
padding-bottom:0.5em; margin-top:0.2em;}
}
@media screen and (max-width:320px) {
.case_info_1_mid_2,.case_info_1_mid_3{
display:none;}
}
.lar_bg{ color:#fff;
background-position:center; background-repeat:no-repeat; background-size:cover;}
.lar_1_right{
float:right; position:relative; width:45%;   }

.lar_1_left{ position:relative;
float:left; margin-left:9%; margin-top:10%;}
.lar_1_left3{
margin-top:12%;}
.lar_1_left_mid_1{ padding-left:3.5em;
position:relative; font-size:1.5em;}
.lar_1_left_mid_1 span{
position:absolute; left:0; top:0; height:100%; width:2.9375em; background-position:center; background-repeat:repeat-x; background-image:url(../images/service/img11.png);}
.lar_1_left_mid_2 span{
font-size:2.0em;/*font-family: 'Ebisu';*/}
.lar_1_left_mid_2{
margin-top:0.8em; margin-bottom:2em;}
.lar_1_left_mid_3 ul li span{
display:inline-block; width:12em;
 }
.lar_1_left_mid_3 ul li{
margin-bottom:1em;}
.lar_1_right2{
float:left;}
.lar_1_left2{
float:left;}
.lar_1_left2{
  margin-top:11%;}
.lar_1_left4{
margin-top:8%;}
.slight{
position:absolute; left:55%; top:0; z-index:10; width:9%;}
#servicemid .swiper-pagination-bullet{
background:none; background-image:url(../images/service/img13.png); width:23px; height:23px; margin:0; background-position:center; background-repeat:no-repeat; opacity:1;}
#servicemid .swiper-pagination-bullet-active{
background-image:url(../images/service/img12.png);}
.sd_left{ position:absolute; left:0; top:0; z-index:99; height:7px;
  width:0%;opacity:0;} 
.sd_right{ position:absolute; right:0; top:0; z-index:99; height:7px;
  width:0%;opacity:0;}
.sd_mid{ display:none;
position:absolute; z-index:99; width:100%; top:0%; height:41px; background-position:center; background-repeat:no-repeat; background-image:url(../images/service/img14.png);}
.sd_midon{ 
  top:100%;  }
#ms{
display:none; position:absolute; left:0; top:0; width:100%; height:100%; z-index:99; background-color:red;}
#servicemid .div1400{
position:relative}
@media screen and (max-width:1140px) {
.lar_1_left{
width:40%;}
.lar_1_right{
  width:49%;}
}
@media screen and (max-width:1024px) {
.lar_1_left_mid_3 ul li span{
font-size:0.875em;}
.lar_1_left_mid_2 span{
font-size:2em;}
.lar_1_left_mid_1{
font-size:1.25em;}
}
@media screen and (max-width:900px) {
.lar_1_left_mid_2{
margin-bottom:1em;} 
.lar_1_left{ float:none;  
width:100%; margin:0px auto; clear:both;}
.lar_1_right{
width:100%; margin:0px; margin-bottom:1em; text-align:center;}
.lar_1_right img{
max-width:70%;}
.lar_1_left_mid_3 ul li{
width:100%; float:left;
 }
.lar_1_left_mid_3 ul li span{
width:50%; float:left;}
}
@media screen and (max-width:500px) {
.lar_1_left_mid_2 span{
font-size:1.25em;}
.lar_1_left_mid_1{
font-size:1em;}
}
@media screen and (max-width:320px) {
.lar_1_left_mid_2{
text-align:center;}
.lar_1_left_mid_3 ul li span{
width:100%; margin-bottom:1em;}
.lar_1_left_mid_3 ul li{
margin:0;}
.lar_1_left_mid_1{
text-align:center; padding-left:0;}
.lar_1_left_mid_1 span{
display:none;}
}
.page_index_1{  
position:relative;}
.page_index_1_1{  
position:absolute; left:0; z-index:10; width:100%; top:14%;}
#pageindex #content{
padding-top:0;}
.page_index_1_1_mid{
position:relative;}
.page_index_1_1_left{ z-index:2; width:67%;
position:absolute; left:0;  }
.page_index_1_1_left img{
  float:left; margin-top:8%;}
.page_index_1_1_right{ z-index:1;
position:absolute; right:0; width:43%;}
.page_index_1_1_right img{
  float:right;}
.page_index_1_1_mid_r{
position:absolute; left:0; top:0; z-index:0;}
.page_index_1_2{ width:100%; z-index:100;
position:absolute; left:0;   top:78%;} 

.page_index_1_2_mid{
padding:6em; background-color:#fff; overflow:hidden;}
@media screen and (max-width:1440px) {
.page_index_1_2{
top:88%;}
.page_index_1_2_mid{
padding:4em;}
} 
.page_index_1_2_mid_right{
float:right; width:48%;}
#pageindex{
background-image:url(../images/index/bg2.jpg); background-position:center; background-size:cover;}
/*@font-face {
font-family: 'Calibri';
  src:  url('fonts/Calibri/Calibri.eot?xyfpo5');
  src:  url('fonts/Calibri/Calibri.eot?xyfpo5#iefix') format('embedded-opentype'),
    url('fonts/Calibri/Calibri.ttf?xyfpo5') format('truetype'),
    url('fonts/Calibri/Calibri.woff?xyfpo5') format('woff'),
    url('fonts/Calibri/Calibri.svg?xyfpo5#Calibri') format('svg');
  font-weight: normal;
  font-style: normal;
}*/
.page_index_1_2_mid_1{
color:#1f1f1f; font-size:1.5em; font-weight:bold;}
.page_index_1_2_mid_2{
margin-top:0.8em;}
/*@font-face {
font-family: 'Source Han Sans CN Regular';
  src:  url('fonts/sourcehansanscnlight/SourceHanSansCN-Regular.eot?xyfpo5');
  src:  url('fonts/sourcehansanscnlight/SourceHanSansCN-Regular.eot?xyfpo5#iefix') format('embedded-opentype'),
    url('fonts/sourcehansanscnlight/SourceHanSansCN-Regular.ttf?xyfpo5') format('truetype'),
    url('fonts/sourcehansanscnlight/SourceHanSansCN-Regular.woff?xyfpo5') format('woff'),
    url('fonts/sourcehansanscnlight/SourceHanSansCN-Regular.svg?xyfpo5#Source Han Sans CN Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}*/
.page_index_1_2_mid_3 span{
color:#1e2426; font-family:'Source Han Sans CN Regular'; font-size:1.3125em;}
.page_index_1_2_mid_4{
line-height:0.6em;}
.page_index_1_2_mid_4 span{ 
font-size:0.5625em; color:#9f9f9f;font-family:'Source Han Sans CN Regular';}
.page_index_1_2_mid_5{
line-height:1.7em; margin-top:1em; margin-bottom:2em;}
.page_index_1_2_mid_5 span{color:#1e2426; font-family:'Source Han Sans CN Regular'; letter-spacing: 0.4em;}
.page_index_1_2_mid_3{
margin-top:2em;  }
.page_index_1_bimg{
margin:0 auto; text-align:center;}
.page_index_1_2_mid_6 a{font-family:Arial, Helvetica, sans-serif; font-weight:bold; background-image:url(../images/index/img3.jpg); background-size:cover; background-position:center; background-repeat:no-repeat; border-radius: 2.875em;
display:inline-block; color:#fff; padding:0.8em 2.8em;}
.page_index_1_2_mid_6 a:hover{
background:none; background-color:#999;}
.page_index_1_2_mid_left{
  width:37%; position:absolute; left:9%; bottom:0; z-index:10;}
.page_index_1_2_mid_left div{ margin-bottom:10%;-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);
padding:10%; background-color:#fff; overflow:hidden;}
.page_index_1_2_mid_left div img{
width:100%;}

.page_index_2{
margin-top:26em; color:#fff; }
.page_index_2_t{
text-align:center;margin-bottom:4em;}
.page_index_2_t span{
font-size:3em;/*font-family: 'SourceHanSansCN-Normal';*/ }
.page_index_2_1_mid_1{ margin-bottom:1em; margin-top:1.5em;
font-size:0.9375em; font-family:Arial, Helvetica, sans-serif;}
.page_index_2_1_mid_1 span{
color:#fff000; padding-left:0.5em;}
.page_index_2_1_mid_2{
font-size:2.15em;/*font-family: 'SourceHanSansCN-Normal';*/}
.zdw{ display:none;
position:absolute; right:0; top:0; height:100%; z-index:10; background-color:#000; width:10%;}
.sloading{
position:absolute; left:0; width:100%; height:100%; z-index:10; background-color:#ff057e; background-image:url(../images/loading.gif); background-position:center; background-repeat:no-repeat; }
@keyframes lds-facebook_1 {
  0% {
    top: 36px;
    height: 128px;
  }
  50% {
    top: 60px;
    height: 80px;
  }
  100% {
    top: 60px;
    height: 80px;
  }
}
@-webkit-keyframes lds-facebook_1 {
  0% {
    top: 36px;
    height: 128px;
  }
  50% {
    top: 60px;
    height: 80px;
  }
  100% {
    top: 60px;
    height: 80px;
  }
}
@keyframes lds-facebook_2 {
  0% {
    top: 41.99999999999999px;
    height: 116.00000000000001px;
  }
  50% {
    top: 60px;
    height: 80px;
  }
  100% {
    top: 60px;
    height: 80px;
  }
}
@-webkit-keyframes lds-facebook_2 {
  0% {
    top: 41.99999999999999px;
    height: 116.00000000000001px;
  }
  50% {
    top: 60px;
    height: 80px;
  }
  100% {
    top: 60px;
    height: 80px;
  }
}
@keyframes lds-facebook_3 {
  0% {
    top: 48px;
    height: 104px;
  }
  50% {
    top: 60px;
    height: 80px;
  }
  100% {
    top: 60px;
    height: 80px;
  }
}
@-webkit-keyframes lds-facebook_3 {
  0% {
    top: 48px;
    height: 104px;
  }
  50% {
    top: 60px;
    height: 80px;
  }
  100% {
    top: 60px;
    height: 80px;
  }
}
.lds-facebook {
  position: relative;
}
.lds-facebook div {
  position: absolute;
  width: 30px;
}
.lds-facebook div:nth-child(1) {
  left: 35px;
  background: #ffffff;
  -webkit-animation: lds-facebook_1 1.6s cubic-bezier(0, 0.5, 0.5, 1) infinite;
  animation: lds-facebook_1 1.6s cubic-bezier(0, 0.5, 0.5, 1) infinite;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.lds-facebook div:nth-child(2) {
  left: 85px;
  background: #ffffff;
  -webkit-animation: lds-facebook_2 1.6s cubic-bezier(0, 0.5, 0.5, 1) infinite;
  animation: lds-facebook_2 1.6s cubic-bezier(0, 0.5, 0.5, 1) infinite;
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.lds-facebook div:nth-child(3) {
  left: 135px;
  background: #ffffff;
  -webkit-animation: lds-facebook_3 1.6s cubic-bezier(0, 0.5, 0.5, 1) infinite;
  animation: lds-facebook_3 1.6s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook {
  width: 53px !important;
  height: 53px !important;
  -webkit-transform: translate(-26.5px, -26.5px) scale(0.265) translate(26.5px, 26.5px);
  transform: translate(-26.5px, -26.5px) scale(0.265) translate(26.5px, 26.5px);
}
.page_index_2_1_mid_3{
margin-top:1em; height:5.5em; line-height:1.6em;}
.page_index_2_1_mid{ overflow:hidden; padding-bottom:4em;   background-repeat:no-repeat;
padding-right:10%; padding-left:10%; background-position:-628px top; width: 70%;}
.page_index_2_1_mid_4 a{
display:inline-block;  background-color:#fff; width:59%; line-height:2.6875em;border-radius: 2.6875em; text-align:center;}
.page_index_2_1_mid_4 a span{ color:#426cf0; font-family:Arial, Helvetica, sans-serif; padding-left:1em;
display:inline-block; background-position:left center; background-repeat:no-repeat; background-image:url(../images/index/img5.png);}
.swiper-container-index-1 .swiper-slide{
background-repeat:repeat-y; background-image:url(../images/index/img8.png); background-position:left;}
.swiper-container-index-1 .swiper-slide:hover .page_index_2_1_mid{ background-size:cover;
background-position:right top;   background-image:url(../images/index/img7.jpg);}
.swiper-container-index-1 .swiper-slide b{
position:absolute; left:0; top:0; width:2%; height:50%; background-color:#fff; opacity:0.24;}
.swiper-container-index-1 .swiper-slide:hover b{ height:100%;
-webkit-animation: bounce-upb 1.4s linear infinite;

    animation: bounce-upb 1.4s linear infinite;}

 
@-webkit-keyframes bounce-upb {

    25% {

       opacity:0.24;

    }

    50%, 100% {

        opacity:0.64;

    }

    75% {

       opacity:1;

    }

}

 

@keyframes bounce-upb {

    25% {

      opacity:0.24;

    }

    50%, 100% {

        opacity:0.64;

    }

    75% {

        opacity:1;

    }

}

.swiper-container-index-1 .swiper-slide:hover .page_index_2_1_mid_4 a span{
color:#ff057e; background-image:url(../images/index/img6.png);}
.swiper-container-index-1-pagination{
position:static; margin:3.5em 0 4em 0;}
.swiper-container-index-1-pagination .swiper-pagination-bullet{border-radius:0; width:68px; height:3px;
opacity:1; background-color:#fff; margin:0 10px;}
.page_index_2_1 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
margin:0 10px;}
.swiper-container-index-1-pagination .swiper-pagination-bullet-active{
background-color:#ff057e}
.page_index_3{
color:#fff;}

.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;
width:71px; height:71px; background-position:center; background-repeat:no-repeat;} 
.flickity-prev-next-button.next{ right:12%;-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/index/img10.png);}
.flickity-prev-next-button.previous{ left:12%;
background-image:url(../images/index/img9.png);}
.flickity-prev-next-button.next:hover{
right:11%;}
.flickity-prev-next-button.previous:hover{
left:11%;}


.carousel img{ background-color:#446aef; width:62%;
  display: block;transition: opacity 0.2s ease 0s; margin-right:5%;
   opacity:0.34; 
}
/*************/

@-webkit-keyframes bounce-up2 {

    25% {

        -webkit-transform: translateX(10px);

    }

    50%, 100% {

        -webkit-transform: translateX(0);

    }

    75% {

        -webkit-transform: translateX(-10px);

    }

}

 

@keyframes bounce-up2 {

    25% {

        transform: translateX(10px);

    }

    50%, 100% {

        transform: translateX(0);

    }

    75% {

        transform: translateX(-10px);

    }

}	

/**************/
.carousel img.is-selected{
opacity:1;}
.page_index_3_2{
text-align:center;}
.page_index_3_2 a{border-radius:3em;
display:inline-block; color:#fff; font-family:Arial, Helvetica, sans-serif; border:1px #877df6 solid; padding:1em 4.8em;}
.page_index_3_2{
margin-top:5em; margin-bottom:5em;}
.page_index_3_2 a:hover{
background-color:#fff; color:#426cf0;}
.page_index_4{
color:#fff;}
.page_index_4_1 ul li{
float:left; width:32%; margin-right:2%; background-color:#fff;}
.page_index_4_1 ul li:nth-child(3n){
margin-right:0;}
.page_index_4_1_1 img{
width:100%;}
.page_index_4_1_2{
padding:1em 1.5em;}
.page_index_4_1_2_1{
font-family:Arial, Helvetica, sans-serif; color:#ff327a;   font-weight:bold;}
.page_index_4_1_2_2{
color:#333333; margin:0.5em 0 1em 0;  display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    word-break: break-all;
    overflow: hidden;}
.page_index_4_1_2_2 a{height:2.1875em;
display:block; line-height:1.6em;}	
.page_index_4_1_2_3{
color:#b3b3b3; font-size:0.9375em; font-family:Arial, Helvetica, sans-serif;}
.page_index_4_1_2_3 span{
display:inline-block; background-position:left center; background-repeat:no-repeat; padding-left:1em; background-image:url(../images/index/img12.png);}
.page_index_5{
color:#fff;}
.page_index_5_1{
overflow:hidden; position:relative;}
.page_index_5_1_img{
overflow:hidden;}
.page_index_5_1{
height:42em; position:relative;}
.page_index_5_1_bg{
position:absolute; left:-10%; bottom:15%; width:20%;}
.page_index_5_1_bg2{
position:absolute; right:-18%; top:0; width:30%;}
#pageindex{
overflow-x:hidden;}
.cbrand{
position:absolute; left:0; top:0%; width:7%;}
.cbrand img{border-radius:100%;}
.cbrand1{ 
left:18%; top:5%; width:8%;}
.cbrand2{ z-index:10;
left:6%; top:55%; width:12%;}
.cbrand3{
left:25%; top:15%; width:16%; }
.cbrand4{
  left:auto; right:43%; top:20%; width:7%;}
.cbrand5{
left:auto; right:35%; top:4%; width:6%;}
.cbrand6{
left:auto; right:60%; top:65%; width:10%;}
.cbrand7{
left: auto;
right: 46%;
bottom: 24%;
top: auto;
width: 7%;}
.cbrand8{
left:auto; right:10%; bottom:7%; top:auto; width:13%;}
.cbrand9{
left:auto; right:17%; top:17%; width:15%;}
.cbrand10{ z-index:10;
left:auto; right:2%; top:34%; width:7%;}
.brand_logo_1{
text-align:center;}
.brand_logo_1 img{border-radius:50%; border:0.425em solid #fff;
    border:0.425em  solid rgba(255,255,255,0.6);
width:80%; }
.brand_logo_2{ border-bottom:1px #877df6 solid;
text-align:center; padding:1em 0;}
.brand_logo_3{
font-size:0.875em; line-height:1.7em; padding:1em 0em 2em 0em; text-align:center;}
.swiper-pagination-logo{
top:auto; bottom:0;}
.page_index_hide{
display:none; margin-bottom:3em;} 
@media screen and (max-width:1090px) {
.cbrand5{
width:12%;}
.cbrand1{
width:14%;}
}
@media screen and (max-width:950px) {
.cbrand2{
top:auto; bottom:8%; width:15%;}
.cbrand6{
width:14%;}
}
@media screen and (max-width:1090px) {
.page_index_5_1{
display:none;}
 .page_index_hide{
 display:block;}
}
.page_index_4_1 ul li:hover .page_index_4_1_2_3 span{
padding-left:1.5em;}

.cbrand img{border-radius:100%;}
.cbrand:hover img{ -webkit-box-shadow:0 0 50px rgba(119,87,255,0.7);
    -moz-box-shadow:0 0 50px rgba(119,87,255,0.7);
    -ms-box-shadow:0 0 50px rgba(119,87,255,0.7);
    -o-box-shadow:0 0 50px rgba(119,87,255,0.7);
    box-shadow:0 0 50px rgba(119,87,255,0.7); border:none;
	/*-webkit-box-shadow: 0 0 50px #fff;*/
	-webkit-animation: bounce-up 1.4s linear infinite;

    animation: bounce-up 1.4s linear infinite;
	}

@-webkit-keyframes bounce-up {

    25% {

        -webkit-transform: translateY(10px);
		

    }

    50%, 100% {

        -webkit-transform: translateY(0);

    }

    75% {

        -webkit-transform: translateY(-10px);

    }

}

 

@keyframes bounce-up {

    25% {

        transform: translateY(10px);

    }

    50%, 100% {

        transform: translateY(0);

    }

    75% {

        transform: translateY(-10px);

    }

}	
.page_footer_1{ z-index:99;
position:relative; background-color:#fff; height:1.84375em;}	
.page_footer_1 img{ left:50%; margin-left:-30px; 
position:absolute; /*left:45%;*/ bottom:0; z-index:990;}
.page_footer_2{
background-color:#fff; overflow:hidden;}
.page_footer_2_1_left{
float:left; width:27.5%; margin-top:3em;}
.page_footer_2_1_right{
float:right; width:67%;}
.page_footer_2_1{
padding:2em 0;}
.page_footer_2_1_right_1 ul li{ padding:0 0 1em 0; overflow:hidden; background-position:-40em bottom; background-repeat:no-repeat; background-image:url(../images/footer/img5.jpg);
float:left; width:16.66666666666667%; text-align:center; cursor:pointer;}
.page_footer_2_1_right_1 ul li a{
font-size:0.875em;}
.page_footer_2_1_right_1 ul li:hover a,.page_footer_2_1_right_1 ul li.on a{
color:#000;}
.page_footer_2_1_right_1 ul li.on,.page_footer_2_1_right_1 ul li:hover{ background-position:left bottom; }
.page_footer_2_1_right_1 ul{
overflow:hidden; width:100%; background-position:bottom; background-repeat:repeat-x; background-image:url(../images/footer/img3.jpg);}
.page_footer_2_1_right_2{
margin:1em 0; padding-top:0.5em; position:relative; padding-right:7.6875em;}
.page_footer_2_1_right_2_right{
position:absolute; right:0; top:0;}
.page_footer_2_1_right_2 ul li div{
padding-right:1em;}
.page_footer_2_1_right_2 ul li{ min-height:3.428571428571429em;
float:left; width:60%; font-size:0.875em; line-height:1.7em;}
.page_footer_2_1_right_2 ul li:nth-child(2n){
width:40%;}
.page_footer_2_1_right_3 ul li{
float:left;}
.page_footer_2_1_right_3 ul li a{background-position:-40em bottom;background-repeat:no-repeat; background-image:url(../images/footer/img5.jpg);
font-size:0.875em; display:inline-block; padding-bottom:1em;}
.page_footer_2_1_right_3 ul li a:hover{
color:#000;background-position:left bottom;}
.page_footer_2_1_right_3 ul li span{
color:#dad9d9; padding:0 0.5em;}
.page_footer_2_1_right_3{ margin-top:2em;
overflow:hidden; background-position:bottom; background-repeat:repeat-x; background-image:url(../images/footer/img3.jpg);}
.page_footer_2_1_right_4_left{
float:left; font-size:0.875em;}
.page_footer_2_1_right_4_right{
float:left; font-size:0.875em;}
.page_footer_2_1_right_4_right a{
color:#666;}
.page_footer_2_1_right_4{
margin-top:1em;}
.page_footer_2_2{ margin-top:1.5em; line-height:1.7em;
font-size:0.875em; padding:1.3em 0; overflow:hidden; border-top:1px #a6a6a6 dotted;}
.page_footer_2_2 span{
color:#000;}
.page_footer_2_2 a{
margin-left:1em;}
.page_footer_2_2 a:hover{
color:#ff057e}
.case_footer{
background-color:#efefef; overflow:hidden; padding-bottom:2.34375em; padding-top:1em;}
.case_footer .div1400 div{ text-align:center;
margin:0 auto; max-width:17.75em;}
.case_footer .div1400 div a{ color:#000; height:1.142857142857143em; font-family:Arial, Helvetica, sans-serif; font-size:0.875em;
display:inline-block; line-height:1.142857142857143em;}
 .case_footer .div1400 div a:nth-child(2){ text-align:left; text-indent:-999em; margin:0 2.5em;
 width:1.142857142857143em; height:1.142857142857143em; background-image:url(../images/case/img5.png); background-position:center; background-repeat:no-repeat;}

@media screen and (max-width:350px) {
 .case_footer .div1400 div a:nth-child(2){
 margin:0 1em;}
}



@media screen and (max-width:1070px) {
.page_footer_2_1_right_2 ul li,.page_footer_2_1_right_2 ul li:nth-child(2n){
width:100%;}
}	
@media screen and (max-width:950px) {
.page_footer_1 img{
left:50%; margin-left:-30px;}
.page_footer_2_1_left{
width:100%; margin-bottom:2.5em; text-align:center; margin-top:0;}
.page_footer_2_1_right{
width:100%;}
.page_index_2_t span{
font-size:2em;}
.page_index_2_1_mid_2{
font-size:1.5em;}
.page_index_2_1_mid_4 a{
line-height:2em;}
.page_index_2_t{
margin-bottom:3em;}
.page_index_3_2 a{
font-size:0.875em;}
.page_index_3_2{
margin-top:4em; margin-bottom:4em;}
}
@media screen and (max-width:860px) {
.page_index_1_2_mid_left{
bottom:2em;}
.page_index_1_2_mid{
padding-left:2em; padding-right:2em;}
.page_index_2{
margin-top:3em;}
.page_index_1_1{
top:8%;}
.page_index_1_2{
position:static; margin-top:1em;}
.page_index_1_2_mid_1,.page_index_1_2_mid_3 span{
font-size:1.25em;}
.page_index_1_2_mid_5 span{
font-size:0.875em;}
.page_index_1_2_mid_3{
margin-top:1.5em;}
.page_index_1_2_mid_6 a{
font-size:0.875em;}
}
@media screen and (max-width:850px) {
.page_index_4_1_2_1{
font-size:0.875em;}
.page_index_4_1_2_2{
font-size:0.9375em;}
.page_index_4_1_2_3 span{
font-size:0.875em;}
.page_index_4_1_2{
padding:1em;}
}
@media screen and (max-width:760px) {
.swiper-container-index-1-pagination{
margin-top:2em; margin-bottom:2em;}
.swiper-container-index-1-pagination .swiper-pagination-bullet{border-radius:50%; width:10px; height:10px;
opacity:1; background-color:#fff; margin:0 10px;}
.page_index_2_1 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
margin:0 8px;}
.swiper-container-index-1-pagination .swiper-pagination-bullet-active{
background-color:#ff057e; opacity:1;}

.flickity-page-dots{
display:block;}
.flickity-prev-next-button.previous,.flickity-prev-next-button.next{
display:none;}

.page_index_2_t{
margin-bottom:2em;}
.page_index_2_t span{
font-size:1.5em;}
.page_index_4_1 ul li{
width:100%; margin-right:0; margin-bottom:1em;}
.page_index_4_1_2_2{
height:auto; overflow:visible;}
.page_index_3_2{
margin-top:2em; margin-bottom:2em;}
.page_index_3_2 a{
padding-left:0; padding-right:0; width:100%;}
.page_footer_2_2{
margin-top:0;}
}
@media screen and (max-width:700px) {
.page_index_1_1{
top:4%;}
.page_index_1_2_mid{
padding:2em;}
.page_index_1_2_mid_left{
position:static; width:100%; text-align:center;}
.page_index_1_2_mid_left div{
padding:2em;}
.page_index_1_2_mid_right{
width:100%;}
.page_index_1_2_mid_6 a{
padding-left:0; padding-right:0; width:100%; text-align:center;}
}
@media screen and (max-width:640px) {
.page_footer_2_1{
padding-bottom:1em;}
.page_footer_2_1_right_2{
padding-right:0;  }
.page_footer_2_1_right_2_right{ padding-top:1.5em;
position:static; width:100%; text-align:center; clear:both;}
	
}
@media screen and (max-width:600px) {
.page_index_2_1_mid_4 a span{
font-size:0.875em;}
.page_index_2_1_mid_4 a{
padding-left:0; padding-right:0; width:100%; text-align:center;}
.page_footer_2_1_right_4_left,.page_footer_2_1_right_4_right{
width:100%; text-align:center; line-height:1.6em;}
.page_footer_2_1_right_1,.page_footer_2_1_right_2,.page_footer_2_1_right_3,.page_footer_2_1_left{
display:none;}
.page_footer_2_1_left{
margin-bottom:1em;}
.page_footer_2_1{
padding-top:0em}
}
@media screen and (max-width:1440px) {
.flickity-prev-next-button{
width:50px; height:50px;}
}
@media screen and (max-width:450px) {
.page_index_2_t span,.page_index_2_1_mid_2{
font-size:1.125em;}
.page_index_2_1_mid_1,.page_index_2_1_mid_3{
font-size:0.875em;}
.page_index_1_2_mid_1, .page_index_1_2_mid_3 span{
font-size:1em;}
}






 










.mobilemenu{
display:none;}
 
@media screen and (max-width:1200px) {
 
.mobilemenu{
display:block;}
.mobilemenu_list{
margin-top:5em;}
.mobilemenu_list li{/*font-family: "Gilroy Light";*/
padding:1.2em 0;  border-bottom:1px solid rgba(255,255,255,0.3);}
.mobilemenu_list li a{
color:#fff;}
.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:999;  background-color:rgba(255,126,0,1);} 
.mobilemenuon{
top:0;}
}
@media screen and (max-width:760px) {
.mobilemenu_list{
margin-top:2.75em;}
}
.nav-trigger{ overflow: hidden; text-indent: 100%;white-space: nowrap;color: transparent;} .nav-trigger span,.nav-trigger span::before,.nav-trigger span::after{position: absolute;width: 28px; height:2px;background-color: #fff;-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:#fff;} .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);}
@media screen and (max-width:760px) {
.h_left .headerMenuIcon{
margin-top:0.6em;}
}
@media screen and (max-width:1090px) {
.headerMenu li a.menuItem:hover:after{width: 0%;left: 0}
.h_left .headerMenu{
padding:0;}
.h_left .headerMenu li:first-child{
border-top:1px #e3e3e3 solid;}
.h_left .headerMenu li{ padding-top:0.1em; padding-bottom:0.1em;
padding-left:0; text-align:center; border-bottom:1px #d3d3d3 solid;}
}

.swiper-slide .tri-box{ background-repeat: no-repeat; background-image: url(../images/service/img2.png); background-size: 100% 100%; width: 81px; height: 81px; position: absolute; right: -10%; top: -34%; animation: trione 6s infinite linear;opacity:0;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; } 
/*.swiper-slide-active .tri-box{
opacity:1;}*/

@keyframes trione{ 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } 
.swiper-slide .tri-box .tri2{ background-repeat: no-repeat; background-image: url(../images/service/img1.png); background-size: 100% 100%; position: absolute; left: 2em; top: 0; width: 100%; height: 100%; animation: tritwo 6s infinite linear; } @keyframes tritwo{ 0% { transform: rotate(0deg); } 100% { transform: rotate(-720deg); } }
.swiper-slide .tri-box2{
width:69px; height:69px; right:-15%; top:-19%; background-image:url(../images/service/img1.png);}
.swiper-slide .tri-box3{
top:34%;}
.swiper-slide .tri-box3_bak{
top:47%;}
.swiper-slide .tri-box_4{
left:0; top:0;}
.swiper-slide .tri-box_4_bak{
left:6%; top:6%;}
.white-panel{width:22.92438843587843%}


*:focus { outline: none; }
.page_right{
position:fixed; right:0px; height:280px; top:50%; margin-top:-140px; z-index:1000;}
.page_right ul{
float:right;  }
.page_right ul li{ float:right; clear:both;
position:relative; margin:1px 0; width:57px; overflow:hidden; height:57px;}
.page_right ul li:hover{
width:200px;}
.page_right ul li a{ position:relative; float:right; position:absolute; right:0; top:0; z-index:1;
width:57px; height:57px;  text-align:center; border-radius:50%; display:inline-block; background-position:center; background-repeat:no-repeat;}
.page_right_qq{
background-image:url(../images/right/qq.png);}
.page_right ul li:hover .page_right_qq{
background-image:url(../images/right/qqhover.png);
}
.page_right_phone{
background-image:url(../images/right/phone.png);}
.page_right ul li:hover .page_right_phone{
background-image:url(../images/right/phonehover.png);
}
.page_right_phone_num{border-radius:57px;/*font-family: "Gilroy Light"*/;opacity:0; z-index:1;
position:absolute; right:0px; width:0px; text-align:right; padding-right:65px; height:57px; background-image:url(../images/right/bg.png); line-height:57px; color:#fff;  }
.page_right ul li:hover .page_right_phone_num{width:135px;opacity:1;}

.page_right_web{
background-image:url(../images/right/web.png);}
.page_right ul li:hover .page_right_web{
background-image:url(../images/right/webhover.png);
}

.page_right_top{ display:none;
background-image:url(../images/right/top.png);}
.page_right ul li:hover .page_right_top{
background-image:url(../images/right/tophover.png);
}








@media screen and (max-width:760px) {
	.mobile_footer{
	display:block;}
	.page_footer_2{
	padding-bottom:63px; overflow:hidden;}
}
.page_index_1_1 .div1400{
max-width:70%;}
.aboutbody_6_1_new_left{ margin-top:2em;
float:left; width:75%; position:relative;}
.aboutbody_6_1_new_right{
float:right; width:25%; position:relative;}
.aboutbody_6_2{
margin-top:0;}
@media screen and (max-width:1090px) {
.aboutbody_6_1_new_left{
width:100%; margin-top:0; margin-bottom:2em;}
.aboutbody_6_1_right{
right:0;}
.aboutbody_6_1_new_right{
display:none;}
}
.smtxt{
color:#fff; margin-top:1em;}
@media screen and (max-width:760px) {
.smtxt{
font-size:0.875em; margin-top:0.5em;}
}
.page_index_1_bimg img:nth-child(2){
display:none;}
@media screen and (max-width:1200px) {
.page_index_1_bimg img:nth-child(1){
display:none;}
.page_index_1_bimg img:nth-child(2){
display:block;}
}
/************2019515*******************/
.case_list_1{
position:relative;}
.case_list_1_mask{ opacity:0;
position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; background-image:url(../images/2019515/img1.png);}
.case_list li:hover .case_list_1_mask{
opacity:1;} 
.case_list_1_mask_mid{ text-align:center;
text-align:center; padding:0 1em;}
.case_list_1_mask_mid .case_list_2_mid_1,.case_list_1_mask_mid .case_list_2_mid_2{
color:#fff; text-align:center}
.cell_mid,.cell_h{
width:100%;}
.case_list_1_mask_mid .case_list_2_mid_2{ padding-bottom:0.6em;
background-position:center bottom; background-repeat:no-repeat; background-image:url(../images/2019515/img2.png);}
.case_list_2_mid{ background-position:right 1em;
background-image:none;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.case_list li:hover .case_list_2_mid{
background-image:url(../images/case/img1.png);background-position: right 0.4em; }
.case_info_banner{
width:100%; height:calc(100vh); background-position:center; background-repeat:no-repeat; background-size:cover; }
.case_info_banner_footer{
position:absolute; left:0; bottom:0; width:100%; z-index:10; background-color:#fff; overflow:hidden;}
.case_info_2_hide,.case_info_banner_img{
display:none;}
.new_page_contact_1{
font-size:3em; color:#fff; margin-bottom:0.8em;}
.new_page_contact_2{ margin-bottom:2.5em;
color:#fff; font-size:1.875em; position:relative; padding-left:1.8em;}
.new_page_contact_2 img{
position:absolute; left:0; top:0;}
.new_page_contact_3_left{
float:left; width:66.14285714285714%;}
.new_page_contact_3_right{
float:right; width:32.21428571428571%;}
.new_page_contact_3_left ul li{ margin-bottom:2.375em;
float:left; background-color:#fff; width:48.59611231101512%;}
.new_page_contact_3_left ul li:nth-child(2n){
float:right;}
.new_page_contact_3_left_mid{
margin:1.5em 8%; height:18em;}
.new_page_contact_3_right_mid_list{
height:18em; margin:1.5em 4%;}
.new_page_contact_3_left_mid_2{
color:#000; font-size:1.5em; margin-top:0.8em; margin-bottom:0.5em;}
.new_page_contact_3_left_mid_3{
font-size:0.875em; color:#010101; line-height:1.6; margin-bottom:1.3em;}
.new_page_contact_3_left_mid_4{
color:#000;}
.new_page_contact_3_left_mid_5{
font-size:0.875em; color:#000; line-height:1.5; margin-top:0.5em;}
.new_page_contact_3_right_mid ul li{ float:left; width:100%;
background-color:#fff; margin-bottom:2.375em;}
.new_page_contact_3_right_mid_list_1{ margin-top:2em;
position:relative; padding-left:9.4em;}
.new_page_contact_3_right_mid_list_1_left{ line-height:1.6;
font-size:0.875em; color:#000; position:absolute; left:0; top:0; width:10em;}
.new_page_contact_3_right_mid_list_2{
margin-top:2.5em;}
.new_page_contact_3_right_mid_list_2 a{   border-radius: 2em;
display:inline-block; font-size:0.875em; width:7.928571428571429em; text-align:center; line-height:2em; color:#fff; background-color:#1a1a1a;}
.new_page_contact_3_right_mid_list_2 a:hover{
background-color:#f10d63;}
.new_page_contact_3_right_mid_list_2 a span{
background-position:left center; background-repeat:no-repeat; padding-left:1.642857142857143em; background-image:url(../images/2019515/img8.png);}
@media screen and (max-width:1090px) {
.new_page_contact_1{
font-size:2em;}
.new_page_contact_2{
font-size:1.5em;}
.new_page_contact_2 img{
top:0.1em; width:1.3em;}
.new_page_contact_3_left_mid_2{
font-size:1.25em;} 
}
@media screen and (max-width:1024px) {
.new_page_contact_3_left ul li,.new_page_contact_3_right_mid ul li{
margin-bottom:1.5em;}
.new_page_contact_3_right_mid_list_1{
padding-left:0; margin-top:1em;}
.new_page_contact_3_right_mid_list_1_left{
position:static; width:auto; margin-bottom:1em;}
.new_page_contact_3_left_mid,.new_page_contact_3_right_mid_list{
height:17em;}
}
@media screen and (max-width:980px) {
.new_page_contact_1{
font-size:1.5em;}
.new_page_contact_2{
font-size:1.25em;}
.new_page_contact_2 img{
top:0;}
.new_page_contact_3_left,.new_page_contact_3_right{
width:100%;}
.new_page_contact_3_right_mid ul li{
width:48.59611231101512%}
.new_page_contact_3_right_mid ul li:nth-child(2){
float:right}
.new_page_contact_3_right_mid_list,.new_page_contact_3_left_mid{
margin:1.5em;}
.new_page_contact_3_left_mid_2{
font-size:1.125em;}
}
@media screen and (max-width:760px) {
.new_page_contact_3_left_mid_1,.new_page_contact_3_left_mid_2{
text-align:center}
.new_page_contact_3_left_mid_3{
margin-top:1em;}
.new_page_contact_3_left_mid, .new_page_contact_3_right_mid_list{
height:auto}
.new_page_contact_3_left ul li,.new_page_contact_3_right_mid ul li{
width:100%; margin-bottom:1em;}
.new_page_contact_1{
font-size:1.25em;}
.new_page_contact_2{
font-size:1.125em;}
.case_info_banner{
display:none;}
.case_info_banner_footer{
display:none;}
.case_info_2_hide,.case_info_banner_img{
display:block;}
.case_list_1_mask{
display:none}
.case_list li:hover .case_list_2_mid{
background-image:none}
}

.cbrand3{
width:7.6%; left:27%}

.cbrand11{
width:7%; top:26%;}
.cbrand12{
width:8.5%; left:20%; top:40%;}
.cbrand2{
width:8.5%}
.cbrand13{
width:7.5%; left:auto; right:5%; top:0%;}
.cbrand14{
width: 5.5%;
left: auto;
right: 11%;
top: 22%;}
.cbrand15{
width:8.5%; left:auto; left:39%; top:0%;}
.cbrand9{
width:8%; right:26%}
.cbrand8{
width:9%;}
.cbrand16{
width:6.5%; left:40%; top:40%;}
.cbrand17{
width:8.5%; left:60%; top:40%;}
.cbrand18{
width:8.5%; left:70%; top:50%;}
.cbrand19{
width:5.5%; left:auto; right:10%; top:auto; bottom:30%;}
.cbrand20{
width:5.5%; left:3%;   top:auto; bottom:5%;}
.cbrand21{
width:8.5%; left:16%;   top:auto; bottom:10%;}
.cbrand22{
width:5.5%; left:56%;   top:auto; bottom:5%;}
.cbrand23{
width:7%; left:69%;   top:auto; bottom:1%;}
.cbrand24{
width:5.5%; left:10%;   top:20%}