@charset "utf-8";
h1,h2,h3,h4,h5,h6{font-size:100%; margin:0;font-weight:normal;}

.baseWidth{ box-sizing: border-box; width:100%; margin:0 auto; clear:both; }
.fl{ float:left}
.fr{ float:right}
.tl{ text-align: left; }
.tr{ text-align: right; }

@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}
@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}
@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}
@-webkit-keyframes bounceInDown{
0%{opacity:0;-webkit-transform:translateY(-5px);transform:translateY(-5px)}
100%{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px)}
}
@keyframes bounceInDown{
0%{opacity:0;-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}
100%{opacity:1;-webkit-transform:translateY(5px);-ms-transform:translateY(5px);transform:translateY(5px)}
}
.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}

@-webkit-keyframes bounceInUp{
0%{opacity:0;-webkit-transform:translateY(5px);transform:translateY(5px)}
100%{opacity:1;-webkit-transform:translateY(-5px);transform:translateY(-5px)}
}
@keyframes bounceInUp{
0%{opacity:0;-webkit-transform:translateY(5px);-ms-transform:translateY(5px);transform:translateY(5px)}
100%{opacity:1;-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}
}
.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}


/*全屏*/
.fp-section{ position: relative; color: #fff; background-repeat: no-repeat; background-position: center; background-size: cover; }
.fp-section a{ color: #fff;}
.fp-section .footlink a{
	color:#979797;
}
.fp-section .text{ position: relative; display: none; }
.fp-section .text.showtext{ display: inline-block; *display: inline; *zoom: 1; }
.fp-section .text h2{ text-transform: uppercase; text-align: center; font-family: 'Times New Roman'; font-weight: bold; font-size: 40px; }
.fp-section .text h3{ background: url(../images/sbg3.png); display: inline-block; *display: inline; *zoom: 1; margin-bottom: 16px; text-align: left; min-width: 200px; font-size: 20px; border: 4px solid #fff; height: 45px; line-height: 37px; padding: 0 10px 0 20px; box-sizing: border-box; }
.fp-section .text h3 span{ margin-left: 10px; }
.fp-section .text h4{ display: inline-block; *display: inline; *zoom: 1; text-align: center; width: 270px; }
.tl .text{ text-align: center; }
.tr .text{ text-align: center; }
#fp-nav ul li:last-child { display: none;}
.moveLeft{ -webkit-animation: fadeInRight 1000ms; animation: fadeInRight 1000ms; }
.moveRight{ -webkit-animation: fadeInLeft 1000ms; animation: fadeInLeft 1000ms; }
.fp-next{ cursor: pointer; position: absolute; bottom: 0px; left: 50%; margin-left: -26px; width: 52px; height: 52px; background: url(../images/icon44.png) center no-repeat; }
.fp-prev{ cursor: pointer; position: absolute; top: 35px; left: 50%; margin-left: -26px; width: 52px; height: 52px; background: url(../images/icon45.png) center no-repeat; }
.fp-prev:hover{ animation: 1000ms linear bounceInUp infinite; }
.fp-next:hover{ animation: 1000ms linear bounceInDown infinite; }

/*全屏详情*/
.fp_info{ padding: 95px 0 84px; width: 100%; margin: 0 auto; }
.fp_info h2{ line-height: 90px; font-size: 40px; color: #000; font-weight: bold; font-family: 'Times New Roman'; }
.fp_info h3{ margin-bottom: 36px; line-height: 42px; font-size: 20px; color: #000; }
.fp_info p{ font-size: 16px; color: #727171; /*line-height: 28px;*/ width: 100%; margin: 0 auto; }
.fp_list ul{ width: 100%; padding-bottom: 60px; }
.fp_list li{ background-repeat: no-repeat; background-position: center; background-size: cover; overflow: hidden; margin-bottom: 20px; float: left; position: relative; margin-right: 20px; width: 580px; height: 580px; }
.fp_list li .img{ width: 580px; height: 580px; }
 .fp_list .shadow{ padding: 0 100px; box-sizing: border-box; display: table; text-align: center; position: absolute; left: 0; top: 100%; width: 100%; height: 100%; background: url(../images/sbg7.png); color: #fff;overflow:hidden; } 
/*.fp_list .shadow{ padding: 0 40px; box-sizing: border-box; display: table; text-align: center; position: absolute; left: 0; top: 100%; width:100%; height: 100%; background:red; color: #fff;overflow:hidden;display:inline }*/

.fp_list .shadow .text{ display: table-cell; vertical-align: middle; }
.fp_list .shadow h2{ font-size: 28px; margin: 24px 0; }
.fp_list .shadow .text_p{ letter-spacing: 1.2px; line-height: 27px; height: 189px; }
.fp_list li:hover .shadow{ top: 0; }