@charset "utf-8";
.container { position: relative; width: 100%; }

.section { position:relative; overflow: hidden; }

#fp-nav { display:none; } 
#menu { margin: 0; padding: 0; position: fixed; right:20px; top:50%; margin-top:-60px; list-style-type: none; z-index: 70;}
#menu li { position:relative;margin:  16px 0; width:20px; font-size: 0px; height:1px; background:#999;}
#menu .alt{ position:absolute;right:20px; top:-15px; font-size:14px; width:100px; height:47px; line-height:47px; text-align:center; color:#fff; display:none;}
#menu li:hover .alt,#menu li.active .alt{ display:block;}
#menu a { float: left;  width:20px; height:1px; background-color: #999; text-decoration: none; display: block;}
#menu .active { background:#ba0006; width:25px; }
#menu .active a {  background: #ba0006; }

.section2 { background:#f4f4f4; }
.section4 { background:#f5f5f5; }
.section5 { background:#f5f5f5; }
.section6 { background:#3d3d3d; }

.section6 .topArea01 { box-shadow:none; }

.btn-down { position: absolute; bottom: 4%; left: 50%; margin-left: -12px; width: 24px; height: 68px; background: url(../images/fullpage-btn.png) no-repeat; cursor: pointer; z-index: 999;}
.btn-down:before,.btn-down:after { display: block;position: absolute;left: 50%;top: 90%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); content: ""; width: 20px; height: 11px; background: url(../images/fullpage-btn1.png) no-repeat;}
.btn-down:after { }
.btn-down:before {
  -webkit-animation: arrow-movement 2s ease-in-out infinite;
          animation: arrow-movement 2s ease-in-out infinite;
}
.btn-down:after {
  -webkit-animation: arrow-movement 2s 1s ease-in-out infinite;
          animation: arrow-movement 2s 1s ease-in-out infinite;
}
@-webkit-keyframes arrow-movement {
  0% { opacity: 0; top: 65%;}
  70% { opacity: 1;}
  100% { opacity: 0;}
}
@keyframes arrow-movement {
  0% { opacity: 0; top: 65%;}
  70% { opacity: 1;}
  100% { opacity: 0;}
}

.section2  .btn-down{background:url(../images/fullpage-btn2.png)}
.section2  .btn-down:before, .section2  .btn-down:after { background:url(../images/fullpage-btn1-01.png) no-repeat;}

.section5  .btn-down{background:url(../images/fullpage-btn2.png)}
.section5  .btn-down:before, .section5  .btn-down:after { background:url(../images/fullpage-btn1-01.png) no-repeat;}

 
.con-01 {background:#f4f4f4; position:relative; overflow:hidden;}
.con-01 .bd{ padding-top:88px;}
.con-01 .bd .pic{ float:left; position:relative; width:50%; text-align:left;}
.con-01 .bd .pic img{width:100%; height:100%;}
.con-01 .bd .con{ position: absolute; right:0; width:620px; padding-left:4%; padding-top:40px; left:50%; height:400px; margin-top:-200px; top:40%;  z-index:99; background:url(../images/about.png) no-repeat left top; }
.con-01 .bd .con .text{ width:100%; }
.con-01 .bd .con .text dt{ text-align:left; position:relative; padding-bottom:20px; margin-bottom:30px;}
.con-01 .bd .con .text dt:after{ position:absolute; content:""; width:50px; height:1px; background:#999; left:0; bottom:0;}
.con-01 .bd .con .text dt{}
.con-01 .bd .con .text dt a{ font-size:30px; color:#333; letter-spacing: 0.4px; }
.con-01 .bd .con .text dt:hover a{color:#ba0006;}
.con-01 .bd .con .text dt  span{ display:block; text-transform:uppercase; color:#666; font-size:12px;}
.con-01 .bd .con .text .i { line-height:28px; font-size:14px; color:#999; text-align:left;}
.con-01 .bd .con .text .m{ text-align:left; margin-top:30px;}
.con-01 .bd .con .text .m a{ display:inline-block; width:140px; height:40px; line-height:40px; text-transform:uppercase; padding-left:15px; background:url(../images/more.png) no-repeat center top;}
.con-01 .bd .con ul{ position:relative; z-index:100;}
.con-01 .bd .con ul{ margin-top:30px; }

.indMore {
    display: inline-block;
    padding: 10px 0px 0px 0px;
	font-size: 16px;
	color:#333;
    position: relative;
    z-index: 11;
}

.indMore img{ margin-left:20px; position:relative;top:-10px;}

.indMore:hover {
    -webkit-animation: gelatine 0.5s 1;
    animation: gelatine 0.5s 1;
}


.left .walk{
	width: 34.6%;
	margin-top: 12px;
	background: #a9131b;
	text-align: center;
	line-height: 36px;
	color: #fff;
	font-size: 16px;
	display: block;
}
.left h2{
	font-size: 48px;
	color: #333333;
	line-height: 68px;
	margin: 36px 0 36px;
}
.left p{
	font-size: 16px;
	color: #808080;
	line-height: 28px;
	margin-bottom: 16px;
}
.left .more{
	width: 28%;
	height: 39px;
	line-height: 39px;
	text-align: center;
	border: 1px solid #c7c7c7;
	color: #a9131b;
	font-size: 16px;
	display: block;
	margin-top: 30px;
	transition:background 0.3s,border 0.3s,color 0.3s;
}
.i_one_ul{ overflow:hidden;text-align:center;border-radius:15px;background:rgba(255,255,255,0.3);-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.05); box-shadow: 0px 0px 8px rgba(0,0,0,0.05); margin:4% 0;}
.i_one_ul ul li{ float:left; width:33.33%; overflow:hidden; position:relative;padding-top:4%; padding-bottom:3%; cursor:pointer;-webkit-tap-highlight-color:transparent;  }
.i_one_ul ul li a{ color:#444;}
.i_one_ul ul li a:hover h3{ color:#a9131b; font-weight:bold;}
.i_one_ul ul li:after{ content:""; position:absolute; right:0; height:65px; top:50%; margin-top:-32px; width:1px; background:#dfdfdf;}
.i_one_ul ul li:last-child:after{ width:0;}
.i_one_ul ul li:before{ content:""; position:absolute; bottom:0; height:3px; width:0%; left:50%; right:50%; background:#db3d00;transition:all 0.3s;}
.i_one_ul ul li.isel:before{ width:100%; left:0; right:0;}
.i_one_ul ul li i{ display:inline-block; height:58px; width:58px; background:no-repeat; background-size:100% 100%; margin-bottom:12px;}
.i_one_ul ul li i.bgs1{ background-image:url(../images/i_pic1.png);}
.i_one_ul ul li i.bgs2{ background-image:url(../images/i_pic2.png);}
.i_one_ul ul li i.bgs3{ background-image:url(../images/i_pic3.png);}
.i_one_ul ul li a:hover i.bgs1{ background-image:url(../images/i_pic1_on.png);}
.i_one_ul ul li a:hover i.bgs2{ background-image:url(../images/i_pic2_on.png);}
.i_one_ul ul li a:hover i.bgs3{ background-image:url(../images/i_pic3_on.png);}
.i_one_ul ul li .h3{ font-weight:normal; line-height:30px; height:30px; overflow:hidden;font-size:18px; margin-top:0;}
.i_one_ul ul li.isel .h3{ color:#db3d00;}

.flex {
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}
.main4-con-left {
  background-color: #fff;
  max-width: 730px;
  width: 44%;
  padding-bottom: 2%;
  overflow: hidden;
}
.main4-con-left img {
  transition: all 0.5s; width:100%;
}
.main4-con-left h3 {
  font-size: 20px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 4% 3%;
}
.main4-con-left p {
  font-size: 14px;
  color: #777777;
  line-height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  padding: 0 3%;
}
.main4-con-left span {
  padding-left: 3%;
}
.main4-con-left span i {
  font-size: 24px;
  color: #c81415;
  transform: rotateY(180deg);
  line-height: 38px;
}
.main4-con-left:hover img {
  transform: scale(1.05);
}
.main4-con-left:hover h3 {
  color: #c81415;
}
.main4-con-ri {
  width: 53%;
}
.main4-con-ri .main4-con-ritop .ritop {
  width: 49%;
  position: relative;
  overflow: hidden;
}
.main4-con-ri .main4-con-ritop .ritop img {
  width: 100%;
  transition: all 0.5s;
}
.main4-con-ri .main4-con-ritop .ritop span {
  width: 74px;
  height: 42px;
  background-color: #c81415;
  position: absolute;
  bottom: 20%;
  right: 0;
  text-align: center;
  line-height: 42px;
  color: #fff;
  font-size: 16px;
}
.main4-con-ri .main4-con-ritop .ritop h3 {
  font-size: 16px;
  color: #666666;
  line-height: 3.5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main4-con-ri .main4-con-ritop .ritop:hover img {
  transform: scale(1.05);
}
.main4-con-ri .main4-con-ritop .ritop:hover h3 {
  color: #c81415;
}
.main4-con-ribot {
  margin-top: 3%;
}
.main4-con-ribot ul li {
  font-size: 18px;
  color: #434343;
  line-height: 3.5;
  position: relative;
  padding-left: 3%;
  border-bottom: 1px solid #e7e7e7;
}
.main4-con-ribot ul li::after {
  content: '';
  position: absolute;
  width: 5px;
  height: 5px;
  left: 1%;
  top:45%;
  background-color: #dfdfdf;
}
.main4-con-ribot ul li span {
  color: #999999;
}
.main4-con-ribot ul li:hover {
  color: #c81415;
}
.main4-con-ribot ul li:hover span {
  color: #c81415;
}

.one_row_text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; font-weight:normal; width:80%;
}



 
.bArea ul li { width:20.833%; float:left; transition: all 0.6s; }
.bArea ul li a { position:relative; display:block; width: 100%; height:100%; top:-500px; opacity: 0; background-size: cover;  background-position:left center; }

.bArea ul li:nth-child(1) a { transition: all 1.5s; }
.bArea ul li:nth-child(2) a { transition: all 2s; }
.bArea ul li:nth-child(3) a { transition: all 2.5s; }
.bArea ul li:nth-child(4) a { transition: all 3s; }
.bArea ul li:nth-child(5) a { transition: all 3.5s; }

.bArea ul li.on { width:37.5%; }

.active .bArea ul li a { opacity: 1; top:0; }

.bArea ul li a .txt { position:absolute; width:100%; height:100%; top:0; left:0; z-index:9; }
.bArea ul li.on a .txt { background:rgba(0,160,255,0.6); }

.bArea ul li a .txt01 { position:absolute; width:340px; height:295px; top:50%; left:30px; margin-top:-147px; color:#fff; z-index:9; }
.bArea ul li a .txt01 .p1 { font-size:24px; font-weight:normal; padding-left:60px; }
.bArea ul li a .txt01 .p1 .a2 { display:block; font-size:12px; text-transform:uppercase; }
.bArea ul li a .txt01 .p2 { margin:0 0 170px 50px; }
.bArea ul li a .txt01 .p3 { display:block; margin-left:50px; }
 
 
.section4 .more{ position:absolute; width:22px; left:50%; margin-left:-11px; bottom:20px; z-index:9999; }

.hd-common-01{ vertical-align:middle; text-align:center;}
.hd-common-01 h1{ font-size:32px; color:#333; text-align:center; display:inline-block;}
.hd-common-01 h1 i{ display:inline-block; font-style:normal; font-size:32px;  line-height:35px; height:35px; padding: 0 5px; text-transform:capitalize;}
.hd-common-01 span{  display:block; text-align:center; font-size:24px; color:#666; font-weight:normal;}
 
.con-03{ position:relative; padding-top:120px; height:100%; box-sizing: border-box; }
.con-03 .hd{ position:relative; margin-bottom:70px; }
.con-03 .swiper-slide{ position:relative; overflow:hidden; text-align:center; width:18% !important; }
.con-03 .swiper-slide img{ width:100%;height: 460px; }
.con-03 .swiper-slide .t{ position:absolute; left:0; width:100%; padding: 10% 3% 10% 3%;  bottom:0; background:rgba(0,0,0,0.7); transition:all 0.5s ease 0; box-sizing:border-box; transition:height 1s; z-index:9; }
.con-03 .swiper-slide .t dt a{ display:inline-block; font-size:18px; line-height:35px; color:#fff;}
.con-03 .swiper-slide .t dd.i{ line-height:20px; color:#ccc;}
.con-03 .swiper-slide .t dd.m a{ display:inline-block;  color:#fff; text-transform:uppercase; padding-top:15px; margin-top:15px; position:relative;}
.con-03 .swiper-slide .t dd.m a:before{ position:absolute; width:30px; height:1px; background:#fff; left:50%; margin-left:-15px; top:0px; content:"";}

.con-03 .swiper-slide .after{ text-align:center; vertical-align:middle; position:absolute; width:100%; height:100%; top:-100%; left:0; content:""; background:url(../images/plus.png) no-repeat center #c81415; transition:top 1s; z-index:2; } 
.con-03 .swiper-slide .after a{ display:block; width:100%; height:100%;}
.con-03 .swiper-slide:hover .after{transition:top 1s;  top:0;}
.con-03 .swiper-slide:hover .t{ background:#c81415;  }

.con-03 .swiper-button-nexts, .con-03 .swiper-button-prevs{ position:absolute; bottom:22px !important;}
.con-03 .swiper-button-prevs{ left:47%!important;}
.con-03 .swiper-button-prevs img{margin-top:23px !important;}
.con-03 .swiper-button-nexts{ right:47%!important;}
.con-03 .swiper-button-nexts img{margin-top:23px !important;}

@media screen and (max-height: 900px) {
  .con-03 .swiper-button-prev img,.con-03 .swiper-button-next img{margin-top:21px !important;}
}
 
.dArea { position:relative; padding-top:120px; height:100%; box-sizing: border-box; }
.dBox { margin-top:60px; }
.dArea01 { float:left; width:580px; background:#fff; box-shadow: #ececec 0px 0px 10px; }
.dArea01 .txt { padding:40px 40px 0 40px; height:190px; }
.dArea01 .txt .p1 { height:20px; line-height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom:20px; }
.dArea01 .txt .p1 a { font-size:16px; color:#333; } 
.dArea01 .txt .p2 { font-size:13px; color:#999; line-height:24px; min-height:100px; text-align:justify; }
.dArea01 .txt .p3 a { float:right; font-size:12px; color:#ba0006; text-transform:uppercase; }
.dArea01 .txt .p3 { color:#999; }
 
.dArea02 { float:right; width:590px; }
.dArea02 ul li { float:left; width:200px; margin-right:30px; padding:40px 40px 0 40px; height:210px; background:#fff; }
.dArea02 ul li:last-child { margin-right:0; }
.dArea02 ul li .p1 { height:160px; line-height:24px; text-align:justify; }
.dArea02 ul li .p1 a { font-size:16px; color:#333; } 
.dArea02 ul li .p3 a { float:right; font-size:12px; color:#ba0006; text-transform:uppercase; }
.dArea02 ul li .p3 { color:#999; }
 
.dArea02 ul li:first-child { margin-bottom:25px; width:510px; }
.dArea02 ul li:first-child .p1 { height:20px; line-height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom:20px; }
.dArea02 ul li:first-child .p2 { font-size:13px; color:#999; line-height:24px; min-height:120px; text-align:justify; }

.eArea01 { float:left; position:relative; width:58.8%; }
.eArea01 .txt { position:absolute; left:0; bottom:130px; background:#c81415; padding:60px 50px; border-right:6px solid #880001; z-index:9; }
.eArea01 .txt .p1 { float:left; }
.eArea01 .txt .p1 .a1 { float:left; margin-right:55px; color:#fff; font-size:14px; }
.eArea01 .txt .p1 .a1 p { font-weight:bold; }
.eArea01 .txt .p1 .a1 span { display:block; font-weight:normal; margin-top:15px; }

.eArea01 .txt .p2 { float:left; width:120px; text-align:center; }
.eArea01 .txt .p2 p { font-size:12px; color:#fff; margin-top:10px; }

.eArea02 { float:right; width:41.2%; box-sizing: border-box; padding:340px 80px 0 40px; color:#fff; }
.eArea02 .hd .p1 { font-size:24px; margin-bottom:20px; }
.eArea02 .hd .p2 { font-size:14px; line-height:22px; color:#c0c0c0; margin-bottom:45px; }
.eArea02 form .text { float:left; margin-bottom:20px; width:32%; height:40px; line-height:40px; border:1px solid #5f5f5f; padding-left:15px; font-size:14px; color:#999; margin-right:2%; box-sizing: border-box; }
.eArea02 form .textarea { margin-bottom:50px; width:100%; height:100px; line-height:25px; border:1px solid #5f5f5f; padding:10px 15px; font-size:14px; color:#999; box-sizing: border-box; }
.eArea02 form .btn01 {width:240px; height:40px; text-align:center; line-height:40px; font-size:14px; color:#fff; background:#c81415; border-radius:25px; cursor:pointer; }
.eArea02 form .text01 { margin-right:0; }