body{margin:0 auto;min-width:320px;max-width:640px;}
/*--header--*/
.header-wrap{position:fixed;z-index:9999;left:0;top:0;width:100%;height:50px;overflow:hidden;background:#fff;box-shadow:0 0 2px #ccc;}
.header-wrap .logo{float:left;margin:10px;width:110px;height:35px;}
.header-wrap .tel{float:left;margin-left:10px;margin-top:10px;}
.header-wrap .tel a{display:block;padding-left:20px;height:35px;line-height:35px;font-size:15px;font-size:1.5rem;font-weight:bold;color:#5ca629;background:url(../images/tel.png) 0 50% no-repeat;background-size:16px 16px;}
.header-wrap .menu-btn{position:absolute;right:0;top:0;display:block;padding:13px;width:50px;height:50px;background:#006db4;}
.header-wrap .menu-btn.cur{background:#5ca629;}
/*--end header--*/
/*--Nav--*/
.hideen{height:100%;overflow:hidden;}
.nav{position:fixed;z-index:9999;left:0;top:50px;display:none;width:100%;height:calc(100% - 50px);background:#fff;}
.nav-list{border-top:#eee solid 1px;overflow:hidden;}
.nav-list li{font-size:15px;font-size:1.5rem;border-bottom:#eee solid 1px;}
.nav-list li a{display:block;padding:10px;background:#fff url('../images/more.png')98% center no-repeat;}
.nav-list li a:hover{color:#fff;background-color:#5ca629;}
/*--end Nav--*/

/*--footer--*/
footer{position:fixed;z-index:999;left:0;bottom:0;width:100%;height:50px;background:#0077c2;}
footer nav li{float:left;width:25%;height:50px;line-height:50px;text-align:center;}
footer nav li a{display:block;color:#fff;}
footer nav li a:hover,footer nav li a.hover{background:#58a731;}
/*-end footer-*/

/*-漂浮电话-*/
.floatPhone{position:fixed;z-index:999;top:45%;right:2px;width:30px;height:30px;}
.floatPhone a{display:block;width:30px;height:30px;text-indent:-9999px;background:url(../images/tel.png)no-repeat;background-size:100%;}
/*-end 漂浮电话-*/

section{padding:50px 0;overflow:hidden;}
.wrap-title{margin:0 20px;padding:1em;text-align:center;background:url(../images/title_line.png)0 40% repeat-x;}
.wrap-title p{display:inline-block;padding:0 10px;}
.wrap-title p span{font-size:16px;font-size:1.6rem;line-height:1.6rem;color:#0077c2;}
.wrap-title p small{display:block;font-size:10px;font-size:1rem;line-height:1.2rem;color:#999;text-transform:uppercase;}
.white{background:#fff;}
.gray{background:#f7f7f7;}

.product{overflow:hidden;}
.product .slider-wrap{position:relative;padding-bottom:20px;overflow:hidden;}
.product .slider-wrap .prev{position:absolute;left:10px;top:50%;margin-top:-12px;width:25px;height:25px;background:url(../images/prev.png);background-size:100%;}
.product .slider-wrap .prev a{display:block;width:25px;height:25px;}
.product .slider-wrap .next{position:absolute;right:10px;top:50%;margin-top:-12px;width:25px;height:25px;background:url(../images/next.png);background-size:100%;}
.product .slider-wrap .next a{display:block;width:25px;height:25px;}
.product .slider-wrap .list{width:100%;}
.product .slider-wrap .item{float:left;margin:10px;width:43.75%;width:calc(50% - 20px);text-align:center;overflow:hidden;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.product .slider-wrap .tit{height:3.6rem;line-height:1.8rem;overflow:hidden;}
.product .product-list{width:100%;}
.product .product-list .item{float:left;margin:10px;width:43.75%;width:calc(50% - 20px);text-align:center;overflow:hidden;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-animation: opacity 0.5s linear;animation: opacity 0.5s linear;}
.product .slider-wrap .pic, .product .product-list .pic{position:relative;width:100%;min-height:140px;border:#eee solid 4px;background:url(../images/loading.gif)no-repeat center;}
.product .slider-wrap .pic .z1, .product .product-list .pic .z1{position:relative;z-index:1;left:0;bottom:0;width:100%;}
.product .slider-wrap .pic .z2, .product .product-list .pic .z2{position:absolute;z-index:2;left:0;bottom:20%;width:100%;}
.product .product-list .tit{height:3.6rem;line-height:1.8rem;overflow:hidden;}

@-webkit-keyframes opacity {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
@keyframes opacity {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}


.advantages{background:#f7f7f7;overflow:hidden;}
.advantages .list{overflow:hidden;}
.advantages .list .item{float:left;padding:10px;margin:10px;width:43.75%;width:calc(50% - 20px);text-align:center;overflow:hidden;background:#0077c2;}
.advantages .list .item i{display:block;margin:10px auto;width:40px;height:40px;border:#77b6de solid 1px;}
.advantages .list .item p{color:#fff;height:7.2rem;line-height:1.8rem;letter-spacing:-1px; overflow:hidden;}
.advantages .detailed{overflow:hidden;}
.advantages .detailed .item{padding:10px; border-bottom:#ddd solid 1px;overflow:hidden;}
.advantages .detailed .item .pic{float:left;width:30%;overflow:hidden;}
.advantages .detailed .item .text{padding-left:10px;padding-right:0;overflow:hidden;}
.advantages .detailed .item .text i{display:block;width:40px;height:40px;border:#0077c2 solid 1px;}
.advantages .detailed .item .text strong{display:block;margin-top:8px;font-size:15px;font-size:1.5rem;line-height:1.8rem;}
.advantages .detailed .item .text p{font-size:12px;font-size:1.2rem;color:#999;}
.advantages .detailed .item:nth-child(2n) .pic{float:right;}
.advantages .detailed .item:nth-child(2n) .text{padding-left:0;padding-right:10px;}

.aboutus{padding:10px;overflow:hidden;color:#fff;text-align:center;background:#0077c2;}
.aboutus h3{font-size:18px;font-size:1.8rem;line-height:1.2;}
.aboutus small{font-size:12px;font-size:1.2rem;}
.aboutus .tit{margin:20px 0 10px;background:url(../images/line.png) repeat-x 0 center;}
.aboutus .tit span{display:inline-block;padding:0 5px;font-size:15px;font-size:1.5rem;background:#0077c2;}
.aboutus .summary{font-size:12px;font-size:1.2rem;overflow:hidden;}
.aboutus .pic{padding:10px 0;overflow:hidden;}
.aboutus .list{overflow:hidden;}
.aboutus .list .item{float:left;padding:5px;width:33.33%;text-align:left;overflow:hidden;}
.aboutus .list .item i{display:inline-block;vertical-align:middle;width:5px;height:5px;}
.aboutus .list .item span{display:inline-block;padding-left:8px;font-size:12px;font-size:1.2rem;background:url(../images/i.png)no-repeat 0 center;background-size:5px;}
.aboutus .list .item p{font-size:9px;font-size:.9rem;}
.aboutus .photo{overflow:hidden;}
.aboutus .photo .item{float:left;padding:5px;width:33.33%}
.aboutus .photo .item p{margin:5px;height:3rem;line-height:1.5rem;font-size:12px;font-size:1.2rem;overflow:hidden;}

.client{overflow:hidden;}
.client .list{overflow:hidden;}
.client .list li{float:left;margin:10px;width:43.75%;width:calc(50% - 20px);text-align:center;overflow:hidden;}
.client .list li img{border:#ccc solid 1px;}

.technolog{overflow:hidden;}
.technolog .pic{padding:10px;overflow:hidden;}

.loadmore{text-align:center;}