@charset "utf-8";
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend{margin:0;padding:0;}
body{font-size:14px; line-height:24px; font-family:"Microsoft YaHei", "微软雅黑"; color:#333;-webkit-text-size-adjust:100%;}
a{text-decoration:none;color:#0099cc;}
a:hover{text-decoration:none;color:#ffaa00;}

li{list-style:none}
img{border:0; vertical-align:middle;}
input,textarea,select{ vertical-align:middle; font-size:12px;}
input:-moz-placeholder {color:#999;}
table{border-collapse:collapse;border-spacing:0;}
p{word-wrap:break-word;}

/****** float Attribute [fl+ 方位名称] ******/
.fl{ float:left; display:inline;}
.fr{ float:right; display:inline;}

/****** Other Attribute  ******/
.clear{clear: both;}
.clearer{clear:both; font-size:1px; width:100%; height:1px; visibility: hidden;}
/* Clear Fix */ 
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; } 
.clearfix{display:inline-block; } 
/* Hide from IE Mac \*/ 
.clearfix{display:block;} 
/* End hide from IE Mac */ 
/* end of clearfix */


/*loading*/
.pre_load{width:100%;height:100%;position:fixed;background:#eee;left:0;top:0;z-index:9999;} 

/*头部样式*/
.header{width:100%;height:50px;position:fixed;z-index:100;}
.header .bg{background:#000;height:50px;opacity:0.7;width:100%;min-width:1208px;}
.header .top{position:absolute;top:0;left:0;width:100%;}
.header .top .inner{width:1128px;margin:0 auto;}
.header .top .inner .logo{float:left;padding-top:12px;}
.header .top .inner .third{float:right;padding-top:11px;position:relative;}
.header .top .inner .third a{float:left;width:25px;height:25px;margin-right:18px;background:url(../images/icons.png) no-repeat;}
.header .top .inner .third .qq{background-position:0 0;}
.header .top .inner .third .qq:hover{background-position:0 -40px;}
.header .top .inner .third .wx{background-position:0 -80px;}
.header .top .inner .third .wx:hover{background-position:0 -120px;}
.header .top .inner .third .xlwb{background-position:0 -160px;}
.header .top .inner .third .xlwb:hover{background-position:0 -200px;}
.header .top .inner .third .wxbox{display:none;position:absolute;left:-20px;top:46px;}

/*内容区样式*/
.wrap{}

.box{width:100%;position:relative;overflow:hidden;}
.parallax1{width:100%;position:relative;}
.parallax1 .pic01{position:absolute;top:-32%;width:100%; text-align:center;}
.parallax1 .text{color:#fff; text-align:center;position:absolute;bottom:-28%;width:100%;font-size:34px; line-height:50px;font-weight:normal;}
.parallax1 .text p{}

.parallax2{width:100%;position:relative;}
.parallax2 .title{position:absolute;top:22%;width:100%;font-weight:bold;font-size:36px;color:#3b453f;text-align:center;height:34px; line-height:34px; opacity:0;}
.parallax2 .listbox{position:absolute;bottom:-300px;width:100%;opacity:0;}
.parallax2 .listbox .list{width:65%;height:265px;margin:0 auto;min-width:1024px;}
.parallax2 .listbox .list li{float:left;margin-left:60px;width:20%;text-align:center;font-size:12px;}
.parallax2 .listbox .list li .pic{display:block;width:100%;height:140px;}
.parallax2 .listbox .list li img{display:block;margin:0 auto;}
.parallax2 .listbox .list li strong{font-size:18px;color:#559700;display:block;height:52px;line-height:52px;}
.parallax2 .listbox .list .first{margin-left:0;}


.parallax3{width:100%;position:relative;}
.parallax3 .title{position:absolute;top:22%;left:-22%;font-weight:bold;font-size:36px;color:#394749;width:100%;text-align:center;opacity:0;}
.parallax3 .navbox{position:absolute;top:32%;right:-22%;width:100%;opacity:0;}
.parallax3 .navbox .tabnav{border-bottom:1px solid #87cad4;font-size:16px;width:820px;margin:0 auto;text-align:center;height:33px;padding-left:300px;}
.parallax3 .navbox .tabnav a{float:left;height:30px; line-height:30px;color:#65b2bd;padding:0 8px;margin-left:60px;}
.parallax3 .navbox .tabnav a:hover{color:#2c6b76;}
.parallax3 .navbox .tabnav .current{font-weight:bold;border-bottom:3px solid #2c6b76;color:#2c6b76;}
.parallax3 .infobox{position:absolute;top:45%;width:100%;}
.parallax3 .infobox .info{width:1000px;margin:0 auto;display:none;position:relative;}
.parallax3 .infobox .info .text{position:absolute;left:-500px;top:0;width:400px;opacity:0;}
.parallax3 .infobox .info .text .tt{font-size:30px;color:#2c6b76;padding:20px 0 25px 0;font-weight:normal;}
.parallax3 .infobox .info .text p{padding-bottom:25px;}
.parallax3 .infobox .info .text .p1{display:block;}
.parallax3 .infobox .info .text .p2{display:none;}
.parallax3 .infobox .info .text .btn{display:block;width:200px;height:48px; line-height:48px;color:#fff;font-weight:bold; background:#ff9900; text-align:center; border-radius:5px;}
.parallax3 .infobox .info .text .btn:hover{background:#ff7800;}
.parallax3 .infobox .info .pic{position:absolute;right:-500px;top:0;width:590px;opacity:0;}

.parallax4{position:relative;background:url(../images/bg4.gif);}
.parallax4 .pic{position:absolute;width:100%;left:-400px;text-align:center;opacity:0;top:22%;}
.parallax4 .text{position:absolute;width:100%;right:-50px;font-size:24px;color:#575757;text-align:center;opacity:0;top:58%;}
.parallax4 .linkbox{position:absolute;width:100%;bottom:19%; opacity:0;}
.parallax4 .link{width:990px;margin:0 auto;}
.parallax4 .link li{float:left;width:330px;height:100px;background:#333 url(../images/pic4_02.png) center 21px no-repeat;}
.parallax4 .link li a{display:block;height:100px;}
.parallax4 .link .qq{}
.parallax4 .link .qq:hover{background:#2e2e2e url(../images/pic4_02.png) center 21px no-repeat;}
.parallax4 .link .wx{background:#3a3a3a url(../images/pic4_02.png) center -80px no-repeat;position:relative;}
.parallax4 .link .wx:hover{background:#2e2e2e url(../images/pic4_02.png) center -80px no-repeat;}
.parallax4 .link .wxbox{display:none;position:absolute;left:88px;top:-153px;}
.parallax4 .link .wb{background-position:center -185px;}
.parallax4 .link .wb:hover{background:#2e2e2e url(../images/pic4_02.png) center -185px no-repeat;}


.mouse{position:fixed;height:70px;bottom:0;text-align:center;width:100%;}

.footer{display:none;}

/*悬浮导航2*/
#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
}
#fp-nav.right {
    right: 20px;
}
#fp-nav.left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
}
.fp-slidesNav.bottom {
    bottom: 17px;
}
.fp-slidesNav.top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 10px;
    height: 16px;
    margin: 10px;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;background:#555;border-radius:5px;
}
#fp-nav ul li .active,
.fp-slidesNav ul li .active span {
    background: #ff6600;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;

    border-radius: 50%;
    position: absolute;
    z-index: 1;
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
}
#fp-nav ul li:hover .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {right: 20px;}
#fp-nav ul li .fp-tooltip.left {left: 20px;}