body, h1, h2, h3, h4, h5, h6, hr, p,blockquote,dl, dt, dd, ul, ol, li,pre,
form, fieldset, legend, button, input, textarea,th, td,img{border:medium none;margin: 0;padding: 0;list-style-type: none;}
em{font-style:normal;}

.relative {position:relative;}
.absolute {position:absolute;}
.fl {float:left;display:inline;}
.fr {float:right;display:inline;}
.pubW {width:1200px;}
.center {margin:0 auto;}
.iBlock{display:inline-block;}
.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;}

.pinpaiBanner .bannerSlide {height:322px;}
.pinpaiBanner .bannerSlide li img {-moz-transform:none;-ms-transform:none;-o-transform:none;-webkit-transform:none;transform:none;} 

@-webkit-keyframes shake1{
		0%{
				-webkit-transform:translateY(0px);
			}
		25% {
				-webkit-transform:translateY(-2px);
			}
		50%{
				-webkit-transform:translateY(0px);
			}
		75% {
				-webkit-transform:translateY(-2px);
			}
		100% {
				-webkit-transform:translateY(0px);
			}
	}
@keyframes shake1{
		0%{
				transform:translateY(0px);
			}
		25% {
				transform:translateY(-2px);
			}
		50%{
				transform:translateY(0px);
			}
		75% {
				transform:translateY(-2px);
			}
		100% {
				transform:translateY(0px);
			}
	}

/*banner轮播css*/
.bannerSlide {width:100%;height:500px;overflow:hidden;margin:0 auto;}
.bannerSlide .slideBox,.bannerSlide .slideBox .tempWrap {width:100%;height:500px;margin:0 auto;}
.bannerSlide .slideBox li {position:relative;width:100%;height:500px;overflow:hidden;}
.bannerSlide .slideBox li a {display:block;width:100%;height:100%;position:relative;}
.bannerSlide .slideBox li img {position:absolute;left:50%;top:0;margin-left:-960px;-moz-transform:scaleX(1.05) scaleY(1.05);-ms-transform:scaleX(1.05) scaleY(1.05);-o-transform:scaleX(1.05) scaleY(1.05);-webkit-transform:scaleX(1.05) scaleY(1.05);transform:scaleX(1.05) scaleY(1.05);}
.bannerSlide .slideBox li.active img {-moz-transition:-moz-transform 4s linear 0s;-ms-transition:-ms-transform 4s linear 0s;-o-transition:-o-transform 4s linear 0s;-webkit-transition:-webkit-transform 4s linear 0s;transition:transform 4s linear 0s;-moz-transform:scaleX(1) scaleY(1);-ms-transform:scaleX(1) scaleY(1);-o-transform:scaleX(1) scaleY(1);-webkit-transform:scaleX(1) scaleY(1);transform:scaleX(1) scaleY(1);}
.bannerSlide .focus {width:100%;bottom:9px;z-index:10;text-align:center;}
.bannerSlide .focus span {width:12px;height:12px; background-color:#ccc;display:inline-block;margin:0 5px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.bannerSlide .focus span.active { background-color:#c0025a;}
.bannerSlide .preBtn {left:50%;top:50%;display:block;width:74px;height:74px;margin-top:-37px;margin-left:-340px; background-color:rgba(0,0,0,.3);z-index:7;display:none;}
/*.bannerSlide .preBtn {left:50%;top:50%;display:block;width:74px;height:74px;margin-top:-37px;margin-left:-600px; background-color:rgba(0,0,0,.3);z-index:7;display:none;}*/
.bannerSlide .preBtn i {display:block;width:26px;height:48px;margin-left:24px;margin-top:13px; background-position:0 -45px;}
.bannerSlide .nextBtn {right:50%;top:50%;display:block;width:74px;height:74px;margin-top:-37px;margin-right:-600px; background-color:rgba(0,0,0,.3);z-index:7;display:none;}
.bannerSlide .nextBtn i {display:block;width:26px;height:48px;margin-left:24px;margin-top:13px; background-position:-33px -45px;}
.bannerSlide .preBtn:hover,.bannerSlide .nextBtn:hover { background-color:rgba(0,0,0,.7);}
/*顶部菜单menuCss*/
/*.bannav{width:100%; height:77px; background:#882577;}*/
.bannav{width:100%; height:77px; background:#882577;}
.bannav .menu{-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;-o-transform-style: preserve-3d;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-moz-perspective: 2000px;-ms-perspective: 2000px;-o-perspective: 2000px;-webkit-perspective: 2000px;perspective: 2000px;width:1199px;height:75px;left:50%;top:2px;margin-left:-600px;z-index:30;}
.bannav .menu ul {width:100%;height:75px;margin:0 auto; background-color:#892577;-moz-transform-origin:center top;-ms-transform-origin:center top;-o-transform-origin:center top;-webkit-transform-origin:center top;transform-origin:center top;-moz-transform:rotateX(90deg);-ms-transform:rotateX(90deg);-o-transform:rotateX(90deg);-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-moz-transition:-moz-transform 0.5s ease-in-out 0s;-ms-transition:-ms-transform 0.5s ease-in-out 0s;-o-transition:-o-transform 0.5s ease-in-out 0s;-webkit-transition:-webkit-transform 0.5s ease-in-out 0s;transition:transform 0.5s ease-in-out 0s;opacity:0;filter:alpha(opacity:0);border-radius:0 0 10px 10px;}
.bannav .menu ul.active {opacity:1;filter:alpha(opacity:100);-moz-transform:rotateX(0);-ms-transform:rotateX(0);-o-transform:rotateX(0);-webkit-transform:rotateX(0);transform:rotateX(0);}
.bannav .menu li { width: 149px; height: 100%; float: left; position: relative;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;-o-transform-style: preserve-3d;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-moz-perspective: 5000px;-ms-perspective: 5000px;-o-perspective: 5000px;-webkit-perspective: 5000px;perspective: 5000px;}
.bannav .menu li:first-child a i{border-radius:0 0 0 10px;}
.bannav .menu li:last-child a i{border-radius:0 0 10px 0;}
.bannav .menu li  a {display:block;width:100%;height:100%;z-index:21;position:relative;}
.bannav .menu .subMenu {width:1199px;left:0;top:75px;z-index:20;padding:24px 0 23px 42px;overflow:hidden;display:none; background-color:#fff;border-radius:10px ;border-bottom:1px solid #c0025a;}
.bannav .menu li .subMenu.active {-moz-transform:rotateX(0);-ms-transform:rotateX(0);-o-transform:rotateX(0);-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1;filter:alpha(opacity:100);}
.bannav .menu li a i { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; filter:alpha(opacity:0);-webkit-animation:orangeOut 0.4s ease;animation:orangeOut 0.4s ease;background-color: #b254a2; }
.bannav .menu li a:hover i { opacity: 1; 
-webkit-animation: orangeIn 0.2s ease; animation: orangeIn 0.2s ease;  }
.bannav .menu li  a span {position:absolute;left:0;top:0;display:block;width:100%;height:100%;z-index:10;}
.bannav .menu li  a span:before {content:'';position:absolute;left:50%;top:14px;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.bannav .menu li  a span:after {content:attr(data-txt);position:absolute;width:100%;bottom:8px;text-align:center;color:#fff;line-height:24px;font-size:14px;color:#fff;}
.bannav .menu li  a:hover span:after {color:#fff;}
@-webkit-keyframes orangeOut{
		0%{
			-webkit-transform:scale(1);
			opacity:1;
			filter:alpha(opacity:100);	
			}
		100%{
			-webkit-transform:scale(0.8);
			opacity:0;
			filter:alpha(opacity:0);
		}
	}
@keyframes orangeOut{
		0%{
			transform:scale(1);
			opacity:1;
			filter:alpha(opacity:100);	
			}
		100%{
			transform:scale(0.8);
			opacity:0;
			filter:alpha(opacity:0);
		}
	}

@-webkit-keyframes orangeIn {  0% {
 -webkit-transform:scale(0.8);
 opacity:0;
 filter:alpha(opacity:0);
}
100% {
 -webkit-transform:scale(1);
 opacity:1;
 filter:alpha(opacity:100);
}
}
 @keyframes orangeIn {  0% {
 transform:scale(0.8);
 opacity:0;
 filter:alpha(opacity:0);
}
100% {
 transform:scale(1);
 opacity:1;
 filter:alpha(opacity:100);
}
}

.subNav1 a span:before { width:38px;height:19px; background:url(http://www.mr8459999.com/templets/zt/syp/style/icon.png) no-repeat 0 -9px;}
.subNav2 a span:before { width:25px;height:28px; background:url(http://www.mr8459999.com/templets/zt/syp/style/icon.png) no-repeat -46px -4px;}
.subNav3 a span:before { width:30px;height:22px; background:url(http://www.mr8459999.com/templets/zt/syp/style/icon.png) no-repeat -80px -8px;}
.subNav4 a span:before { width:24px;height:23px; background:url(http://www.mr8459999.com/templets/zt/syp/style/icon.png) no-repeat -122px -7px;}
.subNav5 a span:before { width:23px;height:28px; background:url(http://www.mr8459999.com/templets/zt/syp/style/icon.png) no-repeat -158px -3px;}
.subNav6 a span:before { top:16px;width:32px;height:18px; background:url(http://www.mr8459999.com/templets/zt/syp/style/icon.png) no-repeat -190px -10px;}
.subNav7 a span:before { width:24px;height:25px; background:url(http://www.mr8459999.com/templets/zt/syp/style/icon.png) no-repeat -232px -4px;}
.subNav8 a span:before { width:19px;height:27px; background:url(http://www.mr8459999.com/templets/zt/syp/style/icon.png) no-repeat -269px -4px;}
.subNav9 a span:before { width:24px;height:24px; background:url(http://www.mr8459999.com/templets/zt/syp/style/icon.png) no-repeat -300px -6px;}
.subNav10 a span:before { width:27px;height:28px; background:url(http://www.mr8459999.com/templets/zt/syp/style/icon.png) no-repeat -329px -4px;}
.subNav11 a span:before { width:26px;height:25px; background:url(http://www.mr8459999.com/templets/zt/syp/style/icon.png) no-repeat -360px -5px;}
.subNav12 a span:before { width:33px;height:18px; background:url(http://www.mr8459999.com/templets/zt/syp/style/icon.png) no-repeat -393px -9px;}
.bannav .menu .subMenu .subMenuLogo {border-right:1px solid #3d3f4b;}
.bannav .menu .subMenu .subMenuLinkBox {width:1020px;overflow:hidden;}
.bannav .menu .subMenu .subMenuLinkBox a {display:block;float:left;width:auto;padding:0 8px;line-height:24px;font-size:14px;color:#666;text-decoration:none;-moz-transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s;}
.bannav .menu .subMenu .subMenuLinkBox a:hover {color:#fff;text-decoration:none; background-color:#3d3f4b;}

.bannav .menu .subMenu .subMenuLinkBox a.hot:after {content:'';position:absolute;width:9px;height:11px; background:url(http://www.mr8459999.com/templets/zt/syp/style/icon.png) no-repeat -88px -109px;top:0;right:-1px;}
.bannav .menu .subMenu .subMenuLinkBox a.hot.active:after {-webkit-animation:shake1 .4s linear 0s 1;animation:shake1 .4s linear 0s 1;}

.bannav .menu .subMenu .subMenuLogo:before {content:'';position:absolute;left:0;top:0; background:url(http://www.mr8459999.com/templets/zt/syp/style/icon.png) no-repeat;}
.bannav .menu .subMenu .subMenuLogo {width:135px;position:relative;}
.subNav10 .subMenuLogo {height:46px;}
.subNav1 .subMenuLogo {height:129px;}
.subNav2 .subMenuLogo {height:48px;}
.subNav3 .subMenuLogo {height:88px;}
.subNav4 .subMenuLogo {height:116px;}
.subNav5 .subMenuLogo {height:131px;}
.subNav6 .subMenuLogo {height:183px;}
.subNav7 .subMenuLogo {height:194px;}
.subNav8 .subMenuLogo {height:46px;}
.subNav9 .subMenuLogo {height:48px;}
.subNav11 .subMenuLogo {height:174px;}
.subNav12 .subMenuLogo {height:133px;}
.subNav10 .subMenuLogo:before {width:106px;height:44px; background-position:-412px -177px !important;}
.subNav1 .subMenuLogo:before {width:79px;height:44px; background-position:-299px -177px !important;}
.subNav2 .subMenuLogo:before {width:87px;height:44px; background-position:-547px -177px !important;}
.subNav3 .subMenuLogo:before {width:90px;height:44px; background-position:-662px -177px !important;}
.subNav4 .subMenuLogo:before {width:90px;height:44px; background-position:-299px -247px !important;}
.subNav5 .subMenuLogo:before {width:98px;height:44px; background-position:-420px -247px !important;}
.subNav6 .subMenuLogo:before {width:84px;height:44px; background-position:-550px -247px !important;}
.subNav7 .subMenuLogo:before {width:91px;height:44px; background-position:-675px -247px !important;}
.subNav8 .subMenuLogo:before {width:99px;height:44px; background-position:-299px -313px !important;}
.subNav9 .subMenuLogo:before {width:80px;height:44px; background-position:-429px -313px !important;}
.subNav11 .subMenuLogo:before {width:113px;height:44px; background-position:-547px -313px !important;}
.subNav12 .subMenuLogo:before {width:80px;height:44px; background-position:-678px -313px !important;}
.subNav10 .subMenuLinkBox a {width:auto;float:left;margin-left:22px;display:inline;}
.subNav1 .bside a{width:90px!important;display:inline-block;float:left;margin-left:5px; }
.subNav1 .subMenu {height:171px;}
.subNav1 .subMenuLogo {width:135px;height:129px;}
.subMenuLinkBox .content {height:24px;line-height:24px;margin-bottom:10px;}
.subMenuLinkBox  dl{float:left;}
.subMenuLinkBox  dl dt,.subMenuLinkBox dl dd {width:122px;float:left;margin-bottom:0px;}
.subMenuLinkBox dl dd h4 { float:left;padding:0 8px;line-height:24px;font-size:14px;background-color:#3d3f4b;color:#fff;text-decoration:none;}
.subMenuLinkBox .content h4 ,.subMenuLinkBox .content a {font-size:14px;float:left;width:auto;display:inline;}
.subMenuLinkBox .content h4 {color:#fff; background-color:#3d3f4b;padding:0 14px;margin-left:22px;margin-right:40px;display:inline;}
.subNav .subMenuLinkBox dl,.subNav3 .subMenuLinkBox dl,.subNav4 .subMenuLinkBox dl {margin-left:15px;display:inline;margin-bottom:5px;}
.subNav5 .subMenuLinkBox dl dd {width:100px;}
.subNav5 .subMenuLinkBox dl dt {width:128px;}
.subNav5 .subMenuLinkBox dl {margin-bottom:25px;}
.subNav6 .subMenuLinkBox .inner,.subNav11 .subMenuLinkBox .inner,.subNav12 .subMenuLinkBox .inner {width:327px;}
.subNav6 .subMenuLinkBox dl dd,.subNav11 .subMenuLinkBox dl dd,.subNav12 .subMenuLinkBox dl dd {width:90px;}
.subNav6 .subMenuLinkBox dl dt{width:74px;}
.subNav11 .subMenuLinkBox dl dt{width:100px;}
.subNav12 .subMenuLinkBox dl dt{ width:108px; position:}

.subNav6 dd a{ display:inline-block; width:50px; float:left;}

/*新版本导航*/
.subNav1 .subMenu {height:auto !important;}
.subNav12 a span:before {width:26px;height:25px; background:url(http://www.mr8459999.com/templets/zt/syp/style/icon.png) no-repeat -360px -5px !important;}
.subMenu {width:1199px;position:absolute;padding:0 !important;}
.subMenu .aside {width:184px;padding:29px 20px 0 0;}
.subMenu-Logo {width:100%;text-align:center;}
.subMenu-Logo i {display:inline-block;width:93px;height:93px;border-radius:50%;}
.subMenu-Logo1 i{ background:url(http://www.mr8459999.com/templets/zt/syp/style/subMenu-icon.png) no-repeat -8px -10px;}
.subMenu-Logo2 i{ background:url(http://www.mr8459999.com/templets/zt/syp/style/subMenu-icon.png) no-repeat -138px -13px;}
.subMenu-Logo3 i{ background:url(http://www.mr8459999.com/templets/zt/syp/style/subMenu-icon.png) no-repeat -258px -11px;}
.subMenu-Logo4 i{ background:url(http://www.mr8459999.com/templets/zt/syp/style/subMenu-icon.png) no-repeat -378px -11px;}
.subMenu-Logo5 i{ background:url(http://www.mr8459999.com/templets/zt/syp/style/subMenu-icon.png) no-repeat -498px -13px;}
.subMenu-Logo6 i{ background:url(http://www.mr8459999.com/templets/zt/syp/style/subMenu-icon.png) no-repeat -8px -144px;}
.subMenu-Logo7 i{ background:url(http://www.mr8459999.com/templets/zt/syp/style/subMenu-icon.png) no-repeat -128px -144px;}
.subMenu-Logo8 i{ background:url(http://www.mr8459999.com/templets/zt/syp/style/subMenu-icon.png) no-repeat -258px -144px;}
.subMenu-Logo9 i{ background:url(http://www.mr8459999.com/templets/zt/syp/style/subMenu-icon.png) no-repeat -388px -144px;}
.subMenu-Logo10 i{ background:url(http://www.mr8459999.com/templets/zt/syp/style/subMenu-icon.png) no-repeat -506px -144px;}
.subMenu-Logo11 i{ background:url(http://www.mr8459999.com/templets/zt/syp/style/subMenu-icon.png) no-repeat -8px -278px;}
.subMenu-Logo h6 {font-size:20px;font-weight:600;margin-top:10px;line-height:1.4}
.subMenu-Logo p {font-size:16px;}
.subMenu-Logo1 {color:#ec5094;}
.subMenu-Logo2 {color:#4071B4;}
.subMenu-Logo3 {color:#f5bf75;}
.subMenu-Logo4 {color:#ff6666;}
.subMenu-Logo5 {color:#7EC8D5;}
.subMenu-Logo6 {color:#7EC8D5;}
.subMenu-Logo7 {color:#55aba8;}
.subMenu-Logo8 {color:#7EC8D5;}
.subMenu-Logo9 {color:#55aba8;}
.subMenu-Logo10 {color:#4071b4;}
.subMenu-Logo11 {color:#233d61;}
.subMenu .bside dl{padding-bottom:15px;}
.subMenu .bside dd{margin-left:10px;}
.subMenu .bside  dt,.subMenu .bside  dd {float:left;}
.subMenu .bside  dd a {display:block;float:left;font-size:14px;color:#666;text-decoration:none;line-height:24px;padding-left:16px;margin-bottom:5px;moz-transition:all .3s linear 0s;-webkit-transition:all .3s linear 0s;transition:all .3s linear 0s;}
.subMenu .bside  dd a:hover  { color:#000;text-decoration:none;}
.subMenu .bside  dt {width:76px;line-height:24px;font-weight:600;text-align:center; background-color:#e1e3e7;color:#666;}
.subMenu .bside .inner{padding-top:26px;}
.subMenu1 .cside img,.subMenu3 .cside img,.subMenu9 .cside img,.subMenu11 .cside img{float:left;}
.subMenu1 .bside {width:373px;}

.subMenu2 .bside {width:650px;}
.subMenu2 .inner {width:650px;}
.subMenu1 .bside dd a {width:120px;}
.subMenu2 dd {margin-left:10px;width:560px;}
.subMenu2 dd a {width:80px ;}
.subMenu3 .inner {width:672px;}
.subMenu3 dd {margin-left:10px;width:580px;}
.subMenu3 .bside  dd  a{width:116px ;}
.subMenu4 .bside{width:338px;}
.subMenu5 .bside{width:682px;}
.subMenu5 dd,.subMenu6 dd {width:522px;}
.subMenu4 .bside dl {padding-bottom:7px;}
.subMenu5 .bside dl {padding-bottom:9px;}
.subMenu4 dd a { display:inline-block;width:118px!important;}
.subMenu5 dd a {display:inline-block;width:118px!important;}
.subMenu6 dd {width:522px;}
.subMenu6 dd a {display:inline-block;width:158px!important;}
.subMenu7 .inner {width:672px;}
.subMenu7 dd {width:580px;}
.subMenu7 dd a {display:inline-block;width:118px!important;}
.subMenu8 .inner {width:317px;}
.subMenu8 .cside {width:321px;}
.subMenu8 .inner dd {width:330px;}
.subMenu8 .inner dd a {width:90px;}
.subMenu8 .inner:nth-child(2) dd a {padding-left:10px;}
.subMenu9 .inner dd,.subMenu11 .inner dd {width:300px;}
.subMenu9 .inner dd a,.subMenu11 .inner dd a {width:115px;}
.subMenu10 .inner {width:347px;}
.subMenu10 .inner dd {width:270px;margin-left:0;}
.subMenu10 .inner dd a {width:90px;padding-left:10px;}
.bannav .menu .subMenu .bside a.hot em {display:inline-block;float:left;position:relative;}
.bannav .menu .subMenu .bside a.hot em:after {content:'';position:absolute;width:9px;height:11px; background:url(http://www.mr8459999.com/templets/zt/syp/style/icon.png) no-repeat -88px -109px;top:0;right:-11px;z-index:2}
.bannav .menu .subMenu .bside a.hot.active em:after {-webkit-animation:shake1 .4s linear 0s 1;animation:shake1 .4s linear 0s 1;}


.height100{height:100%;}