.sign { display:inline-block; width:500px; padding-left:30px;height:28px; margin-top:2.2%;}
.sign a, .sign img, .sign span{ float:left; line-height:24px; font-size:14px; }
.sign img{ margin-top:1px; margin-left:5px;}
.sign span{ color:#10e0ff; font-size:14px; }
.sign a{ width:390px; height:28px; background:url(../image/bg_sign.png) repeat-x; margin-left:10px; text-indent:2em; color:#fff; }

.download_box{ width:500px;   margin: 20px auto; padding-top:20px; }
.download_box li{ height:30px;font-size:16px; color:#fff; margin-top:6%;}
.download_box li .dl_line, .download_box li a{ margin-left:40px;  } 
.download_box li span{width:130px; display:inline-block; font-size:14px;}
.download_box li .dl_line{ width:auto; }
.download_box li a{ padding:2px 20px; border:1px solid #8693bd; display:inline-block; }
.download_box li a:hover{ background:#405396;}

.soft_logo_bg{width:782px;  height:630px; margin:65px auto 0px; }
.soft_tit{ width:254px; height:66px; background:url(../image/tit_jfrj.png) no-repeat; margin:0px auto 0px;}
.soft_icon_box{ width:782px; padding-top:6%;   }

.menu_box{width:782px;  height:245px; background:url(../image/menu_jf_bg.png) no-repeat;}
.menu_box li, .menu_box li a{width:260px; height:220px; display:inline-block;  }
.menu_box li{ float:left;} 
.menu_jf_01{ background:url(../image/menu_jf_01.png) center no-repeat;}
.selected .menu_jf_01 { background:url(../image/menu_jf_01hover.png) center no-repeat;} 
.menu_jf_02{ margin-left:1px; background:url(../image/menu_jf_02.png) center no-repeat;}
.selected .menu_jf_02 { background:url(../image/menu_jf_02hover.png) center no-repeat;} 
.menu_jf_03{ margin-left:1px;background:url(../image/menu_jf_03.png) center no-repeat;}
.selected .menu_jf_03 { background:url(../image/menu_jf_03hover.png) center no-repeat;} 
.tag, .tag_box{ width:680px; margin:0px auto;}
.tag_left{ width:330px; }
.service_tit, .client_tit{ width:230px; height:42px; line-height:42px; font-size:16px; font-weight:bolder; color:#fef153; padding-left:60px; background:url(../image/icon_jf_01.png) 0px 2px no-repeat; }
.client_tit{background:url(../image/icon_jf_02.png) 10px 2px no-repeat;}

.s_dl{ width:370px;    padding-top:20px; padding-left: 10px; float: left; }
.s_dl li{ height:30px; font-size:12px; color:#fff; margin-top:2%;}
.s_dl li .dl_line, .s_dl li a{ margin-left:1px;  } 
.s_dl li span{width:100px; display:inline-block; font-size:12px;}
.s_dl_line{ margin-left:15px;}
.s_dl li .dl_line{ width:auto; }
.s_dl li a{ padding:2px; color:#fff; background:#39aaf2;  display:inline-block; margin-left:15px; }
.s_dl li a:hover{ background:#405396;}

.wxstyle{ display: block;}
.pubstyle{display: none;}
.ddnstyle{display: none;}
.smy_logo_bg{width:910px;  height:500px; margin:0 auto 0px;   }
.smy_tit{ width:254px; height:66px; background:url(../image/tit_smy.png) no-repeat; margin:0px auto 0px;}

.smy_icon_box{ margin-top:10%;}
.smy_icon_box li{ float:left; width:220px; height:322px; background:url(../image/bg_qd.png) no-repeat; margin-left:10px;}



.box_p_c{ background:#8635d4; width:160px; height:150px; margin:0px auto; padding:15px;}
.box_p_c table tr td { color:#fff; height:24px;} 
.btn_dl{ display:inline-block; width:46px; height:50px; background:url(../image/download.png) no-repeat; }
.btn_dl:hover{ background:url(../image/downloadhover.png) no-repeat; }

.contact_cont{ width:380px; height:380px; background:url(../image/bg_contact.png) center  left  no-repeat; padding-left:380px; margin:0px auto; overflow:hidden;}
.call_box li{ width:372px; height:103px; padding-left:130px; text-align:left; margin-top:20px; color:#674700; font-size:14px; }
.call{background:url(../image/bg_call.png) no-repeat; line-height:103px;}
.custome{ font-size:16px;background:url(../image/bg_custome.png) no-repeat; padding-top:15px; height:88px; }
.qq{font-size:16px;background:url(../image/bg_qq.png) no-repeat; padding-top:15px; height:88px;}
.qq p{ height:24px; line-height:24px;}



* { margin: 0; padding: 0;}
body { font: 16px/1.8 "Microsoft Yahei",verdana;}

/* 右侧导航 */
#fullPage-nav { _display: none; font-size: 12px;}
#fullPage-nav li { width: 90px; 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(../image/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%;}

.bg11 { position: absolute; top: 40; width: 100%; height: 100%; background: url(../image/light.png)50% -50px no-repeat; transition: all 1s;}
.nwd_logo { position: absolute; top: 90px; width: 100%; height: 392px; background: url(../image/logo.png) 50% 0 no-repeat; opacity: 0; transition: all 1.7s; bottom: 90px\0;}
.nwd_box { position: absolute;background: url(../image/bg11.png)  center bottom no-repeat; top: 100%; width: 100%; height: 450px; transition: all 1s;}
.nV6 { position: absolute; width: 554px; height: 176px; left: 50%; top: 210px; margin: 0 0 0 -277px; text-indent: -9999px; background: url(../image/title.png)  center 80px no-repeat; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.p11 { position: absolute; left: 50%; top: 380px; width: 600px; margin: 0 0 0 -280px; font-size: 14px; color: #94a7c6; opacity: 0; transition: all 0.5s;}



/*
 第二页
 * */

.menu_wx { position: absolute; left: 50%; bottom: 37%;width: 260px; height: 240px; margin-left: -390px; margin-bottom: 50px; background: url(../image/menu_jf_01hover.png) center bottom no-repeat; transition: all 1s;  opacity: 0; margin-left: 208px;}
.menu_pubwin { position: absolute; left: 50%; bottom: 37%; width: 260px; height: 340px;margin-left: -130px; margin-bottom: 50px; background: url(../image/menu_jf_02.png) center bottom no-repeat;  transition: all 1s;  bottom: 20%; }
.menu_ddn { position: absolute; left: 50%; bottom: 37%;  width: 260px; height: 240px; margin-left: 130 px; margin-bottom: 50px; background: url(../image/menu_jf_03.png) center bottom no-repeat; transition: all 1s; opacity: 0; margin-left: 320px;}

.border_l{ border-right: 1px solid #FFF; }
.section .fwqb { position: absolute; margin-left:-337 ; left: 50%; bottom: 36%; z-index: 10; width: 762px; height: 45px; margin-left: -128px; font-size: 24px; font-weight: 500; color: #748A9E; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.section .fwqb li{float:left; line-height: none; width: 320px; }
.section h3 { position: absolute; left: 50%; top: 12%; z-index: 10; width: 512px; height: 70px; margin-left: -128px; margin-top: 0px; text-indent: -9999px; background-repeat: no-repeat; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.p1 { position: absolute; left: 50%; top: 47%; width: 762px; margin-left: -350px; margin-top: 130px; font-size: 16px; color: #727F8C; opacity: 0; transition: all 1s;}

.section3{ background: #8635d4;}
.section4{ background: url(../image/section1.jpg) no-repeat center center;}
.section4 strong { width: 561px; margin-left: -280px;}
.section5 {background: #fdce65;}
.section2 h3 { background-image: url(../image/tit_jfrj.png);}
.section3 h3 { background-image: url(../image/tit_smy.png);}
.section4 h3 { background-image: url(../image/sltup.png);}
.p3 { position: absolute; width: 430px; left: 50%; top: 15%; margin-top: 250px; margin-left: -100%; font-size: 16px; color: #FFFDE1; opacity: 0; transition: all 1s;}
/*
 第三页
 * **/
.product_ds, .product_xzx, .product_sg, .product_ss{ font-size:16px; font-weight:bolder; display:block; height:30px; line-height:30px; color:#bdbdbd; text-align:center; padding-top:87px; width:220px;  margin:0px  auto ; background:url(../image/cp_ds.png) center 5px no-repeat;  }
.product_xzx{ background:url(../image/cp_xzx.png) center 5px no-repeat; }
.product_sg{ background:url(../image/cp_sg.png) center 5px no-repeat;}
.product_ss{ background:url(../image/cp_ss.png) center 5px no-repeat;}
.nwd_product_ds{ position: absolute; bottom: 14%;  left: 50%; width: 220px; height: 322px;margin-left: -460px; transition: all 1s;}
.nwd_product_xzx { position: absolute; bottom: 14%; left: 50%;  width: 220px; height: 322px; margin-left: -230px; transition: all 1s;}
.nwd_product_sg { position: absolute; bottom: 14%;  left: 50%;  width: 220px; height: 322px;margin-left: 0px;  transition: all 1s;}
.nwd_product_ss{position: absolute; left: 50%; bottom: 14%;  width: 220px; height: 322px; margin-left: 230px; opacity: 0; transition: all 1s;}
.bg51, .bg52, .bg54 { position: absolute; z-index: 1; width: 208px; left: 50%;   color: #fff;}
.section5 h4 { margin-bottom: 12px; font-size: 23px; font-weight: 500;}
.section5 p { font-size: 16px;}
/*
 第四页
 * */
.tourpage1 {background: url(../image/sltup.png)  left ;position: absolute; left: 50%; top: 15%; z-index: 10; width: 800px; height: 70px; margin-left: -128px; margin-top: 0px; text-indent: -9999px; background-repeat: no-repeat; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.tourpage {background: url(../image/3lp.png)  left ;position: absolute; left: 50%; top: 25%; z-index: 10; width: 800px; height: 70px; margin-left: -128px; margin-top: 0px; text-indent: -9999px; background-repeat: no-repeat; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}

.wsw_phone {position: absolute; z-index: 1; width: 265px; height:584px ; left: 50%; top: 10%; margin-left: -203px; background: url(../image/phone.png) 50% 0 no-repeat; opacity: 0; transition: all 1s;}
.wsw_QRcode { margin-left: -220px;position: absolute; z-index: 1; width: 208px; left: 50%; top: 35%; padding-left: 30px; color: #fff; opacity: 0; transition: all 1s;}
.wsw_downClik { position: absolute; z-index: 1; width: 208px; left: 50%; top: 60%;  margin-left: 645px; opacity: 0; transition: all 1s;}
.wsw_downClik a{ position: absolute; width: 243px; background: url(../image/dj_1.png) no-repeat; height:76px ;}
.wsw_downClik a:hover{ position: absolute; width: 243px; background: url(../image/dj_2.png) no-repeat; height:76px ;}
/*
 第五页
 * */
.section5 li{ padding-left: 140px; font:"微软雅黑" ; font-size: 16px; color: #964700;}
.Telephone  { position: absolute; left: 50%; top: 20%; width: 100%; height: 545px; font-size: 14px;   transition: all 1s;}
.nwd_qq { position: absolute; left: 50%; top: 25%; width: 100%; height: 545px; font-size: 14px;   transition: all 1s;}
.nwd_custome { position: absolute; left: 50%; top: 25%; width: 100%; height: 545px; font-size: 14px;   transition: all 1s;}
.nwd_Contact { position: absolute; left: 10%; top: 50%; margin-top: -192px; width: 597px; height: 384px; margin-left: -507px; background: url(../image/bg_contact.png) center center no-repeat ; transition: all 1s;}
.txt6 { position: absolute; left: 90%; bottom: 20%; width: 447px; margin-left: 90px; opacity: 0; transition: all 1s;}
.txt6 p { margin-bottom: 17px; color: #5C7970;}

.copyright { position: absolute; left: 0; bottom: 20px; width: 100%; text-align: center; font-size: 0;}
.copyright a, .copyright span { margin: 0 7px; font-size: 12px; color: #a0a0a0;}
/**
电竞酒店页
**/
.ddjd_bodybg {width: 100%;height: 100%;background: url(../image/djjd.png) no-repeat;background-size: cover;position: absolute;left: 0px;top: 0px;display: flex;flex-direction: column;align-items: center;}
.ddjd_main {background: rgba(255, 255, 255, 0.8);width: 1000px;height: 500px;margin-top: 240px;display: flex;flex-direction: column;align-items: center;}
.ddjd_tit {font-size: 52px;margin: 80px 0px 10px 0px;color: #333;}
.ddjd_notice {height: 56px;line-height: 56px;background: #2e6cdb;border-radius: 6px;font-size: 22px;color: #fff;text-align: center;margin: 20px 0px 40px 0px;vertical-align: middle;padding: 0px 40px;}
.ddjd_imgicon {margin: 3px 10px 0px 0px;display: block;float: left;}
.ddjd_notice span {display: block;float: left;}
.ddjd_row {display: flex;flex-direction: column;align-items: center;}
.ddjd_row span {font-size: 20px;margin-bottom: 20px;color: #333;}
.ddjd_download {width: 140px;height: 40px;border-radius: 50px;border: 1px solid #2a6ad6;background: none;font-size: 18px;color: #444;text-align: center;padding-top: 8px;}
.ddjd_download:hover {background: #2A6AD6;color: #fff;}
.ddjd_box {display: flex;justify-content: center;align-items: center;}
.ddjd_line {width: 1px;height: 100px;background: pink;margin: 0px 60px;background: rgba(0, 0, 0, 0.08);}

/* CSS3过度及动画 */
.active strong, .active h3 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .fwqb{margin-left:-350px;opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .p1 { opacity: 1; transition-delay: 1.7s;}
.active .nwd_logo { bottom: 90px; opacity: 1; transition-delay: 0.7s; }
.active .nwd_box { top: 390px; opacity: 1; transition-delay: 0.7s;}
.active .nV6 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .p11 { opacity: 1; transition-duration: 1s; transition-delay: 2s;}

.active .menu_wx { opacity: 1; margin-left: -390px; transition-delay: 0.7s;}
.active .menu_pubwin { bottom: 37%;  transition-delay: 0.7s;}
.active .menu_ddn { margin-left: 110px; opacity: 1; transition-delay: 0.7s;}

.active .nwd_product_ds { bottom: 20%; transition-delay: 0.7s;}
.active .nwd_product_xzx { bottom: 20%; transition-delay: 1.1s;}
.active .nwd_product_sg { bottom: 20%; transition-delay: 0.9s;}
.active .nwd_product_ss{bottom: 20%; opacity: 1; transition-delay: 1.1s;}

.active .tourpage1{ margin-left: -125px;  opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .tourpage{ margin-left: -110px;  opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}

.active .wsw_phone { margin-left: -401px; opacity: 1; transition-delay: 0.7s;}
.active .wsw_QRcode { margin-left: -130px;  opacity: 1; transition-delay: 0.7s;}
.active .wsw_downClik { margin-left: -105px; opacity: 1; transition-delay: 0.7s;}

.active .Telephone { top: 50%; margin-top: -160px; transition-delay: 0.7s;}
.active .nwd_qq { top: 50%; margin-top: -40px; transition-delay: 0.7s;}
.active .nwd_custome { top: 50%; margin-top: 80px; transition-delay: 0.7s;}
.active .nwd_Contact { left: 50%; opacity: 1; transition-delay: 0.7s;}

/* for lt ie 10 */
.ltie10 strong, .ltie10 h3 { opacity: 1; transform:scale(1, 1); transition-delay: 0.7s;}
.ltie10 .p1 { opacity: 1; transition-delay: 1.7s;}
.ltie10 .fwqb{margin-left:-350px;opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}

.ltie10 .nwd_logo { bottom: 90px; opacity: 1; transition-delay: 0.7s; }
.ltie10 .nwd_box {  top: 390px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .nV6 { opacity: 1; transform:scale(1, 1); transition-delay: 0.7s;}
.ltie10 .p11 { opacity: 1; transition-duration: 1s; transition-delay: 2s;}

.ltie10 .menu_wx { opacity: 1; margin-left: -390px;  transition-delay: 0.7s;}
.ltie10 .menu_pubwin { bottom: 37%;  transition-delay: 0.7s;}
.ltie10 .menu_ddn { margin-left: 110px; opacity: 1; transition-delay: 0.7s;}


.ltie10 .nwd_product_ds { bottom: 20%; transition-delay: 0.7s;}
.ltie10 .nwd_product_xzx { bottom: 20%; transition-delay: 1.1s;}
.ltie10 .nwd_product_sg { bottom: 20%; transition-delay: 0.9s;}
.ltie10 .nwd_product_ss{bottom: 20%; opacity: 1; transition-delay: 1.7s;}
.ltie10 .tourpage1{ margin-left: -125px;  opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.ltie10 .tourpage{ margin-left: -110px;  opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}


.ltie10 .wsw_phone { margin-left: -401px;opacity: 1; transition-delay: 0.7s;}
.ltie10 .wsw_QRcode { margin-left: -130px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .wsw_downClik { margin-left: -105px; opacity: 1; transition-delay: 0.7s;}


.ltie10 .Telephone { top: 50%; margin-top: -160px; transition-delay: 0.7s;}
.ltie10 .nwd_qq { top: 50%; margin-top: -40px; transition-delay: 0.7s;}
.ltie10 .nwd_custome { top: 50%; margin-top: 80px; transition-delay: 0.7s;}
.ltie10 .nwd_Contact { left: 50%; opacity: 1; transition-delay: 0.7s;}


html, body, div, span, applet, object, iframe, form, h1, h2, h3, h4, img, ol, ul, p, dl, img, a, li, tr, td, table {
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	font-family: Microsoft Yahei;
 	list-style-type:none;
	margin: 0;
	padding: 0
}
ul li {
	list-style: none outside none;
}
a, input {
	cursor: pointer;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
tr, td, table {
	border-collapse: collapse;
}
body, html {
	font-size: 12px;
}
.clear {
	clear: both;
}
.red {
	color: red;
}
a {
	text-decoration: none
}
a:focus {
	outline: none;
}
.body {
	position:relative;
	width:100%;
}
.top {
	position:fixed;
	height:42px;
	width:100%;
	background:#fafafa;
	z-index: 100;
	top:0%;
}
.logo {
	height:42px;
	width:150px;
	background:url(../image/top_logo.png) no-repeat;
}
.nav li {
	float:left;
	width:100px; height:42px; line-height:42px;
}
.nav li a{ color:#25458d; font-size:12px; display:inline-block; text-align:center; height:30px; padding:0px; width:auto;   }
.nav li a:hover, .nav .hover a{ border-bottom:2px solid #25458d;}
.part1{ background:url(bg_wd.jpg) top center no-repeat;display: table; width:100%; }
.part2{ background:url(bg_jfrj.jpg) top center no-repeat;  display: table;width:100%;}
.part3{ background:#8635d4; display: table;width:100%; }
.part4{ background:#fdce65 no-repeat;display: table;width:100%;}
.g_1, .g_2, .g_3, .g_4{ width:67px; height:63px; background:url(group_1.png) no-repeat; position:absolute; left:8%; top:10%;}
.g_2 {background:url(group_2.png) no-repeat;   left:8%; top:36%;}
.g_3{background:url(group_3.png) no-repeat;   left:8%; top:62%;}
.g_4{background:url(group_4.png) no-repeat;   left:8%; top:86%;}

.content{ height:100%; width:100%; vertical-align: middle; display: table-cell; }
.wd_logo_bg{ width:646px; height:720px; background:url(light.png) center  -30px  no-repeat; margin:0px auto; overflow:hidden;   }
.wd_logo{ width:206px; height:253px; background:url(logo.png) no-repeat; margin:100px auto 0px;}