@charset "utf-8";
/* CSS Document */
body{ width:100%; background:none; overflow-x:hidden;}

.side-bar a,.chat-tips i {
	background-image: url(../img/gdt-img.png);
	background-repeat: no-repeat;
}
.bg{ background:#6B88B5; height:900px;}

__________________________

/* 首页头部开始 */
.header-item{position:relative;}
.index-site-header{width:100%;margin:0 auto;background-color: rgba(26,28,30,0.1);height:70px;position: absolute;left: 0;right: 0;top: 0;z-index:800;}
.index-menu-area { height:70px; width:100%; margin:0 auto; position:relative;}
.index-menu-area h1{ position:absolute; top:7px; padding-left:2%;}


.index-nav { width:850px; float:right; padding-right:2%;}
.index-menu {  float:left; font-size: 0;}
.index-menu li { display:inline-block;}
.index-menu li a{ padding:25px 15px; font-size:16px; color:#ffffff; font-family:Microsoft YaHei; text-decoration:none; line-height:70px;}
.index-menu a:hover { background:#ff8f0b;}

.index-login a, .index-regedit a{  text-decoration:none; color:#FFFFFF; width:80px;height:30px; display:inline-block;font-size:16px;text-align:center; line-height:30px;border:1px solid #FFFFFF; border-radius:15px; float:right; font-family:Microsoft YaHei;  margin-right:2%; margin-top:20px;}
.index-regedit a:hover{border:1px solid #ff8f0b; color:#FFFFFF; background:#ff8f0b}
.index-login a:hover {border:1px solid #078be4; color:#FFFFFF; background:#078be4}

/* banner开始 */

.oUlplay{ height:900px;position: relative; display:none;position:absolute;}

.oUlplay{display:block;width:100%; height:900px; overflow:hidden;}
.oUlplay{position:relative;}

.t-banner{background: url(../imges/banner1.jpg) center no-repeat; background-size:cover;}
.f-banner{background: url(../imges/banner2.jpg) center no-repeat; background-size:cover;}
.s-banner{background: url(../imges/banner3.jpg) center no-repeat; background-size:cover;}



.button1 a{text-decoration:none;width:164px;height:50px;font-size:30px;text-align:center; line-height:50px;border-radius:10px; border:solid 1px #333333; font-family:微软雅黑 Light;color:#333333;float:left; margin-left:177px;}
.button2 a{text-decoration:none;width:164px;height:50px;font-size:30px;text-align:center; line-height:50px;border-radius:10px; border:solid 1px #ffffff; font-family:微软雅黑 Light;font-family:微软雅黑 Light;color:#fff; position: absolute; margin: auto;top:140px; left: 0; bottom: 0; right: 0;}

.button3 a{text-decoration:none;width:164px;height:50px;font-size:30px;text-align:center; line-height:50px;border-radius:10px; border:solid 1px #ffffff; font-family:微软雅黑 Light;font-family:微软雅黑 Light;color:#fff; position: absolute; margin: auto;top:380px; left: 0; bottom: 0; right: 0;}

.button4 a{text-decoration:none;width:164px;height:50px;font-size:30px;text-align:center; line-height:50px;border-radius:10px; border:solid 1px #595959; font-family:微软雅黑 Light;color:#595959;float:left; margin-left:250px;}

.banner-button-f-banner a{text-decoration:none;width:174px;height:50px;font-size:30px;text-align:center; line-height:50px;border-radius:10px; border:solid 1px #595959; font-family:微软雅黑 Light;color:#595959;float:left; margin-left:155px; margin-top:40px}
.banner-button-s-banner a{text-decoration:none;width:174px;height:50px;font-size:30px;text-align:center; line-height:50px;border-radius:10px; border:solid 1px #ffffff; font-family:微软雅黑 Light;color:#ffffff; float:left; margin: auto; margin-left:192px}
.banner-button-t-banner a{text-decoration:none;width:174px;height:50px;font-size:30px;text-align:center; line-height:50px;border-radius:10px; border:solid 1px #ffffff; font-family:微软雅黑 Light;color:#ffffff; float:left; margin: auto; margin-left:260px}



.top_slide_wrap{width:100%;height:1000px;overflow:hidden;position:relative;z-index:1;margin-top:-81px}
.slide_box{height:1000px;overflow:hidden}
.slide_box li{height:1000px}
.slide_box img{width:100%;height:1000px}

.op_btns{width:100%;margin:-700px auto 0;position:relative;z-index:3;}
.op_btns .op_btn{display:block;width:62px;height:62px;cursor:pointer;overflow:hidden;position:absolute;margin-top:240px;}
.op_btns .op_prev{left:50px}
.op_btns .op_next{right:50px}

.op_btns .op_prev{ background:url(../imges/left.png) no-repeat center;filter:alpha(Opacity=60);-moz-opacity:0.3;opacity: 0.3}
.op_btns .op_prev:hover{ filter:alpha(Opacity=100);-moz-opacity:1; opacity:1;}
.op_btns .op_next{ background:url(../imges/right.png) no-repeat center;filter:alpha(Opacity=60);-moz-opacity:0.3;opacity: 0.3}
.op_btns .op_next:hover{ filter:alpha(Opacity=100);-moz-opacity:1; opacity:1;}
.op_bars{width:980px;margin:220px auto 0;position:relative;z-index:4;text-align:center}
.op_bars .op_bar{display:inline-block;width:12px;height:12px;background:url("icons_cb372887.png") no-repeat -116px -90px;margin:0 4px}
.op_bars .op_cur{background-position:0 -90px}






.banner{ width:100%;position:relative; overflow:hidden; z-index:100;}
.pre, .next{ width:30px; height:50px; position:absolute; top:360px; display:block; text-decoration:none; display:none;z-index:300;}
.pre{left:40px; background:url(../imges/left.png) no-repeat; filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6}
.next{right:40px; background:url(../imges/right.png) no-repeat; filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6}
.top_slide_wrap:hover .op_btns clearfix{ display:block}
.top_slide_wrap:hover .op_btns .op_next{ display:block}
.pre:hover{ filter:alpha(Opacity=100);-moz-opacity:1; opacity:1;}
.next:hover{ filter:alpha(Opacity=100);-moz-opacity:1; opacity:1;}
.f-banner{ height:900px; background:url(../imges/banner1.jpg) center no-repeat; position: relative; background-size:cover;}
.p-f-banner{ height:300px; width:500px;overflow: auto; margin: auto; position: absolute;  top:-100px; left: 0; bottom: 0; right: 0;}
.p1-f-banner{ width:500px; height:140px; font-size:38px; color:#ffffff;font-family:微软雅黑 Light; text-align:center; line-height:60px}
.p2-f-banner{ width:500px; height:50px; font-size:18px; color:#595959;font-family:微软雅黑 Light; text-align:center; line-height:30px}

.s-banner{ height:900px; background: url(../imges/banner3.jpg) center no-repeat; position: relative;  background-size:cover;}
.p-s-banner{ height:400px; width:560px;overflow: auto; margin: auto; position: absolute;  top:-180px; left: 0; bottom: 0; right: 0;}
.p1-s-banner{ width:560px; height:200px; font-size:45px; color:#fff;font-family:微软雅黑 Light; text-align:center; line-height:80px}

.t-banner{ height:900px; background:url(../imges/banner2.jpg) center no-repeat;  position: relative;  background-size:cover;}
.p-t-banner{ height:300px; width:700px; margin: auto; position: absolute;  top:-100px; left: 0; bottom: 0; right: 0;}
.p1-t-banner{ width:700px; height:200px; font-size:45px; color:#fff;font-family:微软雅黑 Light; text-align:center; line-height:80px}

.function{ background:rgba(255,255,255,0); position:absolute; transition:2s; height:275px; width:100%; top:935px; z-index:200;}
.function-box1, .function-box2, .function-box3, .function-box4{ width:24.9%; height:228px; float:left;  margin-top:23px; border-right:solid 1px #32414f; position: relative;}
.function-box4{ width:24.9%; border:none;}
.box1-icon, .box2-icon, .box3-icon, .box4-icon{overflow: auto; margin: auto; position: absolute;  top:40px; left: 0; bottom: 0; right: 0;}
.function p{ font-size:30px; color:#31414e;font-family:微软雅黑 Light; text-align:center; padding-top:120px;}
.banner:hover .function{ top:675px; background:rgba(255,255,255,0.9)}

/* 内容开始 */
.content1 { width:100%; height:1030px; background: url(../imges/content1-bg1.png) center; background-size:cover;}
#bgcontent{ width:80%; height:1030px; margin:auto;  background:url(../imges/content1.png) no-repeat left center;}
.p-content1{ width:550px; height:225px; float:right;padding-top:300px;}
.p1-content1 { width:550px; height:48px; font-size:48px; color:#333333;font-family:微软雅黑 Light; text-align:center;}
.p2-content1 { width:550px; height:50px; font-size:18px; color:#333333; padding-top:40px; padding-bottom:40px; font-family:微软雅黑 Light; text-align:center; line-height:30px;}


.content2 {width:100%; height:1030px; background:#0e0e0e url(../imges/content2.png) no-repeat bottom; position: relative;}
.p-content2{ width:700px; height:280px;overflow: auto; margin: auto; position: absolute;  top:-350px; left: 0; bottom: 0; right: 0;}
.p1-content2 { width:700px; height:48px; font-size:48px; color:#fff;font-family:微软雅黑 Light; text-align:center;}
.p2-content2 { width:700px; height:50px; font-size:18px; color:#fff; padding-top:40px; padding-bottom:40px; font-family:微软雅黑 Light; text-align:center; line-height:30px;}


.content3 { width:100%; height:1030px; background:#313b50; position: relative; }

.bg-content3{ width:100%; height:1030px; background: url(../imges/content3-1.png) center top no-repeat; margin:0 auto;}
.p-content3{ width:500px; height:300px; margin:0 auto; padding-top:500px;}
.p1-content3 {height:48px; font-size:48px; color:#ffffff;font-family:微软雅黑 Light; text-align:left;text-align:center;}
.p2-content3 {height:50px; font-size:18px; color:#ffffff; padding-top:40px; padding-bottom:40px; font-family:微软雅黑 Light; text-align:center; line-height:30px;}


.content4 {width:100%; height:1030px; background:#f9fbfd url(../imges/content4-22.png) no-repeat right;}
.p-content4{ width:1200px; height:280px;overflow: auto; margin:auto; padding-top:300px;}
.p1-content4 { width:700px; height:48px; font-size:48px; color:#595959;font-family:微软雅黑 Light; text-align:center;}
.p2-content4 { width:700px; height:50px; font-size:18px; color:#595959; padding-top:40px; padding-bottom:40px; font-family:微软雅黑 Light; text-align:center; line-height:30px;}