@charset "utf-8";
/* CSS Document */
.container{ position:relative; width:100%; margin: 0 auto; overflow:hidden; }
/* project*/
#menu { margin: 0; padding: 0; position: fixed;right:20px; top: 30%; list-style-type: none; z-index: 70;}
#menu li { position:relative;width:20px; font-size: 0px; height:19px;}
#menu li::after{ content:''; position:absolute; left:0; top:8px; width:100%; height:1px; background:#999;}
#menu li a { display:block; width:100%; height:100%; text-decoration: none;}
#menu li.active { border-bottom-color:#ff9c00; width:25px; }
#menu li.active::after{background:#ff9c00;}

.section { text-align: center;color: #fff; position:relative;}
.section1 { position:relative; background:none;}
.section2 { position:relative; background:url(../images/section2.jpg) no-repeat center top;}
.section3 { position:relative; background:url(../images/section3.jpg) no-repeat center top;}
.section4 { position:relative; background:#f4f4f4;}
.section5 { position:relative; background:url(../images/section5.jpg) no-repeat center top;}
.section6 { position:relative; background:#f4f4f4;}
.section7{ position:relative;background:url(../images/section7.jpg) no-repeat center bottom;}

.fp-tableCell{ vertical-align:top!important;}
.section1 .swiper-container1 { width: 100%; height: 100%;    }
.section1  .swiper-slide {  text-align: center;font-size: 18px;background: #fff;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; background-size: cover !important; }
.section1  .swiper-slide img{ display:none; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{  background-image:none !important; left:5%!important; width:33px !important;height:65px !important;z-index:9999 !important;margin-top:-35px !important;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background-image:none !important; right:5%!important; width:33px !important;height:65px !important;z-index:9999 !important;margin-top:-35px !important;}


.section1 .swiper-slide a{display:block;width:100%;height:100%;}
/*
.section1 .swiper-slide img{ position:absolute; width:690px; height:414px; left:50%; margin-left:-345px; bottom:10%; opacity:0;    -webkit-transition: all 1.5s ease;    transition: all 1.5s ease ; }
.section1 .swiper-slide-active img{ -webkit-transform: translate3d(0, -40%, 0);	    transform: translate3d(0,-40%, 0); opacity:1;}
*/

@media screen and (max-width: 1200px) {
    .section1 .swiper-slide img{display:block;}
}

.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;}
}



.con-01 {background:#f4f4f4; position:relative; height:100%; overflow:hidden;}
.con-01 .bd{ padding-top:88px;}
.con-01 .bd .pic{ float:left; position:relative; width:50%; height:100vh; text-align:left; overflow:hidden;}
.con-01 .bd .pic img{ position:absolute; left:50%; transform:translateX(-50%); display:block; width: auto !important; max-width: inherit !important; height:100%;}
.con-01 .bd .con{ position: absolute; right:0; width:42%; padding-left:4%; padding-top:30px; left:50%; top:50%; transform:translateY(-50%); z-index:59; background:url(../images/about.png) no-repeat left top; background-size:100% auto; }
.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:#ff9c00;}
.con-01 .bd .con .text dt  span{ display:block; text-transform:uppercase; color:#666; font-size:12px;}
.con-01 .bd .con .text .i p{ 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:155px; 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; }
.con-01 .bd .con ul li{ float:left; width:200px; color:#333;}
.con-01 .bd .con ul li span{ display:inline-block;text-align:center; font-size:44px; font-family: "arial";}
.con-01 .bd .con ul li i{ display:inline-block; width:100px;font-style:normal; padding: 10px 0; text-align:left; text-transform:capitalize;font-size:14px; font-family: "arial"; margin-left:5px;}
.con-01 .bd .con ul li:last-child i{ width:90px;}
.con-01 .bd .con ul li:hover{ color:#ff9c00;}

.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;}


.con-02 ul li{ width:25%; height:100%; position:relative;  float:left; overflow:hidden;}
.con-02 ul li img{ width:100%; height:100%;}
.con-02 ul li .show{ position:absolute; width:100%; height:100%; left:0; top:0px; background:rgba(0,0,0,0.7);}
.con-02 ul li .show .box { text-align:left; width:80%; height:200px;position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);color:#fff;}
.con-02 ul li .show .box h3{ font-size:30px; color:#fff; text-transform:uppercase; position:relative; padding-bottom:0px; margin-bottom:5px; border-bottom:1px solid #ccc; display:inline-block; font-weight:normal;}
.con-02 ul li .show .box p{ font-size:18px;}
.con-02 ul li .show .box span{ display:inline-block; font-size:12px; text-transform:uppercase; margin-top:30px;}
.con-02 ul li:hover .show{ background:none;}



.section4 .more{ position:absolute; width:22px; left:50%; margin-left:-11px; bottom:20px; z-index:9999; }
.con-03{ position:relative; padding-top:88px; height:100%; box-sizing: border-box; }
.con-03 .hd{ position:relative; height:14%;}
.con-03 .hd h1{}
.con-03 .bd{}
.con-03 .swiper-slide{ position:relative; overflow:hidden;}
.con-03 .swiper-slide img{ width:100%; }
.con-03 .swiper-slide .t{ position:absolute; left:0; width:100%; height:40%;  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;}
.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:60%; top:-60%; left:0; content:""; background:url(../images/plus.png) no-repeat center rgba(0,0,0,0.7); transition:top 1s; } 
.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-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;}
}


.section5  .bd{ position:absolute; width:1920px; left:50%; top:50%; height:540px; margin:-280px  0 0 -960px}
.section5  .bd .tab .tab-bd{ position:relative; padding:0 8px 15px; }
.section5  .bd .tab .tab-hd{ position:relative; height:30%;}
.section5  .bd .tab .tab-bd ul li .pic{ float:left; width:466px; height:350px;}
.section5  .bd .tab .tab-bd ul li .pic img{ width:466px; height:350px; }
.section5  .bd .tab .tab-bd ul li dl{ width:659px; height:310px; float:left; padding:40px 0 0 50px; text-align:left; background:url(../images/tm.png);}
.section5  .bd .tab .tab-bd ul li dl dt a{ display:inline-block; font-size:24px; color:#fff; position:relative; padding-bottom:15px; margin-bottom:15px;}
.section5  .bd .tab .tab-bd ul li dl dt a:after{ content:""; position:absolute; left:0; bottom:0; width:40px; height:1px; background:#666;}
.section5  .bd .tab .tab-bd ul li dl dt a span{ font-size:16px; margin-left:15px;}
.section5  .bd .tab .tab-bd ul li dl dd.m{ margin-top:60px;}
.section5  .bd .tab .tab-bd ul li dl dd.m a{display: inline-block; width: 140px; height: 40px;line-height: 40px; text-transform: uppercase; padding-left: 15px; background: url(../images/more-02.png) no-repeat center top; color:#999; font-size:12px; }
.section5  .bd .tab .tab-bd ul li dl dd.m a:hover,.section5  .bd .tab .tab-bd ul li dl dt a:hover{ color:#ff9c00;}


.section5  .bd .tab .tab-hd .prevs,.section5  .bd .tab .tab-hd .nexts{ display:inline-block; width:24px; height:50px; font-size:70px; top:40%; z-index:99; position:absolute;}
.section5  .bd .tab .tab-hd .prevs{ background:url(../images/sec5-prev.png) no-repeat left center; left:-24px;}
.section5  .bd .tab .tab-hd .nexts{ background:url(../images/sec5-next.png) no-repeat left center; right:-16px;}
.section5  .bd .tab .tab-hd li{ float:left; margin: 0 7px; position:relative; height:169px;}
.section5  .bd .tab .tab-hd li img{width:224px;height:169px;}
.section5  .bd .tab .tab-hd li .over{ position:absolute; left:5px; bottom:5px; width:180px; height:60px; padding-top:10px; background:url(../images/nexts9.png) no-repeat center right 10px rgba(0,0,0,0.5); padding-left:20px; font-size:16px; text-transform:capitalize; display:none;}
.section5  .bd .tab .tab-hd li .over a{ display:block; color:#fff; text-align:left;}
.section5  .bd .tab .tab-hd li .over a span{ display:block;}
.section5  .bd .tab .tab-hd li:hover .over{ display:block;}

.section6 .con-05{ margin-top:88px;}
.section6 .con-05 .hd{ position:absolute; left:0; width:100%; top:88px;}
.section6 .con-05 .hd h1{ text-transform:capitalize;}
.section6 .con-05 .bd{ position:absolute; height:460px; left:50%; width:1200px; top:50%; transform:translate(-50%,-50%);}
.section6 .con-05 .bd .bd-l{ width:60%; float:left;}
.section6 .con-05 .bd .box p{ float:left; margin-right:20px; width: 180px; height:140px;}
.section6 .con-05 .bd .box p img{ max-width:100%; height:100%;}
.section6 .con-05 .bd .box dl{ text-align:left; background:#fff; margin-bottom:15px; padding-top:6px;}
.section6 .con-05 .bd .box dl dt a{ display:inline-block; font-size:16px; color:#333; line-height:30px;}
.section6 .con-05 .bd .box dl dd.d{ color:#666;}
.section6 .con-05 .bd .box dl dd.i{ color:#666; line-height:24px; width:96%;}
.section6 .con-05 .bd .box dl dd.m{ text-align:right;}
.section6 .con-05 .bd .box dl dd.m a{ display:inline-block; width:30px; height:30px; background:url(../images/more-03.jpg) no-repeat center;}
.section6 .con-05 .bd .box:hover dl dt a{ color:#ff9c00;}
.section6 .con-05 .bd .box:hover dl dd.m a{ background:url(../images/more-03-hover.jpg) no-repeat center;}
.section6 .con-05 .bd .bd-r{ float:right; width:38%; height:450px; overflow:hidden; display:flex;align-items:center; background:rgba(0,0,0,1)}
.section6 .con-05 .bd .bd-r video{ display:block; width:100%; height:100%;}
.section6  .btn-down{background:url(../images/fullpage-btn2.png); bottom:1%;}
.section6  .btn-down:before, .section6  .btn-down:after { background:url(../images/fullpage-btn1-01.png) no-repeat;}


.section7 .con-06 .hd{ position:absolute; left:0; width:100%; top:10%;}
.section7 .con-06 .hd h1{ text-transform:capitalize;}

.section7 .con-06 .bd{ position:absolute; width:1200px; left:50%; height:540px; top:50%; transform:translate(-50%,-50%);}
.section7 .con-06 .bd .contact{ padding-top:50px; color:#000;}
.section7 .con-06 .bd .contact h3{font-weight:normal;font-size:16px;}
.section7 .con-06 .bd .contact p{ line-height:28px; color:#333;}
.section7 .con-06 .bd .wechat{margin:20px auto; width:150px; }
.section7 .con-06 .bd .wechat img{}



@media screen and (max-width: 1200px){
	#menu{ display:none;}
	
	.con-01 .bd .con{  margin-top:0;}
		
	.con-01 .bd .con ul li{width:33%;text-align: left; }
	.con-01 .bd .con ul li span{ text-align: left; font-size:24px;}
	.con-01 .bd .con ul li i{ padding: 10px 0;width: auto; margin-left:0px;}
	.con-01 .bd .con ul li:last-child i{ width: 100%;}
	
	
	.con-02 ul li{ width:50%; height:50vh; }
	
	.section6 .con-05 .hd{ position: inherit; top: inherit;}
	.section6 .con-05 .bd{ width:98%; top:55%;}

}

@media screen and (max-width: 1000px){
	.section6 .con-05 .hd{ position: inherit; top: inherit;}
	.section6 .con-05 .bd{ position: inherit; height: auto; left: inherit; width: inherit; top: inherit;transform: translate(0%,0%);}
	.section6 .con-05 .bd .bd-l{ width:90%; float:inherit; margin:0 auto; margin-top:40px;}
	.section6 .con-05 .bd .bd-l .box:last-child{ display:none1;}
	.section6 .con-05 .bd .bd-r{ float: inherit; width: 90%; margin:0 auto; height: auto; background:none; display:block;}
}


@media screen and (max-width: 640px){
	.con-01 .bd{ padding-top:60px;}
	
	.con-01 .bd .pic{ float: inherit; width:100%; height: inherit;}
	.con-01 .bd .pic img{ position: inherit; left: inherit; transform:translateX(0%); width: 100% !important; max-width: 100% !important; height: auto;}
	.con-01 .bd .con{ right:5%; width:90%; padding-left:0%; left:5%; background:rgba(255,255,255,.9)}
	.con-01 .bd .con .text dt{ padding-bottom:10px; margin-bottom:15px;}
	.con-01 .bd .con .text{ padding:0 1.5rem;}
	.con-01 .bd .con .text dt a{ font-size:1.15rem; color:#000; letter-spacing: 0.05px; }
	.con-01 .bd .con .text dt  span{ font-size:.8rem;}
	.con-01 .bd .con .text .i p{ line-height:1.8; font-size:.8rem; color:#333; text-align: justify;}
	.con-01 .bd .con .text .m{ margin-top:15px; text-align:center;}
	.con-01 .bd .con .text .m a{ background-color:#fff; text-align:left;}
	.con-01 .bd .con ul{ margin:1.5rem; }
	.con-01 .bd .con ul li{ width:33.33%; text-align:center; }
	.con-01 .bd .con ul li span{ font-size:1.25rem;}
	.con-01 .bd .con ul li i{ width:100%; padding: 5px 0; font-size:.85rem; margin-left:0px; text-align:center;}

	.con-02 ul li .show .box{ text-align:center; height:auto;}
	.con-02 ul li .show .box h3{ font-size:1.25rem; padding-bottom:.5rem;}
	.con-02 ul li .show .box p{ font-size:1rem; margin-top:.5rem;}
	.con-02 ul li .show .box span{ font-size:.85rem; margin-top:1.5rem;}
	
	.con-03 {padding-top:60px;}
	.con-03 .bd{ margin:0 2rem; overflow:hidden;}
	
	.con-03 .swiper-button-prevs{ left:40%!important;}
	.con-03 .swiper-button-nexts{ right:40%!important;}
	
	
	.section6 .con-05{ margin-top:60px;}
	.section6 .con-05 .hd{ position: inherit; left: inherit; top: inherit;}
	.section6 .con-05 .bd{ position: inherit; height: inherit; left: inherit; width:100%; top: inherit; transform:translate(0%,0%);}
	.section6 .con-05 .bd .bd-l{ width:100%; float: inherit;}
	.section6 .con-05 .bd .box{ background:#fff; overflow:hidden;height:85px; margin:1rem;}
	.section6 .con-05 .bd .bd-l .box:last-child{ display: block;}
	.section6 .con-05 .bd .box p{ width:100px; height:100%; margin-right:10px;}
	.section6 .con-05 .bd .box p img{ max-width:100%; height:100%;}
	.section6 .con-05 .bd .box dl{ float:left; width:calc(100% - 110px); margin-bottom:0px; padding-top:0px;}
	.section6 .con-05 .bd .box dl dt a{ display:block; font-size:.9rem;height:35px; line-height:35px; overflow:hidden;}
	.section6 .con-05 .bd .box dl dd.d{ display:none;}
	.section6 .con-05 .bd .box dl dd.i{ height:40px; line-height:20px; width:96%; font-size:.8rem; overflow:hidden;}
	.section6 .con-05 .bd .box dl dd.m{ display:none;}

	.section6 .con-05 .bd .bd-r{ width:calc(100% - 2rem); float: inherit; height:250px;}
	
	.section7 .con-06 .hd{ position: inherit; left:inherit; width:100%; top:inherit; margin-top:60px;}

	.section7 .con-06 .bd{ position:inherit; width:100%; left:inherit; height:inherit; top:inherit; transform:translate(0%,0%);}
	.section7 .con-06 .bd .contact{ padding:1.5rem; padding-bottom:0;}
	.section7 .con-06 .bd .contact h3{font-size:1rem;}
	.section7 .con-06 .bd .contact p{ line-height:1.8; font-size:.8rem;}
	.section7 .con-06 .bd .wechat{margin:10px auto; width:120px; }

}