@charset "utf-8";
/* 首页样式
** 2019-08-12
** by Molly
*/
/* section sec */

@font-face {
  font-family: "Futura Md BT Medium"; /* Project id 3367809 */
  src: url('../fonts/Futura Md BT Medium.ttf') format('truetype');
}
.sec-box.sec-mask{
	transition: all 0.3s ease-in-out;
	-o-transition: background 0.3s ease-in-out;
	-webkit-transition: background 0.3s ease-in-out;
	-moz-transition: background 0.3s ease-in-out;	
}
.section{width:100%;margin-bottom: 14px;}
.swiper-container-line-l.swiper-container-horizontal>.swiper-pagination-bullets{padding-left: 85px;text-align: left;}
.section.sec_4 {text-align: center;margin-bottom: 0;font-size: 1.5rem;padding-bottom: 41px;padding-top: 7px;}
.section.sec_4 h2, 
.section.sec_4 p {height: 60px;line-height: 70px;}
.section.sec_5{margin-bottom: 14px;}
.section.sec_5{margin-left: 4.5%;margin-right: 4.5%;width: auto;}
.section.sec_5 li{position: relative;margin-bottom: 10px;}
.section.sec_5 .sec-box {position: relative;padding: 20px 0;background: #f6f6f6;font-size: 18px;color: #000;height: 70px;}
.section.sec_5 .sec-name{height: 30px;line-height: 36px;overflow: hidden;}
.section.sec_5 .sec-name span{margin: 0 4px;}
.section.sec_5_1 li{width: 25%;margin-bottom: 0;}
.section.sec_5_1 .sec-box {position: absolute;height: 100%;width: 100%;color: #fff; background: rgba(0,0,0,.6);font-size: 20px;transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;}
.section.sec_5_1 .sec-box .enName {font-size: 1.2125rem;}
.section.sec_5_1 .sec-box .zhName {font-size: 0.9rem;}
.section.sec_5_1 li>a:hover .sec-box{display: none;}
.section.sec_5_1 .sec-name{height: auto;}
.section.sec_5_1 .sec-name>span {display: block;text-align: center;height: 30px;line-height: 39px;}
.section.sec_5_2 li{width: 50%;}
.section.sec_5_3{margin-left: 0;margin-right: 0;width: 100%;}
.section.sec_5_3 li{width: 33.33%;}
.section.sec_5_4 li{width: 25%;}
.section.sec_5_5 li{width: 49%; margin-left: 0.25%;margin-right: 0.25%;margin-top: 0.39%;}
.section.sec_5_5 .sec-box {position: absolute;height: 100%;width: 100%;color: #fff; background: rgba(0,0,0,.6);font-size: 20px;transition: all 0.3s ease-in-out;-o-transition: all 0.3s
ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;}
.section.sec_5_5 li>a:hover .sec-box{display: none;}
.section.sec_5_5 .sec-name{height: auto;position: absolute;top: 7%;left: 4%;color: #000000;}
.section.sec_5_5 .sec-name>span {display: block;text-align: center;height: 38px;line-height: 39px;}

.section.sec_6{margin-bottom: 40px;background: #fff;}
.sec_6>div{width: 100%;height: 100%;overflow: hidden;position: relative;}
.sec_6>div>div{position: absolute;}
.sec_6 .sec-main,
.sec_6 .sec-smalls,
.sec_6 .sec-box{overflow: hidden;}
.sec_6 .sec-text {color: #000;font-size: 0.9rem;line-height: 36px;}
.sec_6 .sec-text p{min-height: 18px;}
.sec_6 .sec-text h3{font-weight: normal;font-size: 1.35rem;line-height: 65px;min-height: 50px;}
.sec_6 .title-logo{width: 100%;max-height: 100%;}
.sec_6 .title-logo img{display: inline-block;width: 100%;vertical-align: middle;}
.sec_6 .sec-text .btn-2 {background: transparent;margin: 20px 0 0;}
.sec_6 .swiper-container-6 {width: 100%;height: 100%;overflow: hidden;position: relative;}
.sec_6 .swiper-pagination-bullet{width: 35px;}
.sec_6 .sec-video{position: relative;}
.sec_6 .sec-video .btn-play {position: absolute;height: 90px;width: 90px;top: 50%;margin-top: -45px;left: 50%;margin-left: -45px;background: url(../images/video_play2.png) no-repeat;background-size: 100% auto;background-position: center center;}
/*sec_6_1、sec_6_7*/
.sec_6_1{background: #f6f6f6;}
.sec_6_1 .sec-main,
.sec_6_7 .sec-main{ display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.sec_6_1 .sec-box,
.sec_6_1 .sec-main {width: 44.5%;height: 100%;top:0;left:0;overflow: hidden;}
.sec_6_1 .sec-main {width: 55.5%;left:44.5%;}
.sec_6_1.turnToLeft .sec-box{left:55.5%;}
.sec_6_1.turnToLeft .sec-main{left:0;}
.sec_6_7 .sec-smalls{left: 9.79%;top: 7.55%;width: 21.67%;height: 48.18%;}
.sec_6_7 .sec-box{left: 9.79%;top: 57.73%;width: 21.67%;height: 41%;}
.sec_6_7 .sec-text{width: 100%;height:100%;text-align: left;}
.sec_6_7 .sec-main{left: 36.67%;top: 7.55%;width: 55.63%;height: 72.73%;}
.sec_6_7 .swiper-pagination {text-align: right;padding-right: 30px;}
/*sec_6_2*/
.sec_6_2 {background: #fff url(../images/section-6-2.png) no-repeat;padding-left: 14.6%;background-size: auto 100%;background-position: top left;}
.sec_6_2 .sec-box {right:0;top:0;left: initial;width: 85.31%;height: 15.4%;color: #000;padding-right: 85px;}
.sec_6_2 .sec-box .sec-text {width: 100%;text-align: right;}
.sec_6_2 .sec-main{right: 0;bottom: 0;width: 85.31%;height: 84.59%;}
/*sec_6_3、sec_6_8、sec_6_9*/
.sec_6_3 .sec-main{left: 16%;top: 16.1%;width: 34.1%;height: 79.3%;}
.sec_6_3 .sec-box{left: 63.74%;top:16.1%;width: 31.56%;height: 26.57%;}
.sec_6_3 .sec-box.top{left: 16%;top: 0;width: 34.1%;height:16.1%;}
.sec_6_3 .sec-box .sec-text{width: 100%;text-align: left;}
.sec_6_3 .sec-smalls{left: 63.74%;top:48.5%;width: 31.56%;height: 47%;}
.sec_6_3 .sec-smalls img{height: 25.5%;width: auto;margin-bottom: 3.6%;}
.sec_6_8 .sec-main{left: 7.24%;top: 10%;width: 55.63%;height: 80%;}
.sec_6_8 .swiper-pagination {text-align: left;padding-left: 30px;}
.sec_6_8 .sec-smalls{left: initial;right:13.23%;top: 27%;width: 17.7%;height: 46%;}
.sec_6_8 .sec-box{left: initial;right:13.23%;top: 75.4%;width: 20.83%;height: 22.6%;}
.sec_6_8 .sec-box.top{left: initial;right:5.63%;top: 10%;width: 5.2%;height: 63%;}
.sec_6_8 .sec-text{width: 100%;height: 100%;text-align: right;}
.sec_6_8 .top .sec-text{width: 100%; height: 100%;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: end;-ms-flex-align: end;-webkit-align-items: flex-end;align-items: flex-end;}
.sec_6_8 .sec-text h3 {width: 100%;max-height: 100%;position: relative;}
.sec_6_8 .sec-text h3 img {display: inline-block;width: 100%;vertical-align: bottom;}
.sec_6_8 .sec-text h3.title {height: 100%;font-size: 45px;}
.sec_6_8 .sec-text h3 span {width: auto;display: inline-block;white-space: nowrap;transform: rotate(90deg);transform-origin: top right;position: absolute;right: 14px;top: 100%;vertical-align: 0;}
.sec_6_9{background: #f6f6f6;}
.sec_6_9 .sec-main{left: 9.43%;top: 11.11%;width: 54.17%;height: 54.17%;}
.sec_6_9 .swiper-pagination {text-align: right;padding-right: 30px;}
.sec_6_9 .sec-smalls{left: initial;right: 9.43%;top: 11.11%;width: 23.85%;height: 54.17%;}
.sec_6_9 .sec-box{left: 9.43%;top: 65.28%;width: 39%;height: 27.78%;}
.sec_6_9 .sec-box.top{left: initial;right: 9.43%;top: 65.28%;width: 39%;height: 27.78%;}
.sec_6_9 .sec-text{width: 100%;text-align: left;}
.sec_6_9 .top .sec-text{text-align: right;}
/*sec_6_4、sec_6_6*/
.sec_6_4>div{top: 9.03%;height: 81.94%;}
.sec_6_4 .sec-main {left: 14.06%;width: 50.89%;}
.sec_6_4 .sec-image{position: absolute;top: 0;left: 0;max-height: 100%;width: 44.93%;}
.sec_6_4 .sec-image-1{left: 55.17%;}
.sec_6_4 .sec-box{left: 70.1%;width: 20.83%;}
.sec_6_4 .sec-text{width: 100%;text-align: right;}
.sec_6_6>div{position: absolute;top:6.3%;height: 89.4%;overflow: hidden;}
.sec_6_6 .sec-main{left: 4.4%;width: 65.52%;position: relative;}
.sec_6_6 .sec-image{width: 80.7%;}
.sec_6_6 .sec-image-1{position: absolute;bottom: 0;right: 0;border:10px solid #fff;width: 29.5%;}
.sec_6_6 .sec-box {right: 4.4%;width: 23.6%;position: absolute;left: initial;display: block;}
.sec_6_6 .sec-text {text-align: left;}
/*sec_6_5*/
.sec_6_5{background: #f6f6f6;}
.sec_6_5 .sec-main{position: initial;}
.sec_6_5 .sec-image{position: absolute;max-height: 68.21%;width: 28.02%;left: 0;top:12.14%;}
.sec_6_5 .sec-image-1{left:44%;top:12.14%;max-height: 73.93%;width: 34.74%;}
.sec_6_5 .sec-image-2{left:initial;top:initial;right:4.17%;bottom:23.43%;border:10px solid #fff;max-height:34.5%;width: 19.48%;}
.sec_6_5 .sec-box{height: 14.28%;width: 28.02%;left: 0;top: 80.35%;}
.sec_6_5 .sec-box.top{display: block;top: 0;left:29.7%;width: 13%;height: 70.7%;}
.sec_6_5 .sec-text{width: 100%;text-align: right;}
.sec_6_5 .top .sec-text{width: 100%; height: 100%;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: end;-ms-flex-pack: end;-webkit-justify-content: flex-end;justify-content: flex-end;-webkit-box-align: end;-ms-flex-align: end;-webkit-align-items: flex-end;align-items: flex-end;}
.sec_6_5 .sec-text .btn-2{width: 40px;height: auto;line-height: 1.4;padding: 30px 0;}
.sec_6_5 .sec-text h3 {width: 57%;max-height: 100%;position: relative;}
.sec_6_5 .sec-text h3 img {display: inline-block;width: 100%;vertical-align: bottom;}
.sec_6_5 .sec-text h3.title {height: 100%;font-size: 50px;}
.sec_6_5 .sec-text h3 span {width: auto;display: inline-block;white-space: nowrap;transform: rotate(90deg);transform-origin: top right;position: absolute;right: 20px;top: 100%;vertical-align: 0;}
.sec_7 .btn-1 {width: auto;padding: 0 25px;}

.section .sec-box.sec-mask.hover,
.section .sec-box.sec-mask:hover{background:rgba(0,0,0,.35);
	transition: all 0.3s ease-in-out;
	-o-transition: background 0.3s ease-in-out;
	-webkit-transition: background 0.3s ease-in-out;
	-moz-transition: background 0.3s ease-in-out;}