body {
}
*{
    margin: 0;
    padding:0;
    list-style: none;
    font-family: "Microsoft YaHei";
}
a{
    text-decoration: none;
}
html, body {
    position: relative;
    height: 100%;
}
body {
    background: #eee;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color:#000;
    margin: 0;
    padding: 0;
}
.swiper-container {
    width: 100%;
    height: 100%;
}
.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-pagination-bullet{
    width: 10px;
    height: 10px;
    border:1px solid #f3f3f4;
    background: transparent;

}
.swiper-pagination-bullet-active{
    background: #ffffff;
    box-shadow:0 0 10px rgb(255,255,255);

}
.banner-p1{
    width:100%;
    height:112px;
    line-height: 112px;
    font-size: 50px;
    text-align: center;
    color: #ffffff;
    position: absolute;
    top:45%;
    margin-top: -56px;
    letter-spacing: 5px;
    left:0;
}
.banner-p2{
    width:350px;
    height:39px;
    line-height: 39px;
    font-size: 18px;
    text-align: center;
    color: #ffffff;
    position: absolute;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    top:53%;
    margin-top: -19.5px;
    left:50%;
    margin-left:-175px;
}
/*serv*/
.serv{
    width:100%;
    height: 530px;
    background: #fff;
    overflow: hidden;

}
.serv>p:nth-child(1){
    width:168px;
    height: 24px;
    line-height:24px;
    font-size:22px;
    margin: 63px auto;
    text-align: center;
    color: #333;
    font-weight: bold;
    margin-bottom: 0;

}
.serv>p:nth-child(2){
    width:168px;
    height: 20px;
    line-height:20px;
    font-size: 20px;
    margin: 15px auto;
    text-align: center;
    color: #a9a9a9;
    margin-bottom: 0;
    letter-spacing: 2px;
    font-family: "Brandon Text Light";
}
.itemClass{
    margin: 55px auto;
    width: 1160px;
    height: 280px;
}
.item{
    float: left;
    width:368px;
    height: 328px;
    border: 1px solid #dcdcdc;
    margin-right: 20px;
    transition: all 0.5s;
    position: relative;
    overflow: hidden;
}
.item a{
    width: 368px;
    height: 298px;
    display: block;
}
.item:hover{
    background: rgba(0,0,0,0.1);

}
.item:nth-last-child(1){
    margin: 0;
}
.icon1{
    width:61px;
    height:52px;
    background: url("/Content/Img/icon.png") no-repeat 0 0;
    position: absolute;
    top: 51px;
    left: 50%;
    margin-left: -30.5px;
    transition: all 0.5s;
}
.icon2{
    width:69px;
    height:69px;
    background: url("/Content/Img/icon.png") no-repeat -70px 0;
    position: absolute;
    top:40px;
    left: 50%;
    margin-left: -34.5px;
    transition: all 0.5s;
}
.icon3{
    width:57px;
    height:57px;
    background: url("/Content/Img/icon.png") no-repeat -150px 0;
    position: absolute;
    top: 47px;
    left: 151px;
    transition: all 0.5s;
}
.itemP1{
    text-align: center;
    width: 200px;
    font-size:18px;
    font-weight:bold;
    color: #333;
    position: absolute;
    left: 50%;
    margin-left: -100px;
    top: 139px;
    transition: all 0.5s;
}
.item span{
    width: 30px;
    height:1px;
    background: #535353;
    display: block;
    position: absolute;
    top: 182px;
    left: 50%;
    margin-left: -15px;
    transition: all 0.5s;
}
.itemP2{
    width:240px;
    text-align: center;
    font-size: 13px;
    line-height: 21px;
    color: #999;
    position: absolute;
    top: 199px;
    left:50%;
    margin-left: -120px;
    transition: all 0.5s
}
.itemP2 div{
    float: left;
}
.iconZ{
    width: 100%;
    height: 500px;
    background: url("/Content/Img/qwe/bg-3.jpg")no-repeat;
    background-size: 100% 100%;
}
.ZCent{
    width: 1160px;
    height: 500px;
    margin:0 auto;
    overflow: hidden;
}
.ZCent li{
    width: 229px;
    height:500px;
    float: left;
    border-left: 1px solid #3e4245;
    border-right: 1px solid #3e4245;
    position: relative;
}
.ZCent li p:nth-child(2){
    width: 229px;
    font-size: 30px;
    text-align: center;
    color: #ffffff;
    position: absolute;
    top:250px;
}
.ZCent li p:nth-child(3){
    width: 229px;
    font-size: 18px;
    text-align: center;
    color: #a9aaae;
    font-family: "Brandon Text Light";
    position: absolute;
    top:300px;
}
.iconz{
    width: 60px;
    height: 60px;
    display: inline-block;
    position:absolute;
    left:50%;
    margin-left: -30px;
        top: 147px;
}
.iconz1{
background: url("/Content/Img/qwe/icon1.png");
    background-size:100% 100% ;
}
.iconz2{
background: url("/Content/Img/qwe/icon2.png");
    background-size:100% 100% ;
}
.iconz3{
background: url("/Content/Img/qwe/icon4.png");
    background-size:100% 100% ;
}
.iconz4{
background: url("/Content/Img/qwe/icon5.png");
    background-size:100% 100% ;
}
.iconz5{
    display: inline-block;
background: url("/Content/Img/qwe/icon3.png");
    background-size:100% 100% ;
}
.ZCent li:hover{
    background: rgba(0,0,0,0.4);
}
.news{
    width:100%;
    height: 700px;
    background: #fff;
    overflow: hidden;
    position: relative;
    z-index: 0;
}
.news>p:nth-child(1){
    font-size: 24px;
    text-align: center;
    color: #333;
    margin-top: 65px;
}
.news>p:nth-child(2){
    font-size: 20px;
    color: #a1a1a1;
    text-align: center;
    margin-top: 14px;
    font-family: "Brandon Text Light";
}
.banner1 {
    width: 1160px;
    height: 390px;
    margin: 54px auto;
    margin-bottom: 0;
    position: relative;
}
.prev{
    width:58px;
    height: 58px;
    border:1px solid #f1f2f6;
    background: url("/Content/Img/icon.png")no-repeat -11px -69px;
    position: absolute;
    left: -100px;
    top: 160px;
    cursor: pointer;
    z-index: 666;
}
.next{
    width: 58px;
    height: 58px;
    border: 1px solid #f1f2f6;
    background: url("/Content/Img/icon.png")no-repeat -62px -69px;
    position: absolute;
    right: -100px;
    top: 160px;
    cursor: pointer;
    z-index: 666;
}
.lbz{
    width: 2345px;
    height:390px;
    position: absolute;
    left:0;
    top:0;
    transition:inherit;
}
.banner1 .wrap ul li{
    float: left;
    width:370px;
    height:390px;
    margin-right: 25px;
    cursor: pointer;
}
.banner1 .wrap ul li:nth-last-child(1){
    margin-right: 0;
}
.wrap{
    width: 1160px;
    height: 390px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.banTop{
    width: 370px;
    height: 220px;
    background: url("/Content/Img/pro_1.jpg") no-repeat;
    -webkit-background-size:100% 100%;
    background-size:100% 100%;
}
.banTop img{
width:370px;
height:220px;

}
.banTop:hover{
    background: gray;
    color: #ffffff;
}
.banbot{
    width: 370px;
    height: 170px;
    background: #f8f9fd;
    overflow: hidden;
}
.banbot p{
    margin: 0 auto;
    width:319px;
}
.banbot p:nth-child(1){
    font-size: 18px;
    color: #333;
    line-height: 27px;
    margin-top: 20px;
}
.banbot p:nth-child(2){
    font-size: 12px;
    color: #666;
    margin-top: 17px;
}
.banbot p:nth-child(3){
    font-size: 12px;
    color: #7f7f80;
    margin-top:21px ;
}
.more{
    display:block;
    width:368px;
    height: 38px;
    border: 1px solid #f1f2f6;
    text-align: center;
    margin: 30px auto;
    line-height: 38px;
    font-size:14px;
    color: #676767;
    font-family: "Brandon Text Light";
    cursor: pointer;
}
.more:hover{
    background: #f1f2f6;
}
.swiper-button-next {
background:url("/Content/Img/qiehuan.png");
width:70px;
height:70px;
background-size:100% 100%;
right:11.6%;
left:auto;
}
.swiper-button-prev {
background:url("/Content/Img/qiehuan.png");
width:70px;
height:70px;
background-size:100% 100%;
transform:rotate(180deg);
left:11.6%;
right:auto;
}