@charset "utf-8";

.section1 .swiper-container1 {height:100%;}
.section1 .swiper-container1 .swiper-slide1 {background:url("/ferro/assets/images/mainbg-1.jpg") no-repeat center center; background-size:cover; height:100%;}
.section1 .swiper-container1 .swiper-slide2 {background:url("/ferro/assets/images/mainbg-2.jpg") no-repeat center center; background-size:cover; height:100%;}
.section1 .swiper-container1 .swiper-slide3 {background:url("/ferro/assets/images/mainbg-3.jpg") no-repeat center center; background-size:cover; height:100%;}

.swiper-container1 .swiper-slide .sw-table {text-align: center; display: table; width: 100%; height: 100%; vertical-align: middle; position: relative; z-index: 2;}
.swiper-container1 .swiper-slide .sw_text {    color: #fff; display: table-cell; vertical-align: middle; text-align:center; padding-bottom:120px; padding-bottom:0;}
.swiper-container1 .swiper-slide .sw_text .t1 {padding-bottom:10px; display: inline-block; color:#fff; font-size:60px; font-weight:700;   opacity:0; transform:translateY(80px); transition:1s; transition-property: all; transition-duration: 0.8s;}
/*.swiper-container1 .swiper-slide .sw_text .t2 {font-weight:400; font-size:22px; letter-spacing: -0.5px; transform:translateY(80px); transition:1s; transition-property: all; transition-duration: 0.8s; line-height:30px; margin-top:20px; margin-left: 17vw; margin-right: 17vw; padding: 1.5vh; background-color: #000000; background-color: rgba(0,0,0,0.0); opacity:0.5;  text-align: left;}*/
.swiper-container1 .swiper-slide .sw_text .t2 {font-weight:400; font-size:20px; opacity:0.5; transform:translateY(80px); transition:1s; transition-property: all; transition-duration: 0.8s; line-height:33px; margin-top:20px;}
/*.swiper-container1 .swiper-slide .sw_text .t2 b {font-weight:500; font-size:76px;}*/
.swiper-container1 .swiper-pagination-bullet {background:#fff; opacity:1;}
.swiper-container1 .swiper-pagination-bullet-active {background:#e1151b;}
.swiper-container1.swiper-container-horizontal.swiper-pagination-bullets, .swiper-container1 .swiper-pagination-custom, .swiper-container1 .swiper-pagination-fraction {bottom:40px;}

.swiper-container1 .swiper-slide.swiper-slide-active .sw_text .t1 {opacity:1; transform:translateY(0);}
.swiper-container1 .swiper-slide.swiper-slide-active .sw_text .t2 {opacity:1; transform:translateY(0);}

.section2 {}
.pdinfo-wrap {height:100%; position:relative; padding-left:640px; padding:0;}
.pdinfo-wrap .dp-tbl {display: table; width:100%; height:100%; table-layout:fixed;}
.pdinfo-wrap .dp-tbl .dp-cell {display:table-cell; vertical-align: middle;}
.pdinfo-wrap .left {display: inline-block; background:url("/ferro/assets/images/section02-bg.jpg") no-repeat center center; background-size:cover; width: 640px; height:100%; position:absolute; left:0; top:0; padding-left:125px;}
.pdinfo-wrap .left .t1 {color:#fff; font-weight:100; font-size:50px; line-height:60px;}
.pdinfo-wrap .left .t2 {color:#fff; font-weight:400; font-size:60px; margin-top:35px;}
.pdinfo-wrap .left .t2 img {vertical-align: bottom; padding-left:10px; position:relative; bottom:7px;}
.pdinfo-wrap .left .t3 {color:#fff; font-weight:300; font-size:20px; line-height:28px; margin-top:25px;}
.pdinfo-wrap .left .btn-wrap {margin-top:60px;}
.pdinfo-wrap .left .btn-wrap a.btn {width:240px; line-height:70px; text-align:center; font-weight:700; font-size:20px; color:#fff; border:1px solid #fff; letter-spacing:0;}
.pdinfo-wrap .right {width:100%; height:100%; display: inline-block; background:#ededed; padding-left:702px;}
.pdinfo-wrap .right .kp-tit {font-size:40px; line-height:60px; font-weight:300; color:#000; text-align:left; padding-left:29px;}
.pdinfo-wrap .right .kp-tit b {font-weight:700;}
.pdinfo-wrap .right .kp-tit2 {font-size:20px; color:#323f90; margin-top:15px; text-align:center;}
.pdinfo-wrap .right .kp-swiper-container {width:100%; margin-top:45px;}
.pdinfo-wrap .right .kp-swiper-container .swiper-slide {width:540px;}
.pdinfo-wrap .right .kp-swiper-container .swiper-slide .thum {width:480px; height:370px; position:relative; background:#fff;   box-shadow: 10px 17.321px 25px 0px rgba(0, 0, 0, 0.1); padding-top:25px; padding-left:40px; z-index:5; margin:0 auto;}
.pdinfo-wrap .right .kp-swiper-container .swiper-slide .thum .entire {position:absolute; left:0; top:0; width:100%; height:100%; display: inline-block; z-index:6;}
.pdinfo-wrap .right .kp-swiper-container .swiper-slide .thum .bg {position:absolute; right:0; bottom:0; display: inline-block; z-index:5;}
.pdinfo-wrap .right .kp-swiper-container .swiper-slide .thum .txt {color:#000000; font-size:35px; text-align:left; position:relative; z-index:8;}
.pdinfo-wrap .right .kp-swiper-container .swiper-slide .description {width:480px; margin-top:15px; margin:15px auto 0;}
.pdinfo-wrap .right .kp-swiper-container .swiper-slide .description p {line-height:30px; font-size:20px; font-weight:300; color:#666666; word-break: keep-all;}
.section2 .swiper-button-prev, .section2 .swiper-button-next {background:#323f90; width:55px; height:55px; text-align:center; margin-top:0; top:auto; bottom:80px;}
.section2 .swiper-button-prev img, .section2 .swiper-button-next img {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.section2 .swiper-button-prev {left:50%; margin-left:-65px; margin:0; left:auto; right:192px;}
.section2 .swiper-button-next { right:50%; margin-right:-65px; margin:0; left:auto; right:124px;}

.section3 {background:url("/assets/images/section03-bg.png") no-repeat center center;  background-size:cover;}
.main-slogun {}
.main-slogun .tit {text-align:center; margin-bottom:45px;}
.main-slogun .tit h1.t1 {font-weight:100; color:#fff; font-size:60px;}
.main-slogun .tit p.t2 {font-weight:500; color:#3b499f; font-size:20px; margin-top:15px;}
.main-slogun ul {font-size:0; margin:0 -30px; text-align:center;}
.main-slogun ul li {display: inline-block; width:480px; height:370px; background:#fff; box-shadow: 10px 17.321px 25px 0px rgba(0, 0, 0, 0.1); margin:0 60px; padding:50px 40px; position:relative;}
.main-slogun ul li .entire {position:absolute; left:0; top:0; z-index:11; width:100%; height:100%; display: inline-block;}
.main-slogun ul li .txt {text-align:left; position:relative; z-index:5;}
.main-slogun ul li .txt h2 {font-size:50px; color:#323f90; font-weight:400;}
.main-slogun ul li .txt p {font-size:16px; color:#666666; font-weight:300; line-height:22px; margin-top:15px; position:absolute;}
.main-slogun ul li .ic {position:absolute; right:0; bottom:0; z-index:4}
.main-slogun ul li .arrow {background:#3b499f; width:55px; height:55px; display: inline-block; position:absolute; right:0; bottom:0; z-index:10; text-align:center;}
.main-slogun ul li .arrow img {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:0.5s;}
.main-slogun ul li:hover .arrow img {transform:translate(-35%,-50%);}
.main-slogun ul li.ms1 .ic {right:60px;}
.main-slogun ul li.ms2 .ic {right:60px;}
.main-slogun ul li.ms3 .ic {right:60px;}

.section4 {}
.location-wrap {position:relative; z-index:1; /*padding-right:640px;*/ height:100%;}
.location-wrap .left {width:100%; position:relative; z-index:1; height:100%;}
.location-wrap .left .map {position:relative; z-index:1; height:100%;}
.location-wrap .left .map-popup {position:absolute; left:125px; top:220px; box-shadow: 10px 17.321px 25px 0px rgba(0, 0, 0, 0.1); z-index:2; background:#fff; padding:35px 45px;}
.location-wrap .left .map-popup .contxt {}
.location-wrap .left .map-popup .contxt h3.t1 {font-size:30px; color:#3b499f; line-height:40px;}
.location-wrap .left .map-popup .contxt p.t2 {font-size:24px; line-height:36px; color:666666; font-weight:100; margin-top:20px; margin-bottom:35px; padding-top:20px; border-top:1px solid #dedede;}
.location-wrap .left .map-popup .contxt ul {font-size:0; margin:0 -12.5px;}
.location-wrap .left .map-popup .contxt ul li {width:120px; text-align:center; display: inline-block; vertical-align: top; box-shadow: 4px 6.928px 24px 0px rgba(0, 0, 0, 0.05); margin:0 12.5px; padding:30px 25px 25px; position:relative;}
.location-wrap .left .map-popup .contxt ul li:hover a {background: rgb(0 0 0 / 5%);}
.location-wrap .left .map-popup .contxt ul li a {display: inline-block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2;}
.location-wrap .left .map-popup .contxt ul li img {margin-bottom:10px; position:relative; z-index:1;}
.location-wrap .left .map-popup .contxt ul li .txt {font-size:18px; font-weight:100; color:#666666; line-height:22px;}

.location-wrap .right {background:url("/assets/images/section04-bg.png") no-repeat center bottom; background-size:cover; width:640px; position:absolute; right:0; top:0; z-index:2; width:640px; height:100%;}
.location-wrap .right .lw-tbl {display: table; width: 100%; height: 100%; table-layout: fixed;}
.location-wrap .right .lw-tbl .lw-cell {display:table-cell; vertical-align: middle;}
.location-wrap .right .txt {color:#fff; text-align:right; padding-right:150px;}
.location-wrap .right .txt .t1 {font-size:50px; font-weight:100;}
.location-wrap .right .txt .t2 {font-size:60px; font-weight:400; margin-top:25px;}
.location-wrap .right .txt .t2 img {vertical-align: bottom; padding-right:10px; position:relative; bottom:7px;}
.location-wrap .right .txt .t3 {font-size:20px; line-height:34px; margin-top:25px;}
.location-wrap .right .txt .btn-wrap {margin-top:60px;}
.location-wrap .right .txt .btn-wrap a.btn {width: 210px; line-height: 70px; text-align: center; font-weight: 700; font-size: 20px; color: #fff; border: 1px solid #fff;}

.section5, .section5 .fp-tableCell {height: auto !important;}