@charset "utf-8";
.banner{ position:relative;overflow:hidden;width: 100%;height: auto;z-index: 3}
.banner img{width: 100%;height: auto;}
.banner .swiper-slide{opacity: 0!important}
.banner .swiper-slide-active{opacity: 1!important}
#bannerpagination{position: absolute; left:0;bottom:10%;height:8px;width: 100%; z-index:980;}
#bannerpagination{width: 100%;height:8px;text-align: center;vertical-align: bottom;}
#bannerpagination .swiper-pagination-bullet{display: inline-block;background:#ffffff;width:72px; height:6px;text-indent:99999px; overflow:hidden; margin:0 4px;cursor: pointer;transition: all 0.5s;opacity: 1;border-radius: 0}
#bannerpagination .swiper-pagination-bullet-active{background: #fbca00;padding-top: 4px;}

.topArea{font-size: 24px;color: #282828;padding-left: 30px;position: relative;margin-bottom: 30px}
.topArea:after{content: '';position: absolute;width: 4px;height: 21px;left: 0;top: 50%;margin-top: -10px;background: #fbca00}

.topArea2{text-align: center;}
.topArea2 .h{font-size: 24px;color: #1a1a1a}
.topArea2 .p{font-size: 24px;color: rgba(26,26,26,.5);margin-top: 5px;}

.s1{padding: 60px 0 52px}
.s1 .leftArea{float: left;width: 589px;height: 600px;overflow: hidden;position: relative;}
.s1 .leftArea a{display: block;}
.s1 .leftArea img{display:block;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all .5s;max-width: 100%;}
.s1 .leftArea:hover img{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1); }
.s1 .leftArea .ti{width: 305px;height: 108px;box-sizing: border-box;padding: 38px 8px 0 100px;text-align: right;background: url(ico_03.png) no-repeat;position: absolute;z-index: 2;right: 0;bottom: 20px}
.s1 .leftArea .ti .h{font-size: 24px;color: #282828;line-height: 32px}
.s1 .leftArea .ti .p{font-size: 20px;color: #282828;font-family: arial;line-height: 24px;}

.s1 .rightArea{width: 591px;float: right;}
.s1 .rightArea .item{width: 591px;height: 291px;position: relative;overflow: hidden;}
.s1 .rightArea .item:first-child{margin-bottom: 18px;}
.s1 .rightArea .item img{display:block;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all .5s;max-width: 100%;}
.s1 .rightArea .item:hover img{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1); }
.s1 .rightArea .item a{display: block;}
.s1 .rightArea .item .ti{position: absolute;top: 22px;left: 24px;z-index: 2}
.s1 .rightArea .item .ti .h{font-size: 18px;color: #000000}
.s1 .rightArea .item .ti .p{font-size: 18px;color: #000000;font-family: arial;margin-top: 3px;}

.s2{padding-bottom: 50px;}
.s2 .s2-c{}
.s2 .s2-c .item{float: left;display: block;width: 590px;height: 440px;background: #f5f5f5;position: relative;overflow: hidden;}
.s2 .s2-c .item:first-child{margin-right: 20px}
.s2 .s2-c .item .cp{display: block;height: 340px;overflow: hidden;}
.s2 .s2-c .item .cp iframe{position: relative;top: -170px}
.s2 .s2-c .item .ti{box-sizing: border-box;height: 100px;padding: 40px 74px 0 46px;background: url(ico_06.png) no-repeat 520px 50px;position: relative;}
.s2 .s2-c .item .ti:after{content: '';position: absolute;left: 46px;top: 18px;width: 38px;height: 1px;background: #fbca00}
.s2 .s2-c .item .ti .h{font-size: 24px;color: #282828;font-weight: bold;display: inline-block;}
.s2 .s2-c .item .ti .p{font-size: 24px;color: #24201d;display: inline-block;margin-left: 15px}

.s3{background: url(bg_01.jpg) no-repeat center center;background-size: cover;height: 750px;box-sizing: border-box;padding-top: 135px}
.s3 .s3-c{width: 1200px;margin: 0 auto;box-sizing: border-box;position: relative;z-index: 4;}
.s3 .s3-c .video-play{display: block;width: 90px;height: 90px;background: url(play.png) no-repeat;margin: 0 auto}
.s3 .s3-c .cont{font-size: 16px;color: #fff;line-height: 32px;margin-top: 33px;padding: 0 100px;text-align: center;}
.s3 .s3-c .more{width: 138px;height: 34px;display: block;box-sizing: border-box;line-height: 34px;padding: 0 0 0 20px;text-transform: uppercase;font-size: 14px;color: #fff;border: 1px solid #fff;background: url(ico_05.png) no-repeat 79px center;border-radius: 30px;margin: 48px auto 0 auto}
.s3 .s3-c .more:hover{background:url(ico_05.png) no-repeat 79px center #fbc601}
.s3 .s3-c .num{background: url(line.png) no-repeat -24px 27px;background-size: contain;margin-top: 80px}
.s3 .s3-c .num ul{display: flex;justify-content: space-between;}
.s3 .s3-c .num ul li{box-sizing: border-box;padding-left: 30px;}
.s3 .s3-c .num ul li:after{content: '';position: absolute;}
.s3 .s3-c .num ul li .h{font-size: 16px;color: #f9c316;vertical-align: bottom;}
.s3 .s3-c .num ul li .h span{font-size: 50px;color: #f9c316;margin-right: 8px;}
.s3 .s3-c .num ul li .p{font-size: 16px;color: #fff;margin-top: 10px;}

.s4{padding: 85px 0 50px}
.s4 .s4-c{margin-top: 65px;}
.s4 .s4-c .hot{}
.s4 .s4-c .hot .pic{float: left;width: 590px;height: 175px;overflow: hidden;}
.s4 .s4-c .hot .pic img{display:block;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all .5s;max-width: 100%;}
.s4 .s4-c .hot .pic:hover img{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1); }
.s4 .s4-c .hot .txt{float: right;width: 565px;padding-top: 6px}
.s4 .s4-c .hot .txt .h{}
.s4 .s4-c .hot .txt .h a{font-size: 16px;color: #000000;font-weight: bold;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.s4 .s4-c .hot .txt .p{font-size: 16px;line-height: 2;margin-top: 8px;}
.s4 .s4-c .hot .txt .t{font-size: 16px;color: rgba(0,0,0,.5);margin-top: 15px;}
.s4 .s4-c .hot .txt:hover .h a{color: #fbca00;transform: translateX(10px);}
.s4 .s4-c .list{margin-top: 25px;}
.s4 .s4-c .list ul li{width: 590px;padding: 7px 0 7px 34px;box-sizing: border-box;float: left;margin-right: 45px}
.s4 .s4-c .list ul li:nth-child(odd){background: url(ico_04.png) no-repeat left center;}
.s4 .s4-c .list ul li:nth-child(2n){margin-right: 0;width: 565px;padding: 7px 10px 7px 0}
.s4 .s4-c .list ul li span{float: right;font-size: 16px;color: rgba(0,0,0,.5);}
.s4 .s4-c .list ul li a{font-size: 16px;color: #000000;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.s4 .s4-c .list ul li:hover a{color: #fbca00}

.s5{padding: 55px 0 30px;}
.s5 .s5-c{margin-top: 55px;}
.s5 .s5-c .bd ul li{width: 188px;height: 87px;float: left;margin-right: 14px;margin-bottom: 18px;overflow: hidden;}
.s5 .s5-c .bd ul li:nth-child(6n){margin-right: 0}
.s5 .s5-c .bd ul li img{display:block;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all .5s;max-width: 100%;}
.s5 .s5-c .bd ul li:hover img{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1); }
.s5 .s5-c .bd ul li a{display: block;}

.videoBoxMask{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 9999;display: none;background: rgba(0,0,0,.4);}
.videoBox{position: fixed;top: 50%;width: 1200px;height: 675px;left: 50%;z-index: 9;margin-top: -337px;margin-left: -600px;}
.videoBox #close{width: 25px;height: 25px;background: url(close02.png) no-repeat;background-size: contain;position: absolute;top: -30px;right: -30px;cursor: pointer;}
.videoBox video{width: 100%;height: auto;}