body{background-color: #efefef;}
.banner{position: relative;height: 496px;}
.bannerImg{height: 100%;}
.bannerImg > li{float: left;width: 100%;height: 100%;background-size: auto 100%;background-position: center;background-repeat: no-repeat;}
.bannerImg > li.swiper-slide1{background-image: url(../image/banner1.jpg);}
.bannerImg > li.swiper-slide2{background-image: url(../image/banner2.jpg);}
.bannerImg > li.swiper-slide3{background-image: url(../image/banner3.jpg);}
.bannerImg > li.swiper-slide4{background-image: url(../image/banner4.jpg);}
.bannerImg > li.swiper-slide5{background-image: url(../image/banner5.jpg);}
.box > .bannerCon{position: absolute;top: 0;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.bannerList{width: 230px;background-color: rgba(0,0,0,.4);}
.bannerList > li{position: relative;padding:0 0 0 70px ;font-size: 16px;color: #fff;line-height: 70px;border-bottom: solid 1px rgba(255,255,255,.3);background-image: url(../image/bannerIcon1.png);background-size: 30px 30px;background-position: 24px center;background-repeat: no-repeat;}
.bannerList > li > a {font-size: 16px;color: #fff;line-height: 70px;}
.bannerList > li:nth-child(2){background-image: url(../image/bannerIcon2.png);}
.bannerList > li:nth-child(3){background-image: url(../image/bannerIcon3.png);}
.bannerList > li:nth-child(4){background-image: url(../image/bannerIcon4.png);}
.bannerList > li:nth-child(5){background-image: url(../image/bannerIcon5.png);}
.bannerList > li:nth-child(6){background-image: url(../image/bannerIcon6.png);}
.bannerList > li:nth-child(7){background-image: url(../image/bannerIcon7.png);border-bottom: none;}
.bannerList > li:after{position: absolute;top: 50%;-webkit-transform: translateY(-50%) rotate(-45deg);-ms-transform: translateY(-50%) rotate(-45deg);transform: translateY(-50%) rotate(-45deg);right: 20px;content: "";width: 9px;height: 9px;border-right: solid 2px rgba(255,255,255,.4);border-bottom: solid 2px rgba(255,255,255,.4);border-radius: 2px;-webkit-transition: all .5s linear;-o-transition: all .5s linear;transition: all .5s linear;cursor: pointer;}
.bannerDot{position: absolute;bottom: 10px;left: 50%;transform: translateX(-50%);z-index: 10;}
.swiper-pagination-switch {display: inline-block;width: 48px;height: 4px;border-radius: 2px;background: #FFFFFF;margin: 0 4px;cursor: pointer;}
.swiper-active-switch {background: #EA0F0E;}
.module1{margin: 0 0 10px 0;background-color: #fff;box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.2);}
.module1List {padding: 20px 4px;}
.module1List > li{margin: 0 0 0 50px;padding: 0 45px 0 0;border-right: solid 1px #CCCCCC;background-image: url(../image/module1Icon1.png);background-size: 66px 66px;background-position: left center;background-repeat: no-repeat;}
.module1List > li:nth-child(2){background-image: url(../image/module1Icon2.png);}
.module1List > li:nth-child(3){background-image: url(../image/module1Icon3.png);}
.module1List > li:nth-child(4){background-image: url(../image/module1Icon4.png);}
.module1List > li > div{padding: 13px 0 0 76px;height: 66px;color: #333;font-size: 16px;}
.module1List > li > div > p{margin: 7px 0 0 0;color: #666;font-size: 14px;}
.module2{padding: 56px 0 50px;background-color: #EFEFEF;}
.module2x{padding: 10px 0 50px;background-color: #EFEFEF;}
.module2List{margin: 30px 0 0 0;padding: 10px;}
.module3List{margin: 0px 0 0 0;padding: 10px;}
.module2List > li{position: relative;margin: 0 16px 0 0;width: calc((100% - 48px)/4);}
.list1{position: relative;margin: 0 16px 0 0;width: calc((100% - 48px)/3);}
.module2List > li:last-child{margin-right: 0;}
.module2List > li.active{box-shadow: 0 0px 7px 1px rgba(0,0,0,.3);transition: all linear .5s;}
.module2List > li > img{max-width: 100%;}
.module2List > li > p{padding: 24px 18px 36px;width: 100%;background-color: #fff;color: #333;font-size: 24px;text-align: center;height: 160px;}
.module2List > li > p > span{display: block;margin: 16px 0 0 0;color: #666;font-size: 14px;line-height: 1.5;}
.module2List1Img{position: absolute;top: -9px;left: -10px;}
.module2List2Img,.module2ListPic{position: absolute;top: 0;right: 0;left: 0;}
.module2ListPic2{position: absolute;right: 0;bottom: 0;left: 0;}
.module3{height: 458px;background-image: url(../image/module3Bg.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;}
.module3Word{position: absolute;top: 50%;right: 0;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 540px;padding: 20px;background-color: rgba(255, 255, 255, .5);border-radius: 4px;}
.module3Word > h3{margin: 0 0 28px 0;color: #EA0F0E;font-size: 34px;}
.module3Word > p{margin: 0 0 52px 0;color: #666;font-size: 14px;line-height: 1.5;}
.module3Word > a{display: block;width: 134px;height: 34px;font-size: 16px;text-align: center;line-height: 34px;color: #fff;background-color: #EA0F0E;border-radius: 4px;}
/*=====*/
.module3x{height: 458px;background-image: url(../image/module3xBg.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;}
.module3xWord{position: absolute;top: 50%;right: 0;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 540px;padding: 20px;background-color: rgba(255, 255, 255, .5);border-radius: 4px;}
.module3xWord > h3{margin: 0 0 28px 0;color: #EA0F0E;font-size: 34px;}
.module3xWord > p{margin: 0 0 52px 0;color: #f1f1f1;font-size: 14px;line-height: 1.5;}
.module3xWord > a{display: block;width: 134px;height: 34px;font-size: 16px;text-align: center;line-height: 34px;color: #fff;background-color: #EA0F0E;border-radius: 4px;}
/*=====*/
.module4{padding: 60px 0 90px;background-color: #EFEFEF;}
.module4L{float: left;padding: 27px 30px 20px;width: 366px;background-color: #fff;}
.module4L > h3{margin: 0 0 24px 0;color: #333;font-size: 24px;}
.module4LScroll > ul{position: relative;border-top: solid 1px #FF504F;}
.module4LScroll > ul:before{position: absolute;top: -4px;content: "";width: 36px;height: 4px;background-color: #FF504F;}
.module4LScroll > ul >li{position: relative;padding: 16px 0 17px 20px;font-size: 16px;color: #333;border-bottom: dashed 1px #ccc;}
.module4LScroll > ul >li:before{position: absolute;content: "";top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);left: 0;width: 6px;height: 6px;border-radius: 50%;background-color: #999999;}
.module4L > a{display: block;margin: 20px auto 0;width: 134px;height: 34px;font-size: 16px;text-align: center;line-height: 34px;color: #fff;background-color: #EA0F0E;border-radius: 4px;}
.module4R{float: right;}
.module4RBg{margin: 0 0 10px 0;width: 794px;height: 76px;background-image: url(../image/module4Title.png);background-repeat: no-repeat;background-size: auto 100%;background-position: center;font-size: 24px;text-align: center;line-height: 76px;color: #EA0F0E;}
.module4RList{overflow: hidden;}
.module4RList1{position: relative;float: left;margin: 0 22px 0 0;}
.module4RListScroll{overflow: hidden;}
.module4RList1 > p,.module4RListScroll > ul > li > p{position: absolute;bottom: 0;left: 0;width: 100%;height: 40px;background-color: rgba(0,0,0,.4);font-size: 18px;color: #FFFFFF;line-height: 40px;text-align: center;}
.module4RListScroll > ul{float: right;width: 522px;}
.module4RListScroll > ul > li{position: relative;margin: 0 22px 18px 0;}
.module4RListScroll > ul > li:nth-child(2),.module4RListScroll > ul > li:nth-child(4){margin-right: 0;}
.module4RListScroll > ul > li:nth-child(3),.module4RListScroll > ul > li:nth-child(4){margin-bottom: 0;}
.module4RListScroll > ul > li:nth-child(5){display: none;}
.m_module4{display: none;}
.module5{margin: 0 0 35px 0;height: 100px;background-image: url(http://www.jingcaijizhang.com/skin/images/module5Bg.png);background-size:auto 100%;background-position: center;background-repeat: no-repeat;}
.module5 > .swiper-wrapper,.module5SwiperDot{display: none;}
.module5More{display: block;position: absolute;top: 50%;right: 0;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 178px;height: 48px;color: #fe6f00;font-size: 22px;line-height: 48px;border-radius: 4px;text-align: center;background-color: #fff;}
.module6{padding: 58px 0 0 0;height: 592px;background-image: url(../image/module6Bg.jpg);background-size:auto 100%;background-position: center;background-repeat: no-repeat;}
.module6 > .con > .title{margin: 0 0 103px 0;}
.module6List > li{margin: 0 60px 0 0;width: calc((100% - 240px)/5);}
.module6List > li:nth-child(2),.module6List > li:nth-child(4){margin-top: 32px;}
.module6List > li:nth-child(1),.module6List > li:nth-child(5){margin-top: 86px;}
.module6List > li > img{display: block;margin: 0 auto 16px;}
.module6List > li > div > div{margin: 0 0 9px 0;font-size: 24px;color: #333;text-align: center;}
.module6List > li > div > div > span{color: #EA0F0E;}
.module6List > li > div > p{font-size: 12px;color: #666;line-height: 1.5;text-align: center;}
.module7{padding: 72px 0 108px;background-color: #fff;}
.module7 .title{margin: 0 0 56px 0;}
.module7List{padding: 12px;}
.module7List > li{margin: 0 50px 0 0;width: calc((100% - 106px)/3);border:1px solid rgba(204,204,204,1);border-radius:2px;}
.module7List > li:last-child{margin-right: 0;}
.module7List > li.active{box-shadow: 0 0 10px #FE7941;transition: all linear .5s;}
.module7List > li.active > img{transform: scale(1.17);transition: all linear .5s;}
.module7List > li > img{display: block;margin: 58px auto 36px;}
.module7List > li > div > p{margin: 0 0 36px 0;padding: 0 30px;color: #666;font-size: 14px;line-height: 1.5;text-align: center;}
.module7List > li > div > div{width: 100%;height: 70px;line-height: 70px;color: #fff;font-size: 24px;text-align: center;background: -webkit-gradient(linear,left top, left bottom,from(#FE7941),to(#FF5244));background: -webkit-linear-gradient(top,#FE7941,#FF5244);background: -ms-linear-gradient(top,#FE7941,#FF5244);background: -o-linear-gradient(top,#FE7941,#FF5244);background: linear-gradient(top,#FE7941,#FF5244);}
.module8{height: 100px;background-image: url(../image/module8Bg.png);background-size:auto 100%;background-position: center;background-repeat: no-repeat;}
.module8More{display: block;position: absolute;top: 50%;right: 7px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 204px;height: 50px;color: #f8513f;font-size: 24px;line-height: 50px;border-radius: 4px;text-align: center;background-color: #fff;cursor: pointer;}
@media(max-width: 1200px){.banner{height: 420px;}
.bannerList > li{line-height: 56px;}
.module1List > li{margin-left: 20px;padding-right: 20px;}
.module4L{padding: 27px 16px 20px;width: 280px;}
.module4LScroll > ul >li{padding: 13px 0 12px 20px;font-size: 14px;}
.module4R{width: calc(100% - 300px);}
.module4RBg{width: 100%;background-repeat: repeat-x;}
.module4RList1{margin-right: 10px;width: 200px;}
.module4RList1 > img{width: 100%;height: 262px;}
.module4RListScroll{width: calc(100% - 210px);}
.module4RListScroll > ul{width: 100%;}
.module4RListScroll > ul > li{margin: 0 10px 8px 0;width: calc((100% - 10px)/2);height: 128px;}
.module4RListScroll > ul > li > img{width: 100%;height: 100%;}
.module6{height: 560px;}
.module6List > li > div > div{font-size: 18px;}
.module8{height: 90px;}
.module8 p{font-size: 28px;}
}
@media(max-width: 992px){.banner{height: 380px;}
.box > .bannerCon{display: none;}
.swiper-pagination-switch{width: 6px;height: 6px;border-radius: 50%;background: rgba(255,255,255,.7);}
.swiper-active-switch {background: #EA0F0E;}
.module1List > li{margin: 0 0px  40px 0;width: 50%;border:none;padding: 0;background-image: url(../image/m_module1Icon1.png);}
.module1List > li:nth-child(2){margin-right: 0;background-image: url(../image/m_module1Icon2.png);}
.module1List > li:nth-child(3){margin-bottom: 0;background-image: url(../image/m_module1Icon3.png);}
.module1List > li:nth-child(4){margin: 0;background-image: url(../image/m_module1Icon4.png);}
.module1List > li > div{color: #EA0F0E;}
.module2List > li > p{font-size: 18px;}
.module3Word > h3{font-size: 24px;}
.module3xWord > h3{font-size: 24px;}
.module4{padding-top: 0;background-color: #fff;}
.module4L{float: none;margin: 0 0 12px 0;width: 100%;}
.module4LScroll{overflow: hidden;height: 78px;}
.module4LScroll > ul{border-top: none;}
.module4LScroll > ul:before{background-color: transparent;}
.module4LScroll > ul >li{border: none;text-decoration: underline;color: #666;}
.module4LScroll > ul >li:before{width: 12px;height: 12px;background-color: #EA0F0E;}
.module4R{display: none;}
.m_module4{display: block;position: relative;overflow: hidden;padding: 30px 0 60px;width: 100%;background-color: #F9F9F9;height: 560px;}
.m_module4 > h3{margin-bottom: 30px;text-align: center;}
.m_module4Box{position: absolute;top: 78px;left: 50%;transform: translateX(-50%);width: 100%;max-width: 320px;}
.m_module4 li{position: absolute;top: 0;left: 0;margin: 10px 0 0 0;width: 100%;transition: all 0.3s ease;border-radius: 0 0 4px 4px;}
.p3{transform: translate3d(calc(-81% - 15px), -2%, 0) scale(0.81);transform-origin: 0 50%;opacity: 0.9;z-index: 3;}
.p4 {transform: translate3d(0px, 0, 0) scale(1);opacity: 1;z-index: 4;}
.p5 {transform: translate3d(calc(100% + 15px), -2%, 0) scale(0.81);transform-origin: 0 50%;opacity: 0.9;z-index: 3;}
.p6 {transform: translate3d(calc(200% + 15px), -2%, 0) scale(0.81);transform-origin: 0 50%;opacity: 0.9;z-index: 2;}
.m_module4 li p{position: absolute;right: 0;bottom: 0;left: 0;background-color: rgba(0,0,0,.4);border-radius: 0 0 4px 4px;line-height: 44px;color: #fff;font-size: 16px;text-align: center;}
.module5{height: 80px;}
.module8{height: 72px;}
.module8More{width: 134px;height: 34px;font-size: 16px;line-height: 34px;}
}
@media(max-width: 767px){.banner{height: 300px;}
.module2{padding: 20px 0 30px;}
.module2List > li{margin: 0 12px 12px 0;width: calc((100% - 12px)/2)}
.module2List > li:nth-child(2n){margin-right: 0;}
.module2List > li:nth-child(3),.module2List > li:nth-child(4){margin-bottom: 0;}
.module2List > li > p{padding:10px 10px 12px;font-size: 14px;color: #ED002A;height: 130px;}
.module2List > li > p > span{margin-top: 10px;font-size: 12px;}
.module3{height: 200px;}
.module3Word{right: 50%;transform: translate(50%,-50%);width: 96%;max-width: 540px;}
.module3Word > h3{text-align: center;font-size: 20px;margin-bottom: 15px;}
.module3Word > p{text-align: center;margin-bottom: 25px;}
.module3Word > a{margin: 0 auto;width: 100px;height: 30px;font-size: 14px;line-height: 30px;}
/*====*/
.module3x{height: 200px;}
.module3xWord{right: 50%;transform: translate(50%,-50%);width: 96%;max-width: 540px;}
.module3xWord > h3{text-align: center;font-size: 20px;margin-bottom: 15px;}
.module3xWord > p{text-align: center;margin-bottom: 25px;}
.module3xWord > a{margin: 0 auto;width: 100px;height: 30px;font-size: 14px;line-height: 30px;}
/*====*/
.module4RListScroll{position: relative;left: 50%;transform: translateX(-50%);max-width: 500px;height: 146px;}
.module4RListScroll > ul{width: 200%;}
.module4RListScroll > ul > li{position: absolute;top: 0;left: 0;transition: all 0.3s ease;height: 120px;}
.module4RBg{background: no-repeat;color: #333;font-size: 18px;}
.module5{margin-bottom: 0;background: none;height: 90px;z-index: unset !important;}
.module5 > .swiper-wrapper{display: block;height: 100%;}
.module5 > .swiper-wrapper > .swiper-slide{width: 100%;height: 100%;background-image: url(../image/m_module5Bg1.png);background-position: center;background-size: auto 100%;}
.module5SwiperDot{display: block;position: absolute;bottom: 9px;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.module5SwiperDot .swiper-pagination-switch{margin: 0 6px;width: 6px;height: 6px;border-radius: 50%;background: transparent;border:1px solid rgba(255,221,122,1);}
.module5SwiperDot .swiper-active-switch {background: rgba(255,221,122,1);}
.module6{padding-top: 36px;height: auto;background-image: none;background-color: #fff;}
.module6 > .con > .title{margin-bottom: 20px;}
.m_module6LiPic{margin: 0 auto 36px;}
.module7{background-color: #F9F9F9;}
.module7List > li{margin-right: 12px;width: calc((100% - 24px)/3);border: none;}
.module7List > li > img{margin: 0 auto 24px;}
p.m_show{font-size: 14px;color: #333;text-align: center;}
p.m_show > span{display: block;margin-top: 10px;font-size: 12px;line-height: 1.5;color: #999;}
.module8{display: none;}
}
@media(max-width: 640px){
.bannerImg > li.swiper-slide1{background-image: url(../image/m_banner1.jpg);background-size:100% 100%; }
.bannerImg > li.swiper-slide2{background-image: url(../image/m_banner2.jpg);background-size:100% 100%; }
.bannerImg > li.swiper-slide3{background-image: url(../image/m_banner3.jpg);background-size:100% 100%; }
.bannerImg > li.swiper-slide4{background-image: url(../image/m_banner4.jpg);background-size:100% 100%; }
.bannerImg > li.swiper-slide5{background-image: url(../image/m_banner5.jpg);background-size:100% 100%; }
}
@media(max-width: 481px){.m_module4Box{width: 80%;}
.module5{height: 72px;}
}
@media(max-width: 320px){.m_module4{height: 480px;}
}
@media(max-width: 767px) {.module1List > li{margin: 0 0px 20px 0;background-size: 34px 34px;}
.module1List > li > div{padding: 13px 0 0 40px;font-size: 14px;height: 60px;}
.module1List > li > div > p {font-size: 12px;}
.module2List1Img {position: absolute;top: -5px;left: -5px;width: 50%;}
.module2List2Img {width: 30%;}
.module4 {padding: 30px 0 30px;}
.module7List > li > img {width: 60%;}
.module7 {padding: 40px 0 60px;}
.module4L > h3 {margin: 0 0 20px 0;font-size: 18px;}
.module4L > a {width: 100px;height: 30px;font-size: 14px;line-height: 30px;}
}
.container {width: 100%;max-width: 1200px;border-radius: 4px;margin: 0 auto;padding: 40px 0;}
.container h3{ text-align:center;color: #333;font-size: 34px;}
.contentx {display: flex;flex-wrap: wrap;margin-top: 60px;padding: 0 30px;}
.wrapper {width: 33.3%;height: 100%;padding: 10px;}
.vintage h2 {top: 50%;transform: translate3d(0, 60px, 0);text-align: center;}
.vintage p {opacity: 0;bottom: 0;transform: translate3d(0, -10px, 0);font-size: 14px;letter-spacing: 1px;text-align: center;}
.vintage:before {content: "";position: absolute;width: 100%;height: 100%;background: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%);z-index: 2;bottom: -100%;left: 0;}
.vintage:hover:before {bottom: 0;}
.vintage:hover h2 {bottom: 40px;transform: translate3d(0, 20px, 0);}
.vintage:hover p {opacity: 1;transform: translate3d(0, -30px, 0);}
.name {position: relative;font-size: 16px;display: inline-block;}
.name:after {content: "";position: absolute;width: calc(100% + 10px);height: 1px;background-color: #000;bottom: -4px;left: 0;}
.xboxx {position: relative;max-height: 300px;border-radius: 4px;overflow: hidden;box-shadow: 0 1.4px 1.7px rgba(0, 0, 0, 0.017), 0 3.3px 4px rgba(0, 0, 0, 0.024), 0 6.3px 7.5px rgba(0, 0, 0, 0.03), 0 11.2px 13.4px rgba(0, 0, 0, 0.036), 0 20.9px 25.1px rgba(0, 0, 0, 0.043), 0 50px 60px rgba(0, 0, 0, 0.06);}
.xboxx .hide {opacity: 0;}
.xboxx .frame {position: absolute;border: 1px solid #fff;z-index: 2;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.xboxx h2, .xboxx p {position: absolute;color: #fff;z-index: 2;width: 100%;transition: opacity 0.2s, transform 0.3s;}
.xboxx h2 {font-weight: 500;font-size: 22px;margin-bottom: 0;letter-spacing: 1px;}
.xboxx p {bottom: 0;font-size: 14px;letter-spacing: 1px;}
.xboxx:hover {transition: all 0.3s ease-in-out;}
.xboxx:hover:before {transition: all 0.3s ease-in-out;}
.xboxx img {position: relative;width: 100%;height: 100%;z-index: 1;transition: all 0.3s ease-in-out;}
.xboxx img:hover {transition: all 0.3s ease-in-out;}
.xboxx img:after {content: "";position: absolute;background-color: rgba(0, 0, 0, 0.6);width: 100%;height: 100%;top: 0;left: 0;opacity: 0;}
.xboxx img:hover {transition: all 0.3s ease-in-out;}
@media screen and (min-width: 1200px) {.xboxx img {position: relative;width: 100%;z-index: 1;transition: all 0.3s ease-in-out;height:260px;}
	}
@media screen and (max-width: 880px) {.wrapper {width: 50%;}
}
@media screen and (max-width: 520px) {.wrapper {width: 100%;}
}