html,body{position:relative;height:100%;color:#333;font:.24rem "microsoft yahei";background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,blockquote,th,td,hr,button,footer,header,menu,nav,section{margin:0;padding:0;}
h1,h2{font-weight:bold;}em,i{font-style:normal;}a{text-decoration:none;}b,strong{font-weight:bold;}
img{border:none;width:100%;display:block;}ul,li{list-style:none;}.fl{float:left;}.fr{float:right;}
.cl{clear:both;}.cl:after{content:".";visibility:hidden;height:0;font-size:0;display:block;clear:both;}
.center{text-align:center;}.pr{position:relative;}.mgt30{margin-top:.3rem;}

.swiper-container{width:100%;height:100%;top:-44px;}
.swiper-slide{position:relative;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;}
.swiper-pagination{position:static!important;}.content{width:94%;overflow:hidden;margin:0 auto;}

.title{text-align:center;}.title h2{font-size:.42rem;color:#333;text-align:center;font-weight:normal;}
.title .border{width:70px;border-top:.04rem solid #0055a7;display:inline-block;margin:.2rem 0;}.title-color h2{color:#fff;}

.cover{background:url(img/cover-bg.jpg) no-repeat center center;background-size:cover;}
.cover .content{display:flex;display:inline-flex;flex-wrap:wrap;justify-content:center;align-content:center;padding-top:.2rem;}

.intro-bg{background:url(img/intro-bg.jpg) no-repeat center center;background-size:cover;}
.intro-img{width:5.7rem;height:2.4rem;margin:.3rem auto .5rem;display:block;}
.intro-wz{width:5.7rem;margin:0 auto;display:block;font-size:.24rem;line-height:.5rem;text-align:center;}

.tag{position:absolute;bottom:0;left:0;width:100%;}
.tag li{width:10px;height:10px;background:#959595;border-radius:50%;display:inline-block;margin:0 .1rem;}.tag li.on{background:#0066c8;}

.item_imgall{padding-bottom:.5rem;}
.item_text:after{content:'';display:inline-block;height:100%;vertical-align:middle;}
.item_imgall .slider_s li{position:relative;overflow:hidden;margin-bottom:.2rem;}
.item_text{width:20%;position:absolute;top:0;height:100%;background:#0066c8;z-index:99;color:#fff;text-align:center;}
.item_text span{display:inline-block;vertical-align:middle;width:15px;margin:0 .05rem;line-height:1;}
.item_text span.active{font-size:.32rem;}.item_text:nth-child(odd){left:0;}.item_text:nth-child(even){right:0;}
.item_nexine{width:80%;position:relative;}.item_nexine:nth-child(even){float:right;}
.item_nexine .swiper-button-next, .item_nexine .swiper-button-prev{background:url(img/btn_icon.png) no-repeat;width:.38rem;height:.6rem;outline:none;top:55%;}
.item_nexine .swiper-button-prev{background-position:-.82rem 0;background-size:1.63rem .6rem;}
.item_nexine .swiper-button-next{background-position:-1.25rem 0;background-size:1.63rem .6rem;}

.nav-content{width:100%;overflow:hidden;margin:0 auto;}.nav{text-align:center;}.nav-img{width:7.5rem;position:relative;}
.nav-article{display:flex;justify-content:center;flex-wrap:wrap;padding:.2rem .3rem 0;}
.nav-article li{width:33%;text-align:left;padding:0 .2rem .1rem;box-sizing:border-box;}
.nav-article li strong{font-size:.3rem;color:#0055a7;}.nav-article li strong i{font-size:.4rem;color:#0055a7;}
.nav-article li p{font-size:.16rem;color:#666;font-weight:bold;line-height:.32rem;}
.nav-img .icon{position:absolute;display:inline-block;width:.2rem;height:.27rem;-webkit-animation:end 1s infinite ease-in-out;}

.p_Index{padding:0 8%;line-height:1.6;display:none;}
.p_Index.on{display:block;}
@-webkit-keyframes end{
    0%{-webkit-transform:translate(0,0);}
    50%{-webkit-transform:translate(0,5px);}
    100%{-webkit-transform:translate(0,0px);}
}
@-moz-keyframes end{
    0%{-moz-transform:translate(0,0);}
    50%{-moz-transform:translate(0,5px);}
    100%{-moz-transform:translate(0,0);}
}
@keyframes end{
    0%{transform:translate(0,0);}
    50%{transform:translate(0,5px);}
    100%{transform:translate(0,0);}
}

.nav-img .icon:nth-child(1){left:1.2rem;bottom:2rem;}
.nav-img .icon:nth-child(2){left:1.85rem;bottom:1.3rem;}
.nav-img .icon:nth-child(3){right:3rem;top:2rem;}
.nav-img .icon:nth-child(4){right:2.78rem;top:2.05rem;}
.nav-img .icon:nth-child(5){right:2.2rem;top:2.1rem;}
.nav-img .icon:nth-child(6){right:1.7rem;top:1.3rem;}
.nav-img .icon:nth-child(7){top:2rem;right:1.5rem;}
.nav-img .icon:nth-child(8){top:1.8rem;right:1.26rem;}
.nav-img .icon:nth-child(9){bottom:.8rem;right:.8rem;}
.nav-img .icon:nth-child(10){bottom:.68rem;right:.6rem;}
.nav-img .icon:nth-child(11){bottom:.7rem;right:.38rem;}
.nav-img .icon:nth-child(12){bottom:1rem;right:.5rem;}

.compete-main{position:relative;padding-bottom:.4rem;}
.swiper-main>.swiper-wrapper>.swiper-slide:after{content:'';position:absolute;bottom:.7rem;left:0;right:0;margin:0 auto;background:url(img/page_logo.png) no-repeat;width:1.75rem;height:.51rem;background-size:100%;}
.compete-main .swiper-slide,.product-main .swiper-slide{flex-wrap:wrap;background:#eee;}
.compete-article{height:2.6rem;text-align:center;margin-top:.3rem;}
.product{background:url(img/product-bg.jpg) no-repeat center center;background-size:cover;}
.product-main{position:relative;padding-bottom:.4rem;overflow:hidden;}
.product-article{width:6.9rem;height:4rem;background:#fff;box-sizing:border-box;padding:.4rem .4rem .2rem;}
.product-images,.product-images{position:relative;width:6.9rem;overflow:hidden;}
.compete-article h2,.product-article h2{font-size:.3rem;color:#333;}
.compete-article .border,.product-article .border{width:1.3rem;border-top:1px solid #000;display:inline-block;padding-top:.1rem;}
.product-article .border{width:100%;border-top:1px solid #b5b5b5;}
.compete-article p,.product-article p{font-size:.24rem;color:#666;line-height:.4rem;padding:0 .5rem;text-align:justify;}
.product-article p{padding:0;}.compete-article p b,.product-article p b{color:#0055a7;}

.pagination2 .swiper-pagination-bullet-active,.pagination3 .swiper-pagination-bullet-active,.pagination5 .swiper-pagination-bullet-active{background:#0055a7 !important;}
.pagination2 .swiper-pagination-bullet,.pagination3 .swiper-pagination-bullet,.pagination5 .swiper-pagination-bullet{background:#959595;opacity:1;}
.pagination3 .swiper-pagination-bullet{width:10px;height:10px;border-radius:50%;margin:0 5px;}
.pagination5{width:100%;background:rgba(0,0,0,.6);text-align:right;padding:.05rem 0;}
.pagination5 .swiper-pagination-bullet{background:#fff;display:inline-block;text-align:right;}
.swiper-pagination-bullet{position:relative;}
/*/轮播能用效果*/
.swiper-pagination-bullet:after{content:'';
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    border-radius:50%;
    visibility:hidden;
    background:#0055a7;
    opacity:0;
    -webkit-transform:rotate(-100deg);
    transform:rotate(-100deg);
    -webkit-transform-origin:-200% 50%;
    transform-origin:-200% 50%;
    -webkit-transition:-webkit-transform .3s ease .3s,opacity .3s ease,visibility 0s .3s ease;
    transition:transform .3s ease .3s,opacity .3s ease,visibility 0s .3s ease;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active:after{visibility:visible;
    opacity:1;
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transition:-webkit-transform .3s ease,opacity .3s ease;
    transition:transform .3s ease,opacity .3s ease;}

.product-images7 .product-img img{width:85%;float:left;}
.product-images7 .product-img img:nth-child(even){float:right;margin-top:.2rem;}

.team{background:url(img/team-bg.jpg) no-repeat center center;background-size:cover;}
.team-main{text-align:center;}.team-main h2{font-size:.36rem;color:#fff;margin:.3rem 0;}
.team-main p{padding:0;color:#fff;text-align:left;line-height:.5rem;font-size:.26rem;}
.team-image{width:3.75rem;display:inline-block;margin-top:.4rem;}

.team{text-align:center;}.team .title-img{width:4.06rem;}.team .code{width:1.72rem;}
.team-main>p{font-size:.24rem;color:#fff;line-height:.4rem;margin-top:.1rem;text-align:center;}
.company{width:1.78rem;margin-right:.4rem;text-align:center;}
.company >img{width:1.55rem;display:inline-block;}.gz_nav{margin-top:.1rem;}
.follow{display:flex;align-items:center;justify-content:center;margin:.2rem 0;}
.mzsm{margin:.2rem 0;padding:0 .2rem;}.mzsm h2{font-size:.36rem;color:#0055a7;}.mzsm p{font-size:.22rem;color:#fff;line-height:.36rem;}

.u-topbar{z-index:99 !important;}footer{display:none !important;}
#array{position:absolute;z-index:999;-webkit-animation:start 1.5s infinite ease-in-out;width:.47rem;height:.49rem;bottom:20px;left:47%;}

@-webkit-keyframes start{
    0%,30%{opacity:0;-webkit-transform:translate(0,10px);}
    60%{opacity:1;-webkit-transform:translate(0,0);}
    100%{opacity:0;-webkit-transform:translate(0,-8px);}
}
@-moz-keyframes start{
    0%,30%{opacity:0;-moz-transform:translate(0,10px);}
    60%{opacity:1;-moz-transform:translate(0,0);}
    100%{opacity:0;-moz-transform:translate(0,-8px);}
}
@keyframes start{
    0%,30%{opacity:0;transform:translate(0,10px);}
    60%{opacity:1;transform:translate(0,0);}
    100%{opacity:0;transform:translate(0,-8px);}
}

@keyframes fade{
    from{opacity:0;}
    to{opacity:1;}
}
@-webkit-keyframes fade{
    from{opacity:0;}
    to{opacity:1;}
}
@-moz-keyframes fade{
    from{opacity:0;}
    to{opacity:1;}
}