@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;margin:  16px 0; width:10px; font-size: 0px; height:10px; background:#999;border-radius: 50%;}
#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:10px; height:10px; background-color: #999; text-decoration: none; display: block;}
#menu .active { background:#ff9c00; width:10px; height:10px; }
#menu .active a {  background: #ff9c00; }

.section { text-align: center;color: #fff; position:relative; width:100%}
.section1 { position:relative; background:none;}
.section2 { position:relative; }
.section3 { position:relative; background:url(section3.jpg) no-repeat center top;}
.section4 { position:relative; background:#f4f4f4;}
.section5 { position:relative; background:url(section5.jpg) no-repeat center top;}
.section6 { position:relative; 	background-image: url(inew.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.section7{ position:relative;background:url(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; }

.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: 1440px) {
    .section1 .swiper-slide-active img{ -webkit-transform: translate3d(0, -20%, 0);     transform: translate3d(0,-20%, 0); opacity:1;}
}


@media screen and (max-height: 900px) {
  .section1 .swiper-slide img{bottom:2%;}
}


.btn-down { position: absolute; bottom: 4%; left: 50%; margin-left: -12px; width: 24px; height: 68px; /*background: url(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(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 {
	position:relative;
	overflow:hidden;
	background-image: url(iabout.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.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:42%; padding-left:4%; padding-top:40px; left:20%; height:400px; margin-top:-200px; top:48%;  z-index:99; background:url(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;  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:18px; color:#fff; 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(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 i{ display:inline-block; font-size:20px; font-style:normal; padding: 10px 0;}
.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; text-align:left; text-transform:capitalize;font-size:14px; font-family: "arial";}
.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(fullpage-btn2.png)}
.section2  .btn-down:before, .section2  .btn-down:after { background:url(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:260px; height:200px;position:absolute; left:50%; margin-left:-130px; top:50%; margin-top:-100px; 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; width:18% !important; }
.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(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(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(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(sec5-prev.png) no-repeat left center; left:-24px;}
.section5  .bd .tab .tab-hd .nexts{ background:url(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(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 .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%; margin:-180px 0 0 -600px;}
.section6 .con-05 .bd .bd-l{ width:880px; margin:0 auto;}
.section6 .con-05 .bd .box p{ float:left; margin-right:20px; 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(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(more-03-hover.jpg) no-repeat center;}
.section6 .con-05 .bd .bd-r{ float:right; width:468px; height:450px;}
.section6 .con-05 .bd .bd-r img{ width:100%; height:100%;}
/*.section6  .btn-down{background:url(fullpage-btn2.png); bottom:1%;}
.section6  .btn-down:before, .section6  .btn-down:after { background:url(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%; margin: -270px 0 0 -600px;}
.section7 .con-06 .bd .contact{ padding-top:50px; color:#fff;}
.section7 .con-06 .bd .contact h3{font-weight:normal;font-size:16px;}
.section7 .con-06 .bd .contact p{ line-height:28px; color:#fff;}
.section7 .con-06 .bd .wechat{margin:20px 0; }
.section7 .con-06 .bd .wechat img{ margin: 0 30px; }