/* CSS Document */

/*header css*/
body { min-width: 320px; overflow-x: hidden; position:static !important;}
.hy_clearfix:after{ display: table; content: ''; }
.hy_clearfix:after { clear: both; overflow: hidden; }
.hy_clearfix { zoom: 1; }

.bt { -moz-transition: background 0.3s linear 0s; -webkit-transition: background 0.3s linear 0s; transition: background 0.3s linear 0s; }
.ot { -moz-transition: opacity 0.3s linear 0s; -webkit-transition: opacity 0.3s linear 0s; transition: opacity 0.3s linear 0s; }
.translateXY { -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.translateY { -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.translateX { -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.contentBox { -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
.borderBox { -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.popMenus { position: absolute; width: 100%;height:100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; overflow: hidden; background-color:rgba(0,0,0,.76);-moz-transition:all .6s ease-out 0s;-webkit-transition:all .6s ease-out 0s;transition:all .6s ease-out 0s;-moz-transform:translateX(-100%);-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);z-index:200;float:right;position:basolute}
.popMenus.show{-moz-transform:translateX(0);-webkit-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);}
.pop_title { width: 95.8rem;height:12.2rem;position:relative;z-index:2;background-color:white;}
.closePopMenu { display: block; width: 9.7rem; height: 2.7rem;position:absolute;top:6rem;left:6.8rem;}
.closePopMenu >img.ICONAll{position:absolute;clip:rect(13.8rem,31.9rem,16.5rem,22.2rem);top:-13.8rem;left:-22.2rem;}
.hy_Menu_catalog{display:block;width:6.6rem;height:1.3rem;position:absolute;top:6.5rem;right:5rem;}
.hy_Menu_catalog >img.ICONAll{position:absolute;clip:rect(17.4rem,28.7rem,18.7rem,22.1rem);top:-17.4rem;left:-22.1rem;}
.hy_Menu_Logo{display:block;width:8.7rem;height:5.8rem;position:absolute;top:6.4rem;left:50%;margin-left:-4.35rem;}
.hy_Menu_Logo >img.ICONAll{position:absolute;clip:rect(12.8rem,47.4rem,18.6rem,38.7rem);top:-12.8rem;left:-38.7rem;}

.menuContainer { width: 95.8rem;height:100%;background-color:white;}
.menuNavs { width:100%;height:100%;overflow: hidden;position: relative; }
.menuNavs ul { position: absolute;width:100%;/* Prevent elements to be highlighted on tap */ -webkit-tap-highlight-color: rgba(0,0,0,0); /* Put the scroller into the HW Compositing layer right from the start */
-webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); padding-bottom:8rem;}
.menuNavs ul li {width: 100%; font-size: 2.4rem; line-height:4.8rem;text-align:center;}
.menuNavs ul a { display:inline-block;padding:0 1em;height: 100%; color:black; }
.menuNavs ul li.on {/*background-color:rgba(0,0,0,.2);*/}
.menuNavs ul li.about{height:14.2rem;padding-top:6.2rem;}
.menuNavs ul li.lylx{height:10.5rem;padding-top:4rem;}
.menuNavs ul li.map{height:31.9rem;}
.menuNavs ul li.map >a{width:54.4rem;height:100%;position:relative;}
.menuNavs ul li.map >a img.ICONAll{position:absolute;left:-1.6rem;top:-48rem;clip:rect(48rem,56rem,79.9rem,1.6rem);}
.menuNavs ul li.share{height:20.2rem;padding-top:10rem;}
.menuNavs ul li.share >a{width:4rem;height:4rem;position:relative;}
.menuNavs ul li.share >a >img.ICONAll{position:absolute;left:-33rem;top:-12.8rem;clip:rect(12.8rem,37rem,16.8rem,33rem);}

.menuContents {width:74.7%;height:100%;overflow:hidden;float:left;padding:0 6%;position:relative;}
.menuContent {width:100%;height:100%;overflow:hidden;padding-bottom:10rem;}
/*.menuLists {padding-bottom:8rem;}*/
.menuList h4 {font-size:2.4rem;color:#fff;line-height:1.83;border-bottom:1px solid #525c6b;margin-top:2%;font-weight:normal;}
.menuList .links {padding:3% 0.5%;}
.menuList .links a{display:block;float:left;color:#a9a9a9;font-size:2.6rem;line-height:2.2;width:33%;overflow:hidden;}

.menuList .links a.hot:after {content:'';position:absolute;width:0.9rem;height:1.1rem; background:url(404.png) no-repeat;top:0;right:-0.1rem;}
.menuList .links a.hot.active:after {-webkit-animation:shake .4s linear 0s 1;animation:shake .4s linear 0s 1;}

.newNavs {padding:4% 0 4%; background-color:#fff;   }
.newNavs .newNav {width:25%;}

.newNavs .newNav a {display:block;width:57.5%;padding-top:57.5%;margin:0 auto;border-radius:50%;position:relative;z-index:2;}
.newNavs .newNav a img {position:absolute;width:100%;height:100%;left:0;top:0;display:block;border-radius:50%;}
.newNavs .newNav a:after {content:attr(data-txt);position:absolute;left:0;top:0;border-radius:50%;z-index:-1;width:100%;height:100%; background-color:rgba(0,0,0,0);font-size:4.3rem;color:#d70a50;text-align:center;line-height:2.3;font-weight:400;}
.newNavs .hmpinpai a:after {-moz-box-shadow:0 0.7rem 0.2rem rgba(215,10,80,.3);-webkit-box-shadow:0 0.7rem 0.2rem rgba(215,10,80,.3);box-shadow:0 0.7rem 0.2rem rgba(215,10,80,.3);}
.newNavs .tyys a:after {-moz-box-shadow:0 0.7rem 0.2rem rgba(172,93,159,.3);-webkit-box-shadow:0 0.7rem 0.2rem rgba(172,93,159,.3);box-shadow:0 0.7rem 0.2rem rgba(172,93,159,.3);}
.newNavs .safe-service a:after {-moz-box-shadow:0 0.7rem 0.2rem rgba(233,60,140,.3);-webkit-box-shadow:0 0.7rem 0.2rem rgba(233,60,140,.3);box-shadow:0 0.7rem 0.2rem rgba(233,60,140,.3);}
.newNavs .xmdq-circle a:after {-moz-box-shadow:0 0.7rem 0.2rem rgba(134,110,110,.3);-webkit-box-shadow:0 0.7rem 0.2rem rgba(134,110,110,.3);box-shadow:0 0.7rem 0.2rem rgba(134,110,110,.3);}
.newNavs .yh-activities a:after {-moz-box-shadow:0 0.7rem 0.2rem rgba(255,72,145,.3);-webkit-box-shadow:0 0.7rem 0.2rem rgba(255,72,145,.3);box-shadow:0 0.7rem 0.2rem rgba(255,72,145,.3);}
.newNavs .gallarys a:after {-moz-box-shadow:0 0.7rem 0.2rem rgba(242,57,91,.3);-webkit-box-shadow:0 0.7rem 0.2rem rgba(242,57,91,.3);box-shadow:0 0.7rem 0.2rem rgba(242,57,91,.3);}
.newNavs .ylbaoxian a:after {-moz-box-shadow:0 0.7rem 0.2rem rgba(106,167,27,.3);-webkit-box-shadow:0 0.7rem 0.2rem rgba(106,167,27,.3);box-shadow:0 0.7rem 0.2rem rgba(106,167,27,.3);}
.newNavs .fqtongdao a:after {-moz-box-shadow:0 0.7rem 0.2rem rgba(31,164,199,.3);-webkit-box-shadow:0 0.7rem 0.2rem rgba(31,164,199,.3);box-shadow:0 0.7rem 0.2rem rgba(31,164,199,.3);}
@-webkit-keyframes shake{
		0%,10%,20%{
				-webkit-transform:translateY(0px);
				transform:translateY(0px);
			}
		5%,15% {
				-webkit-transform:translateY(-3px);
				transform:translateY(-3px);
			}
	}
@keyframes shake{
		0%,10%,20%{
				-webkit-transform:translateY(0px);
				transform:translateY(0px);
			}
		5%,15% {
				-webkit-transform:translateY(-3px);
				transform:translateY(-3px);
			}
	}