/*èƒŒæ™¯å›¾*/
.bodyBox{
	width: 100%;
    height: 100%;
    background: url(//m.hackwaw.com/xfb/images/bg-xxgk.png) no-repeat top center;
}
/*ä¸­é—´éƒ¨åˆ†*/
.header{
	width: 1100px;
    height: 365px;
    margin: 0 auto;
}
.header img{
	display:none;
}
.box{
	width: 1100px;
    height: 100%;
    overflow: hidden;
    background-color: rgb(242,242,242);
    margin: 0 auto;
    padding: 0px 36px 20px 36px;
}
/*æœç´¢æ¡†*/
.search{
	width: 1028px;
    height: 51px;
    background: url(//m.hackwaw.com/xfb/images/seachBg-xxgk.png) no-repeat center center;
    float: left;
    margin-top: 84px;
    margin-bottom: 84px;
    position: relative !important;
	left:auto !important;
}
.search input[type="text"]
{
	width: 410px;
    height: 35px;
    position:absolute;
    border: none;
    left:264px;
    top:6px;
}
.search img{
	position:absolute;
    right:270px;
    top:6px !important;
	left:auto !important;
}
.nav{
	width: 240px !important;
    float: left;
	background-color:transparent !important;
}
.navSona{
	width:100%;
}
.navSona h3{
	width: 240px;
    height: 68px;
    margin-top: 15px;
    float: left;
}
.navSona h3 a{
	width: 238px;
    color: #d13c3f;
    font-size: 23px;
    display: block;
    height: 72px;
    padding-top: 4px;
    background: #fff;
    border: 1px solid #ddd;
    text-decoration: none;
}
.navSona h3 a:hover{
	width:238px;
	height:72px;
	background-color:#d13c3f;
	color: rgb(255,255,255);
	font-size:23px;
	padding-top: 5px;
}
.active a{
	width:238px;
	height:72px;
	background-color:#d13c3f !important;
	color: rgb(255,255,255) !important;
	font-size:23px !important;
	padding-top: 5px !important;
}
.img1{
	width:46px;
	height: 46px;
	display:inline-block;
	background:url(//m.hackwaw.com/xfb/images/icon01-xxgk.png) no-repeat;
	margin: 11px 20px;
	float: left;
}
.navSona h3:hover .img1{
	width:46px;
	height: 46px;
	display:inline-block;
	background:url(//m.hackwaw.com/xfb/images/icon02-xxgk.png) no-repeat;
	margin: 11px 20px;
	float: left;
}
.active a .img1{
	background:url(//m.hackwaw.com/xfb/images/icon02-xxgk.png) no-repeat;
}
.img2{
	width:46px;
	height: 46px;
	display:inline-block;
	background:url(//m.hackwaw.com/xfb/images/icon03-xxgk.png) no-repeat;
	margin: 11px 20px;
	float: left;
}
.navSona h3:hover .img2{
	width:46px;
	height: 46px;
	display:inline-block;
	background:url(//m.hackwaw.com/xfb/images/icon04-xxgk.png) no-repeat;
	margin: 11px 20px;
	float: left;
}
.active a .img2{
	background:url(//m.hackwaw.com/xfb/images/icon04-xxgk.png) no-repeat;
}
.navSonb{
	width: 240px;
}
.navSonb h3{
	width: 238px;
    height: 70px;
    border: 1px solid #ddd;
    margin-top: 15px;
    float: left;
    color: #d13c3f;
    font-size: 23px;
    display: block;
    padding-top: 4px;
    background: #fff;
}
.navSonb h3:hover{
	width:238px;
	background-color:#d13c3f;
	color: rgb(255,255,255);
	font-size:23px; 
	display: block;
}
.img3{
	width:46px;
	height: 46px;
	display:inline-block;
	background:url(//m.hackwaw.com/xfb/images/icon05-xxgk.png) no-repeat;
	margin: 11px 20px;
	float: left;
}
.navSonb h3:hover .img3{
	width:46px;
	height: 46px;
	display:inline-block;
	background:url(//m.hackwaw.com/xfb/images/icon06-xxgk.png) no-repeat;
	margin: 11px 20px;
	float: left;
}
.img4{
	width:20px;
	height: 20px;
	display:inline-block;
	background:url(//m.hackwaw.com/xfb/images/icon09-xxgk.png) no-repeat;
	margin: 22px 20px;
}
.navSonb h3:hover .img4{
	width:12px;
	height: 1px;
	display:inline-block;
	background:url(//m.hackwaw.com/xfb/images/icon10-xxgk.png) no-repeat;
	margin: 30px 20px;
}
.menuNav{
	background: rgb(255, 255, 255);
    border: 1px solid rgb(228, 228, 228);
    display: none;
    width: 240px;
    background: #fff;
    color: #999;
    float: left;
}
.menuNav li{
	padding: 8px 0px 8px 60px;
    line-height: 24px;
    font-size: 21px;
    font-weight: 400;
    cursor: pointer;
    position: relative;
}
.menuNav li:hover{
	background-color: #f6c6c7;
    display: block;
    color: #d4494c;
}
.menuNav li span{
	display: inline-block;
	width: 4px;
	height: 4px;
	border-radius: 2px;
	background-color:#999;
	position: absolute;
	top:20px;
	left: 46px;
}
.menuNav li a{
    font-size: 21px;
    color: #999;
    font-weight: 400;
	text-decoration:none;
}
.menuNav li:hover a{
	background-color: #f6c6c7;
    display: block;
    color: #d4494c;
	text-decoration:none;
}
.img5{
	width:46px;
	height: 46px;
	display:inline-block;
	background:url(//m.hackwaw.com/xfb/images/icon07-xxgk.png) no-repeat;
	margin: 11px 20px;
	float: left;
}
.navSonb h3:hover .img5{
	width:46px;
	height: 46px;
	display:inline-block;
	background:url(//m.hackwaw.com/xfb/images/icon08-xxgk.png) no-repeat;
	margin: 11px 20px;
	float: left;
}

.navSonb h3.on{
	width:238px;
	background-color:#d13c3f;
	color: rgb(255,255,255);
	font-size:23px; 
	display: block;
}
.navSonb h3.on .img3{
	background:url(//m.hackwaw.com/xfb/images/icon06-xxgk.png) no-repeat;
}
.navSonb h3.on .img4{
	width:12px;
	height: 1px;
	display:inline-block;
	background:url(//m.hackwaw.com/xfb/images/icon10-xxgk.png) no-repeat;
	margin: 30px 20px;
}
.navSonb h3.on .img5{
	background:url(//m.hackwaw.com/xfb/images/icon08-xxgk.png) no-repeat center; 
}
/*å³ä¾§*/
.navAbout{
	width: 728px;
    display: block;
    float: left;
    height: 1085px;
    background-color: #FFF;
    border: 1px solid #dfdfdf;
    padding: 0px 20px;
    margin-left: 18px;
}
.box1{
	width: 100%;
    height: 1085px;
    position: relative;
}
.box1-title{
	width: 730px;
    font-size: 32pt;
    text-align: center;
    margin: 0px;
    padding: 0px;
    margin-top: 38px;
    margin-bottom: 38px;
    color: #d13c3f;
    font-weight: 600;
	margin-bottom: 10px;
}
.box1-text,.box2-text,.box3-text{
	/* height: 867px; */
	overflow: auto !important;
	padding: 0px 20px;
}
.box1-text p{
	font-size:16pt;
	line-height:36px;
}
.box1-text h3{
	font-size:22pt;
	line-height:40px;
}
.box1-text h4{
	font-size: 18pt;
	line-height:38px;
}
.box1-text a{
	color: #0000ff;
    font-family: "Microsoft YaHei";
    font-size:12px;
    line-height:16px;
}
.box2,.box3{
	width: 100%;
    height: 778px;
    display: none;
}
.box2-title{
	width: 100%;
    height: 30px;
    margin-bottom: 32px;
    margin-top: 42px;
}
.box2-title a{
	font-size: 20px;
    color: #606060;
}
.box2-title span{
	color: #b2b2b2;
    font-size: 15px;
    margin-left: 20px;
    font-weight: 100;
}
.box2-ul{
	/*border-top: 2px solid #ccc;*/
	margin-top:10px;
	width: 100%;
}
.box2-ul li{
	font-size: 15px;
    line-height: 42px !important;
}
.box2-ul li a{
    display: inline-block;
    width: 80%;
    font-size: 20px;
    color: #606060;
    overflow: inherit;
    text-overflow: inherit;
    white-space: inherit;
    word-wrap: inherit;
}
.box2-ul li span,.box3-ul li span{
	color: #b2b2b2;
    font-size: 16px;
    margin-left: 44px;
    font-weight: 100;
    display: inline-block;
    float: right;
}
.box3-title{
	width: 100%;
    height: 32px;
    border-bottom: 2px solid #ccc;
}
.box3-title h3{
	height: 33px;
    line-height: 31px;
    background-color: #d13c3f;
    display: block;
    float: left;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding: 0px 20px;
    min-width: 70px;
}
.box3-ul{
	width: 100%;
	padding:10px 0px;
	font-size: 15px;
	height: 30px !important;
    line-height:30px !important;
}
.box3-ul li a{
    display: inline-block;
    width: 80%;
    font-size: 20px;
    color: #606060;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; 
    word-wrap: normal; 
}
.box3-more{
	width: 100px;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    margin: 10px auto 20px auto;
    text-align: center;
    background: #d13c3f;
    color: #fff;
}
.box3-more a{
	color: #fff;
    display: block;
    width: 100px;
    height: 30px;
}

.martterTime{
    font-size: 15pt;
    text-align: center;
    margin-bottom: 27px;
}
/*æ»šåŠ¨æ¡è‡ªå®šä¹‰æ ·å¼*/
.ScrollStyle{overflow: auto !important;}
.ScrollStyle::-webkit-scrollbar{box-sizing:border-box;width:9px;height:9px;background:#eee;}
.ScrollStyle::-webkit-scrollbar-button{width:9px;height:0px;}
.ScrollStyle::-webkit-scrollbar-button:vertical:start{background-position:0 0;}
.ScrollStyle::-webkit-scrollbar-button:vertical:start:hover{background-position:-10px 0;}
.ScrollStyle::-webkit-scrollbar-button:vertical:start:active{background-position:-20px 0;}
.ScrollStyle::-webkit-scrollbar-button:vertical:end{background-position:-30px 0;}
.ScrollStyle::-webkit-scrollbar-button:vertical:end:hover{background-position:-40px 0;}
.ScrollStyle::-webkit-scrollbar-button:vertical:end:active{background-position:-50px 0;}
.ScrollStyle::-webkit-scrollbar-button:horizontal:start{background-position:0 -11px;}
.ScrollStyle::-webkit-scrollbar-button:horizontal:start:hover{background-position:-10px -11px;}
.ScrollStyle::-webkit-scrollbar-button:horizontal:start:active{background-position:-19px -11px;}
.ScrollStyle::-webkit-scrollbar-button:horizontal:end{background-position:-30px -11px;}
.ScrollStyle::-webkit-scrollbar-button:horizontal:end:hover{background-position:-40px -11px;}
.ScrollStyle::-webkit-scrollbar-button:horizontal:end:active{background-position:-50px -11px;}
.ScrollStyle::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,.15);}
.ScrollStyle::-webkit-scrollbar-thumb{border:1px solid rgba(0,0,0,.21);background-color:#d13c3f; border-radius:5px;height: 80px;}
.ScrollStyle::-webkit-scrollbar-thumb:hover{border:1px solid rgba(0,0,0,.21);background-color:#d13c3f;}
.ScrollStyle::-webkit-scrollbar-thumb:active{background:-webkit-gradient(linear,left top,left bottom,from(#e4e4e4),to(#f4f4f4));}
.ScrollStyle::-webkit-scrollbar-corner{background-color:#f1f1f1;}

.view div{
	font-family:"Microsoft YaHei","SimSun" !important;
}

.footerLine{width:100%;border-top:5px solid #036197;background-color: #ffffff;}
.footer{width:600px;margin:0 auto;}
.footer .footerImg{margin:0 6% 0 30%;}
.footer span{display:inline-block;height:80px;line-height:80px;}
.footer li p{text-align:left;line-height:24px;font-size:12px;}
.bottomfrist{float:left;}
.bottomsec{float:left;margin-top:5px;width:55%;}
@media screen and (max-width: 640px)
{
.header{width:100%;background:none !important;min-height:auto !important;height:auto !important;}
.header img{display:block;width: 100%;}
.bodyBox{background:none;}
.box,.navAbout,.box1-title{width:100% !important;}
.search{width:330px !important;transform: inherit !important;top:auto !important;background-size:330px 51px;left:50% !important;transform: translate(-50%,0) !important; margin:30px auto !important;}
.search input[type="text"]{width:310px; left:10px;}
.search img{right:10px;}
.box{box-sizing: border-box;padding:0px;}
.navAbout{box-sizing: border-box;margin-left:0px;}
.navAbout{padding:0px 10px;}
.martterTime {
    font-size: 12pt !important;
    text-align: center;
    margin-bottom: 27px;
    width: 55% !important;
    float: left;
    text-indent: 0 !important;
}
.box1-title{font-size:25pt;}
.img1,.img2,.img3,.img5{margin:10px 5px !important;}
.img4{margin:20px 5px !important;}
.navSona h3,.menuNav{width:50%;box-sizing: border-box;margin-top:0px !important;}
.navSonbP,.navSonb{width:100%;position:relative;}
.navSonb h3{width:50% !important;box-sizing: border-box;}
.navSona h3 a{width:100%;}
.nav{width:100% !important;}
.navSona .menuNav{height:78px;margin-top:15px;}
.navSona .menuNav li{padding:0 !important; text-align:center;line-height:78px;}
.navSona .menuNav li span{display:none;}
.navSonb .sideMenu h3{margin-top:0px !important;}
.menuNav{background-color: #fff;}
.navSonb .menuNav{position:absolute;top:70px;z-index:9999;}
.menuNav:last-child{right:0}
.ScrollStyle{width:100% !important;}
.ScrollStyle img{width:100% !important;height:auto !important;}
#div_div{margin:auto !important;text-align:center;}
.box3-ul li a,.box2-ul li a{width:70%;}
.box2-ul li span, .box3-ul li span{margin:auto; float:right;}
.box2, .box3{margin-top:40px;}
}

