@charset "utf-8";
/* CSS Document */
html,body{overflow:hidden;overflow-y:auto;}
body{background:url(../images/background.jpg) no-repeat top center; font-family:'微软雅黑';}
.bg{width: 100%; margin: 0 auto; background: none;}
*{padding: 0;margin: 0;}
a{text-decoration:none}
li{list-style:none}
.icon-bar-list,icon-bar{display:none}
.container{width: 769px;margin: 0 auto;}
@-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:78px; overflow:hidden;width:100%}
header .logo{float:left;margin-top:15px; margin-left:10px;}
header .logo img{height:54px;}
nav{float:right; margin-top:25px;}
nav a{float: left; width: 90px; height: 38px; margin-left: -15px; background: url(../images/navbg.png); background-repeat: no-repeat; background-size: 90px; color: #fff; line-height: 38px; text-align: center; font-size: 15px;}
nav a:hover{color:#ff0000;}
header .register{float:right;margin-left: 5px; margin-top: 28px; margin-right:10px;}
header .register a{float:right; margin-left:5px; width:50px; line-height:32px; height:32px; background:#fff; border-radius:5px;color:#ff0000; text-align:center; font-size:16px;}
line{background:url(../images/line.png) no-repeat top center;background-size:100%; height: 20px; width: 100%; position: absolute; left: 0px;}
.slide{width: 100%;min-height: 670px;margin-top:25px;overflow: hidden;position: relative;}
.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: 40%;top: 10%;left: 0%;z-index: 2;}
.slide .img3{width: 80%;height: auto;top: 0;left: 10%;z-index: 3;}
.slide .img4{width: 60%;height: 40%;top: 10%;right: 0%;z-index: 2;}
.slide-bt{width:140px;margin-left:-70px;position: absolute;left: 50%;top: 480px;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: 480px;}
.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{margin-top: 110px;width:100%; overflow:hidden}
.swTitle{height: 110px; width: 100%; margin: 0 auto; text-align: center; background: url(../images/swBg.png) center no-repeat; line-height: 138px; font-size: 48px;color:#fff;}
.swTitle span{background: linear-gradient(to bottom, #1fd7ed, #b4ffff); -webkit-background-clip: text; color: transparent;}
.swText{height: 256px; width: 100%; margin: 0 auto; text-align: center; background: url(../images/swText.png) center no-repeat; line-height: 50px; font-size: 24px;color:#fff;padding-top: 100px;}
.swIcon{width: 100%;height: 340px; margin: 0 auto; 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:15px;font-size:24px;}
.swIcon span img{width:212px;height:212px;}
/*slide*/
/* slide */
#indexmain{width:100%;margin:0 auto;overflow:hidden;position:relative;font-size:12px;}
#slide{position:relative;width:100%;height:700px;margin:11px auto 25px;}
#slide .bd{left:30px;top:100px;}
#slide .cover{position:relative;width:100%;height:700px;overflow:hidden;}
#slide ul{position:relative;overflow:hidden;height:700px;width:2000px;}
#slide li{position:relative;float:left;display:inline;width:282px;height:700px;margin-right:20px;}
#slide li a{position:relative;text-decoration:none;border:3px solid #24262f;width:276px;height:210px;overflow:hidden;display:block;}
#slide li img{display:block;}
#slide .btn{position:absolute;top: 285px;width:55px; height:61px;}
#slide .left-btn{left:-5px; background:url(../images/left.png) center;}
#slide .right-btn{right:2px; background:url(../images/right.png) center}
#slide .tab{position:relative;height:150px;width:100%;}
#slide .tab a:hover{text-decoration:none;color:#ff0000;}
#slide .tab .cur{color:#ff0000;}
.case{margin-top:120px;}
.caseIcon{width: 100%; margin: 40px auto 0px; text-align: center;}
.caseIcon a{float:left;color:#fff;width:33.3%;text-align:center;background:url(../images/caseBg.png) center no-repeat;background-repeat:no-repeat;background-size:100%;font-size: 20px; line-height: 60px; height: 90px;}
.caseIcon .cur{color:#ff0000;}
footer{height:180px; background:#00071a; width:100%; color:#fff; line-height:20px;font-size: 12px; position: fixed; 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:18px;}
.footer-right p a{color:#fff;padding: 2px;}
.footer-right p a:hover{color:#ff0000;}
/*=====================首页end====================*/
/*product*/
.product_tab{width: 100%; margin: 560px auto 0px; text-align: center;}
.product_tab a{float:left;color:#fff;width:33.3%;text-align:center;background:url(../images/caseBg.png) center no-repeat;background-repeat:no-repeat;background-size:100%;font-size: 20px; line-height: 60px; height: 90px;}
.product_tab .cur{color:#ff0000;}
#product_banner .img3{width: 96%;height: auto;top: 0;left: 2%;z-index: 3;}
.product_s .proudct_img:last-child{margin-bottom: 200px;}
/*about us*/
#aboutUs_banner{width: 100%;min-height: 600px;margin-top:30px;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: 96%;height: auto;top: 0;left: 2%;z-index: 3;}
.aboutUs{margin-top:200px; margin-bottom:230px;}
section .proudct_img img{width:100%;}
.aboutUs .aboutTitle{margin:60px 0px 40px;}
.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;}
.aboutUs .aboutUs_ys ul{float: left;margin-bottom: 200px;}
/*join us*/
#joinUs_banner{width: 100%;min-height: 600px;margin-top:30px;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: 96%;height: auto;top: 0;left: 2%;z-index: 3;}
.joinUs{margin-top:200px; margin-bottom:230px;}
.joinUs_text{margin:30px 0px;text-align:center}
.joinUs_text img{width:100%}
.joinUs_contact{background:rgba(5,83,95,0.8);margin: 20px auto 50px;text-align: center;padding: 20px 0px; height:200px;}
.joinUs_contact li{float:left;width:33.33%; text-align:center}
.joinUs_contact li img{width:100%}