@charset "utf-8";
/* CSS Document */
html,body{overflow:hidden;overflow-y:auto;}
body{background:url(../images/phoneBg.png) top center;background-repeat:no-repeat;background-size:100%; font-family:'微软雅黑';}
.bg{width: 100%; margin: 0 auto; background: none;}
*{padding: 0;margin: 0;}
a{text-decoration:none}
li{list-style:none}
nav ,.register{display: none;}.slide .img3{width: 80%;height: 80%;top: 0;left: 10%;z-index: 3;}
.icon-bar{background:url(../images/nav.png) top center no-repeat;float: right;width: 50px; height: 45px;margin-top: 20px;background-size: 50%;}
.icon-bar-list{width: 100%; background: #000; z-index: 9999; position: absolute; left: 0; top: 64px; padding-bottom: 10px;}
.icon-bar-list li{width: 100%; height: 35px; line-height: 35px; color: #fff; border-bottom: 1px solid #fff; float: left; padding-left: 10px;}
.icon-bar-list li a{color:#fff;float: left;width: 100%;}
.container{width: 100%;margin: 0 auto; overflow:hidden}
@-webkit-keyframes iconAnimate{from{-webkit-transform:rotate(0deg) sal;}
to{-webkit-transform:rotate(360deg)}}
.img-circle:hover{animation: iconAnimate .4s;-moz-animation: iconAnimate .4s;/* Firefox */-webkit-animation: iconAnimate .4s;/* Safari 和 Chrome */}
/*header*/
header{height:56px;}
header .logo{float:left;margin-top:10px;}
header .logo img{height:40px; margin-left:10px;}
nav{float:right; margin-top:12px;}
nav a{float:left; width:156px; height:64px; margin-left:-26px; background:url(../images/navbg.png);color:#fff;line-height: 64px; text-align: center; font-size:20px;}
nav a:hover{color:#ff0000;}
header .register{float:right;margin-left: 5px; margin-top: 33px;}
header .register a{float:right; margin-left:5px; width:60px; line-height:32px; height:32px; background:#fff; border-radius:5px;color:#ff0000; text-align:center; font-size:20px;}
line{background:url(../images/line.png) no-repeat center; background-size:100%; height: 15px; width: 100%; position: absolute; left: 0px;}
.slide{width: 100%;min-height: 250px;margin-top:10px;overflow: hidden;position: relative;}
/*banner*/
.slide-bt,.slide-img{display:none}
.slide .img{overflow: hidden;position: absolute;transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;}
.slide .img img{width: calc(100% - 14px);height: calc(100% - 14px);margin: 7px;}
.slide .img1{width: 40%;height: 40%;top: 30%;left: -50%;z-index: 1;}
.slide .img2{width: 60%;height: auto;top: 10%;left: 0%;z-index: 2;}
.slide .img3{width: 80%;height:auto;top: 0;z-index: 3;}
.slide .img4{width: 60%;height: auto;top: 10%;right: 0%;z-index: 2;}
.slide .img5{width: 40%;height: 40%;top: 30%;left: 110%;z-index: 1;}
.slide-bt{width:140px;margin-left:-70px;position: absolute;left: 50%;top: 600px;z-index: 10;}
.slide-bt span{width: 15px;height: 15px;background: #fff;float: left;margin: 5px;border:5px solid #fff;border-radius: 15px;}
.slide .slide-bt .on{background: #06bff0;}
.slide .slide-img .on{opacity:1;}
.slide .slide-img{height: 200px; width: 760px; margin: 0 auto; margin-top: 650px;}
.slide .slide-img li{float:left; margin:70px 5px 0px; width:180px; height:130px;}
.slide .slide-img li img{width:180px; height:130px; opacity:0.5}
button{width: 50px;margin: 20px;}
/*section*/
section{margin-top: 0px; margin-bottom:20px;}
.swTitle{height: 90px; width: 100%; margin: 0 auto; text-align: center; background: url(../images/swBg.png) center;background-repeat:no-repeat;background-size:100%; line-height: 103px; font-size: 20px;color:#fff;}
.swTitle span{background: linear-gradient(to bottom, #1fd7ed, #b4ffff); -webkit-background-clip: text; color: transparent;}
.swText{height: 130px; width: 100%; margin: 0 auto; text-align: center; background: url(../images/swText.png) top center;background-repeat:no-repeat;background-size:90%; line-height: 22px; font-size: 13px; color: #fff; padding-top: 20px;}
.swIcon{width: 100%;height: 200px; margin: 20px auto 0px; text-align: center;}
.swIcon span{float:left;color:#fff;width:33.3%;text-align:center}
.swIcon span:hover{cursor:pointer}
.swIcon span:nth-child(3):active{background:url(../images/pc.png) top center no-repeat 212px;}
.swIcon span:nth-child(1),.swIcon span:nth-child(3){margin-top: 70px;}
.swIcon span p{margin-top:5px;font-size:16px;}
.swIcon span img{width:90%;height:auto;}
/*slide*/
#indexmain{width:100%;margin:0 auto;overflow:hidden;position:relative;font-size:12px;}
#slide{position:relative;width:100%;height:200px;margin:11px auto 25px;}
#slide .bd{left:30px;top:100px;}
#slide .cover{position:relative;width:100%;height:200px;overflow:hidden;}
#slide ul{position:relative;overflow:hidden;height:200px;width:100%;}
#slide li{position:relative;float:left;display:inline;width:auto;height:auto;margin-right:5px;}
#slide li img{display:block; width:90px;}
#slide .btn{position:absolute;top: 70px;width:55px; height:61px;}
#slide .left-btn{left:-5px; background:url(../images/left.png) center;background-repeat:no-repeat;background-size:50%;}
#slide .right-btn{right:2px; background:url(../images/right.png) center;background-repeat:no-repeat;background-size:50%;}
#slide .tab{position:relative;height:50px;width:100%;}
#slide .tab a:hover{text-decoration:none;color:#ff0000;}
#slide .tab .cur{color:#ff0000;}
.case{margin-top:30px;}
.caseIcon{width: 100%; margin: 0px auto 0px; text-align: center;}
.caseIcon a{float:left;color:#fff;width:33.3%;text-align:center;background:url(../images/caseBg.png) top center ;background-repeat:no-repeat;background-size:100%;font-size: 12px; line-height: 17px; height: auto;}
.caseIcon .cur{color:#ff0000;}
footer{min-height:170px; background:#00071a; width:100%; color:#fff; line-height:20px;font-size: 12px; bottom: 0px;}
footer .footer{width:100%; margin:0 auto; text-align:center;}
.footer-left{float:left; width:100%; margin-top: 10px;}
.footer-left span img{width:60px;}
.footer-left span{margin: 0 20px;}
.footer-right{float:left; width:100%;margin-top: 10px;}
.footer-right p{margin-top:5px; line-height:20px}
.footer-right p a{color:#fff;padding: 2px;}
.footer-right p a:hover{color:#ff0000;}
/*=====================首页end====================*/
/*product*/
.product_tab{width: 100%;margin: 200px 0px 20px; text-align: center;height: 20px;}
.product_tab a{float:left;color:#fff;width:33.3%;text-align:center;background:url(../images/caseBg.png) top center ;background-repeat:no-repeat;background-size:100%;font-size: 12px; line-height: 17px; height: auto;}
.product_tab .cur{color:#ff0000;}
#product_banner{width: 100%;min-height: 210px;margin-top:0px;overflow: hidden;position: relative; text-align:center}
#product_banner .img{overflow: hidden;position: absolute;transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;}
#product_banner .img img{width: calc(100% - 14px);height: calc(100% - 14px);margin: 7px;}
#product_banner .img3{width: 60%;height: auto;top: 0;left: 20%;z-index: 3;}
section .proudct_img img{width:100%;}
/*about us*/
#aboutUs_banner{width: 100%;min-height: 200px;margin-top:10px;overflow: hidden;position: relative; text-align:center}
#aboutUs_banner .img{overflow: hidden;position: absolute;transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;}
#aboutUs_banner .img img{width: calc(100% - 14px);height: calc(100% - 14px);margin: 7px;}
#aboutUs_banner .img3{width: 60%;height: auto;top: 0;left: 20%;z-index: 3;}
.aboutUs{margin-top:0px;}
section .proudct_img img{width:100%;}
.aboutUs .aboutTitle{margin-bottom:0px;margin-top: 0px;}
.aboutUs img{width:100%}
.aboutUs .aboutUs_server{margin-top:20px;}
.aboutUs .aboutUs_lc_nianfen ul li{float:left; width:14.28%;display: inline-block; text-align:center; font-size:12px;}
/*join us*/
#joinUs_banner{width: 100%;min-height: 200px;margin-top:0px;overflow: hidden;position: relative; text-align:center}
#joinUs_banner .img{overflow: hidden;position: absolute;transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;}
#joinUs_banner .img img{width: calc(100% - 14px);height: calc(100% - 14px);margin: 7px;}
#joinUs_banner .img3{width: 60%;height: auto;top: 0;left: 20%;z-index: 3;}
.joinUs{margin-top:0px; margin-bottom:30px;}
.joinUs_text{margin:0px 0px;text-align:center}
.joinUs_text img{width:100%}
.joinUs_contact{background:rgba(5,83,95,0.8);margin: 20px auto;text-align: center;padding: 20px 0px; height:100px;}
.joinUs_contact li{float:left;width:33.33%; text-align:center}
.joinUs_contact li img{width:100%}
