@charset "UTF-8";
body{ background: url(../images/bodyBg.jpg) repeat; }
.osBanImg{width:100%; height:auto;}
.osBanTop { position: relative; }
.osLogo { position: absolute; left: 60px; z-index: 1; top: 60px; }
.osTrx { line-height: 32px; height: 32px; position: absolute; right: 60px; top: 75px; font-size: 10px; color: #FFF; z-index: 1; }
.osTrx *{vertical-align:middle;}
.osLan{font-size:16px;}
.osTrx span{ display:inline-block; margin:0 5px;}
.osItem2 { display: inline-block; height: 32px; width: 32px; margin-left: 18px; border: 1px solid #00511D; background: url(../images/os_ti2.png) no-repeat center center; border-radius:50%; transition:all 0.2s ease-in-out; position:relative; }
.osItem2:hover{ background: #00511D url(../images/os_ti2a.png) no-repeat center center; }
.osItem1 { display: inline-block; height: 32px; width: 32px; margin-left: 18px; border: 1px solid #00511D; background: url(../images/os_ti1.png) no-repeat center center; border-radius:50%; transition:all 0.2s ease-in-out; position:relative; }
.osItem1:hover{ background: #00511D url(../images/os_ti1a.png) no-repeat center center; }
.osItmLay{ background: #00511D; height: 95px; width: 95px; position: absolute; left: 50%; top: 50px; margin-left: -47px; padding: 8px; border-radius:0.6em; opacity:0; visibility:hidden; transform:translateY(10px); transition:all 0.5s ease-in-out; }
.osItmLay:after{content:""; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid #00511D; position:absolute; left:50%; top:-8px; margin-left:-8px;}
.osItem:hover .osItmLay{opacity:1; transform:translateY(0); visibility:visible}
.osBanTxt{ bottom:70px; left:50%; transform:translateX(-50%); position:absolute;}
.osItem3 { display: inline-block; height: 32px; width: 32px; margin-left: 18px; border: 1px solid #00511D; background: url(../images/os_ti3.png) no-repeat center center; border-radius:50%; transition:all 0.2s ease-in-out; position:relative; }
.osItem3:hover{ background: #00511D url(../images/os_ti3a.png) no-repeat center center; }
.osItem4 { display: inline-block; height: 32px; width: 32px; margin-left: 18px; border: 1px solid #00511D; background: url(../images/os_ti4.png) no-repeat center center; border-radius:50%; transition:all 0.2s ease-in-out; position:relative; }
.osItem4:hover{ background: #00511D url(../images/os_ti4a.png) no-repeat center center; }
@media (max-width:1379px){
.osBanTxt{height:130px; width:auto;}
.osLogo{top:40px; left:35px}
.osTrx{top:55px; right:35px;}
}
@media (max-width:993px){
.osBanTxt{max-width:90%; height:auto;}
}
@media (max-width:767px){
.osLogo{left:15px; top:25px;}
.osLogo img{height:45px; width:auto;}
.osTrx .osItem {display:none;}
.osLan{font-size:14px;}
.osTrx{right:15px; top:25px;}
}


.osFooter{ font-size: 14px; line-height: 26px; color: #FFF; padding: 17px 0px; background: url(../images/footBg.jpg) repeat; }
.osFooter .fr span{margin:0 4px;}
.osBom { background: url(../images/osBm_bg2.png) no-repeat center bottom; padding-top: 100px; position:relative; }
.osBom .container{position:relative; z-index:3;}
.osBom_bg{ position:absolute; right:0; bottom:0}
@media (max-width:993px){
.osFooter .fl,.osFooter .fr{width:100%; text-align:center; float:none; display:block;}
}


.osCon12Wpr{ background: url(../images/osBm_bg2.png) no-repeat center bottom; position: relative; padding: 0px 0px 100px; }
.osCon12Wpr .osBom_bg{bottom:30%;}
.osCon12Wpr .container{position:relative; z-index:3;}
.osCon1 { margin-bottom: 90px; }
.osTbox { line-height: 44px; height: 44px; position: relative; }
.osTbox strong { font-size: 32px; font-weight: normal; float: left; margin-right: 25px; }
.osTbox span { font-size: 16px; text-transform: uppercase; color: #00501d; float: left; line-height: 20px; margin-top: 18px; }
.osTbox_m,.osTbox_m:hover { font-size: 14px; line-height: 44px; color: #00501d; background: url(../images/ostm.png) no-repeat center center; text-align: center; height: 44px; width: 124px; float: right; }
.osc1ul { margin: 40px -18px 0px; }
.osc1ul li { padding: 0px 18px; }
.osc1aBox{ display: block; position: relative; z-index: 1; overflow: hidden; border-radius: 1.8em; background: #FFF; border-bottom: 10px solid #00501d; }
.osc1aBox.scaleImg .overflowHide { height: 280px; }
.osc1Bom{ height: 156px; padding: 24px 28px 0px; }
.osc1Bom strong{ font-size: 20px; line-height: 32px; font-weight: normal; display: block; height: 64px; overflow: hidden; }
.osc1Bom p{ background: url(../images/ostm_ar.png) no-repeat right center; height: 56px; color: #333; font: 100 16px/56px "微软雅黑"; }
@media (max-width:1379px){
.osTbox strong { font-size: 24px; margin-right: 15px; }
.osc1ul{margin-top:25px;}
.osc1aBox.scaleImg .overflowHide{height:245px;}
.osc1Bom{ height: 126px; padding: 15px 22px 0px; }
.osc1Bom strong{ font-size: 18px; line-height: 28px; height: 56px; }
.osc1Bom p{ height: 46px; font: 100 15px/46px "微软雅黑"; }
.osCon1{margin-bottom:50px}
.osCon12Wpr{padding-bottom:80px;}
}
@media (max-width:993px){
.osc1ul li:nth-child(3){display:none;}
}
@media (max-width:767px){
.osTbox { line-height:14px; height: auto; overflow:hidden}
.osTbox strong { font-size: 21px; line-height:36px; margin-right: 0; display:block; display:block; float:none }
.osTbox span { font-size: 14px; display:block; float: none; line-height: 28px; margin-top: 0px; }
.osTbox_m, .osTbox_m:hover{position:absolute; right:0; top:10px;}
.osc1ul li{display:block!important; margin-bottom:10px;}
.osCon1{margin-bottom:20px;}
.osCon12Wpr{padding-bottom:60px;}
}


.osCon2{ margin:0 -15px 0}
.osc2item{padding:0 15px;}
.osc2aBox.scaleImg .overflowHide { height: 288px; }
.osCon2 .slick-prev{ background: url(../images/osc2btn.png) no-repeat center center; display: inline-block; height: 41px; width: 41px; position: absolute; left: -55px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -20px; border: 1px solid #00501d; z-index:5; border-radius:50%; }
.osCon2 .slick-next{ background: url(../images/osc2btn.png) no-repeat center center; display: inline-block; height: 41px; width: 41px; position: absolute; right: -55px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -20px; border: 1px solid #00501d; z-index:5; border-radius:50%; transform:rotate(180deg);}
.osCon2 .slick-prev:hover,.osCon2 .slick-next:hover{ background: #00501d url(../images/osc2btn2.png) no-repeat center center; }
.osc2aBox{display:block; position:relative; z-index:1; border-radius:0.6em; overflow:hidden;}
.osc2aBox.scaleImg .overflowHide:after{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(255,255,255,0.7); transition:all 0.5s ease-in-out;}
.osc2aBox.scaleImg:hover .overflowHide:after{ background:rgba(0,0,0,0.3);}
.osc2Layer{ position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); padding: 0px 20px; z-index: 2; text-align:center }
.osc2Layer strong{ font-size: 20px; line-height: 35px; letter-spacing: 1px; display: block; margin-bottom: 20px; }
.osc2Layer span{ background: url(../images/osc2_m1.png) no-repeat center center; display: inline-block; height: 44px; width: 124px; font-size: 14px; line-height: 44px; color: #00501d; }
.osc2aBox.scaleImg:hover .osc2Layer strong{color:#fff;}
.osc2aBox.scaleImg:hover .osc2Layer span{ color: #FFF; background: url(../images/osc2_m1a.png) no-repeat center center; }
@media (max-width:1379px){
.osCon2 {margin:0 60px;}
.osc2item{padding:0 10px;}
.osc2aBox.scaleImg .overflowHide{height:260px;}
.osc2Layer strong{font-size:19px;}
}
@media (max-width:767px){
.osCon2 {margin:0 50px;}
.osc2item{padding:0;}
.osc2aBox.scaleImg .overflowHide:after{ background:rgba(0,0,0,0.3);}
.osc2aBox.scaleImg .osc2Layer strong{color:#fff;}
.osc2aBox.scaleImg .osc2Layer span{ color: #FFF; background: url(../images/osc2_m1a.png) no-repeat center center; }
}


.osBom_join{display:block; border-radius:2.0em; position:relative; z-index:1; overflow:hidden;}
.osBom_join.scaleImg .overflowHide { height: 410px; }
.osBom_btn{ position: absolute; display: inline-block; width: 300px; text-align: center; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; color: #fff; background: url(../images/osji.png) no-repeat center top; padding-top: 112px; }
.osBom_btn strong { font-size: 32px; line-height: 50px; font-weight: normal; display: block; }
.osBom_btn p { font-size: 16px; line-height: 36px; text-transform: uppercase; }
.osBomInfo { padding: 90px 0px 100px; }
.osBlx_share{height:32px; margin-top:55px;}
.osBlx_share .osItmLay{top:auto; bottom:50px; transform:translateY(-10px;)}
.osBlx_share .osItmLay:after{ border-bottom:none; border-top:8px solid #00511D; top:auto; bottom:-8px;}
.osBlx_share a:nth-child(1){margin-left:0;}
.osBlx { float: left; }
.osBrx { float: right; width: 545px; }
.osBrx strong { font-size: 20px; line-height: 32px; color: #00501d; font-weight: bold; display: block; margin-bottom: 20px; }
.osBrx p { font-size: 14px; line-height: 26px; }
@media (max-width:1379px){
.osBomInfo { padding: 40px 0px 70px; }
}
@media (max-width:993px){
.osBrx{width:400px;}
.osBom_join.scaleImg .overflowHide{height:280px;}
}


.osCon3 { background: url(../images/osc2_bg.png) no-repeat center top; padding: 100px 0px;overflow:hidden }
.osc3Lx { float: left; min-width:360px; }
.osc3Txt{padding-top:72px;}
.osc3Txt strong { font-size: 20px; line-height: 32px; color: #00501d; font-weight: bold; display: block; margin-bottom: 20px; }
.osc3Txt p { font-size: 14px; line-height: 26px; }
.osc3Rx { margin-left: 410px; height: 538px; position:relative; }
.osc3swiper { width: 1632px; height: 538px; position:absolute; left:0; top:0}
.osc3item { padding-right: 28px; }
.osc3aBox{display:block; height:538px; position:relative;}
.osc3aBox.scaleImg .overflowHide { height: 520px; border-radius:2.0em; }
.osc3aBox span { line-height: 40px; color: #FFF; display: inline-block; padding: 0px 33px; height: 40px; font-size: 14px; background: #00511D; position: absolute; left: 50%; bottom: 0px; border-radius:1.8em; transform:translateX(-50%); }
.osc3swiper .slick-dots{bottom:66px; width:auto; left:-170px;}
.osc3swiper .slick-dots li button{display:none;}
.osc3swiper .slick-dots li { display: inline-block; height: 10px; width: 10px; margin: 0px 10px 0px 0px; position: relative; border-radius: 50%; vertical-align: middle; border: 1px solid #00511D; }
.osc3swiper .slick-dots li.slick-active{ background: #00511D;}
@media (max-width:1379px){
.osCon3{padding:70px 0; background-size:auto 400px;}
.osc3swiper{width:1400px;}
.osc3aBox.scaleImg .overflowHide{height:435px;}
.osc3aBox,.osc3Rx,.osc3swiper{height:454px;}
}
@media (max-width:993px){
.osCon3{padding-bottom:20px;}
}
@media (max-width:767px){
.osCon3{padding:50px 0;}
.osc3Lx{width:100%; float:none; min-width:100px;}
.osc3Txt{padding-top:28px;}
.osc3Rx{ margin-left:0; margin-top:35px;}
.osc3swiper{width:100%;}
.osc3item{padding-right:0;}
.osc3aBox.scaleImg .overflowHide{height:375px;}
.osc3aBox,.osc3Rx,.osc3swiper{height:395px;}
.osc3swiper .slick-dots{left:0; text-align:center; bottom:-40px; width:100%;}
.osc3swiper .slick-dots li{margin:0 5px;}
.osCon3 .osTbox{text-align:center;}
.osc3Txt strong{font-size:16px; margin-bottom:5px;}
}


.osCon4 { overflow:hidden }
.osc4Rx { float: right; height: 480px; width: 50%; padding-left: 50px; padding-top:5px; }
.osc4Txt{ font-size: 14px; line-height: 22px; color: #666666; padding-top: 48px; }
.osc4Lx{width:calc(50% - 50px); float:left; position:relative;}
.osc4Swiper { height: 480px; position: absolute; top: 0px; right: 0px; width: 730px; }
.osc4item { height: 480px; border-radius:1.2em; }
.osc4Swiper .slick-dots{bottom:52px; width:auto; right:-300px; width:200px; text-align:left}
.osc4Swiper .slick-dots li button{display:none;}
.osc4Swiper .slick-dots li { display: inline-block; height: 10px; width: 10px; margin: 0px 10px 0px 0px; position: relative; border-radius: 50%; vertical-align: middle; border: 1px solid #00511D; }
.osc4Swiper .slick-dots li.slick-active{ background: #00511D;}
@media (max-width:1379px){
.osc4Txt{padding-top:20px;}
.osc4Rx,.osc4Swiper,.osc4item{height:400px;}
.osc4Rx {padding-left: 30px; }
.osc4Lx{width:calc(50% - 30px);}
.osc4Swiper .slick-dots{right:-270px;}
.osBom{padding-top:60px;}
.osc4Swiper{width:680px;}
}
@media (max-width:993px){
.osc4Rx{float:none; width:100%;}
.osc4Lx{width:100%; float:none; padding-bottom:50px;}
.osc4Rx{height:auto; padding-left:0; margin-bottom:35px;}
.osc4Swiper{position:relative; width:100%}
.osc4Swiper .slick-dots{right:auto; left:0; width:100%; text-align:center; bottom:-50px;}
.osCon4{padding-top:25px;}
}
@media (max-width:767px){
.osCon4 .osTbox{text-align:center;}
.osc4item{height:220px;}
.osc4Rx, .osc4Swiper{height:auto;}
.osc4Swiper .slick-dots{bottom:-35px;}
.osBom{padding-top:35px;}
.osBom_btn{background-size:70px auto; padding-top:70px;}
.osBom_btn strong{font-size:24px; line-height:32px;}
.osBom_btn p{font-size:14px; line-height:22px;}
.osBom_join.scaleImg .overflowHide{height:185px;}
.osBlx{width:100%;}
.osBomInfo .osTbox{text-align:center;}
.osBlx_share{ text-align:center; margin-top:15px; margin-bottom:18px;}
.osBrx{width:100%; float:none;}
.osBrx strong{font-size:16px; margin-bottom:2px;}
.osFooter{font-size:13px;}
}

/* 2020-07-09 CSS */
.osc2Swiper{padding-top:90px; margin-top:-50px; margin-left:-18px; margin-right:-18px;}
.osc2item{padding:0 18px;}
.osc2Swiper .slick-dots{top:25px; bottom:auto; right:15px; text-align:right}
.osc2Swiper .slick-dots li button{display:none;}
.osc2Swiper .slick-dots li { display: inline-block; height: 10px; width: 10px; margin: 0px 10px 0px 0px; position: relative; border-radius: 50%; vertical-align: middle; border: 1px solid #00511D; }
.osc2Swiper .slick-dots li.slick-active{ background: #00511D;}
.osItem1,.osItem1:hover{ border: none; background: url(../images/os_ti1a.png) no-repeat left center; width: auto; padding-left: 20px; font-size: 15px; color: #FFF; }
.osBomInfo .osItem1,.osBomInfo .osItem1:hover{ color: #00501d; background: url(../images/os_ti1.png) no-repeat left center; float:left; line-height:32px;}
@media (max-width:767px){
.osCon1{margin-bottom:50px;}
}