@charset "utf-8";

/* 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: #3f4754;-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: 100%; position: relative; z-index: 2; background-color: #2e3642; padding: 0 3%; position:relative;}

.pop_title span { display: inline-block; float: left; font-size: 3.0rem; line-height: 2.66; color: #6a7380; }

.closePopMenu { display: block; width: 4.9rem; height: 4.7rem; right: 3%; top: 50%; position:absolute;}

.menuContainer { width: 100%; height: 100%; }

.menuNavs { width: 25.3%; background-color: #2e3642; height: 100%; float: left; 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.6rem; line-height: 2.57; padding-left: 9%; }

.menuNavs ul li.on { background-color:#3f4754;}

.menuNavs ul a { display: block; width: 100%; height: 100%; color: #fff; }

.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(../images/h.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);

			}

	}