body {
    width: 100%;
    height: 100%;
    background: url(../images/banner.png) top center no-repeat;
    color: #fff;
    margin: 0 auto;
    padding: 0;
}
.blank1100{
    margin:0 auto; 
    height:1046px; 
    font-size:1px; 
    clear:both; 
    overflow:hidden;
}
.nav{
    width: 100%;
    height: 350px;
    background: url(../images/nav.png) top center no-repeat;
    color: #fff;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    position: relative;
    z-index: 999;
}
.nav p{
    font-size: 25px;
    text-indent: 3rem;
    letter-spacing: 1px;
    line-height: 40px;
}
.w1100{
    width: 1100px;
    margin: 0 auto;
}
.bg1{
    width: 100%;
    background: url(../images/bg1.png) top center no-repeat;
    color: #fff;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    left: 0;
    top: 1360px;
}
.w1200{
    width: 1200px;
    margin: 0 auto;
}
.title{
    width: 628px;
    margin: 30px auto;
}
.bg2{
    width: 100%;
    height: 808px;
    background: url(../images/bg2.png) top center no-repeat;
    color: #fff;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    left: 0;
    top: 2105px;
}
.bg3{
    width: 100%;
    height: 868px;
    background: url(../images/bg3.png) top center no-repeat;
    color: #fff;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    left: 0;
    top: 2905px;
}
.bg3 .silde{
    position: relative;
    width: 1200px;
    height:547px;
    margin: 60px auto;
}
.bg3 .arrow-left{
    position: absolute;
    left:0;
    top: 45%;
    width: 49px;
    height:85px;
    background: url("../images/left.png") no-repeat;
}
.bg3 .arrow-right{
    position: absolute;
    right:0;
    top: 45%;
    width: 49px;
    height:85px;
    background: url("../images/right.png") no-repeat;
}
.bg3 .swiper-container {
    width: 957px;
    height:547px;
    margin: 0 auto;
}
.bg3 .swiper-slide{
    position: relative;
}
.bg3 .juxing{
    width: 957px;
    height:80px;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    bottom: 0;
    left:0;
}
.bg3 .juxing .title {
    width: 100%;
    font-size: 26px;
    color: #fff;
    display: block;
    line-height: 80px;
    margin: 0 auto;
    padding-left: 15px;
}
.bg4{
    width: 100%;
    height: 1097px;
    background: url(../images/bg4.png) top center no-repeat;
    color: #fff;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    left: 0;
    top: 3770px;
}
.bg4 .slide{
    width: 1200px;
    position: relative;
    margin-top: 60px;
}
.bg4 .jcImgScroll ul li{
    width: 665px;
    height: 381px;
    position: relative;
}
.bg4 .jcImgScroll ul li.select{
    overflow: visible!important;
}
/* jQuery jcImgScroll css */

.bg4 .jcImgScroll {
    position: relative;
    height: 381px;
    margin:0 auto;
}
.bg4 .jcImgScroll li a {
    display: block;
    height: 381px;
    margin-left: 0;
    position: relative;
}
.bg4 .jcImgScroll em.sPrev {
    background: url(../images/left.png) no-repeat;
    left: 0;
    top: 125px;
}
.bg4 .tit{
    width: 651px;
    position: absolute;
    bottom: 0;
    height: 60px;
    font-size: 22px;
    padding-left: 15px;
    line-height: 60px;
    background: rgba(0, 0, 0, 0.6);
}
.bg4 .tit .f16{
    font-size: 16px;
    color: #8b8b8b;
    line-height: 30px;
}
.bg4 .tit .f16 a{
    font-size: 16px;
    color: #b50614;
}
.bg4 .jcImgScroll em.sNext {
    background: url(../images/right.png) no-repeat;
    right: 0;
    top: 125px;
}

.jcImgScroll li,
.jcImgScroll li,
.jcImgScroll em,
.jcImgScroll dl {
    display: block;
}
.bottom{
    width: 538px;
    margin: 126px auto;
}