@charset "utf-8";

.more{display: block;width: 180px;height: 42px;text-align: center;line-height: 42px;background-color: #0480c8;color: #FFFFFF;font-size: 14px;overflow: hidden;position: relative;z-index: 0;border-radius: 2px;}
.more::after{content: '';width: 0;height: 100%;background-color: #FFFFFF;position: absolute;top: 0;left: 0;transition: all .3s;z-index: -1;}
.more:hover::after{width: 100%;}
.more:hover{color: #666;}
/* CSS Document */
/*base style end*/
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #00865e url(../images/loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
/* Dots */
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }

@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
/*index style*/
.align-vertical { height: 100%; width: 100%; position: relative; display: table; }
.vertical-inner { display: table-cell; vertical-align: middle; }
.transYT { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transYT2 { transform: translateY(-50px); -webkit-transform: translateY(-50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transXT { transform: translateX(50px); -webkit-transform: translateX(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transXT2 { transform: translateX(-50px); -webkit-transform: translateX(-50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.action.transYT { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transYT2 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT2 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.dly_1 { transition-delay: 100ms; -webkit-transition-delay: 100ms; }
.dly_2 { transition-delay: 200ms; -webkit-transition-delay: 200ms; }
.dly_3 { transition-delay: 300ms; -webkit-transition-delay: 300ms; }
.dly_4 { transition-delay: 400ms; -webkit-transition-delay: 400ms; }
.dly_5 { transition-delay: 500ms; -webkit-transition-delay: 500ms; }
.dly_6 { transition-delay: 600ms; -webkit-transition-delay: 600ms; }
.dly_7 { transition-delay: 700ms; -webkit-transition-delay: 700ms; }
.dly_8 { transition-delay: 800ms; -webkit-transition-delay: 800ms; }
.mtop { height: 0px; }
.banner-box { position: relative; overflow: hidden; margin-top:0px; }
.banner { position: relative; overflow: hidden; width: 100%; z-index: 0; color: #fff;background: url(../images/013.jpg) no-repeat center;visibility: visible !important; -webkit-animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);  background-size: auto 100%;}
.banner .bimg { width: 100%; display: block; position: absolute; left: 0px; top: 0px; }
.banner .item { position: relative; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.banner .slick-active .bimg { visibility: visible !important; -webkit-animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); }
.binbox { width: 100%; position: absolute; left: 0%; top: 7%;  text-align: center; color: #fff;height: 100%; }
.binbox .jz-zh { margin-top: 30px; font-size: 24px; }
.bybox {  width: 100%; margin: 0px auto; position: relative; height: 100%; text-align: right;}
.bybox .wz01{position: absolute; opacity: 0; transform: translateY(50px); -webkit-transform: translateY(50px); left:25%; top:13%;width: 70%;}
.bybox .wz01 h2{ font-size: 28px;  font-weight: lighter;text-shadow: rgba(0, 0, 0, 0.6) 1px 1px 3px; margin-bottom: 10px;}
.bybox .wz01 h3{ font-size: 58px; line-height: 70px; text-transform:uppercase;text-shadow: rgba(0, 0, 0, 0.6) 1px 1px 3px;font-family:Noto Sans SC ;}
.bybox .boxt { width: 100%; height: 100%; position: relative; border-radius: 5px; overflow: hidden; left: 0px; top: 0px; display: block; }
.bybox .boxt-s0 { position: absolute; left: 0px; top: 0px; width: 212px; height: 312px; border: 2px solid #fff; overflow: hidden; }
.bybox .by1, .bybox .by2, .bybox .by3, .bybox .by4{ font-size: 40px; width: 42px; line-height: 1; position: absolute; opacity: 0; transform: translateY(50px); -webkit-transform: translateY(50px); }
.bybox .by1 { top: 80px; left: 25%; max-width: 643px; width: 100%; height: 323px;background: url(../images/001.png) 50% 0 no-repeat; background-size: 100% auto;}
.bybox .by2 { top: 88px; left: 26%; }
.bybox .by3 { position: absolute;top: 80px; left:25%;  max-width: 745px; width: 100%; height: 360px;background: url(../images/012.png) 50% 0 no-repeat; background-size: 100% auto;}
.bybox .by4 { top: 53px; left: 26%; }
.bybox .jz-ico { background: url(../images/ico.png) no-repeat; width: 21px; height: 31px; position: absolute; left: -48px; bottom: 7%; }
.bybox .jz-en { background: url(../images/banner_t.png) no-repeat; width: 56px; height:109px; position: absolute; right: -94px; top: 5%; }

@-webkit-keyframes byline {
    from { height: 0%; }
    to { height: 600%; }
}

@keyframes byline {
    from { height: 0%; }
    to { height: 600%; }
}

@-webkit-keyframes byline2 {
    from { width: 0%; }
    to { width: 600%; }
}

@keyframes byline2 {
    from { width: 0%; }
    to { width: 600%; }
}

.boxt-line { background-color: #5e9717; position: absolute; z-index: 2; }
.boxt-s1 { width: 2px; left: 0%; bottom: 0px; height: 0px; }
.boxt-s2 { width: 0px; left: 0%; top: 0px; height: 2px; }
.boxt-s3 { width: 2px; right: 0%; top: 0px; height: 0px; }
.boxt-s4 { width: 0px; right: 0%; bottom: 0px; height: 2px; }
.banner .slick-active .boxt-line { -webkit-animation: byline 6s linear; animation: byline 6s linear; }
.banner .slick-active .boxt-s2 { -webkit-animation: byline2 6s linear 1s; animation: byline2 6s linear 1s; }
.banner .slick-active .boxt-s3 { -webkit-animation: byline 6s linear 2s; animation: byline 6s linear 2s; }
.banner .slick-active .boxt-s4 { -webkit-animation: byline2 6s linear 3s; animation: byline2 6s linear 3s; }
.banner .slick-active .wz01{ -webkit-transition: all .8s 0.1s; transition: all .8s 0.1s;}
.banner .slick-active .by1 { -webkit-transition: all .8s 0.1s; transition: all .8s 0.1s; }
.banner .slick-active .by2 { -webkit-transition: all .8s 0.3s; transition: all .8s 0.3s; }
.banner .slick-active .by3 { -webkit-transition: all .8s 0.1s; transition: all .8s 0.1s; }
.banner .slick-active .by4 { -webkit-transition: all .8s 0.3s; transition: all .8s 0.3s; }

.banner .slick-active .jz-ico { -webkit-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s; transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s; }
.banner .slick-active .jz-en { -webkit-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1) 0.5s; transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1) 0.5s; }
.banner .slick-active .by1, .banner .slick-active .by2, .banner .slick-active .by3, .banner .slick-active .wz01 { opacity: 1; transform: translateY(220px); -webkit-transform: translateY(0px); }
.banner .slick-dots2 { left: 5%; bottom:5%; z-index: 1000; position: absolute; font-size: 0;}
.banner .slick-dots2 li { margin: 0px 3px 5px; position: relative; width: 16px; height: 4px; background: rgba(255, 255, 255, 0.65); display: block; transition: 300ms; -webkit-transition: 300ms; border-radius: 7px; float: left;}
.banner .slick-dots2 li button { width: 8px; height: 4px;  overflow: hidden; display: block; background:#fff; text-indent: -2em; }
.banner .slick-dots2 li.slick-active { background: rgba(255, 255, 255, 1);  }

.mouseIco { background: url(../images/mouseIco.png) no-repeat scroll center center; width: 25px; height: 25px; position: absolute; left: 50%; bottom: 5%; margin-left: -12px; z-index: 100; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; }

@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; }
}

@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; }
}

.indexFlashTel{display:none;}





.section { margin-left: 264px; text-align: center; color: #fff; position: relative; overflow: hidden;}
.section2 { background: url(../images/004.jpg) center;background-size: auto 100%;}
.section3 { background: url(../images/006.jpg) center;background-size: auto 100%;}
.section4 { background: url(../images/011.jpg) center;background-size: auto 100%;}	

.section .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%;margin-left: 244px;}
.section .bg img { display: block; position: relative; left: -244px; max-width:100%; height: 100%; }	

.hgroup{width: 838px; height: 323px;background: url(../images/001.png) 50% 0 no-repeat;  position: absolute; left: 50%; top:50%; margin-top: -261px; margin-left: -419px; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;text-indent: -9999px;}
.hgroup2{width: 790px; height: 449px;background: url(../images/012.png) 50% 0 no-repeat;  position: absolute; left: 50%; top:50%; margin-top: -324px; margin-left: -225px; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;text-indent: -9999px;}	

.w_80{ width:80%; margin: 0 auto;}

.name{ width: 187px; height: 81px; position: absolute; left: 50%; top:13%; margin-left: -93px;opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.i_about_tu{ width: 35%; position: absolute; left: 10%; top:24%; margin-left: -78%; opacity: 0;transition: all 1s;}
.i_about_tu img{ width:100%; height: auto; max-width: 593px;}
.i_about_txt { width:40%; min-width: 300px; position: absolute; right: 9%;top:26.5%; margin-top: -4%; margin-right:-21%;opacity: 0;transition: all 1s; padding: 30px 0;}
.i_about_txt h2{ color:#4796cf; font-size: 38px; text-align: left; background: url(../images/004.png) no-repeat right; width: 260px; }
.i_about_txt h3{ color:#3a5c75; font-size: 24px;text-align: left; font-weight: 300; margin-bottom: 50px;}
.i_about_txt .more{ margin-top: 50px;}
.i_about_txt p {font-size: 16px; color: #787878; line-height: 34px;  text-align: left; height: 175px; overflow: hidden;}

.i_pro{ width:100%; height:100vh;position: relative;}
.i_pro li{ width:33.3333%; float: left;height:100vh;display: block; transition: all 1s}
.i_pro li .one{ width:100%; height: 50%; float: left; position: relative; 
	display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  
  display: -o-box;
  -o-box-orient: horizontal;
  -o-box-pack: center;
  -o-box-align: center;
  
  display: -ms-box;
  -ms-box-orient: horizontal;
  -ms-box-pack: center;
  -ms-box-align: center;
  
  display: box;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;}

.i_pro li .one .txt {width:70%; margin: 0 auto;text-align: center;}
.i_pro li .one .txt h2{font-size: 30px; color:#fff; font-weight: 500;}
.i_pro li .one .txt h3{font-size: 18px; color: rgba(255, 255, 255, 0.3);text-transform:uppercase; font-weight: 300; margin-bottom: 30px; }
.i_pro li .one .txt p{ color: rgba(255, 255, 255, 0.65);font-size: 14px; margin-top: 20px; line-height: 32px;}
.i_pro li .one .txt p a{color: rgba(255, 255, 255, 0.65);}
.i_pro li .one .txt p a:hover{color: rgba(255, 255, 255, 0.8);}

.i_pro li .one .jt01{ width:61px; height: 30px;  position: absolute; left: 50%;margin-left: -30px; bottom: 0; }
.i_pro li .one .jt02{ width:61px; height: 30px;  position: absolute; left: 50%;margin-left: -30px; top: 0; }
.i_pro li .two{ width:100%; height: 50%; float: left;}
.i_pro_bj1{background: url(../images/007.jpg) no-repeat center; background-size:auto 100%;transition: all 1s}
.i_pro_bj2{background: url(../images/008.jpg) no-repeat center; background-size:auto 100%;transition: all 1s}
.i_pro_bj3{background: url(../images/009.jpg) no-repeat center; background-size:auto 100%;transition: all 1s}

.i_pro li:hover .i_pro_bj1,.i_pro li:hover .i_pro_bj2,.i_pro li:hover .i_pro_bj3{ background-size: auto 110%;-webkit-transition: background-size .6s linear;transition: background-size .6s linear;}

.i_p_anim01{opacity: 0;transition: all 1s;margin-top:-50px; }
.i_p_anim02{opacity: 0;transition: all 1s;margin-top:50px; }
.i_p_anim03{opacity: 0;transition: all 1s;margin-top:-50px; }






.i_con_name{width:16%; max-width: 240px; min-width: 200px; height:276px;background: url(../images/zi04.png) 50% 0 no-repeat; background-size: 100% auto;position: absolute; left: 50%; top:8%; margin-left: -7.5%; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;text-indent: -9999px;}
.bg41 { position: absolute;  left: 0; top: -443px; width: 100%; height: 50%; background: url(../images/012.jpg) 50% 0 no-repeat; background-size: auto 100% ;transition: all 1s;}
.bg42 { position: absolute; bottom: -219px; width: 23%; transition: all 1s; left:5%;}
.bg43 { position: absolute; bottom: -219px; width: 23%; transition: all 1s;left:28%;}
.bg44 { position: absolute; bottom: -219px; width: 23%; transition: all 1s; left:51%;}
.bg45 { position: absolute; bottom: -219px; width: 23%; transition: all 1s;left:74%;}
.i_con_txt{ font-size: 16px; color: #333;margin-top: 40px;  height: 40px;}
.b_txt{ position: absolute; font-size: 12px; bottom: 15px; width: 80%;left:10%;text-align: center;color:#999; line-height: 20px; }
.b_gs{ position: absolute; right:10px; bottom:5px;}
	
/* CSS3过度及动画 */

.active .hgroup { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .hgroup2 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .name{ opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .i_about_tu { opacity: 1; margin-left: 0px; transition-delay: 0.9s;}
.active .i_about_txt{ opacity: 1; margin-right: 0px; transition-delay: 0.9s;}

.active .bg21 { opacity: 1; margin-left: 0px; transition-delay: 0.7s;}
.active .bg22 { margin-left: -1px; opacity: 1; transition-delay: 0.7s;}
.active .i_pro{ opacity: 1; margin-top: 0px; transition-delay: 0.9s;}

.active .i_con_name{ opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.9s;}
.active .bg41 { top: 0%; transition-delay: 0.7s;}
.active .bg42 { bottom: 18%; transition-delay: 0.9s;}
.active .bg43 { bottom: 18%; transition-delay: 1.1s;}
.active .bg44 { bottom: 18%; transition-delay: 1.3s;}
.active .bg45 { bottom: 18%; transition-delay: 1.5s;}

.active .i_p_anim01 { opacity: 1; margin-top: 0px; transition-delay: 0.9s;}
.active .i_p_anim02 { opacity: 1; margin-top: 0px; transition-delay: 0.9s;}
.active .i_p_anim03 { opacity: 1; margin-top: 0px; transition-delay: 0.9s;}



#section-footer{
	background:#212020;
}
#section-footer #footer-text{
	height: 150px!important;/*设置尾屏高度*/
}

.section.footerss .fp-tableCell{
	display: block!important; }