@charset "utf-8";
/* 深圳市静江网络科技有限公司 */
*,*:before,*:after {-webkit-box-sizing:border-box; box-sizing:border-box;margin:0; padding:0;}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust: 100%;width: 100%;letter-spacing: 1px;font-size: calc(100vw/100);}
body{position:relative; font:14px/1 "Microsoft YaHei", Helvetica, sans-serif;color:#333;width: 100%;}
input{border:none;}
input,select,option,textarea{outline: none;}
input[type="button"],button,select{cursor: pointer;border: none;outline: none;}
textarea{outline: none;}
ul,li,h1,h2,h3,h4,h5,h6{list-style-type:none;}
img{border:none;}
a{text-decoration:none; color:#fff;}
a:hover{text-decoration:none;}
.clf{zoom:1}
.clf:before,.clf:after,.w:before,.w:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.fl{float: left;}
.fr{float: right;}
/* 初始化样式结束 */


/*头部样式*/
 .zz{width: 100%;margin-bottom:2rem;}
 .zz p{width: 100%;text-align: center;font-size: 18px;line-height: 1rem;margin-bottom: 1rem;position: relative;font-weight:bold;}
 .zz p:first-child{color:#5bc3ec;}
 .zz .l{width:13rem;height: 2px;background:#04b4ed;display: block;position: absolute;top:10px;left:31%;}
 .zz .r{width:13rem;height: 2px;background:#04b4ed;display: block;position: absolute;top:10px;right:31%;}

.box{width: 100%;}

.banner{width: 100%;height:30rem;margin-bottom: 4rem;margin-top: 6rem;}
.banner .swiper-container{width: 100%;height: 100%;}
.banner .swiper-slide{background-size: cover;width: 100%;height: 100%;background-position:center center;}
.banner .swiper-pagination{position: absolute;bottom:6%!important;}
.ban .swiper-pagination-bullet{width:1rem!important;height:1rem!important;margin: 0 7px;background:#FFFFFF!important;opacity:10!important;}
.ban .swiper-pagination-bullet-active{background-color: #04b4ed!important;}
.banner>.swiper-container>.swiper-button-prev{width:3rem;height: 3rem;border-radius: 50%;background:url(../images/xiangzuo.png);background-size: cover;left: 10%!important;}
.banner>.swiper-container>.swiper-button-next{width:3rem;height: 3rem;border-radius: 50%;background:url(../images/xiangyou.png);background-size: cover;right: 10%!important;}

.product{padding-bottom: 5rem;z-index: 55;position: relative;}
.product .yd-cet{display: none;}
.product .p-cet{width: 100%;height:38rem;background: url(../images/p-bg.png)no-repeat;background-size: cover;background-position:center center;z-index: 66;}
.product .p-cet .p-content{width: 70%;height:100%;margin: 0 auto;z-index: 77;position: relative;margin-bottom: 1rem;}
.product .cc{width:calc(100% / 3);height: 100%;float: left;position: relative;border-right:1px solid #ccc;background: #fff;border-bottom:1px solid #ccc;border-top:1px solid #ccc;}
.product .p-cet .cc1{border-left: 1px solid #ccc;}
.product .cc .c1{width: 100%;height: 40%;position: absolute;bottom: 0;left: 0;background: #0565c7;}
.product .cc .c1 img{/*width: 100%;height: 75%;*/position: absolute;/*left: 0;*/left:15%;top: -100%;}
.product .cc h3{text-align: center;color: #fff;line-height:5rem;}
.product .cc p{text-align: center;color: #fff;line-height:3rem;font-size: 14px;}
.product .cc a{display: block;height: 2.5rem;width: 30%;background: transparent;border: 1px solid #fff;text-align: center;line-height: 2.5rem;font-size: 14px;margin:0 auto;color: #fff;margin-top: 2rem;}
.product .cc a:hover{background: #fff;color: #0565c7;}
.product .cc .c2{width: 100%;height: 40%;position: absolute;top: 0;left: 0;background: #0565c7;}
.product .cc .c2 img{/*width: 100%;height: 75%;*/position: absolute;/*left: 0;*/left:15%;bottom: -100%;}
.product .swiper-container{width: 100%;height: 100%;z-index: 666;}
.product .swiper-slide{z-index: 666;}
.product .swiper-pagination{position: absolute;bottom:-5%!important;z-index: 999;left: 47%;}
.ppr .swiper-pagination-bullet{width:1rem!important;height:1rem!important;margin: 0 7px;background:#ccc!important;opacity:10!important;}
.ppr .swiper-pagination-bullet-active{background-color: #04b4ed!important;}

.strength{padding-bottom: 5rem;}
.strength .str-content{width: 100%;height: 27rem;background: url(../images/s-bg.png)no-repeat;background-size: cover;background-position:center center;}
.strength .str-box{width: 70%;height: 100%;margin: 0 auto;}
.strength .str-box .box-l,.strength .str-box .box-r{width: 50%;height: 100%;padding-top:4rem;}
.strength .box-img{width: 9rem;height: 9rem;margin: 0 auto;position: relative;}
.strength .box-img img{width: 100%;height: 100%;}
.strength .box-img .aa{display: block;position: absolute;top: 3rem;left: 1.8rem;font-size: 3rem;text-align: center;}
.strength .box-img .add{display: block;position: absolute;top: 3rem;left:5rem;font-size: 3rem;text-align: center;}
.strength .box-img #ten{display: block;position: absolute;top: 3rem;left: 1.8rem;font-size: 3rem;text-align: center;}
.strength .box-img #fc{display: block;position: absolute;top: 3rem;left: 1.8rem;font-size: 3rem;text-align: center;}
.strength .box-img .tee{color: #fff;font-size: 1rem;text-align: center;line-height: 4rem;}
.strength .wenzi{margin-top: 4rem;}
.strength .wenzi p{text-align: center;color: #fff;font-size: 14px;line-height:25px;}
.strength .wenzi p:first-child{text-indent: 2em;width:346px;margin: 0 auto;}
.strength .yd-str{display: none;}

.new{padding-bottom: 5rem;}
.new .new-content{width: 100%;padding-bottom:3rem;}
.new .new-box{width:70%;height: 100%;margin: 0 auto;padding-top: 1rem;}
.new .new-top a{width:5rem;height: 2rem;border-radius: 5px;text-align: center;line-height: 2rem;color: #000;font-size: 12px;display: block;float: left;border: 1px solid #ccc;} 
.new .new-top a:first-child{margin-right: 2rem;}
.new .new-top a:hover{cursor: pointer;}
.new .new-top .newl-but{background:#04b4ed;color: #fff;}
.new .new-zj{width: 100%;margin-top:2rem;margin-bottom: 2rem;}
.new .new-img{width: 50%;height: 12rem;padding-right: 2rem;}
.new .new-img img{width: 80%;height: 100%;float: right;}
.new .new-text{width: 50%;height: 12rem;padding-left: 2rem;}
.new .new-zj:hover{cursor: pointer;}
.new .new-text p{width:75%;font-size: 14px;}
.new .new-text p:hover{color:#04b4ed;}
.new .new-text .t-title{display: inline-block;text-align: left;font-size: 1rem;margin-bottom: 2rem;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.new .new-text .nr-text{text-align: right;margin-bottom: 2rem;}
.new .new-text .ncet-text{text-indent: 2em;line-height: 1.5rem;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; word-break: break-all;}
.new .new-text .t-img{width:75%;height: 1rem;}
.new .new-text .t-img img{height: 100%;float: right;}
.new .new-ft{width: 100%;}
.new .new-ft>div{width: 30%;height:11rem;margin-right: 3%;float: left;position: relative;}
.new .new-ft>div:hover .ho{cursor: pointer;display: block;}
.new .new-ft .ftt1{background: url(../images/n-img2.png)no-repeat;background-size: cover;background-position:center center;}
.new .new-ft .ftt2{background: url(../images/n-img3.png)no-repeat;background-size: cover;background-position:center center;}
.new .new-ft .ftt3{background: url(../images/n-img2.png)no-repeat;background-size: cover;background-position:center center;margin-right: 0;}
.new .ft-text{width:90%;height: 100%;margin:0 auto;}
.new .ft-text p{color: #fff;}
.new .ft-text .ft-title{display: inline-block;text-align: left;font-size: 1rem;margin-bottom: 1rem;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;margin-top:2rem;width: 100%;}
.new .ft-text .fct-text{text-align: right;margin-bottom:1.5rem;}
.new .ft-text .fbt-text{text-indent: 2em;line-height: 1.5rem;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;}
.new .ho{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: rgba(255,255,255,0.5);display: none;}
.new .ydnew-ft{display: none;}

.about{margin-bottom: 5rem;}
.about .ab-content{width: 100%;background: url(../images/ab-bg.png)no-repeat;background-position:center center;padding-bottom: 3rem;background-size:100% 100%;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;-o-background-size:100% 100%;} 
.about .ab-center{width: 70%;margin: 0 auto;padding-top: 3rem;}
.about .ab-center>div{width: 50%;float: left;height: 28rem;}
.about .ab-img{position: relative;}
.about .ab-text{padding-left: 3rem;}
.about .kk{width:75%;height:100%;background: transparent;border: 5px solid #00439e;margin-top: auto;}
.about .ab-img .tp{height:85%;width:90%;position: absolute;top:7%;left:10%;}
.about .ab-img img{width: 100%;height: 100%}
.about .ab-t{width:100%;height:100%;background: rgba(0,0,0,0.7);padding: 2rem 3rem 1rem 3rem;}
.about .ab-t p{text-align: center;color: #fff;}
.about .ab-t .dh{font-size: 1.5rem;line-height: 3rem;margin-bottom: .5rem;}
.about .ab-t .xh{text-indent: 2em;font-size: 12px;line-height:1.6rem;text-align: justify;}
.about .ab-t a{display: block;height: 3rem;width: 3rem;border-radius: 50%;background:#1488e6;margin:0 auto;text-align: center;line-height:2.5rem;font-size: 3rem;color: #fff;/*margin-top: 1rem;*/}
.about .ab-t a:hover{cursor: pointer;}

.footer{width: 100%;background:#303132;padding-top: 3rem;color: #fff;}
.footer .ft-box{width:95%;margin: 0 auto;}
.footer .ft-box>div{width: 25%;float: left;}
.footer .ft-box>div:nth-child(2){padding-left:11rem;}
.footer .ft-box ul{width: 100%;}
.footer .ft-box p{text-align: center;margin-bottom: 1rem;}
.footer .ft-box .line1{display: block;width: 100%;height:1px;background:#999;margin-bottom: 3rem;}
.footer .ft-box .one ul li{width: 21%;margin-right: 4%;/*height: 3.5rem;*/margin-bottom: .5rem;float:left;position: relative;}
.footer .ft-box .one ul li img{width: 74px;height: 49px;}
.footer .ft-box .one ul li div{width: 100%;height: 100%;/*background: rgba(0,0,0,0.5);*/position: absolute;left: 0;top: 0;}
.footer .ft-box .one ul li:nth-child(4n){margin-right: 0;}
.footer .ft-box .one ul li:hover .bb{background: none;cursor: pointer;}
.footer .two ul{width: 100%;}
.footer .two ul li{width: 50%;float: left;font-size: 12px;margin-bottom:2.5rem;}
.footer .two ul li:hover{cursor: pointer;}
.footer .two ul li:nth-child(2n){text-align: right}
.footer .ft-box .line2{display: block;width:100%;height:1px;background:#999;margin-bottom: 3rem;}
.footer .ft-box .there{padding:3rem 0 0 9rem;}
.footer .ft-box .there  a{text-decoration:underline;color: #fff;}
.footer .ft-box .line3{display: block;width:75%;height:1px;background:#999;margin-bottom: 2rem;}
.footer .ft-box .four{padding-left:3rem;}
.footer .ft-box .four i{font-size:2rem!important;margin-right: 1rem;float: left;display: block;}
.footer .mm{position: relative;}
.footer .mm:hover .ewm{display: block;}
.footer .ewm{width: 10rem;height: 10rem;background: url(../images/ewmgr.png);background-size: cover;position:absolute;top:-11rem;left:2rem;display: none;}
.footer .ft-box .four i:hover{cursor: pointer;}
.footer .ft-box .four>p{margin-bottom: 1rem;padding-left: 3rem;text-align:left;}
.footer .ft-box .four>ul>li{margin-bottom: 1rem;}
.footer .dep{width: 95%;height: 2px;background: #545556;margin: 0 auto;}
.footer .dibu{text-align: center;font-size: 12px;padding-bottom: 1rem;padding-top:1rem;line-height: 1rem;}




@media only screen and (max-width:1024px) {
.nav .xl{width:6rem;}
.nav .nav-logo .title h2{font-size:1.5rem;}
.nav .xl a{color: blue;text-decoration: underline;line-height:1rem;display: block;float: left;font-size:14px;}
.nav .xl i{font-size:14px;display: block;float: left;line-height:1rem;}
.nav .nav-logo {width: 40%;margin-right:1rem;}	
.nav .nav-logo .title {text-align: left;width: 80%;}	
.nav .nav-list {width: 45%;height: 100%;z-index: 66;}	
.product .p-cet .p-content{width: 90%;height:100%;margin: 0 auto;z-index: 77;position: relative;margin-bottom: 1rem;}
.new .new-box{width:90%;height: 100%;margin: 0 auto;padding-top: 1rem;}
.about .ab-center{width: 90%;height: 100%;margin: 0 auto;padding-top: 3rem;}
.footer .ft-box{width:90%;margin: 0 auto;}
.about .ab-t a{margin-top: 0;}
.footer .dep{width:90%;height: 2px;background: #545556;margin: 0 auto;}	
.footer .ft-box .four{padding-left:2rem;}
.zz .l{width: 13rem;height: 2px;background: #04b4ed;display: block;position: absolute;top: 6px;left: 28%;}
.zz .r{width: 13rem;height: 2px;background: #04b4ed;display: block;position: absolute;top: 6px;right: 28%;}

}
/*移动端*/
@media screen and (max-width:768px){
.zz strong{margin: 0 2rem;}
.nav .nav-logo .title h2:first-child{padding-top:.5rem;}
.nav .nav-logo .title h2{font-size:2rem;}
.nav .nav-logo .title {width:40%;padding-top: 0;}
.zz .l{width:13rem;height: 2px;background: #04b4ed;display: block;position: absolute;top: 6px;left: 20%;}
.zz .r{width:13rem;height: 2px;background: #04b4ed;display: block;position: absolute;top: 6px;right: 20%;}
.nav{position: relative;}
.nav .nav-logo{width:100%;}

.nav .xl{display:none;}
.nav .nav-logo{padding-top:0;}
.nav .nav-logo .logo{width: 25rem;height: 6rem;margin-top: 0;}
.nav .nav-list{width: 100%;position: absolute;top:6rem;left:0;display: none;height: auto;}	
.nav .nav-list ul{width: 100%;height: auto;}
.nav .nav-list ul li{width: 100%;height:4rem;background: rgba(0,0,0,0.5);line-height: 4rem;}	
.nav .mean{height: 100%;width:6rem;background:#0565c7;display: block;line-height: 6rem;text-align: center;color: #fff;font-size:2rem;}
.nav .nav-list ul li .ej{width: 100%;height: 200%;position: absolute;top:4rem;left:0;}
.nav .nav-list ul li .ej>div{height: 50%;width: 100%;font-size: 12px;background: rgba(0,0,0,0.5);}
.nav .nav-list ul li:nth-child(4):hover{margin-bottom: 8rem;}


.banner{margin-top: 0;}

.product .p-cet{display: none;}
.product .yd-cet{width:100%;margin:0 auto;height: 38rem;display: block;}
.product .yd-cet .yd{width: 90%;}
.product .cc{width: 100%;border:1px solid #ccc;border-right:1px solid #ccc;}
.product .swiper-pagination{bottom:8%!important;left: 45%;}
.swiper-pagination-bullet{margin-right: 3px;}
.strength .str-box{width: 90%;}
.strength .wenzi{width: 90%;margin-left:auto;margin-right: auto;}
.about .ab-img img{width: 24rem;}
.about .ab-t{padding: 0 1rem;}
.about .ab-t .dh{margin-bottom: 0;}
.about .ab-text{padding-left: 1rem;}
.footer .ft-box>div:nth-child(2) {
    padding-left: 3rem;
}
.footer .ft-box .there {
    padding: 8rem 0 0 3.5rem;width: 20%;
}
.footer .ft-box .four {
    padding-left: 0rem;width:30%;
}
.product .cc .c1 img {
    width: 50%;
    height: 75%;
    position: absolute;
    left: 0;
    top: -100%;
    margin-left: 25%;
}


.product .yd{border:1px solid #ccc;}
.product .bb .b1{width: 100%;height: 40%;position: absolute;bottom: 0;left: 0;background: #0565c7;}
.product .bb .b1 img{width:50%;height: 75%;position: absolute;left: 0;top: -100%;margin-left: 25%;}
.product .bb h3{text-align: center;color: #fff;line-height:5rem;}
.product .bb p{text-align: center;color: #fff;line-height:3rem;font-size: 14px;}
.product .bb a{display: block;height: 2.5rem;width: 30%;background: transparent;border: 1px solid #fff;text-align: center;line-height: 2.5rem;font-size: 14px;margin:0 auto;color: #fff;margin-top: 2rem;}
.product .bb a:hover{background: #fff;color: #0565c7;}

.strength .str-content{display: none;}
.strength .yd-str{display: block;background: url(../images/s-bg.png)no-repeat;background-size: cover;background-position:center center;}
.strength .yd-str{width: 90%;height: 100%;margin: 0 auto;}
.strength .yd-str .box-l,.strength .yd-str .box-r{width: 100%;height: 100%;padding-top:2rem;}
.strength .box-img{width: 9rem;height: 9rem;margin: 0 auto;position: relative;}
.strength .box-img img{width: 100%;height: 100%;}
.strength .box-img .aa{display: block;position: absolute;top: 3rem;left: 1.8rem;font-size:38px;text-align: center;}
.strength .box-img .tee{color: #fff;font-size: 1rem;text-align: center;line-height: 4rem;}
.strength .wenzi{margin-top: 4rem;}
.strength .wenzi p{text-align: center;color: #fff;font-size: 12px;line-height:2rem;}
.strength .wenzi p:first-child{text-indent: 2em;width: 100%;}
.strength .swiper-pagination{left: 47%;}


.new .new-img{width:100%;height: 100%;padding-right: 0;}
.new .new-img img{width:100%;height: 100%;float: right;}
.new .new-text{width: 100%;height: 100%;padding-left:0;padding-top: 2rem;}
.new .new-text p{width:100%;font-size: 14px;}
.new .new-text .t-title{display: inline-block;text-align: left;font-size: 1rem;margin-bottom: 2rem;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.new .new-text .nr-text{text-align: right;margin-bottom: 2rem;}
.new .new-text .ncet-text{text-indent: 2em;line-height: 1.5rem;}
.new .new-text .t-img{width:100%;height: 1rem;}
.new .new-text .t-img img{height: 100%;float: right;}
.new .new-ft{display: none;}
.new .ydnew-ft{display: block;}
.new .ydnew-ft{width: 100%;}
.new .ydnew-ft>div{width:100%;height:12rem;margin-right:0;float: left;position: relative;}
.new .ydnew-ft>div:hover .ho{cursor: pointer;display: block;}
.new .ydnew-ft .ftt1{background: url(../images/n-img2.png)no-repeat;background-size: cover;background-position:center center;}
.new .ydnew-ft .ftt2{background: url(../images/n-img3.png)no-repeat;background-size: cover;background-position:center center;}
.new .ydnew-ft .ftt3{background: url(../images/n-img2.png)no-repeat;background-size: cover;background-position:center center;margin-right: 0;}
.new .ft-text{width:90%;height: 100%;margin:0 auto;}
.new .ft-text p{color: #fff;}
.new .ft-text .ft-title{display: inline-block;text-align: left;font-size: 1rem;margin-bottom: 1rem;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;margin-top:2rem;}
.new .ft-text .fct-text{text-align: right;margin-bottom:1.5rem;}
.new .ft-text .fbt-text{text-indent: 2em;line-height: 1.5rem;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;}
.new .ho{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: rgba(255,255,255,0.5);display: none;}
.new .swiper-pagination{left: 47%;}
/*.new .swiper-pagination-bullet{background:#fff;opacity: 1;}
.new .swiper-pagination-bullet-active{background:#007aff}*/



}
@media screen and (max-width:414px){
.nav .title p{display: none;}
.nav .nav-logo .title h4{padding-top: 1rem;}
.nav .nav-logo .title{width: 55%;}
.banner {width: 100%;height: 18rem;margin-bottom: 4rem;}
.zz .l{width:9rem;height: 2px;background: #04b4ed;display: block;position: absolute;top: 6px;left:5%;}
.zz .r{width: 9rem;height: 2px;background: #04b4ed;display: block;position: absolute;top: 6px;right:5%;}
.about .ab-center>div{width:100%;float: left;height: 27rem;}
.about .ab-center .kk{display: none;}
.about .ab-img{height:20rem!important;}
.about .ab-center img{width: 100%;height:100%;}
.about .ab-img .tp {height:100%;width: 100%;position: absolute;top:0;left:0;}
.about .ab-text{padding-left: 0;}

.footer .ft-box .one{width: 100%;padding-bottom: 1rem;}
.footer .ft-box .two{width: 100%;padding-left: 0!important;}
.footer .ft-box .two ul li{width: 30%;margin-right: 5%;text-align: center;}
.footer .ft-box .two ul li:nth-child(3n){margin-right: 0;}
.footer .ft-box .there{width: 100%;padding-left: 0;text-align: center;padding-top: 1rem;padding-bottom: 1rem;}
.footer .ft-box .four{width: 100%;text-align: center;padding-top: 1rem;padding-bottom: 1rem;}
.footer .ft-box .four>p{text-align: center;padding-left: 0;}
.footer .ft-box .line3{width: 100%}
.footer .ft-box .four ul li:last-child{padding-left:41%;}
.nav .nav-logo .title{width: auto;padding-top:.5rem;}
.nav .nav-logo .title h2{line-height: 2rem;}
.product .bb .b1 img{width:100%;height: 75%;position: absolute;left: 0;top: -100%;margin-left: 0;}
}