/* reset */

html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}

header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}

table{border-collapse:collapse;border-spacing:0;}

caption,th{text-align:left;font-weight:normal;}

html,body,fieldset,img,iframe,abbr{border:0;}

i,cite,em,var,address,dfn{font-style:normal;}

[hidefocus],summary{outline:0;}

li{list-style:none;}

h1,h2,h3,h4,h5,h6,small{font-size:100%;}

sup,sub{font-size:83%;}

pre,code,kbd,samp{font-family:inherit;}

q:before,q:after{content:none;}

textarea{overflow:auto;resize:none;}

label,summary{cursor:default;}

a,button{cursor:pointer;}

h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}

del,ins,u,s,a,a:hover{text-decoration:none;}

body,textarea,input,button,select,keygen,legend{font:16px/1.8 arial,\5b8b\4f53;color:#333;outline:0;}

body{background:#fff; font-family: "微软雅黑"; }

a{ color: #333; }

a:hover{ color: #000; }

.f-fl{ float: left; }

.f-fr{ float: right; }

.f-cc{ clear: both; }

.f-tar{ text-align: right; }



/* win8 */

.m-window{ position: fixed; z-index: 0; top: 0; left: 0; right: 0; bottom: 0; background: #000; background-size: 100%; }

.m-pagebox{ width: 99999px; overflow: hidden; zoom: 1; position: absolute; z-index: 2; top: 50%; left: -400px; margin-top: -300px; margin-left: 50%;  }

.m-page{ width: 800px; height: 610px; float: left; margin-right: 0; }

.m-bgbox{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; opacity: .2; z-index: -1; background: url(bg1.jpg) #F25F7A; background-size: 100%; }



.m-page .header{ line-height: 60px; font-size: 30px; font-weight: normal; overflow: hidden; zoom: 1; margin-bottom: 10px; color: #fff; }

.m-page .header h2{ float: left; font-weight: normal; }

.m-page .header .prev,.m-page .header .next{ float: right; margin-left: 20px; cursor: pointer; transition: all .2s ease; transform: scale(0.9); }

.m-page .header .prev:hover,.m-page .header .next:hover{ transform: scale(1); }

.m-page .section{ height: 540px; color: #fff; line-height: 26px; margin-right: -20px; }

.m-page img{ width: 100%; display: block; }



.m-page .col-1{ width: 185px; float: left; margin-right: 20px; }

.m-page .col-2{ width: 390px; float: left; margin-right: 20px; }

.m-page .col-3{ width: 595px; float: left; margin-right: 20px; }

.m-page .col-4{ width: 800px; }



.m-page{ transition: all .6s ease; transform: translate(0px,100px); }

.m-page.and{ transform: translate(0px,0px); }

.m-page .item,.m-page .item1,.m-page .item2,.m-page .item3{ transition: all .2s ease; transform: scale(1); background: #fff; position: relative; }

.m-page .item:hover,.m-page .item1:hover,.m-page .item2:hover,.m-page .item3:hover{ transform: scale(1.05); background: #fff; z-index: 11; }

.m-page .item{ width: 100%; height: 120px; overflow: hidden; zoom: 1; margin-bottom: 20px; position: relative; }

.m-page .item img{ height: 100%; }

.m-page .item dt{ position: absolute; bottom: 0px; background: #000; background: rgba(245,95,122,.8); left: 0px; right: 0px; padding: 0 5px; color: #fff;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden; zoom: 1; }

.m-page .item a:hover dt{ text-decoration: underline; }

.m-page .item .info{ position: absolute; }

.m-page .item2{ height: 260px; }

.m-page .item2 .text{ padding: 10px 15px; font-size: 16px; line-height: 30px; color: #666; }

.m-page .item2 dt{ white-space: normal; padding: 10px; line-height: 20px; font-size: 16px; }

.m-page .item3{ height: 100%; }

.m-page .item3 dt{ position: static; background: none; font-size: 18px; color: #f00; padding: 0 10px; margin-bottom: 10px; }

.m-page .item3 a:hover dt{ color: #F00; }

.m-page .item3 .text{ padding: 0 10px; color: #666; font-size: 16px; }

.m-page .item3 .img{ margin-bottom: 20px; }



.m-page.page2 .col-3{ height: 100%; background: #fff; }

.m-page.page2 .col-3 .img{ height: 400px; overflow: hidden; zoom: 1; margin-bottom: 20px; }

.m-page.page2 .col-3 dt{ font-size: 18px; color: #f00; margin-bottom: 10px; padding: 0 10px; }

.m-page.page2 .col-3 .info{ color: #666; padding: 0 10px; }

.m-page.page2 .col-3 a:hover dt{ color: #f00; }



.m-page.page5 blockquote{ background: #fff; padding: 15px; color: #666; margin-bottom: 20px; font-size: 16px; }

.m-page.page5 .item{ height: 210px; }



.m-page.page7 .col-2{ background: #fff; height: 100%; }



.m-page.page8 .col-2{ background: #fff; height: 100%; }

.m-page.page8 blockquote{ background: #fff; padding: 15px; color: #666; margin-bottom: 20px; font-size: 16px; }

.m-page.page8 .item{ height: 465px; }



.m-page.page10 .col-4{ text-align: center; }

.m-page.page10 .col-4 .links{ margin-top: 100px; margin-bottom: 30px; color: #999; }

.m-page.page10 .col-4 a{ color: #fff; margin: 0 5px; }

.m-page.page10 .col-4 a:hover{ text-decoration: underline; }



/* header */

.m-top{ width: 100%; line-height: 30px; height: 30px; padding: 5px 0; background: #fff; overflow: hidden; zoom: 1; z-index: 10; position: fixed; top: 0; left: 0; }

.m-top .nav{ margin-left: 10px; }

.m-top img{ height: 30px; }

.m-top a{ float: left; margin-right: 20px; color: #666; }

.m-top a:hover{ color: #19A97B; }

/* footer */

.m-footer{ text-align: center; background: #111; line-height: 24px; padding: 20px 0; color: #adafba; font-size: 12px; margin-right: 20px; }

.m-footer .links{ margin-bottom: 5px; }

.m-footer a{ color: #ccc; margin: 0 5px; }

.m-footer a:hover{ color: #19A97B; }



/* menu */

.m-menu{ background: #333; background: rgba(0,0,0,.5); position: fixed; left: 0; top: 0; bottom: 0; width: 200px; color: #fff; }

.m-menu ul{ margin-top: 60px; }

.m-menu li{ padding: 0 10px; line-height: 50px; cursor: pointer; }

.m-menu li:hover,.m-menu li.now{ background: #F25F7A; }



@media screen and (max-width: 1100px){

	.m-window{ height: 100%; margin: 40px 0 40px 200px; }

	.m-pagebox{ top: 20px; margin-top: 0; }

	.m-page .item:hover,.m-page .item1:hover,.m-page .item2:hover,.m-page .item3:hover{ transform: scale(1); background: #fff; z-index: 11; }

	

}



@media screen and (max-width: 960px){

	

	.m-menu,.m-page .header .prev, .m-page .header .next{ display: none; }

	

	.m-window{ overflow: auto; margin: 40px 0; }

	.m-bgbox{ z-index: -1; }

	.m-page,.m-pagebox{ width: 100%; height: auto; margin: 0; padding: 0; float: none; clear: both; margin-bottom: 50px; position: static; transform: translate(0px,0); }

	.m-page .header{ padding: 0 1%; }

	.m-page .section{ margin: 0; height: auto; }

	.m-page .col-1,.m-page .col-2,.m-page .col-3,.m-page .col-4{ width: 98%; float: none; margin: 0 1%; }

	

	.m-page .item,.m-page .item1,.m-page .item2,.m-page .item3{ height: auto; margin-bottom: 10px; }

	

	

	.m-page.page2 .col-3{ background: none; }

	.m-page.page2 .col-3 .img{ height: auto; }

	

}



/* ie6 */

.ie6{ background: #333; }

.ie6 .m-top{ position: absolute; left: 0; right: 0; top: 0; }

.ie6 .m-window{ margin: 0 auto; padding: 50px 0; background: none; position: static; }

.ie6 .m-page{ position: static; margin: 0; padding: 0; }

.ie6 .m-pagebox{ margin-top: 0; top: 50px; }

.ie6 .m-menu,.ie6 .m-page .header .prev,.ie6 .m-page .header .next,.ie6 .m-bgbox{ display: none; }

.ie6 .m-page{ float: none; }