.singleBan{height: 640px;background: url(../img/banner_szybs.jpg) no-repeat center;background-size: cover;position: relative;color: #fff;text-align: center;line-height: 1;}
.singleBan::after{content: "";width: 365px;height: 65px;background: url(../img/banner_sn.png) no-repeat;background-size: 100%;position: absolute;left: 0;right: 0;margin: auto;top: 110px;}
.singleBan h1{font-size: 84px;padding: 225px 0 45px;}
.singleBan p{font-size: 38px;}
.singleBan a{font-size: 36px;border-radius: 45px;background-color: rgb(199, 154, 112);line-height: 83px;width: 320px;margin: 72px auto 0;display: block;color: #fff;}
.singleBan a:hover{background-color: #F5C352;}
.flex-btw-sth{display: flex;justify-content: space-between;align-items: stretch;}
.flex-btw{display: flex;justify-content: space-between;align-items: center;}
.flex-start-cen{display: flex;justify-content: flex-start;align-items: center;}

.singleMod1{height: 730px;max-width: 1920px;width: 100%;margin: 30px auto 0}
.singleMod1 .left{width: 49.48%;flex-shrink: 0;background: url(../img/mod1_bg.jpg) no-repeat center top;background-size: cover;-webkit-box-sizing: border-box;box-sizing: border-box;text-align: center;line-height: 1;color: #fff;}
.singleMod1 .left .con{padding-left: 31.58%;}
.singleMod1 .left h2{font-size: 46px;padding: 90px 0 25px;}
.singleMod1 .left p{font-size: 30px;}
.singleMod1 .left ul{padding: 40px 60px 0 40px;flex-wrap: wrap;}
.singleMod1 .left ul li{display: flex;justify-content: center;flex-direction: column;font-size: 24px;color: #fff;margin-top: 40px;cursor: pointer;width: 33.33%;align-items: center;}
.singleMod1 .left ul li *,.singleMod1 .left ul li{transition:ease all 0.5s}
.singleMod1 .left ul li:nth-child(3n){margin-right: 0;}
.singleMod1 .left ul li div{width: 82px;height: 82px;border: 3px solid #BCBCBC;border-radius: 50%;display: flex;margin-bottom: 24px;background: #8B8B8B;}
.singleMod1 .left ul li div i{width: 52px;height: 52px;margin: auto;overflow: visible;}
.singleMod1 .left ul li div i.i1{width: 56px;background: url(../img/mod1_i1.png) no-repeat 4px center;background-size: 52px 52px;}
.singleMod1 .left ul li div i.i2{background: url(../img/mod1_i2.png) no-repeat center;background-size: 100%;}
.singleMod1 .left ul li div i.i3{background: url(../img/mod1_i3.png) no-repeat center;background-size: 100%;}
.singleMod1 .left ul li div i.i4{background: url(../img/mod1_i4.png) no-repeat center;background-size: 100%;}
.singleMod1 .left ul li div i.i5{background: url(../img/mod1_i5.png) no-repeat center;background-size: 100%;}
.singleMod1 .left ul li div i.i6{background: url(../img/mod1_i6.png) no-repeat center;background-size: 100%;}
.singleMod1 .left ul li div i.i7{background: url(../img/mod1_i7.png) no-repeat center;background-size: 100%;}
.singleMod1 .left ul li div i.i8{background: url(../img/mod1_i8.png) no-repeat center;background-size: 100%;}
.singleMod1 .left ul li.active{color: #ef863b;}
.singleMod1 .left ul li.active div{border-color: #EF883E;background: #fff;}
.singleMod1 .left ul li.active div i{animation: itemiM 0.6s ease;transition: none;}
.singleMod1 .left ul li.active div i.i1{width: 56px;background: url(../img/mod1_i1s.png) no-repeat 4px center;background-size: 52px 52px;}
.singleMod1 .left ul li.active div i.i2{background: url(../img/mod1_i2s.png) no-repeat center;background-size: 100%;}
.singleMod1 .left ul li.active div i.i3{background: url(../img/mod1_i3s.png) no-repeat center;background-size: 100%;}
.singleMod1 .left ul li.active div i.i4{background: url(../img/mod1_i4s.png) no-repeat center;background-size: 100%;}
.singleMod1 .left ul li.active div i.i5{background: url(../img/mod1_i5s.png) no-repeat center;background-size: 100%;}
.singleMod1 .left ul li.active div i.i6{background: url(../img/mod1_i6s.png) no-repeat center;background-size: 100%;}
.singleMod1 .left ul li.active div i.i7{background: url(../img/mod1_i7s.png) no-repeat center;background-size: 100%;}
.singleMod1 .left ul li.active div i.i8{background: url(../img/mod1_i8s.png) no-repeat center;background-size: 100%;}
@keyframes itemiM{
	0%{ transform: scale(0)}
	100%{ transform: scale(1)}
}
.singleMod1 .right{background: #E9E9E9;flex-shrink: 0;width: 50.52%;}
.singleMod1 .right .con{width: 73.2%;margin-left: 40px;background: #fff;box-shadow: 0 0 15px rgba(150, 150, 150, 0.3);line-height: 1;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 48px 48px 70px;position: relative;}
.singleMod1 .right .con::after{content: '';width: 0;height: 0;border-top: 25px solid transparent;border-bottom: 25px solid transparent;border-right: 30px solid #E9E9E9;position: absolute;left: -70px;top: 0;bottom: 0;margin: auto;}
.singleMod1 .right .con li{display: none;}
.singleMod1 .right .con li.on{display: block;}
.singleMod1 .right .con h2{text-align: center;font-size: 36px;color: #666;font-weight: normal;position: relative;}
.singleMod1 .right .con h2::after{content: "";width: 58px;height: 2px;background: #B5B5B5;position: absolute;left: 100px;top: 0;bottom: 0;margin: auto;}
.singleMod1 .right .con h2::before{content: "";width: 58px;height: 2px;background: #B5B5B5;position: absolute;right: 100px;top: 0;bottom: 0;margin: auto;}
.singleMod1 .right .con p{font-size: 20px;color: #666;line-height: 36px;padding: 50px 0 0;height: 135px;}
.singleMod1 .right .con img{display: block;width: 100%;}
.singleTT{font-size: 46px;color: #333;text-align: center;line-height: 1;padding-top: 80px;background: url(../img/singleTT.png) no-repeat center top;}
.singleTT h2{font-weight: normal;}
.singleTT p{font-size: 25px;color: #666;padding: 20px 0 80px;}
.singleMod2{padding-top: 95px;}
.singleMod2 .singleTT p{padding-bottom: 100px;}
.single2Swiper{height: 524px;overflow: hidden;position: relative;}
.single2Swiper .swiper-slide{height: 524px;overflow: hidden;background: url(../img/Mod2bg.jpg) no-repeat left top;background-size: 50%;}
.single2Swiper .swiper-slide .left{float: left;width: 50%;}
.single2Swiper .swiper-slide .left .cc{padding-left: 40%;line-height: 1;}
.single2Swiper .swiper-slide .left h3{font-size: 40px;color: #2c3233;font-weight: normal;padding-top: 75px;}
.single2Swiper .swiper-slide .left p{font-size: 22px;color: #666;line-height: 42px;padding: 40px 9.35% 60px 0;}
.single2Swiper .swiper-slide .left a{font-size: 22px;color: #666;width: 200px;line-height: 60px;border-radius: 5px;text-align: center;border: 1px solid #666;display: block;}
.single2Swiper .swiper-slide .left a:hover{background:rgb(199, 154, 112,0.7);text-decoration: underline;color: #fff;border-color: rgb(199, 154, 112,0.7);}
.single2Swiper .swiper-slide img{float: right;width: 50%;}
.single2Swiper .swiper-button-next,.single2Swiper .swiper-button-prev{width: 72px;height: 72px;position: absolute;bottom: 0;margin-top: 0;top: inherit;}
.single2Swiper .swiper-button-next{background:#C79A70 url(../img/Mod2_next.png) no-repeat center;background-size: 100%;right: 45.5%;}
.single2Swiper .swiper-button-prev{background:#C79A70 url(../img/Mod2_prev.png) no-repeat center;background-size: 100%;left: 45.5%;}




.singleMod3{padding: 110px 0;}
.singleMod3 ul{width: 1145px;margin: 0 auto;}
.singleMod3 ul li{flex-shrink: 0;width: 360px;background: #F3F2F2;display: flex;flex-direction: column;}
.singleMod3 ul li:nth-of-type(2){flex-direction: column-reverse;}
.singleMod3 ul li .img{position: relative;}
.singleMod3 ul li .img img{display: block;width: 100%;}
.singleMod3 ul li .img .fixbg{position: absolute;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);top: 0;-webkit-box-sizing: border-box;box-sizing: border-box;padding-top: 110px;}
.singleMod3 ul li .img .fixbg a{display: block;font-size: 28px;width: 228px;line-height: 65px;border: 2px solid #fff;border-radius: 5px;text-align: center;color: #fff;margin: 0 auto;}
.singleMod3 ul li .img .fixbg a:hover{background:rgb(199, 154, 112,0.7);text-decoration: underline;}
.singleMod3 ul li h3{font-size: 28px;color: #b98759;text-align: center;padding: 28px 0 20px;font-weight: normal;}
.singleMod3 ul li p{color: #666;font-size: 20px;line-height: 34px;padding: 0 25px 16px;min-height: 130px;}
.otherLink{width: 1145px;margin: 80px auto 70px;overflow: hidden;}
.otherLink a{float: left;width: 23.58%;margin-right: 1.89%;margin-bottom: 15px;line-height: 50px;font-size: 20px;color: #666;text-align: center;background: #EFEFEF;}
.otherLink a:nth-child(4n){margin-right: 0;}
.otherLink a:hover{background: #C79A70;color: #fff;}
.singleZixun{width: 21.35%;line-height:90px;background: #C79A70;color: #fff;border-radius: 10px;font-size: 38px;margin: 0 auto;text-align: center;cursor: pointer;transition:ease all 0.5s}
.singleZixun:hover{background: #F5C352;}