@charset "utf-8";
/* CSS Document */

#top_btn{display:none;position:fixed;bottom:20px;right:20px}

#header{width:100%;/*margin:0 auto;*/height:100px;background:#fff;}
.nav > ul > li > a{color:#333333;font-size:20px;padding:20px 22px}
.nav > ul > li > ul {/* border-top: 1px solid rgba(0,0,0,0.2); */}
.nav > ul > li > ul > li a:hover {color: #e84148;}
.nav > ul > li > ul > li{width:80%;margin:0 auto;font-size:16px;color:#888;border-bottom:1px solid rgba(0,0,0,0.1)}
.nav > ul > li > ul > li a{display:block; padding:10px 0; word-break: keep-all;}
.nav > ul > li > ul > li:first-child {padding: 0px 0;}

#footer{width:100%;margin:0 auto;background:#010005;margin-top:80px;padding:75px 0 60px 0;}
.foot_nav li a:hover{color:#cf73ff}

.util {width: 100%; display:inline-block; background: #f5f5f5; border-bottom: 1px solid #ddd;}
.util_btn1 { width: 100%;}
.util_btn1 ul { float:right; text-align: right; padding:10px 0; margin-right:55px;}
.util_btn1 ul li {float: left;}
.util_btn1 ul li:not(:last-child):after {content:''; display:inline-block; width:1px; height:10px; background:#ddd; margin:0 15px;}


.util_btn1 ul li a { font-size: 13px; color: #888; }
.mb_btn { left:calc(100% - 50px); }
.mb_nav > ul { padding: 0 20px; }
.mb_nav > li > ul > li:first-child { padding-top: 0 !important; }
.mb_nav > li > ul > li:last-child { padding-bottom: 0 !important; }
.mb_nav .mb_top { text-align:  center; border: 1px solid #dfdfdf; float: left; width: 50%; margin-top: 20px; }
.mb_nav .mb_top a { padding: 0; display: inline-block; width: 100%; line-height: 50px;}
.mb_nav .mb_top:first-child { border-right: 0; }
.mb_nav .mb_top a img { vertical-align:middle; margin-right: 5px; }
.mb_nav .else { width: 100%; padding: 20px 0; background: #dfdfdf; margin-top: 20px; text-align:center;}
.mb_nav .else li { float: left; width:30%; background: #eee; border: 1px solid #bbb; border-radius: 25px; display: inline-block; margin: 1% 1%;}
.mb_nav .else li a { padding: 10px 0; width: 100%; display: block;}
.mb_nav .else li:hover a { color: #fff; }
.mb_nav .else li:hover { background: #ec9f31; }
.mb_nav > li > ul { display: block; }
.mgnc li  { position:relative; border-bottom: 1px solid #eee; }
.mgnc li:last-child { border: none; }
.mgnc > li > a > span { position: absolute; right: 10px; width:50px; height: 50px; background: url(/images/bg_arrow.png) no-repeat 0 -50px; margin:-10px 10px 0 0; overflow: hidden;}
.mb_nav > li > ul > li > a { padding: 15px 0 15px 25px; font-size: 16px; }
.mb_nav > li > ul > li:hover { background:rgba(140, 53, 228, 0.5);}
.mb_nav > li > ul > li:hover > a { color: #fff; }
.mb_nav > li > ul > li > ul { padding:0; }
.mb_nav > li > ul > li > ul > li > a { padding: 14px 0 14px 35px; font-size: 14px;}
.mb_nav > li > ul > li > ul > li:hover { background: #fff; }



	.menu-bt-wrapper{display:none;cursor:pointer;position:absolute;top:3px;right:0}
		.menu-bt{height:65px;width:58px;display:block;position:relative;top:2px;right:0;padding:20px 20px 20px 0;box-sizing:border-box}
		.menu-bt-line{float:left;position:relative;height:4px;width:100%;background-color:#fff;border-radius:50px;transition:all .5s ease-in-out;-webkit-transform-origin:left center;-moz-transform-origin:left center;-ms-transform-origin:left center;-o-transform-origin:left center; transform-origin:left center;}
		.menu-bt-line1{top:0}
		.menu-bt-line2 {top:9px;opacity:1}
		.menu-bt-line3 {top:18px}
			.menu-open .menu-bt .menu-bt-line1{background-color:#fff;transform: rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform: rotate(45deg)}
			.menu-open .menu-bt .menu-bt-line2{opacity:0}
			.menu-open .menu-bt .menu-bt-line3{background-color:#fff;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform: rotate(-45deg)}
				.menu-open{position:fixed;z-index:9999}
				.nav-open{overflow-x:hidden;overflow-y:auto;position:fixed}
	.mb_nav{z-index:2000;position:fixed;top:100px;right:-100%;width:100%;height:100%;background:#eee;border-top:4px solid #ec9f31;padding-bottom:50px}
		.mb_nav .top{border:1px solid #ccc;width:90%;height:60px;margin:15px auto}
		.mb_nav .top li{float:left;width:50%;height:100%;text-align:center}
		.mb_nav .top li:last-child{border-left:1px solid #ccc}
		.mb_nav .top li a{font-size:14px;line-height:63px;display:block}
		.mb_nav .top li a img{position:relative;top:7px;left:-10px;width:27px}
			.mb_nav .mid{clear:both;width:100%;margin:0 auto;margin-bottom:0;background:#ddd;padding:7px 15px}
			.mb_nav .mid li{float:left;width:31.25%;margin:4px 1%;border:1px solid #bbb;background:#eee;border-radius:50px;text-align:center}
			.mb_nav .mid li a{font-size:14px;letter-spacing:-0.5px;width:100%;padding:8px 15%;display:block}
			.mb_nav .mid li:hover{background:#ec9f31;border:1px solid #ec9f31}
			.mb_nav .mid li:hover a{color:#fff}
		.mb_nav .bottom{clear:both;padding:0 0 100px 0}
		.mb_nav .bottom > li{position:relative}
		.mb_nav .bottom > li:first-child > a{padding-top:20px}
		.mb_nav .bottom > li:first-child > a > span{top:5px}
		.mb_nav .bottom > li > a{font-size:18px;width:100%;padding:15px 0 10px 35px;display:block;border-bottom:1px solid #ccc}
		.mb_nav .bottom > li > a > span{position:absolute;top:0;right:0;background:url(../images/bg4.png) no-repeat right bottom;background-position:0 -50px;width:50px;height:51px;overflow:hidden}
		.mb_nav .bottom > li > ul{display:none;background:#fff}
		.mb_nav .bottom > li > ul > li{line-height:30px}
		.mb_nav .bottom > li > ul > li > a{font-size:14px;padding-left:55px;display:block}
		.mb_nav .bottom > li > ul > li:first-child{padding-top:10px}
		.mb_nav .bottom > li > ul > li:last-child{padding-bottom:10px}
		.mb_nav .bottom > li > ul > li > a:hover{color:#c1693d}
			.mb_nav .bottom > li > ul > li > ul{padding:10px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#f5f5f5;display:none}
			.mb_nav .bottom > li > ul > li > ul > li{line-height:25px}
			.mb_nav .bottom > li > ul > li > ul > li > a{font-size:14px;color:#888;padding-left:75px;display:block}
			.mb_nav .bottom > li > ul > li > ul > li > a > i{font-size:10px;color:#aaa;position:relative;top:-3px}
			.mb_nav .bottom > li > ul > li > ul > li > a:hover{color:#c1693d}
			.mb_nav .bottom > li > ul > li > ul > li > a:hover i{color:#c1693d}
			.mb_nav > li > ul > li > ul > li > a:hover{color:#ff6600}
				.toggle_btn1{background:#ec9f31;color:#fff;border-bottom:1px solid #ec9f31 !important;margin-top:-1px}
				.toggle_btn1 span{background-position:0 0 !important;}
				.toggle_btn2{color:#c1693d;}
				.toggle_btn2 span{background-position:0 0 !important;}
	.mb_bg{display:none;z-index:1500;width:100%;height:100%;position:fixed;top:80px;right:0;cursor:pointer;background:rgba(0,0,0,0.75);border-top:1px solid #888}



	/* .mb_nav{z-index:2000;position:fixed;top:80px;right:-100%;width:100%;height:100%;background:#eee;border-top:4px solid #ec9f31;padding-bottom:50px}
		.mb_nav .top{border:1px solid #ccc;width:90%;height:60px;margin:15px auto}
		.mb_nav .top li{float:left;width:50%;height:100%;text-align:center}
		.mb_nav .top li:last-child{border-left:1px solid #ccc}
		.mb_nav .top li a{font-size:14px;line-height:63px;display:block}
		.mb_nav .top li a img{position:relative;top:7px;left:-10px;width:27px}
			.mb_nav .mid{clear:both;width:100%;margin:0 auto;margin-bottom:0;background:#ddd;padding:7px 15px}
			.mb_nav .mid li{float:left;width:31.25%;margin:4px 1%;border:1px solid #bbb;background:#eee;border-radius:50px;text-align:center}
			.mb_nav .mid li a{font-size:14px;letter-spacing:-0.5px;width:100%;padding:8px 15%;display:block}
			.mb_nav .mid li:hover{background:#ec9f31;border:1px solid #ec9f31}
			.mb_nav .mid li:hover a{color:#fff}
	
	
	
			.mb_nav .mgnc{clear:both;padding:0 0 100px 0}
			.mb_nav .mgnc > li{position:relative}
	
			.mb_nav .mgnc > li > a{font-size:18px;width:100%;padding:15px 0 10px 35px;display:block;border-bottom:1px solid #ccc}
			.mb_nav .mgnc > li > a > span{position:absolute;top:0;right:0;background:url(/images/bg4.png) no-repeat right bottom;background-position:0 -50px;width:50px;height:51px;overflow:hidden}
			.mb_nav .mgnc > li > ul{display:none;background:#fff}
			.mb_nav .mgnc > li > ul > li{line-height:30px}
			.mb_nav .mgnc > li > ul > li a{font-size:14px;padding-left:55px;display:block}
			.mb_nav .mgnc > li > ul > li:first-child{padding-top:10px}
			.mb_nav .mgnc > li > ul > li:last-child{padding-bottom:10px}
			.mb_nav .mgnc > li > ul > li a:hover{color:#c1693d}
			.mb_nav .mgnc > li > ul > li > ul{padding:10px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#eee;display:none}
			.mb_nav .mgnc > li > ul > li > ul > li{line-height:25px}
			.mb_nav .mgnc > li > ul > li > ul > li > a{font-size:14px;color:#888;padding-left:75px;display:block}
			.mb_nav .mgnc > li > ul > li > ul > li > a > i{font-size:10px;color:#aaa;position:relative;top:-3px}
			.mb_nav .mgnc > li > ul > li > ul > li > a > span{font-size:14px;color:#aaa}
			.mb_nav .mgnc > li > ul > li > ul > li > a:hover{color:#222}
			.mb_nav .mgnc > li > ul > li > ul > li > a:hover i{color:#222}
			.mb_nav .mgnc > li > ul > li > ul > li > a:hover span{color:#222}
			.mb_nav .mgnc > li > ul > li > ul > li > ul{padding:10px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#ddd;display:none}
			.mb_nav .mgnc > li > ul > li > ul > li > ul > li{line-height:22px}
			.mb_nav .mgnc > li > ul > li > ul > li > ul > li > a{font-size:13px;color:#888;padding-left:100px;display:block}
			.mb_nav .mgnc > li > ul > li > ul > li > ul > li > a > i{font-size:10px;color:#888;position:relative;top:-3px}
			.mb_nav .mgnc > li > ul > li > ul > li > ul > li > a:hover{color:#222}
			.toggle_btn1{background:#ec9f31;color:#fff;border-bottom:1px solid #ec9f31 !important;margin-top:-1px}
			.toggle_btn1 span{background-position:0 0 !important}
			.toggle_btn2{color:#c1693d}
			.toggle_btn3, .toggle_btn3 i, .toggle_btn3 span{color:#222 !important}
			.mb_nav_open{width:100%;overflow-x:hidden;overflow-y:auto;position:fixed}
			.mb_teb_on a{color:#fff;background:#444;border:1px solid #444 !important}
			.mb_bg{display:none;z-index:1500;width:100%;height:100%;position:fixed;top:80px;right:0;cursor:pointer;background:rgba(0,0,0,0.75);border-top:1px solid #888} */










@media(max-width:1200px){
	.nav > ul > li{padding-top:40px}
	.nav > ul > li > a{font-size:18.5px;letter-spacing:-0.5px;padding:35px 15px}
}

@media (max-width: 1000px) {
	.util { display:none; }
	#header { border-bottom: 1px solid #ddd; }
}