html,body{  
  height:100%;  
  margin:0px;  
} 
/******enter页面*****/
.enter{ overflow:hidden;position: relative;height:100%;  }
.enter-img{ width:100%;height:auto; }
.enter-nav{ background:#00a5b8; height:74px;width: 100%;position: absolute; bottom: 144px;}
.enter-nav ul{ width:964px; background:url(../images/line.jpg) no-repeat left 16px; margin:0 auto; height:74px;}
.enter-nav ul li{ float:left; width:228px;background:url(../images/line.jpg) no-repeat right 16px;line-height:74px; font-family:"微软雅黑";}
.enter-nav ul li a{ color:#fff; font-size:24px;}
.enter-nav ul li i{ width:27px; height:27px; display:inline-block; vertical-align:text-top; margin-left:50px; margin-right:24px;}
.enter-nav ul li .a1{ background:url(../images/a1.png) no-repeat; margin-top:3px;}
.enter-nav ul li .a2{ background:url(../images/a2.png) no-repeat;margin-top:4px;}
.enter-nav ul li .a3{ background:url(../images/a3.png) no-repeat;margin-top:6px;}
.enter-nav ul li .a4{ background:url(../images/a4.png) no-repeat;margin-top:5px;}
.enter-footer{ text-align:center; line-height:22px; padding: 20px 0 0 0; overflow:hidden; font-family:arial; color:#666;width: 100%;  height: 124px;  background: #FFF;  position: absolute;  bottom: 0;}

/******头部样式*****/
.header{position: fixed;top: 0;z-index: 9999;}
/**/
#superContainer {
    height: 100%;
    position: relative;
    /* Touch detection for Windows 8 */
    -ms-touch-action: none;
    /* IE 11 on Windows Phone 8.1*/
    touch-action: none;
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    width: 100%;
    height: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
}
.fp-controlArrow.fp-prev {
    left: 450px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 50px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
    overflow: scroll;

}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
}
#fp-nav.right {
    right: 17px;
}
#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: 14px;
    height: 13px;
    margin: 7px;
    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;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span {
    background: #333;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border: 1px solid #000;
    background: rgba(0, 0, 0, 0);
    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;
}
/*******滚屏*****/
#superContainer { height: 100%; position: relative;}
.section {position: relative;overflow: hidden; height:100%; border-bottom:1px solid #ccc;}
.banner{ background:url(../images/banner1.jpg) no-repeat center top; height:400px; margin-top:156px;}

.sign{ padding:20px 0; width:80%; margin:0 auto; overflow:hidden;}
.sign li{ float:left; width:12.5%; text-align:center; font-size:16px;}
.sign li i{ width:87px; height:87px; display:block; margin:0 auto; margin-bottom:15px;}
.sign li a,.sign li a i{ color:#333; transition: 0.3s ease;-moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;}
.sign li a:hover{ color:#00a5b8;}
.sign li .b1{ background:url(../images/01.png) no-repeat;}
.sign li .b2{ background:url(../images/02.png) no-repeat;}
.sign li .b3{ background:url(../images/03.png) no-repeat;}
.sign li .b4{ background:url(../images/04.png) no-repeat;}
.sign li .b5{ background:url(../images/05.png) no-repeat;}
.sign li .b6{ background:url(../images/06.png) no-repeat;}
.sign li .b7{ background:url(../images/07.png) no-repeat;}
.sign li .b8{ background:url(../images/08.png) no-repeat;}
.sign li a:hover .b1{ background:url(../images/01a.png) no-repeat;}
.sign li a:hover .b2{ background:url(../images/02a.png) no-repeat;}
.sign li a:hover .b3{ background:url(../images/03a.png) no-repeat;}
.sign li a:hover .b4{ background:url(../images/04a.png) no-repeat;}
.sign li a:hover .b5{ background:url(../images/05a.png) no-repeat;}
.sign li a:hover .b6{ background:url(../images/06a.png) no-repeat;}
.sign li a:hover .b7{ background:url(../images/07a.png) no-repeat;}
.sign li a:hover .b8{ background:url(../images/08a.png) no-repeat;}

@media screen and (max-device-height: 864px){
	.banner{ background-size:auto 260px; height:260px;}
	.sign li i{width:70px; height:70px; background-size:100% 100% !important;}
	}
	
.left{ width:400px; height:100%; background:#FFF; float:left; overflow-y:auto; z-index:999;}

.title{ border-bottom:1px solid #ccc; margin:0 12px; margin-top:170px; line-height:40px; height:40px; font-weight:normal;font-size:16px; color:#333;}
.news{ margin:12px; overflow:hidden; border-bottom:1px dashed #ccc; padding-bottom:12px;}
.news-img,.news-img img{ width:372px; height:240px;}
.news-title{ font-size:18px; color:#C4484B; text-overflow: ellipsis;white-space: nowrap; overflow:hidden; height:30px; line-height:30px; margin:15px 0 8px; font-family:"微软雅黑";}
.news-font{ line-height:24px; color:#666; text-indent:24px;}
.news-list{ margin:10px 18px; overflow:hidden;}
.news-list li{ line-height:30px; font-size:14px;}
.news-list li a{float:left; width:280px; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; background:url(../images/dot.png) no-repeat left 13px; padding-left:12px;}
.news-list li a:hover{background:url(../images/dot2.png) no-repeat left 13px; color:#00A2B4;}
.news-list li span{ float:right; color:#a0a0a0;}
.more{ float:right; margin-right:18px; margin-bottom:18px;}


.right{ margin-left:400px; /* position:relative; */ z-index:1011; }

.sectionbg{ position:absolute; top:0; left:400px; width:100%; height:100%; z-index:996; overflow:hidden;}
.section2 .sectionbg img,.section4 .sectionbg img,.section5 .sectionbg img,.section6 .sectionbg img,.section7 .sectionbg img{width: 100%;}
.section3 .slide img{height: 100%;/* width: 100%; */margin-left:400px; z-index:995;}

.section2{width:100%; height:100%;}
.icon01{ top: 266px; position:absolute; right:100px; /* bottom:300px; */ z-index: 1000;}
.icon01 a{ float:left; width:115px; height:102px;  background:#00a5b8; margin-left:12px; text-align:center; color:#fff !important; font-size:14px;filter:alpha(opacity=90);-moz-opacity:.9;-khtml-opacity:.9;opacity:.9;}
.icon01 i{ margin:0 auto; display:block; height:36px; margin-top:22px; margin-bottom:10px; position:relative;}
.icon01 .c1{ background:url(../images/c1.png) no-repeat; width:34px;}
.icon01 .c2{ background:url(../images/c2.png) no-repeat; width:30px;}
.icon01 .c3{ background:url(../images/c3.png) no-repeat; width:34px;}
.icon01 .c4{ background:url(../images/c4.png) no-repeat; width:35px;}

.section3{width:100%; height:100%;}

.section3 .left{ float:none !important; position:absolute; left:0; top:0; z-index:999;}

.section3 .v_out{width:100%; height:100%; margin-top:156px;float:left; z-index:999; overflow:hidden; }
.section3 .v_show{width:100%;overflow:hidden;position:relative;height:100%;float:left}
.section3 .v_cont{ width:1000000px; height:100%;position:absolute;left:0px;top:0px;}
.section3 .v_cont ul{float:left;text-align:center;line-height:50px;}
.section3 .v_cont ul li{width:100%;height:642px;background:#f8f8f8;float:left;margin-top:3px;}

/*---切换---*/
.section3 a.prev,.section3 a.next{ display:block; width:60px; height:60px; position:absolute; top:250px; z-index:9999; opacity:0.8;}
.section3 a.prev{ background:url(../images/banner_btn_l_24.png) no-repeat; left:80px; }
.section3 a.next{background:url(../images/banner_btn_r_24.png) no-repeat; right:80px; }
.section3 a.next:hover,.section3 a.prev:hover{ opacity:1;}

.column{ top:230px; right:150px; position:absolute; z-index:9999;}
.column a{color:#fff !important; font-size:16px;filter:alpha(opacity=90);-moz-opacity:.9;-khtml-opacity:.9;opacity:.9; display:block; width:231px; height:42px; line-height:42px; margin-bottom:4px; text-indent:40px;background:#71141A;}

#menu { margin: 0; padding: 0; position: fixed; right: 10px; bottom: 190px; list-style-type: none; z-index: 70000;}
a.nextpage{ display:block; width:57px; height:57px; position:absolute;  z-index:99999999; opacity:0.8; }
a.xia1{background:url(../images/xia.png) no-repeat;bottom: 30px;left:50%; margin-left:-31.5px;}
a.xia2{background:url(../images/nextbtn.jpg) no-repeat;bottom: 125px;  right: 20px;}
a.xia1,a.xia2:hover{ opacity:1;}
#menu li { float: left; margin:  0 10px 0 0; font-size: 14px;}
#menu a { display:block; width:57px; height:57px; background:url(../images/top.jpg) no-repeat; opacity:0.8; }
#menu a:hover{ opacity:1;} 

.section4{width:100%; height:100%;}
#Tab{overflow:hidden; margin:0 12px; margin-top:175px;}
.Menubox{ border-bottom:1px solid #ccc; height:46px; line-height:46px;}
.Menubox li{ float:left;cursor:pointer; width:82px;text-align:center;color:#333;height:46px;position:relative; font-size:16px; margin-right:3px; margin-left:3px;}
.Menubox li.hover{background:#fff; border:1px solid #ccc; border-bottom:0;}
.Contentbox{ overflow:hidden;}
#Tab .news-list{ margin-left:0; margin-right:0;}
.people{ border-bottom:1px dashed #ccc; padding:20px 0; overflow:hidden;}
.people-nr{ width:176px; position:relative;}
.people-img{ margin-right:10px;}
.people-img,.people-img img{ width:73px; height:104px;}
.people-font{ width:92px;}
.people-font p{ line-height:22px; color:#666;}
.people-font a{ width:75px; height:21px; background:#D7FBFF; color:#00A5B8; text-align:center; line-height:21px; display:block; margin-top:10px;}
.search-nr{ background:#fff url(../images/arrow.png) no-repeat left top; height:67px; position:absolute; z-index:1009; bottom:0; width:100%; left:400px;filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;opacity:.8; padding-top:35px;}
.search-name{ font-size:28px; color:#192433; margin-left:20px; font-family:"微软雅黑"; margin-right:10px;}
.select01{ width:130px; height:32px; line-height:32px; border:1px solid #ccc; background:#fff; margin-right:12px;color:#666;}
.input01{ padding:9px 5px; line-height:18px; height:18px; background:#fff; border:1px solid #ccc; width:105px; margin-right:12px; color:#666;}
.date{ position:relative;}
.dateicon{ background:url(../images/date.png) no-repeat; width:23px; height:23px; display:block; position:absolute; right:20px; top:5px; cursor:pointer;}
.inputbtn{ width:106px; height:32px; color:#fff; cursor:pointer; background:#0081cc; border:0; font-size:14px;}

.section5{width:100%; height:100%;}
.Contentbox2{ padding:10px 0;}
.ke-list{ height:36px; line-height:36px; border-bottom:1px dashed #ccc; font-size:14px;}
.ke-list a{ background:url(../images/dot.png) no-repeat left 16px; padding-left:12px; color:#666; float:left; width:155px; margin-left:10px; height:36px; overflow:hidden;}
.ke-list a:hover{ background:url(../images/dot2.png) no-repeat left 16px; padding-left:12px; color:#00a5b8;}

.section6{width:100%; height:100%;}
.icon02{ z-index: 999; position:absolute; right:25%; top:266px;}
.icon02 a{ float:left; width:132px; height:132px; background:#3CB134; margin-right:20px; text-align:center; color:#fff !important; font-size:16px;filter:alpha(opacity=90);-moz-opacity:.9;-khtml-opacity:.9;opacity:.9; border-radius:50%;}
.icon02 i{ margin:0 auto; display:block; height:50px; margin-top:28px; margin-bottom:10px; position:relative; width:48px;}
.icon02 .d1{ background:url(../images/d1.png) no-repeat;}
.icon02 .d2{ background:url(../images/d2.png) no-repeat; width:44px;}

.section7{width:100%; height:100%;}
.pink{ left:400px; right:inherit;}
.pink a{ background:#DA251C;}
.contact-font{ line-height:18px; font-size:14px; margin:10px 15px;}
.sina-img{ margin:10px 15px; text-align:center;}
.link-select{ margin:30px 0px 30px 96px; font-size:14px; padding:0 5px;}

.footer{ text-align:center; line-height:26px; padding:10px 0; overflow:hidden; font-family:arial; color:#fff; background:#00a5b8; position:absolute; z-index:999; bottom:0; width:100%; font-size:14px;}
.footer a{ color:#fff;}