@charset "utf-8";
/* 
---------------------------------
Site: jx3.xoyo.com 
Author:  
Last Changed by : 
Last Update : 2015-07-31 16:15
--------------------------------- 
*/

.logo { position: absolute; top:52px; left: 11%; width: 415px; height: 150px;}
#menu { margin: 0; padding: 0; position: fixed; right: 20px; top: 80px; width: 70px;
 list-style-type: none; z-index: 70; }
#menu li { display: block; width: 70px; height: 93px;  }
#menu a { display: block; height: 93px; text-indent: -9999px;  background: url(../images/nav_off.png) no-repeat;}
#menu a.m02 { background-position:left -95px}
#menu a.m03 {background-position:left -189px}
#menu .active a { background: url(../images/nav_on.png) no-repeat; }
#menu .active a.m02 { background-position:left -95px}
#menu .active a.m03 {background-position:left -189px}

.wrap_init_box { position: relative; width: 100%; height: 1025px; z-index: 100;}
.wrap_init {background: url(../images/bg01.jpg) center top  no-repeat; position: absolute;
width: 100%; left: 0; top: 0; background-size:auto 100%;}
.section { text-align: center; font: 50px "Microsoft Yahei"; color: #fff; }
.section1 { background: url(../images/bg01.jpg) center top  no-repeat; position: relative;}
.section2 { position: relative; }

.slides_wrap { position: absolute; top: 0; left: 0; width: 100%;}
.slides_menu { margin:20px auto 0; overflow: hidden; width: 702px; }
.slides_menu ul { display: block; width: 120%;}
.slides_menu li { float: left; display: block; width: 258px;}
.slides_menu li a { display: block; float: left; height: 186px; width: 191px; background: url(../images/menu_slide.png) no-repeat;}
.slides_menu li a.s01 {}
.slides_menu li a.s02 { background-position:-258px top }
.slides_menu li a.s03 { background-position:-510px top }
.slides_menu li.this_s a.s01 { background-position:left -203px }
.slides_menu li.this_s a.s02 { background-position:-258px -203px }
.slides_menu li.this_s a.s03 { background-position:-510px -203px }

.slides_con { position: relative; margin: 0 auto; width: 1200px;}
.slides_prev, .slides_next { display: block; position: absolute; top:160px; width: 131px; height: 84px;
 background: url(../images/slides_btn.png) no-repeat; cursor: pointer; font-size: 25px; line-height: 84px;
  text-indent:64px; font-weight: 700; color:#c00305; text-align: left;}
.slides_prev { left:-25px; background-position: left -101px; }
.slides_next { right: -25px; text-indent: 15px; }

.sec2_dy { background: url(../images/bg02_1.jpg) center top no-repeat; }
.sec2_sy { background: url(../images/bg02_2.jpg) center top no-repeat;}
.sec2_dj { background: url(../images/bg02_3.jpg) center top no-repeat;}
.sli_fonts { display: block; position: absolute; top: 100px; right: -120%;}
.sli_fonts01 {}
.sli_fonts02 {}
.left_font { position: absolute; display: block; left:-130px; top: 60px; }


.section3 { background: url(../images/bg03.jpg) center top  no-repeat; }
.section3 p { position: relative; width: 1200px; margin: 0 auto; bottom: -120%; z-index: 1 }
.section3 p img { display: block; }
.section3 .sec3_p1 img { padding-top: 1%; padding-left: 192px;}
.section3 .sec3_p2 img { padding-top: 2%;  padding-left: 192px;}
.section3 .sec3_p3 img { padding-top: 3%;  padding-left: 192px;}
.section3 .sec3_p4 { cursor: pointer;}
.section3 .sec3_p4 img { padding-top: 2%; margin: 0 auto;}

.section1, .sec2_dy, .sec2_sy, .sec2_dj, .section3{background-size:auto 100%;}

#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; vertical-align: top; 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: 15px; width: 0; border-width: 38.5px 34px 38.5px 0; border-color: transparent #fff transparent transparent; }
.fp-controlArrow.fp-next { right: 15px; 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; }


.popup_wrap {background-color:rgba(0, 0, 0, 0.7); display: none; 
filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#B2000000, endcolorstr=#B2000000);
 position:absolute; z-index:100; left:0; top:0; width:100%; height:1600px }

.popup_box {display: none; z-index:101;width:817px;height:659px; background:url(../images/pop_bg.jpg) no-repeat; 
position:fixed; left:50%; _position:absolute; top:30px; margin-left:-408px;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||10)-(parseInt(this.currentStyle.marginBottom, 10)||100)));}
.popup_head { overflow: hidden; width: 100%; height: 62px;}
.popup_close { float: right; display: block; width: 120px; height: 62px; cursor: pointer;}
.popup_con { overflow: hidden; margin: 15px auto 0; width: 730px; height: 560px; overflow-y: auto; }
.popup_h3 { font-size: 20px; line-height: 28px;}
.popup_p { font-size: 14px; line-height: 28px;}
.blank { display: block; width: 100%; height: 20px; }
.pop_table { overflow: hidden; padding:20px 0; width: 100%;}
.pop_table table { width: 95%; border-left: #d6d6d6 solid 1px; border-top: #d6d6d6 solid 1px; }
.pop_table p { margin: 0;}
.pop_table th, .pop_table td { padding:8px 0; border-right: #d6d6d6 solid 1px; border-bottom: #d6d6d6 solid 1px; 
text-align: center; font-size: 13px;}
.pop_table th { background-color: #e4e4e4;}
.pop_table td { background-color: #f4f4f4;} 
.pop_table .bnone { border-right: none;}
.popup_red { color: red; font-weight: 700;}

.popup_box_sp { margin: 0 0 0 -370px; background:none; width:740px; height:450px; top:20%;}
.popup_title { height:39; font-size:0; line-height:0; width:100%}
.popup_con_sp { margin-top:-50px; position:relative;}
.popup_title .close { display:block; float:right;width:39px; height:39px;
background:url(http://pic.xoyo.com/cms/moon/t8/preindex/close.png) no-repeat;cursor:pointer; z-index:103 ;}
.popup_box_sp .popup_title { position: relative;}
.popup_box_sp .popup_title .close { position:absolute; right:-43px; top:-5px; z-index:10;}
/* footer */
#V2-xoyo-topNav { position:absolute; top:0; left:0; }
body #V2-footer { width:1000px; }
.V2-FT-XOYO.V2-FT-zt { border-top:#28567d solid 3px; background-color:#424242; }
body .V2-FT-zt { height:100px }
.footer_two .V2-FT-XOYO.V2-FT-zt { position:relative; left:10px }
.V2-FT-XOYO #V2-footer .ft-kingsoft { z-index:100 }
.V2-FT-zt #V2-footer, .V2-FT-zt #V2-footer .ft-2 { z-index:100 }
.V2-FT-XOYO.V2-FT-zt p { margin:0 }
.V2-FT-XOYO #V2-footer .ft-1 .ft-search, .V2-FT-XOYO #V2-footer .ft-1 .ft-tip { color:#afafaf; font-size:12px }
.V2-FT-XOYO #V2-footer .ft-2 { border:none }
.V2-FT-XOYO #V2-footer .ft-m p { color:#afafaf; }
.V2-FT-XOYO #V2-footer .ft-m p a { color:#afafaf; font-size:12px }