@charset "utf-8";

/* CSS Document */

html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {margin:0;padding:0; }
body, input, select, button, textarea { font-size:12px; font-family:arial,"微软雅黑","宋体","黑体";}

li{ list-style-type:none;}
button {cursor: pointer; border:none;}
body {color: #000; line-height:24px; background:#fff; overflow-x:hidden;overflow-y:scroll;}

a{ color:#000; text-decoration:none;}
a:hover {text-decoration:none;color:#000;  }
a:focus { outline: none; }
input:focus,textarea:focus,select:focus{ outline: none; }
.clear{ height:0; clear:both;}
.fl{ float:left;}
.fr{ float:right;}



/* 右侧导航 */
#fullPage-nav { _display: none; font-size: 12px;}
#fullPage-nav li { width: 21px; height: 21px; margin: 10px 0 0; vertical-align: middle;}
#fullPage-nav li a { float: right; width: 21px; height: 21px; color: #8F9DA4; text-decoration: none; text-align: right; background: url(../images/dot.png) 5px 5px no-repeat;}
#fullPage-nav li .active { background-position: 0 bottom;}
#fullPage-nav span { display: none;}
.fullPage-tooltip { float: left; top: 0; margin-right: 5px; font: 12px "Microsoft Yahei"; color: #8F9DA4; line-height: 21px;}

.section { position: relative; overflow: hidden;}
.section .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.section .bg img { display: block; width: 100%; height: 100%;}

.nav_zt{ width:100%; height:100px; background:rgba(0,0,0,0.7); position:fixed; left:0; top:0; z-index:1;}
.nav_zt .logo{ display:block; float:left; padding-left:25px;}

.nav_zt #menu{ width:800px; float:right; padding-right:20px;}
.nav_zt #menu li{ float:left;}
.nav_zt #menu li a{ display:block; width:100px; height:100px; line-height:100px; color:#cbc6c6; font-size:14px; text-align:center; font-weight:bold;}
.nav_zt #menu li:hover{background:#d2211a;}
.nav_zt #menu li.active{ background:#d2211a;}

.video { position: fixed;top: 50%;left: 50%;min-width: 100%;min-height: 100%;width: auto;height: auto;z-index: -100;-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);background: url('/template/pc/skin/images/b1_bg.jpg') no-repeat; background-size: cover;  -webkit-transition: 1s opacity; transition: 1s opacity; }

.b1_01{ position: absolute; left:50%; top:50%; margin-left:-593px; margin-top:-150px;  opacity: 0; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition: all 1s;}
.active .b1_01 { margin-left:-296px; opacity:0.9; transition-delay: 0.8s;}
.b1_02{ position: absolute;  left:50%; top:50%; margin-left:600px; margin-top:30px;  opacity: 0; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition: all 1s;}
.active .b1_02 { margin-left:-600px; opacity: 1; transition-delay: 0.8s;}
.b1_03{ position: absolute;  left:50%; top:50%; margin-left:-40px; margin-top:300px;  opacity: 0; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition: all 1s;}
.active .b1_03 {margin-top:200px; opacity: 1; transition-delay: 0.8s;}


.b2_01{ position: absolute; left:50%; top:50%; margin-left:-110px; margin-top:-300px;  opacity: 0; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition: all 1s;}
.active .b2_01 { margin-top:-100px; opacity:0.9; transition-delay: 0.8s;}
.b2_02{ position: absolute;  left:50%; top:50%; margin-left:421px; margin-top:-10px;  opacity: 0; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition: all 1s;}
.active .b2_02 { margin-left:-421px; opacity: 1; transition-delay: 0.8s;}
.b2_03{ position: absolute;  left:50%; top:50%; margin-left:-550px; margin-top:300px;  opacity: 0; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition: all 1s; text-align:center;}
.b2_03 a{ display:inline-block; width:90px; text-align:center; color:#fff; font-weight:bold; margin:0 140px;}
.b2_03 a span{ display:block; width:90px; height:90px;}
.b2_03 a.icon_01 span{ background:url(../images/jj01.png) no-repeat;}
.b2_03 a.icon_01 span:hover{ background:url(../images/jj01.png) no-repeat; background-position:-90px;}
.b2_03 a.icon_02 span{ background:url(../images/jj02.png) no-repeat;}
.b2_03 a.icon_02 span:hover{ background:url(../images/jj02.png) no-repeat; background-position:-90px;}
.b2_03 a.icon_03 span{ background:url(../images/jj03.png) no-repeat;}
.b2_03 a.icon_03 span:hover{ background:url(../images/jj03.png) no-repeat; background-position:-90px;}
.b2_03 a.icon_04 span{ background:url(../images/jj04.png) no-repeat;}
.b2_03 a.icon_04 span:hover{ background:url(../images/jj04.png) no-repeat; background-position:-90px;}
.active .b2_03 {margin-top:150px; opacity: 1; transition-delay: 0.8s;}



.b3_01{ position: absolute; left:50%; top:50%; margin-left:-162px; margin-top:-300px;  opacity: 0; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition: all 1s;}
.active .b3_01 { margin-top:-180px; opacity:0.9; transition-delay: 0.8s;}
.b3_02{ position: absolute;  left:50%; top:50%; margin-left:-407px; margin-top:-300px;  opacity: 0; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition: all 1s;}
.active .b3_02 { margin-top:-90px; opacity: 1; transition-delay: 0.8s;}
.b3_03{ position: absolute;  left:50%; top:50%; margin-left:-555px; margin-top:300px;  opacity: 0; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition: all 1s; text-align:center; font-size:0;}
.b3_03 a{ display:inline-block; width:240px; height:220px; font-size:18px; text-align:center; background:#dcdcdc; margin:0 20px; color:#545454;}
.b3_03 a img{ width:240px; height:180px;}
.active .b3_03 {margin-top:0px; opacity: 1; transition-delay: 0.8s;}

.b3_04{ position: absolute;  left:50%; top:50%; margin-left:-500px; margin-top:400px;  opacity: 0; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition: all 1s; text-align:center; width:1000px;}
.b3_04 a{ color:#fff; font-weight:bold; font-size:14px;}
.active .b3_04 {margin-top:270px; opacity: 1; transition-delay: 0.8s;}



.b4_01{ position: absolute; left:50%; top:50%; margin-left:-72px; margin-top:-300px;  opacity: 0; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition: all 1s;}
.active .b4_01 { margin-top:-200px; opacity:0.9; transition-delay: 0.8s;}
.b4_02{ position: absolute;  left:50%; top:50%; margin-left:-405px; margin-top:-340px;  opacity: 0; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition: all 1s;}
.active .b4_02 { margin-top:-140px; opacity: 1; transition-delay: 0.8s;}
.b4_03{ position: absolute;  left:50%; top:50%; margin-left:-900px; margin-top:-60px;  opacity: 0; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition: all 1s; width:345px;}
.active .b4_03 { margin-left:-560px; opacity: 1; transition-delay: 0.8s;}
.b4_04{ width:643px; height:375px; background:url(../images/b4_04.png) no-repeat; position: absolute;  left:50%; top:50%; margin-left:600px; margin-top:-60px;  opacity: 0; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition: all 1s; }
.active .b4_04 { margin-left:-100px; opacity: 1; transition-delay: 0.8s;}
.b4_04 ul li{ display:block; padding-left:115px; padding-top:20px; padding-bottom:38px;}
.b4_04 ul li a{ display:block; font-size:18px; color:#545454;}
.b4_04 ul li p{ display:block; font-size:14px; color:#a9a9a9; padding-top:5px; height:50px; overflow:hidden;}
.b4_05{ position: absolute;  left:50%; top:50%; margin-left:-500px; margin-top:400px;  opacity: 0; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition: all 1s; text-align:center; width:1000px;}
.b4_05 a{ color:#323232; font-weight:bold; font-size:14px;}
.active .b4_05 {margin-top:320px; opacity: 1; transition-delay: 0.8s;}


.b5_01{ position: absolute; left:50%; top:50%; margin-left:-71px; margin-top:-300px;  opacity: 0; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition: all 1s;}
.active .b5_01 { margin-top:-200px; opacity:0.9; transition-delay: 0.8s;}
.b5_02{ position: absolute;  left:50%; top:50%; margin-left:-291px; margin-top:-300px;  opacity: 0; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition: all 1s;}
.active .b5_02 { margin-top:-130px; opacity: 1; transition-delay: 0.8s;}
.b5_03{ position: absolute;  left:50%; top:50%; margin-left:-900px; margin-top:-10px;  opacity: 0; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition: all 1s; text-align:center; font-size:0;}
.b5_03 a{ display:inline-block; width:180px;  margin:0 30px;}
.active .b5_03 { margin-left:-608px; opacity: 1; transition-delay: 0.8s;}


.b6_01{ position: absolute; left:50%; top:50%; margin-left:-450px; margin-top:-300px;  opacity: 0; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition: all 1s;}
.active .b6_01 { margin-top:-200px; opacity:0.9; transition-delay: 0.8s;}

.b6_02{ position: absolute;  left:50%; top:50%; margin-left:-900px; margin-top:-10px;  opacity: 0; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition: all 1s; text-align:center; font-size:0;}
.active .b6_02 { margin-left:-600px; opacity: 1; transition-delay: 0.8s;}
.picMarquee-left{ overflow:hidden; position:relative; width:1200px; }
.picMarquee-left .bd{ padding:10px;   }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 15px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li img{ width:270px; height:260px;}

.b7_01{ position: absolute; left:50%; top:50%; margin-left:-71px; margin-top:-300px;  opacity: 0; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition: all 1s;}
.active .b7_01 { margin-top:-200px; opacity:0.9; transition-delay: 0.8s;}
.b7_02{ position: absolute;  left:50%; top:50%; margin-left:-138px; margin-top:-300px;  opacity: 0; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition: all 1s;}
.active .b7_02 { margin-top:-130px; opacity: 1; transition-delay: 0.8s;}
.b7_03{ position: absolute;  left:50%; top:50%; margin-left:-40px; margin-top:-300px;  opacity: 0; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition: all 1s;}
.active .b7_03 { margin-top:-80px; opacity: 1; transition-delay: 0.8s;}

.b7_04{ position: absolute;  left:50%; top:50%; margin-left:-600px; margin-top:-30px;  opacity: 0; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition: all 1s;}
.b7_04 p{ color:#fff; font-size:16px; line-height:35px;}
.active .b7_04 { margin-left:-400px; opacity: 1; transition-delay: 0.8s;}

.b7_05{ position: absolute;  left:50%; top:50%; margin-left:600px; margin-top:-70px;  opacity: 0; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition: all 1s;}
.active .b7_05 { margin-left:80px; opacity: 1; transition-delay: 0.8s;}

.b7_06{ position: absolute;  left:50%; top:50%; margin-left:-600px; margin-top:500px;  opacity: 0; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition: all 1s; text-align:center; color:#fff; font-size:14px; width:1200px;}
.b7_06 a{ color:#fff;}

.active .b7_06 { margin-top:320px; opacity: 1; transition-delay: 0.8s;}




.sc_01,.sc_02,.sc_03,.sc_04 { position: absolute; z-index: 1; display:block;width:220px; height:220px;left: 50%; top: 50%; margin-top:80px;}
.sc_01 img,.sc_02 img,.sc_03 img,.sc_04 img{ width:170px; height:170px;}
.sc_01 span,.sc_02 span,.sc_03 span,.sc_04 span{ display:block; text-align:center; font-size:16px; padding-top:20px;}
.sc_01{  margin-left: -800px; opacity: 0; transition: all 1s;}
.sc_02{  margin-left: -400px; opacity: 0; transition: all 1s;}
.sc_03{  margin-left: 195px;  opacity: 0; transition: all 1s;}
.sc_04{  margin-left: 500px;  opacity: 0; transition: all 1s;}

.active .sc_01 { margin-left: -530px; opacity: 1; transition-delay: 0.7s;}
.active .sc_02 { margin-left: -230px; opacity: 1; transition-delay: 0.7s;}
.active .sc_03 { margin-left: 60px; opacity: 1; transition-delay: 0.7s;}
.active .sc_04 { margin-left: 350px; opacity: 1; transition-delay: 0.7s;}

.b8_02{ position: absolute;  left:50%; top:50%; margin-left:421px; margin-top:-100px;  opacity: 0; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition: all 1s;}
.active .b8_02 { margin-left:-421px; opacity: 1; transition-delay: 0.8s;}




.syslideBox{ width:215px; height:300px; overflow:hidden; position:relative; margin-top:25px; margin-left:130px;}
.syslideBox .hd{ width:215px; overflow:hidden; position:absolute; bottom:0px; z-index:10; left:50%; margin-left:-107px;}
.syslideBox .hd ul{ overflow:hidden; zoom:1; text-align:center;}
.syslideBox .hd ul li{ display:inline-block; margin:0 5px;  width:6px; height:6px; background:#000; cursor:pointer; font-size:0; border-radius:500px; border:2px solid #fff;}
.syslideBox .hd ul li.on{ background:#e76f10;}
.syslideBox .bd{ position:relative; height:100%; z-index:0;   }
.syslideBox .bd li{ zoom:1; vertical-align:middle; width:215px; height:270px; }
.syslideBox .bd li a{ display:block; width:215px; height:270px; position:relative;}
.syslideBox .bd li a span{ display:block; position:absolute; bottom:0; left:0; height:35px; line-height:35px; background:rgba(0,0,0,0.7); color:#fff; text-align:center;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:205px; padding:0 5px; font-size:14px;}
.syslideBox .bd li a img{ width:215px; height:270px;}