@charset "UTF-8";
/*reset*/
*{
    font-family:sans-serif;
    margin:0;
    padding:0;
    font-style:normal;
    font-weight:normal;
    color:#000;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
        -ms-box-sizing:border-box;
         -o-box-sizing:border-box;
            box-sizing:border-box;
}
html{
    font-size:40px;
    min-width:320px;
    max-width:640px;
    margin:0 auto;
    /*禁用iPhone中Safari的字号自动调整*/
    -webkit-text-size-adjust:100%;
        -ms-text-size-adjust:100%;
}
body{
    background-color:#fff;
}
/*ios7滑动*/
html,body{
    -webkit-overflow-scrolling:touch;
            overflow-scrolling:touch;
}
ul,ol{
    list-style:none;
}
:focus{
    outline:0;
}
input{
    border:0 none;
    outline-style:none;
}
/*去除iPhone中默认的input和textarea样式*/
input[type="submit"],input[type="reset"],input[type="button"],input{
    -webkit-appearance:none;
    resize:none;
}
input[type="checkbox"]{
    -webkit-appearance:checkbox;
}
textarea{
    -webkit-appearance:none;
    resize:none;
    outline-style: none;
}
table{
    border-collapse:collapse;
}
article,aside,details,figcaption,figure,footer,header,menu,nav,section{
    display:block;
}
img{
    display:inline-block;
    vertical-align:middle;
    border:none;
    -ms-interpolation-mode:bicubic; /*解决ms图片缩放失真*/
}
p{
    font-size:0.65rem;
    line-height:1.5;
    margin:10px 0;
    color:#000;
}
a{
    font-size:0.65rem;
    text-decoration:none;
    color:#000;
    /*-webkit-tap-highlight-color:rgba(0, 0, 0, 0);!*取消链接高亮*!*/
}
a:hover{
    text-decoration: none;
    color:#000;
}
span{
    font-size:0.65rem;
    display:inline-block;
    color:#000;
}
.clearfix:after{
    content:".";
    display:block;
    height:0;
    visibility:hidden;
    clear:both;
}
.clearfix{
    zoom:1;
}
.pt{
    padding-top:1.25rem;
}
.pb{
    padding-bottom:1.25rem;
}
.model{
    width:100%;
    padding-left:10px;
    padding-right:10px;
}
h2.common{
    font-size:0.85rem;
    color:#1d2089;
    text-align:center;
}

/*style*/
html,body{
    height:100%;/*for #shade*/
    position:relative;
}
html.no-scroll,body.no-scroll{
    overflow-y:hidden;
}/*出现遮罩和下拉菜单后页面禁止上下拉动*/

/*shade*/
#shade{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, 0.6);
    z-index:9999;
    display:none;
}

/*#wrapper*/
#wrapper{
    padding-bottom:5rem;
}
#wrapper.position-change{
    padding-bottom:2.5rem;
}

/*header*/
header{
    width:100%;
    height:3rem;
    background-color:#fff;
    position:relative;/*没有定位则没有z-index*/
    z-index:10000;
}
header h1{
    float:left;
    width:3.55rem;
    height:100%;
}
header h1 a{
    display:block;
    width:100%;
    height:100%;
    position:relative;
}
header h1 a:before{
    position:absolute;
    content:'';
    width:1.55rem;
    height:1.85rem;
    background:url(../h5-images/logo.png) 0 0 no-repeat;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
       -moz-transform:translate(-50%,-50%);
        -ms-transform:translate(-50%,-50%);
         -o-transform:translate(-50%,-50%);
            transform:translate(-50%,-50%);
    -webkit-background-size:contain;
       -moz-background-size:contain;
        -ms-background-size:contain;
         -o-background-size:contain;
            background-size:contain;
}
header span.menu{
    float:right;
    width:2.875rem;
    height:100%;
    position:relative;
}
header span.menu:before{
    position:absolute;
    content:'';
    width:0.875rem;
    height:0.65rem;
    background:url(../h5-images/menu.png) 0 0 no-repeat;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
       -moz-transform:translate(-50%,-50%);
        -ms-transform:translate(-50%,-50%);
         -o-transform:translate(-50%,-50%);
            transform:translate(-50%,-50%);
    -webkit-background-size:contain;
       -moz-background-size:contain;
        -ms-background-size:contain;
         -o-background-size:contain;
            background-size:contain;
}

/*#nav*/
#nav{
    padding:0 1rem;
    width:100%;
    background-color:#fff;
    position:fixed;/*没有定位则没有z-index*//*用fixed为了不占位*/
    z-index:10000;
    height:0;
    overflow:hidden;
    left:0;
    top:3rem;
}
#nav.move{
    height:auto;
}
#nav dl{
    border-bottom:1px solid #eaeaea;
    opacity:0;
    -webkit-transform:translate3d(0, -20%, 0);
       -moz-transform:translate3d(0, -20%, 0);
        -ms-transform:translate3d(0, -20%, 0);
         -o-transform:translate3d(0, -20%, 0);
            transform:translate3d(0, -20%, 0);
    -webkit-transition:opacity .3s ease-in, transform .3s ease-in;
       -moz-transition:opacity .3s ease-in, transform .3s ease-in;
        -ms-transition:opacity .3s ease-in, transform .3s ease-in;
         -o-transition:opacity .3s ease-in, transform .3s ease-in;
            transition:opacity .3s ease-in, transform .3s ease-in;
}
#nav dl:last-child{
    border:0 none;
}
#nav.move dl:nth-child(7){
    -webkit-transition-delay:.1s;
       -moz-transition-delay:.1s;
        -ms-transition-delay:.1s;
         -o-transition-delay:.1s;
            transition-delay:.1s;
}
#nav.move dl:nth-child(6){
    -webkit-transition-delay:.15s;
       -moz-transition-delay:.15s;
        -ms-transition-delay:.15s;
         -o-transition-delay:.15s;
            transition-delay:.15s;
}
#nav.move dl:nth-child(5){
    -webkit-transition-delay:.2s;
       -moz-transition-delay:.2s;
        -ms-transition-delay:.2s;
         -o-transition-delay:.2s;
            transition-delay:.2s;
}
#nav.move dl:nth-child(4){
    -webkit-transition-delay:.25s;
       -moz-transition-delay:.25s;
        -ms-transition-delay:.25s;
         -o-transition-delay:.25s;
            transition-delay:.25s;
}
#nav.move dl:nth-child(3){
    -webkit-transition-delay:.3s;
       -moz-transition-delay:.3s;
        -ms-transition-delay:.3s;
         -o-transition-delay:.3s;
            transition-delay:.3s;
}
#nav.move dl:nth-child(2){
    -webkit-transition-delay:.35s;
       -moz-transition-delay:.35s;
        -ms-transition-delay:.35s;
         -o-transition-delay:.35s;
            transition-delay:.35s;
}
#nav.move dl:nth-child(1){
    -webkit-transition-delay:.4s;
       -moz-transition-delay:.4s;
        -ms-transition-delay:.4s;
         -o-transition-delay:.4s;
            transition-delay:.4s;
}
#nav.move dl{
    opacity:1;
    -webkit-transform:translate3d(0, 0, 0);
       -moz-transform:translate3d(0, 0, 0);
        -ms-transform:translate3d(0, 0, 0);
         -o-transform:translate3d(0, 0, 0);
            transform:translate3d(0, 0, 0);
}
#nav dt a{
    display:block;
    font-size:16px;
    letter-spacing:1px;
    height:2.5rem;
    line-height:2.5rem;
    position:relative;
}  
#nav dt a i{
    position:absolute;
    color:#353535;
    width:20px;
    height:20px;
    font-size:20px;
    line-height:20px;
    text-align:center;
    right:0;
    top:50%;
    -webkit-transform:translateY(-50%);
       -moz-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
         -o-transform:translateY(-50%);
            transform:translateY(-50%);
    -webkit-transition:all .3s  ease-in-out;
       -moz-transition:all .3s  ease-in-out;
        -ms-transition:all .3s  ease-in-out;
         -o-transition:all .3s  ease-in-out;
            transition:all .3s  ease-in-out;
}
#nav dt a i.skew{
    -webkit-transform:rotate(135deg);
       -moz-transform:rotate(135deg);
        -ms-transform:rotate(135deg);
         -o-transform:rotate(135deg);
            transform:rotate(135deg);
    margin-top:-8px;
}
#nav dd{
    height:0;
    overflow:hidden;
}
#nav dd.show{
    height:auto;
    padding-bottom:10px;
}
#nav dd a{
    display:block;
    color:#888;
    font-size:14px;
    letter-spacing:1px;
    height:34px;
    line-height:34px;
    padding-left:10px;
    -webkit-transform:translateX(-100px);
       -moz-transform:translateX(-100px);
        -ms-transform:translateX(-100px);
         -o-transform:translateX(-100px);
            transform:translateX(-100px);
}
#nav dd.show a:nth-child(1){
    -webkit-transition:all .5s ease-in-out .06s;
       -moz-transition:all .5s ease-in-out .06s;
        -ms-transition:all .5s ease-in-out .06s;
         -o-transition:all .5s ease-in-out .06s;
            transition:all .5s ease-in-out .06s;
}
#nav dd.show a:nth-child(2){
    -webkit-transition:all .5s ease-in-out .12s;
       -moz-transition:all .5s ease-in-out .12s;
        -ms-transition:all .5s ease-in-out .12s;
         -o-transition:all .5s ease-in-out .12s;
            transition:all .5s ease-in-out .12s;
}
#nav dd.show a:nth-child(3){
    -webkit-transition:all .5s ease-in-out .18s;
       -moz-transition:all .5s ease-in-out .18s;
        -ms-transition:all .5s ease-in-out .18s;
         -o-transition:all .5s ease-in-out .18s;
            transition:all .5s ease-in-out .18s;
}
#nav dd.show a:nth-child(4){
    -webkit-transition:all .5s ease-in-out .24s;
       -moz-transition:all .5s ease-in-out .24s;
        -ms-transition:all .5s ease-in-out .24s;
         -o-transition:all .5s ease-in-out .24s;
            transition:all .5s ease-in-out .24s;
}
#nav dd.show a{
    -webkit-transform:translateX(0);
       -moz-transform:translateX(0);
        -ms-transform:translateX(0);
         -o-transform:translateX(0);
            transform:translateX(0);
}

/*Swiper*/
#swiper1{
    width:100%;
    height:auto;
    margin:0 auto;
}
#swiper1 img{
    display:block;
    width:100%;
    height:auto;
}
#swiper1 .swiper-pagination-bullet{
    background:none!important;
    border:1px solid #1d2089;
    opacity:1!important;
}
#swiper1 .swiper-pagination-bullet-active{
    background:#1d2089!important;
}
#swiper1 .swiper-pagination-bullets{
    bottom:0!important;
}

/*footer*/
footer{
    width:100%;
    background-color:#1d2089;
    text-align:center;
    bottom:-3rem;
    left:0;
    position:fixed;
    z-index:9999;
}
footer.position-change{
    position:relative;
    bottom:0;
}
footer ul{
    height:2.5rem;
}
footer ul li{
    float:left;
    width:20%;
    height:100%;
}
footer ul li:nth-child(3),footer ul li:nth-child(4){
    float:right;
}
footer ul li{
    position:relative;
}
footer ul li a{
    display:block;
    width:100%;
    height:100%;
    position:relative;
    color:#fff;
    font-size:12px;
    padding-top:1.4rem;
}
footer ul li a:hover{
    color:#fff;
}
footer ul li:nth-child(1) a:before{
    background:url(../h5-images/msg.png) 0 0 no-repeat;
}
footer ul li:nth-child(2) a:before{
    background:url(../h5-images/phone.png) 0 0 no-repeat;
}
footer ul li:nth-child(3) a:before{
    background:url(../h5-images/QQ.png) 0 0 no-repeat;
}
footer ul li:nth-child(4) a:before{
    background:url(../h5-images/product.png) 0 0 no-repeat;
}
footer ul li a:before{
    position:absolute;
    content:'';
    width:1rem;
    height:1rem;
    left:50%;
    top:30%;
    -webkit-transform:translate(-50%,-50%);
       -moz-transform:translate(-50%,-50%);
        -ms-transform:translate(-50%,-50%);
         -o-transform:translate(-50%,-50%);
            transform:translate(-50%,-50%);
    -webkit-background-size:contain!important;
       -moz-background-size:contain!important;
        -ms-background-size:contain!important;
         -o-background-size:contain!important;
            background-size:contain!important;
}
footer a.home{
    position:absolute;
    left:50%;
    top:-1.25rem;
    -webkit-transform:translateX(-50%);
       -moz-transform:translateX(-50%);
        -ms-transform:translateX(-50%);
         -o-transform:translateX(-50%);
            transform:translateX(-50%);
    width:2.5rem;
    height:2.5rem;
    background:url(../h5-images/home.png) 0 0 no-repeat;
    -webkit-background-size:contain!important;
       -moz-background-size:contain!important;
        -ms-background-size:contain!important;
         -o-background-size:contain!important;
            background-size:contain!important;
}
.footer-bottom{
    display:table;
    width:100%;
    height:3rem;
    border-top:1px solid #fff;
}
.footer-bottom .content{
    display:table-cell;
    vertical-align:middle;
}
.footer-bottom p,.footer-bottom p a{
    color:#fff;
    margin:0;
    font-size:12px;
}
.footer-bottom p a{
    display:inline-block;
    margin:0 10px;
}

/*index-about*/
.index-about{
    text-align:center;
}
.index-about .item{
    padding-top:0.25rem;
}
.index-about img{
    display:block;
    width:3rem;
    height:3rem;
    margin:0 auto;
}
.index-about h3{
    font-size:0.85rem;
    padding-top:0.5rem;
}
.index-about p{
    color:#999;
    margin-top:5px;
}

/*index-sh*/
.index-sh{
    background-color:#d7e2f2;
    text-align:center;
}
.index-sh img{
    display:block;
    width:10rem;
    height:10rem;
    margin:1rem auto 0;
}
.index-sh h2,.index-sh h3{
    color:#1d2089;
}
.index-sh h2{
    font-size:3rem;
}
.index-sh h3{
    font-size:1.1rem;
}

/*index-news*/
.index-news{
    border-bottom:1px solid #ddd;
}
.index-news h2{
    font-size:0.85rem;
    text-align:center;
}
.index-news h2.en{
    margin-bottom:0.5rem;
    font-size:0.65rem;
}
.index-news h3.title{
    font-size:0.85rem;
    line-height:0.85rem;
    text-align:center;
    padding-top:0.5rem;
    position:relative;
    height:1.35rem;
}
.index-news p{
    padding:0 10px;
    height:4rem;
    margin:0.5rem 0;
}
.index-news .time{
    position:absolute;
    bottom:6.35rem;
    left:0;
    background-color:#7c9fd3;
    width:2.5rem;
    height:2.75rem;
    text-align:center;
}
.index-news .time span{
    display:block;
    color:#fff;
}
.index-news .time .date{
    font-size:1.5rem;
    line-height:1.7rem;
}
.index-news .time .month{
    font-size:0.6rem;
    line-height:0.8rem;
}
#swiper2{
    width:100%;
    height:auto;
    margin:0 auto;
}
#swiper2 img{
    display:block;
    width:100%;
    height:auto;
}
#swiper2 .swiper-pagination-bullet{
    background:none!important;
    border:1px solid #1d2089;
    opacity:1!important;
}
#swiper2 .swiper-pagination-bullet-active{
    background:#1d2089!important;
}
#swiper2 .swiper-pagination-bullets{
    bottom:0!important;
}
#swiper2 .swiper-slide a{
    display:block;
    width:100%;
}

/*#banner*/
#banner img{
    display:block;
    width:100%;
    height:auto;
}

/*#intro*/
#intro img{
    display:block;
    width:100%;
    height:auto;
    margin-top:1rem;
}

/*honor*/
#honor .item{
    padding-bottom:1.5rem;
}
#honor .item:last-child{
    padding-bottom:0;
}
#honor .item img{
    display:block;
    margin:0 auto;
    width:9rem;
}
#honor .item span{
    display:block;
    text-align:center;
    padding-top:0.5rem;
}

/*tech*/
.SH-intro img,.SH-effect img{
    display:block;
    width:100%;
    height:auto;
}
.SH-effect{
    background-color:#7c9fd3;
}
.SH-effect .item{
    margin-top:0.5rem;
}
.SH-effect .item h3{
    color:#1d2089;
    font-size:0.85rem;
}
.SH-effect .item p{
    margin-top:0;
}

#swiper3 img{
    display:block;
    width:6rem;
    height:6rem;
    margin:0 auto;
}
#swiper3 h3{
    font-size:0.85rem;
    color:#1d2089;
    text-align:center;
    padding-top:0.8rem;
    margin-top:1rem;
    background:url(../h5-images/triangle.jpg) center top no-repeat;
    -webkit-background-size:0.5rem 0.5rem;
       -moz-background-size:0.5rem 0.5rem;
        -ms-background-size:0.5rem 0.5rem;
         -o-background-size:0.5rem 0.5rem;
            background-size:0.5rem 0.5rem;
}
#swiper3 .swiper-slide span{
    display:block;
    text-align:center;
    padding-bottom:1.2rem;
}
#swiper3 .swiper-pagination-bullet{
    background:none!important;
    border:1px solid #1d2089;
    opacity:1!important;
}
#swiper3 .swiper-pagination-bullet-active{
    background:#1d2089!important;
}
#swiper3 .swiper-pagination-bullets{
    bottom:0!important;
}
.SH-article img{
    display:block;
    width:100%;
    height:auto;
    margin-bottom:0.5rem;
}

/*care*/
#care .item{
    border:1px solid #ddd;
    margin-bottom:1rem;
}
#care .item:last-child{
    margin-bottom:0;
}
#care .item img{
    display:block;
    width:100%;
    height:auto;
}
#care h2.common{
    color:#000;
    margin-top:0.5rem;
    padding:0 10px;
}
#care p{
    padding:0 10px;
}

/*product*/
#product .item{
    float:left;
    width:50%;
    padding-left:10px;
    padding-right:5px;
    margin-bottom:1rem;
}
#product .item:nth-child(2n){
    padding-left:5px;
    padding-right:10px;
}
#product .item a{
    display:block;
    width:100%;
    height:100%;
}
#product .item .pic{
    border:1px solid #ddd;
}
#product .item .pic img{
    display:block;
    height:6.25rem;
    width:auto;
    max-width:100%;
    margin:1rem auto;
}
#product .item span{
    display:block;
    margin-top:0.5rem;
    height:1.5rem;
    line-height:0.75rem;
    text-align:center;
}

/*page*/
.page{
    text-align:center;
}
#mypage {
    width:100%;
    margin:0 auto;
    font-size:16px;
}
#mypage span,#mypage a{
    display:inline-block;
    margin:0 2px;
    width:30px;
    height:30px;
    line-height:30px;
    border-radius:50%;
    font-weight:600;
    -webkit-transition:all .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition:all .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition:all .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition:all .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition:all .5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#mypage span.current, #mypage a:hover{
    background: #7b9fd3;
    cursor: pointer;
    color: #fff;
    border-radius:50%;
}

/*product-dtl*/
#product-dtl .pic{
    width:100%;
    border:1px solid #ddd;
}
#product-dtl .pic img{
    display:block;
    height:13rem;
    width:auto;
    max-width:100%;
    margin:1rem auto;
}
#product-dtl .desc h2{
    font-size:0.85rem;
    padding:1rem 0;
    font-weight:bold;
}
#product-dtl .desc .features span{
    float:left;
    height:1.1rem;
    line-height:1.1rem;
    text-align:center;
    padding:0 5px;
    background-color:#7b9fd3;
    color:#fff;
    margin-right:0.5rem;
    margin-bottom:0.5rem;
}
#product-dtl .desc .detail{
    margin-top:0.5rem;
}
#product-dtl .desc .detail p{
    font-weight:800;
    padding:10px 0;
    border-top:1px solid #ddd;
    margin:0;
}
#product-dtl .desc .detail p:first-child{
    border-top:0 none;
}
#product-dtl .desc .detail p span{
    font-weight:bolder;
    color:#1d2089;
}
#product-dtl .desc .detail p a{
    display:inline-block;
    margin-right:5px;
}
#product-dtl .desc .detail p a img{
    vertical-align:middle;
}

/*case*/
#case .item:first-child{
    padding-bottom:1.25rem;
}
#case ul li{
    float:left;
    width:50%;
    padding-left:10px;
    padding-right:5px;
    margin-top:1rem;
}
#case ul li:nth-child(2n){
    padding-left:5px;
    padding-right:10px;
}
#case ul li .pic{
    border:1px solid #ddd;
    border-bottom:0 none;
    padding:1rem 0;
}
#case ul li .content img{
    display:block;
    height:2.5rem;
    width:auto;
    max-width:100%;
    margin:0 auto;
}
#case ul li .content .text{
    display:table;
    height:1.8rem;
    width:100%;
}
#case ul li .content span{
    display:table-cell;
    vertical-align:middle;
    background-color:#7b9fd3;
    color:#fff;
    text-align:center;
    padding-left:5px;
    padding-right:5px;
}

/*terminal*/
#terminal a{
    display:block;
    margin-bottom:1rem;
}
#terminal a:last-child{
    margin-bottom:0;
}
#terminal a img{
    display:block;
    height:4rem;
}

/*terminal-dtl*/
#terminal-dtl .item{
    margin-bottom:1.25rem;
}
#terminal-dtl .item:last-child{
    margin-bottom:0;
}
#terminal-dtl img{
    display: block;
    width: 12rem;
    height: auto;
    margin: 0 auto;
}
#terminal-dtl span{
    display:block;
    text-align:center;
    margin-top:0.5rem;
}

/*demonstration*/
#demonstration a{
    display:block;
    width:100%;
    margin-bottom:1rem;
}
#demonstration a:last-child{
    margin-bottom:0;
}
#demonstration a img{
    display:block;
    width:100%;
    height:auto;
}
#demonstration a p{
    font-size:0.85rem;
    color:#fff;
    text-align:center;
    padding:0.5rem 1rem 0.5rem 0;
    margin:0;
    background:#7c9fd3 url(../h5-images/demonstration-bg.png) right center no-repeat;
    -webkit-background-size:1.25rem 1.25rem;
    -moz-background-size:1.25rem 1.25rem;
    -ms-background-size:1.25rem 1.25rem;
    -o-background-size:1.25rem 1.25rem;
    background-size:1.25rem 1.25rem;
    background-origin:content-box;
}

/*news*/
#news ul li{
    height:3.6rem;
    overflow:hidden;
    margin-bottom:1rem;
}
#news ul li a{
    display:block;
    width:100%;
    height:100%;
}
#news ul li .time,#news ul li .pic,#news ul li .art{
    float:left;
    height:100%;
}
#news ul li .time{
    width:20%;
    background-color:#7c9fd3;
}
#news ul li .time span{
    display:block;
    text-align:center;
    color:#fff;
}
#news ul li .time span.date{
    font-size:1rem;
    padding-top:0.6rem;
}
#news ul li .time span.month{
    font-size:0.5rem;
    padding-top:0.2rem;
}
#news ul li .pic{
    width:30%;
}
#news ul li .pic img{
    display:block;
    width:100%;
    height:100%;
}
#news ul li .art{
    width:50%;
    padding:0 5px;
    background-color:#fafafa;
}
#news ul li .art h2{
    font-size:0.75rem;
    padding-top:0.2rem;
    color:#000;
    font-weight:bold;
}
#news ul li .art p{
    font-size:0.6rem;
    margin-top:5px;
    margin-bottom:0;
}

/*news-dtl*/
#news-dtl{
    color:#000;
}
#news-dtl h2{
    font-size:0.85rem;
    text-align:center;
    margin-bottom:0.2rem;
}
#news-dtl h4{
    color:#898989;
    font-size:0.65rem;
    border-bottom:1px solid #ddd;
    text-align:center;
    padding-bottom:0.2rem;
    margin-bottom:0.5rem;
}
#news-dtl p{
    text-indent: 2em;
}
#news-dtl img{
    display:block;
    width:100%;
    height:auto;
}

/*adv*/
#adv .item{
    padding-left:1.25rem;
    margin-top:1rem;
    position:relative;
}
#adv .item .content{
    background-color:#fafafa;
    padding-right:10px;
    padding-left:1.5rem;
}
#adv .item img{
    position:absolute;
    width:2.5rem;
    height:2.5rem;
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
       -moz-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
         -o-transform:translateY(-50%);
            transform:translateY(-50%);
}
#adv .item h3{
    font-size:0.8rem;
    padding-top:10px;
}
#adv .item p{
    margin-bottom:0;
    padding-bottom:10px;
}

/*proxy*/
#proxy h2.desc{
    color:#1d2089;
    font-size:0.75rem;
    text-align:center;
    padding-top:0.5rem;
}
#proxy h3.desc{
    width:5rem;
    height:1.5rem;
    line-height:1.5rem;
    text-align:center;
    background-color:#7c9fd3;
    font-size:0.65rem;
    margin:1rem auto;
    color:#fff;
}
#proxy .condition{
    margin-bottom:20px;
}
#proxy .condition li{
    text-align:center;
}
#proxy .condition li span{
    display:inline-block;
    padding:5px;
    line-height:0.8rem;
    background-color:#fafafa;
    color:#000;
    margin-bottom:1rem;
    border-radius:20px;
    font-size:0.6rem;
}
#proxy .process li .num{
    display: block;
    width: 1.3rem;
    height: 1.3rem;
    line-height: 1.5rem;
    background-color: #7b9fd3;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    margin-top: 2rem;
    position: relative;
}
#proxy .process li:first-child .num{
    margin-top:0;
}
#proxy .process li .num em{
    position:absolute;
    width:1px;
    height:2rem;
    top:-2rem;
    left:0.5rem;
    background-color:#7b9fd3;
}
#proxy .process li:first-child .num em{
    width:0;
    display:none;
}
#proxy .process li .num h4{
    position:absolute;
    width:12rem;
    left:2rem;
    top:0;
    text-align:left;
}
#proxy .process li .num h4 span.cn{
    line-height:0.8rem;
    display:block;
    font-weight:bold;
}
#proxy .process li .num h4 span.en{
    line-height:0.8rem;
    display:block;
    font-weight:bold;
}

/*contact*/
#contact h2.common{
    color:#000;
}
#contact ul{
    text-align:center;
    margin-bottom:1.25rem;
}
#contact ul li{
    margin-top:0.5rem;
}
#contact ul li .info-name{
    font-size:0.75rem;
    font-weight:bold;
    display:block;
}
#contact ul li .info{
    display:block;
}

#contact form .type-in{
    position:relative;
    overflow:hidden;
    padding-left:5%;
    height:2rem;
    line-height:2rem;
    margin-bottom:1rem;
    background-color:#fafafa;
}
#contact form .type-in input{
    color:#999;
    font-size:0.65rem;
    background-color:#fafafa;
    height:2rem;
    line-height:2rem;
    float:left;
    width:75%;
}
#contact form label{
    color:#999;
    font-size:0.65rem;
    float:left;
    width:15%;
}
#contact form .feed-back{
    position:relative;
    overflow:hidden;
    padding-left:5%;
    padding-right:5%;
    height:8rem;
    background-color:#fafafa;
    margin-bottom:1rem;
}
#contact form .feed-back label{
    height:2rem;
    line-height:2rem;
    width:auto;
}
#contact form .feed-back textarea{
    display:block;
    width:100%;
    height:6rem;
    color:#999;
    background-color:#fafafa;
    border:0 none;
}
#submit{
    display:block;
    width:4.5rem;
    height:1.5rem;
    line-height:1.5rem;
    margin:0 auto;
    text-align:center;
    border:1px solid #7c9fd3;
    color:#7c9fd3;
    background-color:#fff;
}
.validation{
    width: 90%;
    height: 5rem;
    background-color: #fff;
    position: fixed;
    left:50%;
    top:50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border-radius: 5px;
    line-height: 2rem;
    text-align: center;
    font-size: 0.75rem;
    color:#fff;
    display:none;
    z-index: 10002;
}
.validation .top{
    height: 2.5rem;
    line-height: 2.5rem;
    border-bottom: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.validation .bottom{
    height: 2.5rem;
    line-height: 2.5rem;
    color:#1d2089;
}
/*shade2*/
#shade2{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, 0.6);
    z-index:10001;
    display:none; 
}

/* 异步与表单异步loading */
#loading{
    width:200px;
    height:30px;
    position:absolute;
    left:50%;
    top:30%;
    margin-left:-100px;
    margin-top:-15px;
    vertical-align:middle;
    z-index:10009;
}
#loader{
    display:none;
}
@-webkit-keyframes scale {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }

  45% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0.7; }

  80% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } 
}
@keyframes scale {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }

  45% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0.7; }

  80% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } 
}
.loader{
  text-align: center;
  margin-bottom: 1rem;
  display:block;
}
.loader-inner{
    padding:20px 0;
}
.ball-pulse > div:nth-child(1) {
  -webkit-animation: scale 0.7s 0.12s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: scale 0.7s 0.12s infinite cubic-bezier(.2, .68, .18, 1.08); }
.ball-pulse > div:nth-child(2) {
  -webkit-animation: scale 0.7s 0.24s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: scale 0.7s 0.24s infinite cubic-bezier(.2, .68, .18, 1.08); }
.ball-pulse > div:nth-child(3) {
  -webkit-animation: scale 0.7s 0.30s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: scale 0.7s 0.30s infinite cubic-bezier(.2, .68, .18, 1.08); }
.ball-pulse > div:nth-child(4) {
  -webkit-animation: scale 0.7s 0.36s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: scale 0.7s 0.36s infinite cubic-bezier(.2, .68, .18, 1.08); }
.ball-pulse > div:nth-child(5) {
  -webkit-animation: scale 0.7s 0.42s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: scale 0.7s 0.42s infinite cubic-bezier(.2, .68, .18, 1.08); }
.ball-pulse > div {
  background-color: #df1b49;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  margin:0 10px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block; 
}

/*百度地图插件*/
.baidumap{
    height:10rem;
    margin-top:1rem;
}
.allmap{
    height:100%;
}

#empty{
    min-height:300px;
    padding:30px;
    font-size:0.8rem;
}