/* CSS Document */
@charset "utf-8";
.hd-box{text-align: center;}
.hd-box h3{	color: #000000;font-size: 30px;line-height: 40px;}
.hd-box .tle{	color: #080808;font-size: 24px;line-height: 34px;position: relative;margin-top: 5px;}
.hd-box .tle::after{ content: ""; position: absolute; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0);bottom: -15px;border-bottom: 3px solid #cfa972; width: 25px;}
.banner{height: 100vh;}


.section1{background: url(bg1.png) no-repeat center;background-size: cover;}
.section1_left .bd{display: flex;margin-top: 50px;}
.section1_left .bd .bd1{width: calc(100% - 568px);box-sizing: border-box;padding-right: 58px;}
.section1_left .bd .bd1 .b-hd {display: inline-block;position: relative;}
.section1_left .bd .bd1 .b-hd::after{content: "";position: absolute;right: -106px;background: url(ico4.png) no-repeat center;width: 106px;height: 38px;top: 10px;}
.section1_left .bd .bd1 .b-hd .t1{font-size: 18px;line-height: 28px;color: #000000;}
.section1_left .bd .bd1 .b-hd .t2{font-size: 12px;line-height: 22px;color: #000000;}
.section1_left .bd .bd1 .mc{font-size: 14px;line-height: 30px;color: #434343;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;display:box;-webkit-box-orient:vertical;-webkit-line-clamp:6;margin-top: 16px;text-indent: 2rem;} 
.section1_left .bd .bd1 ul{width: 100%;margin-top: 20px;display: flex;}
.section1_left .bd .bd1 ul a{display: flex;flex-direction: column;width: 116px;background: url(ico3.png) no-repeat center;align-items: center;height: 116px;justify-content: center;}
.section1_left .bd .bd1 ul li .t3{	color: #000000;	font-size: 12px;line-height: 22px;}
.section1_left .bd ul li{text-align: center;width: 25%;cursor: pointer;}
.section1_left .bd ul li .pc{ height: 36px; line-height: 36px; transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; }
.section1_left .bd ul li:hover .pc{ transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); }
.section1_left .bd .bd2{width: 568px;position: relative;cursor: pointer;} 
.section1_left .bd .bd2 .txt{background: rgba(207, 169, 114, 0.8);position: absolute;bottom: 55px;right: 25px;padding: 15px 17px 15px 27px;color: #ffffff;font-size: 14px;line-height: 24px;}
.section1_left .bd .bd2 .txt .a1{font-size: 24px;line-height: 34px;font-weight: bold;}


.section2 .bd ul{display: flex;height: 100vh;overflow: hidden;}
.section2 .bd ul li a{display: block;}
.section2 .bd ul li{ width: 23%; transition: all 0.6s  ease; -webkit-transition: all 0.6s  ease; -moz-transition: all 0.6s  ease; -ms-transition: all 0.6s  ease; -o-transition: all 0.6s  ease; position: relative;}
.section2 .bd ul li.on{width: 31%;}
.section2 .bd ul li .desc{top: 26.58%;position: absolute;left: 21.113%;width: 275px;z-index: 9;}
.section2 .bd ul li .desc .num{color: #ffffff;font-size: 72px;line-height: 82px;}
.section2 .bd ul li .desc .tle{color: #ffffff;font-size: 24px;line-height: 34px;font-weight: bold;margin-top: 30px;}
.section2 .bd ul li .desc .a1{color: #ffffff;font-size: 14px;line-height: 24px;}
.section2 .bd ul li .desc .a2{color: #ffffff;font-size: 18px;line-height: 28px;padding-top: 10px;border-top: 1px solid #fff;margin-top: 12px;}
.section2 .bd ul li .desc .a3{margin-top: 48px;}
.section2 .bd ul li .pc {width: 100%;height: 100vh;}
.section2 .bd ul li:nth-child(2) .desc{top: 31.58%;}
.section2 .bd ul li:nth-child(3) .desc{top: 36.58%;}
.section2 .bd ul li:nth-child(4) .desc{top: 41.58%;}
.section2 .bd ul li.on::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(207, 169, 114, 0.4);position: absolute;}


.section2 .b-bdbox-right .swiper {overflow: hidden;}
.section2 .b-bdbox-right .swiper-button-next,.section2 .b-bdbox-right  .swiper-button-prev{width: 41px;height: 41px;margin-top: 0;left: unset;top: unset;bottom: 44px;}
.section2 .b-bdbox-right .swiper-button-prev{background: url(prev1.png) no-repeat center;right: 99px;}
.section2 .b-bdbox-right .swiper-button-next{ background: url(prev1.png) no-repeat center; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg);right: 33px; }

.section3{background: url(bg2.png) no-repeat center;background-size: cover;}
.section3 .bd {margin-top: 45px;position: relative;}
.section3 .bd .b-hd ul{display: flex;justify-content: center;}
.section3 .bd .b-hd ul li{margin-right: 50px;}
.section3 .bd .b-hd ul li a{border: solid 1px #b5b5b5;width: 213px;border-radius: 2px;height: 50px;display: flex;align-items: center;justify-content: center;box-sizing: border-box;color: #626262;font-size: 18px;}
.section3 .bd .b-hd ul li .pc{margin-right: 12px;}
.section3 .bd .b-hd ul li .pc .img02{display: none;}
.section3 .bd .b-hd ul li.on .pc .img02{display: block;}
.section3 .bd .b-hd ul li.on .pc .img01{display: none;}
.section3 .hd ul li:last-child{margin-left: 0;}
.section3 .bd .b-hd ul li.on a{background: #cfa972;border: solid 1px #cfa972;}
.section3 .bd .b-hd ul li.on a{color: white;}
.section3 .bd .b-bd{margin-top: 55px;}
.section3 .bd .swiper{overflow: hidden;}
.section3 .bd .swiper .tle{color: #313131;font-size: 16px;line-height: 60px;padding-right: 35px;box-sizing: border-box;background: url(ico8.png) no-repeat right center white;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;display:box;-webkit-box-orient:vertical;-webkit-line-clamp:1;padding:0 35px 0 0;}
.section3 .bd .swiper .pc {overflow: hidden;}
.section3 .bd .swiper .pc img{ width: 100%; transition:all 0.6s ease ; -webkit-transition:all 0.6s ease ; -moz-transition:all 0.6s ease ; -ms-transition:all 0.6s ease ; -o-transition:all 0.6s ease ; }
.section3 .bd .swiper .swiper-slide:hover .pc img{ transform:scale(1.2) ; -webkit-transform:scale(1.2) ; -moz-transform:scale(1.2) ; -ms-transform:scale(1.2) ; -o-transform:scale(1.2) ; }

.section3 .bd  .more{text-align: center; margin-top: 0;}
.section3 .bd  .more a{ width: 136px; height: 34px; line-height: 34px; border-radius: 34px; -webkit-border-radius: 34px; -moz-border-radius: 34px; -ms-border-radius: 34px; -o-border-radius: 34px; display: inline-block; background:  #cfa972; color: #fff; font-size: 14px; }
.section3 .swiper-button-next, .section3  .swiper-button-prev{width: 24px;height: 42px;top: 50%;margin-top: -21px;}
.section3 .swiper-button-prev{background: url(prev.png) no-repeat center;left: -58px;}
.section3 .swiper-button-next{ background: url(prev.png) no-repeat center; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); right: -58px;}

.section4{background: url(bg3.png) no-repeat center;background-size: cover;}
.section4 .bd{display: flex;}
.section4 .bd .bd1{width: 557px;}
.section4 .bd .bd1 .b-hd{color: #ffffff;font-size: 24px;line-height: 34px;}
.section4 .bd .bd1 .b-hd i{font-style: normal;font-weight: bold;margin-right: 20px;}
.section4 .bd .bd1 .b-bd{background: white;padding: 30px;margin-top: 30px;}
.section4 .bd .bd1 .b-bd .time{color: #959595;font-size: 24px;line-height: 34px;}
.section4 .bd .bd1 .b-bd .mt a{color: #000000;font-size: 18px;line-height: 30px;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;display:box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.section4 .bd .bd1 .b-bd .mc{position: relative;padding-left: 20px;	color: #959595;	line-height: 30px;font-size: 14px;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;display:box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top: 12px;}
.section4 .bd .bd1 .b-bd .mc::after{ content: ""; left: 0; top: 50%; transform:translate(0,-50%) ; -webkit-transform:translate(0,-50%) ; -moz-transform:translate(0,-50%) ; -ms-transform:translate(0,-50%) ; -o-transform:translate(0,-50%) ; position: absolute;border-left: 1px solid #d3d3d3;height: 100%;}
.section4 .bd .bd1 .b-bd .pc{margin-top: 20px;}
.section4 .bd .bd2{width: calc(100% - 557px);padding-left: 66px;box-sizing: border-box;}
.section4 .bd .bd2 .b-hd{display: flex;flex-direction: row-reverse;}
.section4 .bd .bd2 .b-hd ul{display: flex;}
.section4 .bd .bd2 .b-hd ul li a{display: block;width: 97px;line-height: 34px;text-align: center;	color: #ffffff;font-size: 14px;}
.section4 .bd .bd2 .b-hd ul li.on a{background-color: #cfa972;}
.section4 .bd .bd2 .b-hd .more a{display: block;width: 97px;line-height: 34px;text-align: center;	color: #ffffff;font-size: 14px;}
.section4 .bd .bd2 .b-bd{margin-top: 30px;}
.section4 .bd .bd2 .b-bd .b-bdbox a{display: block;padding: 35px 0 30px;border-top: 1px solid #d3d3d3;}
.section4 .bd .bd2 .b-bd .b-bdbox a .mt{display: flex;justify-content: space-between;}
.section4 .bd .bd2 .b-bd .b-bdbox a .mt .mt1{	color: #ffffff;line-height: 26px;font-size: 16px;background: url(ico10.png) no-repeat left 9px center;padding-left: 34px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 75%;}
.section4 .bd .bd2 .b-bd .b-bdbox a .mt .time{color: #ffffff;	font-size: 24px;line-height: 26px;}
.section4 .bd .bd2 .b-bd .b-bdbox a .mc{color: #ffffff;line-height: 30px;font-size: 14px;background: url(ico9.png) no-repeat right 28px center;padding-right: 150px;box-sizing: border-box;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;display:box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}

.section5 .bd{display:flex;}
.section5 .bd .bd1{width: 50%;background: #f3f5f7;}
.section5 .bd .bd1 .map img{width: 100%;}
.section5 .bd .bd1 form{padding: 48px 20px 0 9.375%;height: 50vh;}
.section5 .bd .bd1 form .tle .t1{color: #313131;font-size: 24px;line-height: 34px;}
.section5 .bd .bd1 form .tle .t2{color: #7d7d7d;font-size: 14px;line-height: 24px;margin-top: 7px;}
.section5 .bd .bd1 form .txt{width: 100px;}
.section5 .bd .bd1 form  .input{display:flex;margin-top: 33px;}
.section5 .bd .bd1 form  .input label{display: flex;border-bottom: 2px solid #eeeeee;padding-bottom: 5px;width: 49%;font-size: 14px;}
.section5 .bd .bd1 form  .input label:last-child{margin-left: 2%;}
.section5 .bd .bd1 form  .input input{outline: none;font-size: 14px;color: #7d7d7d;width: calc( 100% - 100px);}
.section5 .bd .bd1 form .textarea{display: flex;margin-top: 37px;font-size: 14px;}
.section5 .bd .bd1 form .textarea textarea{width: calc(100%  - 100px);height: 154px;padding: 20px;box-sizing: border-box;border: solid 2px #eeeeee;resize: none;}
.section5 .bd .bd1 form input[type ="submit"]{width: 118px;height: 38px;background-color: #313131;color: #ffffff;font-size: 16px;margin-left: 100px;margin-right: 20px;}
.section5 .bd .bd1 form .s{margin-top: 24px;display: flex;align-items: center;}
.section5 .bd .bd1 form input[type ="reset"]{width: 118px;height: 38px;background-color: #cfa972;color: #ffffff;font-size: 16px;}
.section5 .bd .bd2{width: 50%;display: flex;flex-direction: column;justify-content: center;padding: 0 8.33%  0  6.625%;outline: none;background: none;}
.section5 .bd .bd2 .tle .t1{color: #000000;font-size: 24px;line-height: 34px;}
.section5 .bd .bd2 .tle .t2{color: #303030;font-size: 36px;line-height: 46px;font-weight: bold;margin-top: 13px;position: relative;}
.section5 .bd .bd2 .tle .t2::after{content: "";left: 0;bottom: -15px;border-bottom: 3px solid #222222;width: 32px;position: absolute;}
.section5 .bd .bd2 .tle .t3{color: #303030;font-size: 24px;line-height: 34px;margin-top: 43px;}
.section5 .bd .bd2 .tle .t3 i{font-style: normal;color: #13325d;}
.section5 .bd .bd2 .tle{padding-bottom: 30px;border-bottom: 2px solid #e8e8e8;}
.section5 .bd .bd2 ul{display: flex;flex-wrap: wrap;margin-top: 43px;}
.section5 .bd .bd2 ul li{display: flex;align-items: center;margin-top: 34px;}
.section5 .bd .bd2 ul li .pc{width: 37px;margin-right: 20px;}
.section5 .bd .bd2 ul li .a1{color: #959595;font-size: 16px;line-height: 26px;}
.section5 .bd .bd2 ul li .a2{color: #000000;font-size: 18px;line-height: 28px;}
.section5 .bd .bd2 ul li{width: 40%;}
.section5 .bd .bd2 ul li:nth-child(2n){width: 60%;}
.section5 .bd .bd2 ul li:nth-child(-n+2){margin-top: 0;}

/* 效果 */
.ani.hotl {
    -webkit-animation: fadeInDown 1.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    animation: fadeInDown 1.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.section.active  .hd-box h3{-webkit-animation: fadeInUp 3.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);animation: fadeInUp 3.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.section.active  .hd-box .tle{-webkit-animation: fadeInUp 3.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);animation: fadeInUp 3.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.section1 .bd{-webkit-animation: fadeInUp 3.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);animation: fadeInUp 3.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.section1.active  {
    -webkit-animation: fadeInUp 3.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    animation: fadeInUp 3.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.section2.active .bd ul li:nth-child(1){ -webkit-animation: fadeInUp 1.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99); animation: fadeInUp 1.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99); }
.section2.active .bd ul li:nth-child(2){ -webkit-animation: fadeInUp 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99); animation: fadeInUp 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99); }
.section2.active .bd ul li:nth-child(3){ -webkit-animation: fadeInUp 2.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99); animation: fadeInUp 2.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99); }
.section2.active .bd ul li:nth-child(4){ -webkit-animation: fadeInUp 3s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99); animation: fadeInUp 3s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99); }
.section.active .head { -webkit-animation: fadeInUp 1.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99); animation: fadeInUp 1.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99); }
.section3.active .bd .b-hd{-webkit-animation: fadeInUp 1.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99); animation: fadeInUp 1.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99); }
.section3.active .bd .b-bd{ -webkit-animation: fadeInUp 1.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99); animation: fadeInUp 1.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99); }
.section4.active .bd .bd1{ -webkit-animation: fadeInLeft 1.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99); animation: fadeInLeft 1.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99); }
.section4.active .bd .bd2{ -webkit-animation: fadeInRight 1.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99); animation: fadeInRight 1.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99); }
.section5.active .bd .bd1{ -webkit-animation: fadeInLeft 1.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99); animation: fadeInLeft 1.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99); }
.section5.active .bd .bd2{ -webkit-animation: fadeInRight 1.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99); animation: fadeInRight 1.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99); }

.spBox { position:absolute; top:0; right:0; left:0; bottom:0; background:rgba(0,0,0,0.6); z-index:9; display:none; }
.spBox.on { display:block; }
.spBox .spBox01 { position:absolute; top:50%; left:50%; width:46%; padding:20px; box-sizing: border-box; background:#000; transform: translate(-50%,-50%); z-index:5; }
.spBox .spBox01 video { width:100%; height:auto!important; }
.spBox .spBox01 .sp-close { position:absolute; right:-50px; top:-30px; color:#fff; font-size:30px; cursor:pointer; }

@media all and (max-width:750px){
	.spBox .spBox01 { position:absolute; top:50%; width:92%; padding:10px; z-index:5; }
	.spBox .spBox01 .sp-close { position:absolute; right:0; top:-60px; color:#fff; font-size:30px; cursor:pointer; }
}