@charset "UTF-8";
/* CSS Document */
#header { width: 100%; height:20%; min-width: 320px; max-width:640px; height: 100px; background-color: #f8f8f8; position: relative }
.showMenu { right: 3%; top: 40%; display: block;  height: 28px; margin-top: -14px; z-index: 1001; font-size:12px; color: #989898; }
.showMenu a { display: block;  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: #989898; 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: 26%; top: 3%; display: block;   margin-left: -191px; margin-top: 0px;  }
.topTell { left: 3%; top: 50%; display: block; width: 40px; height: 40px; margin-right: -20px; margin-top: -20px; background: url(/images/img2015/home/header_goHome.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: 70px; font-size: 30px; color: #fff; font-weight: 500; padding-top: 20px; padding-left: 22px; padding-bottom: 0; }
.menulist h3 a { display: block; }
.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: 90px; line-height: 90px; 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(/img/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(/images/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(/images/address_pic1.png) no-repeat; }
.address_pic2 { right: 54px; top: 56px; width: 342px; height: 134px; background: url(/images/address_pic2.png) no-repeat; }
.address_online { right: 209px; top: 200px; width: 187px; height: 64px; background: url(/images/hMap.png) no-repeat; }
.hAbout { right: 10px; top: 200px; width: 187px; height: 64px; background: url(/images/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%; }
@media screen and (min-width:320px) and (max-width:900px) {
	#header { height: 45px; }
  /*导航字体*/
	.showMenu { width:40px; font-size:12px; height: 20px; margin-top: -10px; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; font: 1em""; }
	.showMenu a { width:30px; height: 14px; }
	.showMenu a { display: block; width: 4%; height: 20px; position: relative; width:28px; }
	.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;  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: 55%; height: 40px; margin-left: -95px; margin-top: -3px; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; }
	.topTell { width: 20px; height: 20px; margin-top: -10px; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; }
	.menulist h3 { height: 30px; font-size: 15px; padding-left: 11px; padding-top: 10px; padding-bottom: 0 }
	.menulist ul li { height: 39px; font-size: 13px; line-height: 39px; }
	.menuBtn { height: 45px; line-height: 45px; 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; }
}