@charset "gb2312";
/* CSS Document */



/*header { width: 100%; position: relative;  height: 102px; zoom: 1; z-index: 11; }
header:after { content: ""; display: block; clear: both; }
header h1{ width:365px}
header h1 img { width:229px;height:45px; position: absolute; top: 8px; left: 6px; }
header .top_menu { float: right; }
header .top_menu li { float: left; }
header .top_menu li a { display: block; }
header .top_menu li a img { width: 60px; height: 60px; vertical-align: top; }
.main header { height: 60px; }*/


/*header { height: 60px; }
header h1 img { width:260px;height:50px; top: 5px; }
header .t_menu { height: 60px; }
header .t_menu li a img { width: 60px; height: 60px; }
*/

/* head button */
header {width: 100%; position: relative;  zoom: 1; z-index: 11; }
header { height: 100%;background: url(/2018/images/top_bg.jpg) repeat-x;overflow: hidden;box-shadow: 0 0px 24px #2e1340; margin-bottom:4%; }
header .back{ float:left; width:13%;}
header h1{ float:left; width:72%;}
header img{ width:100%;}
header:after { content: ""; display: block; clear: both; }
header .top_menu { float: right; width:15%; }
header .top_menu li { float: left; }
header .top_menu li a { display: block; }

.new_nav{background: url(/2018/images/top_bg.jpg) repeat-x;}
.new_nav a{ font-size: 18px; color: #D0CFCF; margin:5px 20px; font-weight: 600; }

.head_menu { width: 100%; position: absolute; top: 0; left: 0; height: 131px; background: #ffa95b; z-index: 200; }
.head_menu .hm_title { width: 100%; height: 51px; position: relative; padding-top: 18px; box-sizing: border-box; }
.head_menu .hm_title p { font-size: 16px; color: #fff; text-align: center; text-decoration: underline; }
.head_menu .hm_close { position: absolute; top: 8px; right: 8px; padding: 8px; }
.head_menu .hm_close img { width: 19px; height: 20px; }
.head_menu .hm_menu { width: 100%; height: 80px; box-sizing: border-box; zoom: 1; background: #ff7a01; }


nav#menu { width: 260px; zoom: 1; position: absolute; height: 100%; background:#4d2f77 url(/2018/images/top_nav_bg.jpg) left top no-repeat; background-size:100%; z-index: 999; top: 0; right: 0; }
nav#menu:after { content: ""; display: block; clear: both; }
nav#menu ul { width: 248px; float: right; background: none; height: 100%; }
nav#menu ul li {  width: 100%; margin:6px auto; background:#723ea2; border-radius: 4px;overflow: hidden;}
nav#menu ul li:last-child{ padding-bottom:20%;}
nav#menu ul a { color: #ffffff; font-size: 16px; line-height: 100%; padding: 16px 0 16px 10%; display: block; background: url(../images/btn_m_down.png) 90% center no-repeat; background-size: 14px 11px;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; }
nav#menu ul li.tm07 a { color: #fcffff; font-size: 16px; line-height: 100%; padding: 16px 0 16px 10%; display: block; background: url(../images/btn_m_right.png) 90% center no-repeat; background-size: 14px 11px; }
nav#menu ul .on > a { background: url(../images/btn_m_up.png) 90% center no-repeat;background-size: 14px 11px; }
nav#menu ul .submenu { padding: 0; box-sizing: border-box;background: none;border-top:1px solid #fff;}
nav#menu ul .submenu li { border:none;border-radius: 0;}
nav#menu ul .submenu li:last-child { border-bottom: none }
nav#menu ul .submenu li a { color: #fbeee6;margin:0 20px;border-bottom:1px solid #8b5db7; width:208px; font-size: 14px; background: none; padding: 14px 0;}
nav#menu ul .submenu li a:hover, nav#menu ul .submenu li a.on { color: #fff; background:#5e2c85; margin:0; width:248px;  padding-left:20px; padding-right:20px; border-bottom:#5e2c85; }
nav#menu ul .submenu .ls2 { letter-spacing: -1px; }
nav#menu ul .submenu .ls3 { letter-spacing: -1px;}
nav#menu .menus { width: 100%; position: relative; }
.m_close { position: absolute; top: 0; left: -51px; }
.m_close img { width: 51px; height: 51px; }
nav#menu ul .submenu li .new { margin: 0 0 0 3px }
nav#menu ul .submenu li .new img { width: 15px; height: 15px; }





#header {
	width: 100%;
	min-width: 320px;
	height: 80px;
	background-color: #2e3642;
	position: relative
}
.showMenu {
	left: 3%;
	top: 50%;
	display: block;
	width: 48px;
	height: 28px;
	margin-top: -14px;
	z-index: 1001;
}
.showMenu a {
	display: block;
	width: 48px;
	height: 28px;
	position: relative;
	outline: none;
}
.showMenu a:before, .showMenu a:after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	height: 8px;
	width: 100%;
	z-index: -1;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	background-color: #6a7380;
	margin-top: -4px;
}
.showMenu a:before {
	-moz-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
}
.showMenu a:after {
	-moz-transform: translateY(10px);
	-o-transform: translateY(10px);
	-ms-transform: translateY(10px);
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
}
.hideMenu a:before {
	-moz-transform: rotate(90deg) rotate(45deg);
	-o-transform: rotate(90deg) rotate(45deg);
	-ms-transform: rotate(90deg) rotate(45deg);
	-webkit-transform: rotate(90deg) rotate(45deg);
	transform: rotate(90deg) rotate(45deg);
}
.hideMenu a:after {
	-moz-transform: rotate(90deg) rotate(-45deg);
	-o-transform: rotate(90deg) rotate(-45deg);
	-ms-transform: rotate(90deg) rotate(-45deg);
	-webkit-transform: rotate(90deg) rotate(-45deg);
	transform: rotate(90deg) rotate(-45deg);
}
.logo {
	left: 50%;
	top: 50%;
	display: block;
	width: 319px;
	height: 39px;
	margin-left: -159px;
	margin-top: -19px;
	background: url(../images/logo.png) no-repeat;
}
.topTell {
	right: 3%;
	top: 50%;
	display: block;
	width: 47px;
	height: 47px;
	margin-left: -23px;
	margin-top: -23px;
	background: url(../images/top_tell.png) no-repeat;
}
.shake {-webkit-animation:shake 0.2s ease-in-out  6  alternate;-moz-animation:shake 0.2s ease-in-out  6  alternate;-o-animation:shake 0.2s ease-in-out  6  alternate;animation:shake 0.2s ease-in-out  6  alternate;}
@-webkit-keyframes shake{
	0% {
		-moz-transform:rotate(8deg);
		-webkit-transform:rotate(8deg);
		transform:rotate(8deg);
		}
	100% {
		-moz-transform:rotate(-8deg);
		-webkit-transform:rotate(-8deg);
		transform:rotate(-8deg);
		}
	}
@-moz-keyframes shake {
		0% {
		-moz-transform:rotate(8deg);
		-webkit-transform:rotate(8deg);
		transform:rotate(8deg);
		}
	100% {
		-moz-transform:rotate(-8deg);
		-webkit-transform:rotate(-8deg);
		transform:rotate(-8deg);
		}
	}
@-o-keyframes shake {
		0% {
		-moz-transform:rotate(8deg);
		-webkit-transform:rotate(8deg);
		transform:rotate(8deg);
		}
	100% {
		-moz-transform:rotate(-8deg);
		-webkit-transform:rotate(-8deg);
		transform:rotate(-8deg);
		}
	}
@keyframes shake {
		0% {
		-moz-transform:rotate(8deg);
		-webkit-transform:rotate(8deg);
		transform:rotate(8deg);
		}
	100% {
		-moz-transform:rotate(-8deg);
		-webkit-transform:rotate(-8deg);
		transform:rotate(-8deg);
		}
	}

.menulist {width:100%;}
.menulist h3 {wdith:100%;height:80px;font-size:30px;color:#fff;font-weight:500;padding-top:20px;padding-left:22px;}
.menulist ul {width:100%;border-bottom:1px solid #6a7380;}
.menulist ul li {width:100%;float:left;height:78px;overflow:hidden;line-height:78px;font-size:26px;text-align:center;color:#9097a0;border-top:1px solid #6a7380;}
.menulist ul li a {display:block;float:left;height:78px;color:#9097a0;border-right:1px solid #6a7380;border-right:1px solid #6a7380;}
.menulist ul li a:nth-child(4n) {border-right:none}
.popMenu {display:none;}
.menulists {position:absolute;width:100%;}
.menuBtn {width:100%;height:80px;line-height:80px;text-align:center;font-size:26px;color:#424b59; background-color:#242c37;cursor:pointer;position:relative; -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -ms-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px;
	-webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;}
.menuBtn span {display:inline-block;}
.menuBtn.active i {-moz-transform:rotateX(180deg);-webkit-transform:rotateX(180deg);transform:rotateX(180deg);}
.menuBtn i {position:absolute;left:50%;top:50%;margin-top:-3px;margin-left:60px;display:block;width:17px;height:12px; background:url(../images/down.png) no-repeat;-moz-transition:all 0.6s linear 0s;-webkit-transition:all 0.6s linear 0s;transition:all 0.6s linear 0s;}
.call_number {display:block;width:97%;margin:20px auto;}
.bottomFooter{ clear:both; padding:12px 0 0 0; max-width:640px; margin:auto;}
.address_info {width:100%;height:306px; -moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;margin:0 auto}

.footer_map{ width:100%; position:relative}
.footer_map .footer_map1,.footer_map .footer_map2{ width:30%; height:28.3%; display:block; position:absolute; bottom:2.1%}
.footer_map .footer_map1{ right:2%}
.footer_map .footer_map2{ right:32%}


.copyRight {width:100%;margin:0 auto 160px;}
.copyRight p {font-size:24px;color:#babdc1;text-align:center;overflow:hidden;}
.copyRight p:nth-child(n+2){font-size:14px;}
.copyRight p span {width:100%;display:inline-block;margin:0 auto;}
.scrollTop { position:fixed; bottom:116px; right:0; width:13%;display:none; }
 @media screen and (min-width:320px) and (max-width:900px) {
#header {
	height: 40px;
}
.showMenu {
	width: 24px;
	height: 14px;
	margin-top: -7px;
--moz-background-size:100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.showMenu a {
	width: 24px;
	height: 14px;
}
.showMenu a {
	display: block;
	width: 24px;
	height: 14px;
	position: relative;
}
.showMenu a:before, .showMenu a:after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	height: 4px;
	width: 100%;
	z-index: -1;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	background-color: #6a7380;
	margin-top: -2px;
}
.showMenu a:before {
	-moz-transform: translateY(-5px);
	-o-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}
.showMenu a:after {
	-moz-transform: translateY(5px);
	-o-transform: translateY(5px);
	-ms-transform: translateY(5px);
	-webkit-transform: translateY(5px);
	transform: translateY(5px);
}
.hideMenu a:before {
	-moz-transform: rotate(90deg) rotate(45deg);
	-o-transform: rotate(90deg) rotate(45deg);
	-ms-transform: rotate(90deg) rotate(45deg);
	-webkit-transform: rotate(90deg) rotate(45deg);
	transform: rotate(90deg) rotate(45deg);
}
.hideMenu a:after {
	-moz-transform: rotate(90deg) rotate(-45deg);
	-o-transform: rotate(90deg) rotate(-45deg);
	-ms-transform: rotate(90deg) rotate(-45deg);
	-webkit-transform: rotate(90deg) rotate(-45deg);
	transform: rotate(90deg) rotate(-45deg);
}
.logo {
	width: 160px;
	height: 20px;
	margin-top: -10px;
	margin-left: -80px;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.topTell {
	width: 24px;
	height: 24px;
	margin-top: -12px;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.menulist h3 {height:40px;font-size:15px;padding-left:11px;padding-top:10px;}
.menulist ul li {height:39px;font-size:13px;line-height:39px;}
.menuBtn {height:40px;line-height:40px;font-size:13px;}
.menuBtn i {width:9px;height:6px;margin-left:30px;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;}
.address_info {width:100%;height:153px;}
.address_pic1 {top:3px;width:140px;height:95px;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;}
.address_pic2 {right:28px;top:2px;width:171px;height:70px;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;}
.address_online {right:105px;top:76px;width:94px;height:36px;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;}
.hAbout {right:6px;top:76px;width:94px;height:36px;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;}
.copyRight {width:100%;margin:0 auto 80px;}
}
@media screen and (min-width:360px) and (max-width:409px){
		.address_info {height:158px;}
		.address_pic1 {width:156px;height:96px;top:36px;}
		.address_pic2 {right:21px;width:192px;height:80px;top:21px;}
		.address_online {right:118px;width:105px;height:40px;top:112px;}
		.hAbout { width:100px;height:40px;top:112px;}
		.copyRight {margin-bottom:89px;}
	}
@media screen and (min-width:410px) and (max-width:900px){
		.address_info {height:196px;}
		.address_pic1 {width:179px;height:121px;top:42px;}
		.address_pic2 {right:20px;width:210px;height:85px;top:35px;}
		.address_online {right:126px; width:112px;height:40px;top:128px;}
		.hAbout { right:7px; width:112px;height:40px;top:128px;}
		.copyRight {margin-bottom:96px;}
	}
@media only screen and (max-width:320px) {
		.address_info {height:116px;}


	}
	
	
	
.footer_1{ width:100%;}
.jwlogo { display:none;}/*È¥µôhtml5²¥·ÅÆ÷ÉϵÄlog*/

.yuyueguahao{ height:130px; padding:10px 0; font-size:20px; font-family:"΢ÈíÑźÚ"; clear:both}
.yuyueguahao a{ display:block; width:72%;height:45px; line-height:45px;-moz-border-radius:5px;-webkit-border-radius: 5px;border-radius:5px; color:#fff; text-align:center; margin:10px auto }