@charset "utf-8";
/* CSS Document */
#header{
	width: 100%;
	min-width: 320px;
	height: 58px;
	background-color: #2e3642;
	position: relative
}
.showMenu{
	right: 5%;
	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)}

/*导航菜单右上角新加红色圆圈*/
.showMenu a em{display:block;width:14px;height:14px;position:absolute;right:-6px;top:-11px;z-index:10; background-color:#e60012;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;-moz-box-shadow:0 0 4px rgba(0,0,0,.5);-webkit-box-shadow:0 0 4px rgba(0,0,0,.5);box-shadow:0 0 4px rgba(0,0,0,.5)}
/*导航菜单右上角新加红色圆圈*/

.logo{
	left: 50%;
	top: 50%;
	display: block;
	width: 190px;
	height: 45px;
	margin-left: -80px;
	margin-top: -19px;
	background: url(logo.png) no-repeat;
	background-size:100%}
.map_txt1{width:49%; height:42px;right:0;top:83px; z-index:2; position:absolute; background:url(time.png) no-repeat left; text-indent:70px; font-size:16px; background-size:14%}
.map_txt2{width:49%; height:42px;right:0;top:135px; z-index:2; position:absolute; background:url(address.png) no-repeat left; text-indent:70px; font-size:16px; background-size:14%}
.topTell{
	right: 3%;
	top: 50%;
	display: block;
	width: 47px;
	height: 47px;
	margin-left: -23px;
	margin-top: -23px;
	background: url(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(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}
.address_info{width:100%;height:306px; background:url(addressBg.png) no-repeat center; -moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;margin:20px auto}
.address_pic1{left:0;top:66px;width:280px;height:190px; background:url(address_pic1.png) no-repeat}
.address_pic2{right:54px;top:56px;width:342px;height:134px; background:url(address_pic2.png) no-repeat}
.address_online{right:209px;top:200px;width:187px;height:64px; background:url(hMap.png) no-repeat}
.hAbout{right:10px;top:200px;width:187px;height:64px; background:url(hAbout.png) no-repeat}
.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(-8px);
	-o-transform: translateY(-8px);
	-ms-transform: translateY(-8px);
	-webkit-transform: translateY(-8px);
	transform: translateY(-8px)}
.showMenu_2{    width: 100%;
    height: 4px;
    background: #6a7380;
    top: 4px;
    position: absolute;
    z-index: -1;}
.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)}
/*导航菜单右上角新加红色圆圈*/
.showMenu a em{display:block;width:7px;height:7px;position:absolute;right:-3px;top:-6px}
/*导航菜单右上角新加红色圆圈*/
.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: 148px;
	height: 35px;
	margin-left: -16%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%}

.map_txt1{width:52%;right:0;top:70px; z-index:2; position:absolute; background:url(time.png) no-repeat left 2px; text-indent:70px; font-size:14px; background-size:12%;min-width:197px}
.map_txt2{width:52%;right:0;top:110px; z-index:2; position:absolute; background:url(address.png) no-repeat left 2px; text-indent:70px; font-size:14px;background-size:12%;min-width:197px}

.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:33px;width:140px;height:95px;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%}
.address_pic2{right:28px;top:28px;width:171px;height:67px;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%}
.address_online{right:105px;top:100px;width:94px;height:32px;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%}
.hAbout{right:6px;top:100px;width:94px;height:32px;-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:172px}
		.address_pic1{width:156px;height:106px;top:36px}
		.address_pic2{right:21px;width:192px;height:75px;top:31px}
		.address_online{right:118px;width:105px;height:35px;top:112px}
		.hAbout{ width:105px;height:35px;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:218px;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}
	}