@charset "gb2312";
/* CSS Document */
#header{width: 100%;min-width: 320px;background-color: #040404;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: #fff;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{width: 36.5%;max-width: 482px; display: block;margin: 0 auto;padding:1.5% 0;}
.logo_mzb{left: 50%;top: 50%;display: block;width:460px;height:46px;margin-left: -230px;margin-top:23px;background: url(../images/logo_mzb.png) no-repeat;}
.logo_baidu{left: 50%;top: 50%;display: block;width:460px;height:46px;margin-left: -230px;margin-top:23px;background: url(../images/logo_s.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;z-index:999}
.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;}
.topMeiqia{left: 3%;top: 50%;display: block;width: 48px;height: 52px;margin-left: -23px;margin-top: -23px;background: url(../images/top_meiqia.png) no-repeat;}
@-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 h3 a{color:#FFFFFF;}
.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;}
.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){.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: #fff;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: 66.5%;}
.topTell{width: 24px;height: 24px;margin-top: -12px;-moz-background-size: 100% 100%;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
.topMeiqia{width: 24px;height: 24px;margin-top: -12px;margin-left: 0;-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: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;}}
#QIAO_INVITE_CONTAINER{display:none;}
#MEIQIA-BTN-HOLDER{display:none;}
/*2017�µײ���Ϣ*/
.i_wx_pic{width:100%; float:left; background:url(../images/i_wx_wr.jpg) top repeat-x #FFFFFF; text-align:center; padding-top:2em; padding-bottom:2em; border-top:0.1em solid #000000;}
.i_wx_pic img{width:68%;}
.i_f_meien{width:100%; float:left; text-align:center; background:#000000; padding-bottom:3em; padding-top:0.5em;}
.i_f_meien p{width:100%; float:left; color:#FFFFFF; font-size:1em;}
.i_f_meien p img.i_f_meiens{width:36%; margin-top:0.5em; margin-bottom:0.5em;}
.i_f_meien p img.i_f_pic1{width:3.5%; margin-left:0.2em;}
.i_f_meien p.i_f_style1{color:#B9A65A;}
.i_f_meien p.i_f_style2{font-size:0.8em;}
