.fban{
    width: 100%;
    height: 450px;
    background: url(../images/zs/zsban1.jpg) 50% 100% no-repeat;
}
.fban p{width: 310px;height: 280px;position: absolute;top: 80px;left: 50%;}

.fwcont{width: 100%;height: auto;}
.fwcont .fwtit{width: 508px;height: 110px;margin: 0 auto;}

.cont1{width: 100%;height: auto;position: relative;padding-top: 100px;}
.tites{width: 1460px;margin: 0 auto;}
.tites .tit{font-size: 36px;color: #616161;text-transform : uppercase;}
.tites .tit1{margin-top: 10px;width: 100%;height: 46px;position: relative;}
.tites .tit1 span:nth-of-type(1){
    width: 320px;
    text-align: center;
    font-size: 36px;
    background: #00011c;
    color: #ffdd80;
    display: inline-block;
    line-height: 46px;
    font-weight: normal;
}
.tites .tit1 span:nth-of-type(2){
    font-size: 14px;
    line-height: 23px;
    position: absolute;
    top: 0;
    left: 340px;
    color: #616161;
    font-family: 宋体;
}

.cont2 .tites .tit1{
    width: 100%;
    height: 110px;
}
/*.cont2 .tites .tit1 span:nth-of-type(1){
    background-repeat: no-repeat;
}
.cont2 .tites .tit1 span:nth-of-type(2){
    background: none;
    left: 360px;
    top: 26px;
}*/
.cont6{width: 1460px;height: 660px;margin: 0 auto 120px;}
.cont6 ul{width: 100%;height: 100%;overflow: hidden;background: #f9f9f9;}
.cont6 ul li{width: 365px;height: 220px;float: left;position: relative;overflow: hidden;}
.cont6 ul li p.li1{width: 365px;height: 220px;cursor: pointer;}
.cont6 ul li p.li1 img{transition: all 0.5s;}

.cont6 ul li:nth-of-type(1){width: 730px;height: 220px;}
.cont6 ul li:nth-of-type(1) p.li2{width: 580px;height: 170px;margin: 25px auto;}
.cont6 ul li:nth-of-type(4),.cont6 ul li:nth-of-type(4) p.li1,.cont6 ul li:nth-of-type(8),.cont6 ul li:nth-of-type(8) p.li1{
    width: 365px;
    height: 220px;
}

.cont6 ul li .conzx{background: #94c806;}
.cont6 ul li .conch{background: #009fea;}
.cont6 ul li .consj{background: #f4bc11;}
.cont6 ul li .conbk p{color: #616161}
.cont6 ul li .con6li{padding: 30px 40px;width: 100%;height: 100%;position: relative;}
.con6li p{color: #fff;}
.con6li .tit61{font-size: 30px;color: #fff;}
.con6li .tit61 img{width: 36px;height: 36px;position: relative;left: 10px;top: -2px;}
.con6li .tit62{font-size: 14px;text-transform: uppercase;margin-top: 3px;}
.con6li .tit63{
    font-size: 24px;
    position: absolute;
    top: 30px;
    right: 40px;
}
.con6li .tit64{
    width: 283px;
    font-size: 14px;
    position: absolute;
    left: 40px;
    bottom: 30px;
    line-height: 24px;
    text-align: justify;
}
figure .xz{
  height: 100%;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transition: 0.6s;
  -webkit-transition: 0.6s;
  cursor: pointer;
}

figure:hover>div {
  transform: rotateY(90deg);
}

figure .face {
  width: 100%;
  height: 220px;
  position: absolute;
  box-sizing: border-box;
  font-family: 'Source Sans Pro',sans-serif;
}

figure .face:nth-child(1) {
  color: #fff;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}
figure .face:nth-child(1) .face1{width: 100%;height: 100%;position: relative;}


figure .face:nth-child(2) {
  color: #094b2c;
  background: green;
  transform: rotateY(-90deg) translate3d(0, 0, 0);
  -webkit-transform: rotateY(-90deg) translate3d(0, 0, 0);
}

.cont1 .zb{
    width: 100%;
    height: 857px;
    margin-top: 70px;
    background: url(../images/zs/qlzb.jpg) 50% 100% no-repeat;
    background-size: 1920px 857px;
    position: relative;
}

.cont1 .zb .titbg{
    width: 670px;
    height: 560px;
    position: absolute;
    top: 115px;
    left: 50%;
    margin-left: -685px;
}
.titbg p{text-align: center;font-size: 16px;color: #000;line-height: 44px;cursor: pointer;}
.titbg p.tits{width: 100px;height: 42px;background: url(../images/zs/zs1.png);}
.titbg .tit1{position: absolute;right: 9px;top: 52px;}
.titbg .tit2{position: absolute;right: 23px;top: 340px;}
.titbg .tit3{position: absolute;right: 120px;top: 473px;}
.titbg p.tits1{width: 100px;height: 42px;background: url(../images/zs/zs21.png);}
.titbg .tit4{position: absolute;right: 254px;top: 2px;}
.titbg .tit5{position: absolute;left: 160px;top: 35px;}
.titbg .tit6{position: absolute;left: 42px;top: 112px;}
.titbg .tit7{width: 166px;height: 42px;background: url(../images/zs/zs31.png);position: absolute;left: 4px;top: 225px;}
.titbg .tit8{width: 120px;height: 42px;background: url(../images/zs/zs41.png);position: absolute;left: 51px;top: 505px;}

.cont1 .zb .titxq{width: 570px;height: 570px;position: absolute;top: 95px;left: 50%;margin-left: 95px;}
.titxq .xqimg{width: 537px;height: 318px;position: relative;top: 24px;left: 18px;}
.titxq .xqimg>p{width: 100%;height: 100%;display: none;}
.titxq .xqimg>p.on{display: block;}
.titxq .xqzi{width: 100%;height: 166px;position: absolute;left: 0;bottom: 0;padding: 25px 35px;}
.titxq .xqzi>div{width: 100%;height: 100%;display: none;}
.titxq .xqzi>div.on{display: block;}
.titxq .xqzi>div p{color: #cacaca;}
.titxq .xqzi>div p.xqbig{font-size: 24px;padding-bottom: 10px;border-bottom: 1px solid #cacaca;line-height: 20px;}
.titxq .xqzi>div p.xqbig span{font-size: 10px;text-transform : uppercase;line-height: 15px;}
.titxq .xqzi>div p.xqjs{font-size: 14px;line-height: 20px;margin-top: 10px;}

.cont2{width: 1460px;height: auto;margin: 0 auto;padding-top: 100px;}
.cont3 .tites .tit1 span:nth-of-type(2){
    font-size: 14px;
    line-height: 23px;
    position: absolute;
    top: 0;
    left: 360px;
    color: #616161;
}
.cont2 .youshi{width: 100%;height: 660px;margin-top: 60px;position: relative;}
.cont2 .youshi .yshi{position: absolute;top: 0;left: 0;width: 100%;display: none;}
.cont2 .youshi .ons{display: block;}
.cont2 .youshi .ysleft{width: 368px;height: 493px;border: 1px solid #d2d2d2;position: absolute;top: 0;right: 0;}
.ysleft .qqsy{padding: 50px 30px;width: 100%;height: 100%;position: relative;}
.ysleft .qqsy p.glo{
    font-size: 14px;
    color: #5f5f5f;
    width: 100%;
    height: 110px;
    text-transform : uppercase;
    position: relative;
}
.ysleft .qqsy p.glo span{font-size: 48px;color: #616161;}
.ysleft .qqsy p.glo img{width: 58px;height: 60px;position: absolute;top: 7px;left: 105px;}
.ysleft .qqsy p.zi{
    font-size: 14px;
    color: #616161;
    line-height: 25px;
    text-align: justify;
    margin-top: 10px;
    padding-bottom: 40px;
    border-bottom: 1px solid #b8b8b8;
}
.ysleft .qqsy ul{width: 100%;height: auto;overflow: hidden;margin-top: 45px;}
.ysleft .qqsy ul li{
    width: 150px;
    height: 22px;
    float: left;
    text-align: center;
    line-height: 22px;
    color: #ffdd80;
    font-size: 14px;
    background: #00011c;
    border: 1px solid #00011c;
    margin-bottom: 6px;
    margin-right: 6px;
}
.ysleft .qqsy ul li:nth-child(2n){margin-right: 0;}
.ysleft .qqsy ul li.on{color: #616161;background: #fff;border: 1px solid #d2d2d2;}
.ysleft .shu{font-size: 12px;color: #aaaaaa;text-align: center;position: absolute;bottom: 10px;left: 151.5px;}
.ysleft .shu span{font-size: 36px;}
.cont2 .youshi .ysrig{
    width: 1068px;
    height: 493px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background: url(../images/lefts.png);width: 32px;height: 60px;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background: url(../images/rigs.png);width: 32px;height: 60px;}
.cont2 .sixs{width: 100%;height: 150px;position: absolute;bottom: 0;left: 0;background: #eaeaea;}
.sixs .siximg{width: 320px;height: 78px;position: relative;top: 36px;left: 50px;}
.sixs ul{width: 980px;height: 81px;position: absolute;top: 36px;right: 20px;}
.sixs ul li{
    float: left;
    font-size: 10px;
    color: #616161;
    cursor: pointer;
    padding: 12px 33px;
    margin-right: 27px;
    border: 1px solid #eaeaea;
    text-align: center;
    text-transform : uppercase;
}
.sixs ul li:last-child{margin-right: 0;}
.sixs ul li span{font-size: 30px;line-height: 38px}
.sixs ul li.on{border: 1px solid #e4aa0d;color: #e4aa0d}

.cont3{width: 100%;height: auto;margin: 0 auto;padding-top: 100px;}
.cont3 .fang{width: 1460px;height: 690px;margin: 80px auto 0;}
.cont3 .fang p{width: 100%;height: 100%;display: none;}
.cont3 .fang p.once{display: block;}
.cont3 .fans{width: 1580px;height: 312px;margin: 10px auto 0;position: relative;}
/*.cont3 .swiper-container{width: 1460px;height: 312px;margin: 0 auto;}
.cont3 .swiper-container .swiper-slide{width: 484px!important;height: 312px;position: relative;cursor: pointer;}*/
.cont3 .mask{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.cont3 .mask span{color: #fff;text-align: center;display: block;}
.cont3 .mask span:nth-of-type(1){font-size: 24px;margin-top: 120px;}
.cont3 .mask span:nth-of-type(2){width: 300px;font-size: 14px;margin: 20px auto;border: 1px solid #959595;}
.cont3 .overs{
    display: none;
    width: 100%;
    height: 100%;
    background: #e4aa0d;
    position: absolute;
    top: 0;
    left: 0;
}
.cont3 .overs .ovpad{padding: 48px 40px;}
.cont3 .overs .ovpad span{color: #574001;display: block;}
.cont3 .overs .ovpad span:nth-of-type(1){font-size: 24px;}
.cont3 .overs .ovpad span:nth-of-type(2){font-size: 14px;margin-top: 10px;border: 1px solid #574001;padding: 0 10px;width: 246px;}
.cont3 .overs .ovpad p{
    font-size: 14px;
    line-height: 22px;
    margin-top: 40px;
    color: #574001;
    height: 88px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4; 
}

.cont3 .zyca{width: 1460px;height: auto;margin: 80px auto 0;position: relative;}
.zyca dl{width: 100%;height: auto;overflow: hidden;margin: 0;}
.zyca dl dd{
    width: 709px;
    height: 379px;
    margin: 0 42px 50px 0;
    float: left;
    overflow: hidden;
}
.zyca dl dd:nth-of-type(2n){margin-right: 0;}
.zyca dl dd:nth-of-type(5),.zyca dl dd:nth-of-type(6){margin-bottom: 0;}
.zyca dl dd a{display: block;width: 100%;height: 100%;position: relative;}
.zyca dl dd a .tb{width: 460px;height: 90px;position: absolute;top: 135px;left: 40px;}
.zyca dl dd a .zi{
    width: 262px;
    height: 199px;
    padding: 90px 40px;
    font-size: 14px;
    color: #fff;
    position: absolute;
    top: 0;
    left: -335px;
    transition: .5s;
    line-height: 26px;
    text-align: justify;
}
.zyca dl dd:hover .tb{
    opacity: 0;
}
.zyca dl dd:hover .zi{
    left: 0;
}

.cont3 .zyca .zsleft{width: 1103px;height: 100%;overflow: hidden;}
.zsleft .zs1{width: 100%;height: 100%;display: none;}
.zsleft .zscon{display: block;}
.zsleft .zs1 .swiper-container{width: 1103px;height: 100%;margin: 0 auto;}
.zsleft .zs1 .swiper-container .swiper-slide{width: 100%;height: 100%;position: relative;cursor: pointer;}
.zsleft .zs1 .swiper-container .swiper-slide p{
    width: 100%;
    height: 55px;
    line-height: 55px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,.8);
}
.zsleft .zs1 .swiper-container .swiper-slide p span{
    width: 1071px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 0;
    left: 16px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.cont3 .zyca .zsrig{
    width: 353px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}
.zsrig ul{width: 100%;height: 100%;overflow: hidden;}
.zsrig ul li{width: 353px;height: 113px;margin-bottom: 5px;cursor: pointer;position: relative;}
.zsrig ul li:last-child{margin-bottom: 0;}
.zsrig ul li .img1{position: absolute;top: 0;left: 0;}
.zsrig ul li .img2{position: absolute;top: 0;left: 0;display: none;}