* {
    margin: 0;
    padding: 0;
}
body {
    background: #eee;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color:#000;
    margin: 0;
    padding: 0;
}
ul li{
				list-style: none;
			}
			a{
				text-decoration: none;
				color:#000000;
			}	
.swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    /*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-container-vertical > .swiper-pagination-bullets{
    right:30px;
}
/*模块一*/
.hs-h1 {
    width: 100%;
    font-family: "微软雅黑";
    position: relative;
    height: 100vh;
}
.first-model{

    position: relative;
}
.first-model-title{
    width: 100%;
    text-align: center;
    /*margin-top: 6vh;*/
}
.first-model-title>img{
    width: 100%;
}
.first-concept {
    width: 100%;
    text-align: center;
    font-size: 1.25vw;
    margin: 1vw auto;
    color: #333333;
}
.first-icon{
	width:35%;
	margin: 1vw auto;
} 
.first-icon>img{
	width:100%;
}
.first-model-left{
    position: absolute;
    left: 26%;
    top: 40%;
    width: 18%;
   
}
.first-model-left>img{
    width: 100%;
}
.first-model-right{
    position: absolute;
    right: 28%;
    top: 50%;
    width: 20%;
    

}
.first-model-right>img{
    width: 100%;
}

.list-img{
    width: 100%;
}
/*模块二*/
.second-model{
    background:#00abc0;
    position: relative;
}
.second-model-header{
    width: 100%;
    /*margin: 5vh auto;*/
}
.second-model-header>img{
    width: 100%;
}
.second-watch1{
	position: absolute;
    left: 24%;
    top: 38vh;
    width: 18%;
}
.second-watch1 img{
	width:24%;
}
.second-shadow1{
	position: absolute;
    left: 24%;
    top: 70vh;
    width: 18%;
}
.second-watch2{
	position: absolute;
    left: 40%;
    top: 38vh;
    width: 18%;
}
.second-watch2 img{
	width:24%;
}
.second-shadow2{
	position: absolute;
    left: 40%;
    top: 70vh;
    width: 18%;
}
.second-watch3{
	position: absolute;
    left: 56%;
    top: 38vh;
    width: 18%;
}
.second-watch3 img{
	width:24%;
}
.second-shadow3{
	position: absolute;
    left: 56%;
    top: 70vh;
    width: 18%;
}
/*模块三*/
.third-model{
   background:#333;
   position: relative;
}
.third-header{
    width: 100%;
    /*margin: 5vh auto;*/
}
.third-header>img{
    width:100% ;
}
.third-model-01{
    position: absolute;
    top: 40%;
    left: 26%;
    width: 16%;
}
.third-model-01>img{
    width: 100%;
}
.third-model-02{
    position: absolute;
    left: 50%;
    top: 40%;
    width: 18%;
}
.third-model-02>img{
    width: 100%;
}
.third-model-03{
    position: absolute;
    left: 50%;
    top: 65%;
    width: 18%;
}
.third-model-03>img{
    width: 100%;
}
/*模块四*/
.four-model{
    background: url("../img/four-model-bg.jpg") no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size:100% 100%;
    background-size:100% 100%;
    position: relative;
}
.four-header{
    width: 100%;
    /*margin: 5vh auto;*/
}
.four-header>img{
    width:100% ;
}
.four-model-01{
	position: absolute;
    bottom:-1%;
    left: 20%;
    width: 28%;
}
.four-model-01>img{
	width:100%;
}
.four-model-02{
	position: absolute;
    top:28%;
    right:22%;
    width: 24%;
}
.four-model-02>img{
	width:100%;
}
.four-model-03{
	position: absolute;
    top:54%;
    right:26%;
    width: 16%;
}
.four-model-03>img{
	width:100%;
}

/*模块五*/
.five-model{
   background:#323232;
    position: relative;
}
.five-model-header{
    width: 100%;
    /*margin: 5vh auto;*/
}
.five-model-header>img{
    width: 100%;
}
.five-model-01{
    position: absolute;
   top:48%;
   left:32%;
    width: 14%;
}
.five-model-01>img{
    width: 100%;
}
.five-model-02{
   position: absolute;
   top:46%;
   right:32%;
   width: 12%;
}
.five-model-02>img{
    width: 100%;
}

/*模块六*/
.six-model{
	background:url(../img/six-model-bg.jpg) no-repeat;
	 -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size:100% 100%;
    background-size:100% 100%;
    position: relative;
}
.six-model-header{
    /*position: absolute;
    right:24%;
    top: 10vh;
    width: 26%;*/
}
.six-model-header>img{
    width: 100%;
}
.six-model-01{
    position: absolute;
    right: 23%;
    top:32%;
    width: 28%;
}
.six-model-img{
    width: 100%;
}
/*模块七*/
.seven-model{
    background:#fff;;
    position: relative;
}
.seven-model-01{
    width: 100%;
    /*margin: 5vh auto;*/
}
.seven-model-01 img{
    width: 100%;
}
.seven-model-02{
	width: 100%;
    /*margin: 2vh auto;	*/
}
.seven-model-02 img{
	width:30%;
}
.seven-model-03{
	width:50%;
	position:absolute;
	bottom:0%;
	left:10%;
	z-index:99;
}
.seven-model-03>img{
	width:100%;
}
.seven-model-04{
	width:60%;
	position:absolute;
	bottom:-2%;
	right:0;
}
.seven-model-04>img{
	width:100%;
}
.seven-model-05{
	width:6%;
	position:absolute;
	top:43%;
	left:57%;
}
.seven-model-05>img{
	width:100%;
}
.seven-model-06{
	width:6%;
	position:absolute;
	top:48%;
	left:72%;
}
.seven-model-06>img{
	width:100%;
}
/*模块八*/
.eight-model{
    background: url("../img/eight-model-bg.jpg") no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size:100% 100%;
    background-size:100% 100%;
    position: relative;
}
.eight-model-header{
    /*position: absolute;*/
    /*left: 18%;*/
    /*top:25vh;*/
    /*width: 16%;*/
}
.eight-model-header>img{
    width: 100%;
}

/*模块九*/
.nine-model{
    background: url("../img/nine-model-bg.jpg") no-repeat;
     -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size:100% 100%;
    background-size:100% 100%;
    position: relative;
    }
.nine-model-header{
    position: absolute;
    right: 24%;
    top:25vh;
    width: 24%;
}
.nine-model-header>img{
    width: 100%;
}

/*模块十*/
.ten-model{
    background: url("../img/ten-model-bg.jpg") no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size:100% 100%;
    background-size:100% 100%;
    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;*/
}
.ten-model-header{
    width: 100%;
    margin: 8vh auto;
}
.ten-model-header>img{
    width: 40%;
}
.ten-model-01{
	width: 8%;
	position: absolute;
	left:24%;
	top:45%;
}
.ten-model-01>img{
    width: 100%;
}
.ten-model-02{
    width: 8%;
	position: absolute;
	left:36%;
	top:45%;
}
.ten-model-02>img{
    width: 100%;
}


.eleven-model{
    background: url("../img/eleven-model-bg.jpg") no-repeat;
     -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size:100% 100%;
    background-size:100% 100%;
    position: relative;
}
.eleven-model-header{
    position: absolute;
    left: 0;
    top:5vh;
    width: 100%;
    text-align: center;
}
.eleven-model-header>img{
    width: 30%;
}
.eleven-model-01{
	position: absolute;
	bottom:-1%;
	left:30%;
	width:20%;
	
}
.eleven-model-01>img{
	width:100%;
}
.eleven-model-02{
	position: absolute;
	bottom:-1%;
	right:0;
	width:45%;
	
}
.eleven-model-02>img{
	width:100%;
}
.eleven-model-03{
	position: absolute;
	top:40%;
	right:18%;
	width:12%;
	
}
.eleven-model-03>img{
	width:100%;
}
/*十二*/
.twelve-model{
    background: url("../img/twelve-model-bg.jpg") no-repeat;
     -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size:100% 100%;
    background-size:100% 100%;
    position: relative;
}
.twelve-model-header{
    width: 100%;
    margin: 5vh auto;
}
.twelve-model-header>img{
    width: 40%;
}
.twelve-model-01{
	position: absolute;
    right:24%;
    top:40%;
    width: 16%;
}
.twelve-model-01 img{
	width:100%;
}
/*十三*/
.thirteenth-model{
    background:#000;
    position: relative;
}
.thirteenth-model-header{
    width: 100%;
    margin: 5vh auto;
}
.thirteenth-model-header>img{
    width: 35%;
}
.thirteenth-model-01{
	width: 40%;
    margin: 15vh auto;
}
.thirteenth-model-01 img{
	width:100%;
}
/*十四*/
.fourth-model{
    width: 100%;
    background-color: #f6f6f6;
}
.fourth-model-header{
    position: absolute;
    left: 0;
    top:5vh;
    width: 100%;
    text-align: center;
}
.fourth-model-header>img{
    width: 100%;
}
.fourth-model-01{
    position: absolute;
    left:22%;
    top:25%;
    width: 30%;
    text-align: center;
}
.fourth-model-01img{
    width: 100%;
}
.fourth-model-02{
    position: absolute;
    right:18%;
    top:20%;
    width: 24%;
    text-align: center;
}
.fourth-model-02>img{
    width: 100%;
}