.singleBody{max-width: 750px;overflow: hidden;margin: 0 auto;}
.singleBan{height: 40vh;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: 50%;height:7vh;background: url(../img/banner_sn.png) no-repeat center;background-size: 100%;position: absolute;left: 0;right: 0;margin: auto;top: 5vh;}
.singleBan h1{font-size: 1.8em;line-height:1.5;padding: 14vh 0 4vh;}
.singleBan p{font-size:1.2em;}
.singleBan a{font-size: 1.2em;border-radius: 45px;background-color: rgb(199, 154, 112);line-height: 3em;width: 50%;margin: 5vh 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{max-width: 1920px;width: 100%;margin: 0 auto;flex-direction: column;}
.singleMod1 .left{width: 100%;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 h2{font-size: 2em;padding: 4vh 0 3vh;}
.singleMod1 .left p{font-size:1.2em;}
.singleMod1 .left ul{padding: 2vh 0 4vh;flex-wrap: wrap;}
.singleMod1 .left ul li{display: flex;justify-content: center;flex-direction: column;font-size:1.2em;color: #fff;margin-top: 2vh;cursor: pointer;align-items: center;width: 33.33%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.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: 60px;height: 60px;border: 3px solid #BCBCBC;border-radius: 50%;display: flex;margin-bottom:2vh;background: #8B8B8B;}
.singleMod1 .left ul li div i{width: 38px;height: 38px;margin: auto;overflow: visible;}
.singleMod1 .left ul li div i.i1{width:42px;background: url(../img/mod1_i1.png) no-repeat 4px center;background-size: 38px 38px;}
.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: 42px;background: url(../img/mod1_i1s.png) no-repeat 4px center;background-size: 38px 38px;}
.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:100%;position: relative;}
.singleMod1 .right .con{width: 100%;margin:0 auto;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:12% 5% 5%;}
.singleMod1 .right .con::after{content: '';width: 0;height: 0;border-left: 12px solid transparent;border-right: 12px solid transparent;border-top: 15px solid #E9E9E9;position: absolute;left: 0;top: 0;right: 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:1.6em;color: #666;font-weight: normal;position: relative;}
.singleMod1 .right .con h2::after{content: "";width: 15%;height: 2px;background: #B5B5B5;position: absolute;left: 10%;top: 0;bottom: 0;margin: auto;}
.singleMod1 .right .con h2::before{content: "";width: 15%;height: 2px;background: #B5B5B5;position: absolute;right: 10%;top: 0;bottom: 0;margin: auto;}
.singleMod1 .right .con p{font-size: 1em;color: #666;line-height: 1.5;padding: 2vh 0;}
.singleMod1 .right .con img{display: block;width: 100%;}
.singleTT{font-size: 1.2em;color: #333;text-align: center;line-height: 1;padding-top: 6vh;background: url(../img/singleTT.png) no-repeat center top;background-size: 30px;}
.singleTT h2{font-weight: normal;}
.singleTT p{font-size: 1em;color: #666;padding: 2vh 0 5vh;}
.singleMod2{padding-top:5vh;}
.single2Swiper{overflow: hidden;position: relative;}
.single2Swiper .swiper-slide{overflow: hidden;background: url(../img/Mod2bg.jpg) no-repeat left top;background-size: 100%;}
.single2Swiper .swiper-slide .left{float: left;width: 100%;}
.single2Swiper .swiper-slide .left .cc{line-height: 1;padding: 5% 0 5% 5%;}
.single2Swiper .swiper-slide .left h3{font-size: 1.6em;color: #2c3233;font-weight: normal;}
.single2Swiper .swiper-slide .left p{font-size: 1em;color: #666;line-height: 1.8;padding: 4% 4% 4% 0;}
.single2Swiper .swiper-slide .left a{font-size:1em;color: #666;width: 40%;line-height: 5vh;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:100%;}
.single2Swiper .swiper-button-next,.single2Swiper .swiper-button-prev{width: 50px;height:50px;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: 30%;}
.single2Swiper .swiper-button-prev{background:#C79A70 url(../img/Mod2_prev.png) no-repeat center;background-size: 100%;left: 30%;}
.singleMod3{padding: 5vh 0;}
.singleMod3 ul{width: 92%;margin: 0 auto;flex-direction: column;}
.singleMod3 ul li{flex-shrink: 0;width: 100%;background: #F3F2F2;display: flex;flex-direction: column;margin-bottom: 2vh;}
.singleMod3 ul li:last-child{margin-bottom: 0;}
.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: 36%;}
.singleMod3 ul li .img .fixbg a{display: block;font-size: 1.5em;width: 50%;line-height: 6vh;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: 1.5em;color: #b98759;text-align: center;padding:3vh 0 2vh;font-weight: normal;}
.singleMod3 ul li p{color: #666;font-size:1em;line-height:1.5;padding: 0 4% 3vh;}
.otherLink{width: 92%;margin: 2vh auto;overflow: hidden;}
.otherLink a{float: left;width: 48%;margin-bottom: 1vh;line-height: 5vh;height: 5vh;overflow: hidden;font-size: 1em;color: #666;text-align: center;background: #EFEFEF;margin-right: 4%;}
.otherLink a:nth-child(2n){margin-right: 0;}
.otherLink a:hover{background: #C79A70;color: #fff;}
.singleZixun{width: 50%;line-height:6vh;background: #C79A70;color: #fff;border-radius: 10px;font-size: 1.4em;margin: 0 auto;text-align: center;cursor: pointer;transition:ease all 0.5s}
.singleZixun:hover{background: #F5C352;}