@charset "utf-8";
/* CSS Document */
body{background:url(../images/background.jpg) no-repeat top center; font-family:'微软雅黑';}
.bg{width: 100%;margin: 0 auto;background:url(../images/bgCar.png) top right no-repeat;}
*{padding: 0;margin: 0;}
a{text-decoration:none}
li{list-style:none}
.icon-bar-list{display:none}
.container{width: 1200px;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:98px;}
header .logo{float:left;margin-top:17px;}
header .logo img{height:64px;}
/*nav*/
nav{float:right; margin-top:17px;}
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*/
header .select{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: 32px; width: 100%; position: absolute; left: 0px;}
.slide{width: 100%;min-height: 870px;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: 762px;height: 556px;top: 0;left: 219px;z-index: 3;}
.slide .img4{width: 60%;height: 40%;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}
.right-btn,.left-btn{ display:none}
/*=====================section====================*/
section{margin-top: 110px;}
.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 a{color:#fff;}
.swIcon span:hover{cursor:pointer}
.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*/
#indexmain{width:100%;margin:0 auto;overflow:hidden;position:relative;font-size:12px;}
#slide{position:relative;width:100%;height:650px;margin:11px auto 25px;}
#slide .bd{left:30px;top:100px;}
#slide .cover{position:relative;width:100%;height:650px;overflow:hidden;}
#slide ul{position:relative;overflow:hidden;height:650px;width:2000px;}
#slide li{position:relative;float:left;display:inline;width:282px;height:650px;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*/
.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;font-size: 24px; line-height: 53px; height: 90px;}
.caseIcon .cur{color:#ff0000;}
/*=====================footer====================*/
footer{height:200px; background:#00071a; width:100%; color:#fff; line-height:40px; display:inline-table}
footer .footer{width:1200px; margin:0 auto; text-align:center;}
.footer-left{float:left; width:30%; margin-top: 31px;}
.footer-left span{margin: 0 20px;}
.footer-right{float:left; width:70%; margin-top: 40px;}
.footer-right p a{color:#fff; padding:20px;}
.footer-right p a:hover{color:#ff0000;}
/*=====================首页end====================*/
/*product*/
.product_tab{width: 100%; margin: 565px auto 0px; text-align: center;}
.product_tab a{float:left;color:#fff;width:33.3%;text-align:center;background:url(../images/caseBg.png) center top no-repeat;font-size: 24px; line-height: 53px; height: 90px;}
.product_tab .cur{color:#ff0000;}
#product_banner{width: 100%;min-height: 600px;margin-top:25px;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: 762px;height: 556px;top: 0;left: 219px;z-index: 3;}
section  .proudct_img { text-align:center}
section .proudct_img img{width:80%; margin:0 auto}
section .proudct_img:last-child{margin-bottom:80px;}
/*about us*/
#aboutUs_banner{width: 100%;min-height: 600px;margin-top:50px;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: 762px;height: 556px;top: 0;left: 219px;z-index: 3;}
.aboutUs{margin-top:200px;}
.aboutUs .aboutTitle{margin-bottom:50px;margin-top: 50px;}
.aboutUs .aboutUs_server{margin-top:50px;}
.aboutUs .aboutUs_licheng{text-align:center}
.aboutUs .aboutUs_lc_arrow{background:url(../images/about_lc_arrow.png) center top no-repeat; width:100%; height:20px; line-height:20px; margin-top:50px;}
.aboutUs .aboutUs_lc_arrow ul{width:80%; margin:0 auto;}
.aboutUs .aboutUs_lc_arrow ul li{float:left; width:14.28%;display: inline-block; text-align:center}
.aboutUs .aboutUs_lc_arrow ul li i{height:20px; line-height:20px; border-radius:20px; background:#FFF; width:20px; text-align:center;display: inline-block; cursor:pointer}
.aboutUs .aboutUs_lc_arrow ul li .curs{background:#2BC0D9}
.aboutUs_lc_nianfen{color:#fff;}
.aboutUs .aboutUs_lc_nianfen ul{width:80%; margin:0 auto;}
.aboutUs .aboutUs_lc_nianfen ul li{float:left; width:14.28%;display: inline-block; text-align:center}
.aboutUs .aboutUs_lc_text{background:rgba(5,83,95,0.8); opacity:0.5; width:80%; margin: 50px auto 0px; text-align:center; padding:50px 20px;}
.aboutUs .aboutUs_ys{width:100%;margin:0 auto;}
.aboutUs .aboutUs_ys ul{float: left; margin-bottom:50px;}
.aboutUs .aboutUs_ys ul li{float:left;width:33.33%; text-align:center}
.aboutUs .aboutUs_ys ul li img{width:70%}
.nfPre{display:none}
/*join us*/
#joinUs_banner{width: 100%;min-height: 600px;margin-top:50px;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: 762px;height: 556px;top: 0;left: 219px;z-index: 3;}
.joinUs{margin-top:200px; margin-bottom:100px;}
.joinUs_text{margin-top:30px; margin-bottom:50px; text-align:center}
.joinUs_contact{background:rgba(5,83,95,0.8);margin: 50px auto;text-align: center;padding: 50px 0px; height:220px;}
.joinUs_contact li{float:left;width:33.33%}
.zpxx{background: rgba(5,83,95,0.8);width: 100%;text-align: center;padding: 30px 0px;}