html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;background: transparent;}
li {list-style: none;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}
article, aside, header, hgroup, nav, section, footer {float: left;display: block;}
form {margin: 0;padding: 0;}

@font-face {
    font-family: 'museo_slab_300';
    src: url('../fonts/museo_slab_300-webfont.eot');
    src: url('../fonts/museo_slab_300-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museo_slab_300-webfont.woff2') format('woff2'),
         url('../fonts/museo_slab_300-webfont.woff') format('woff'),
         url('../fonts/museo_slab_300-webfont.ttf') format('truetype'),
         url('../fonts/museo_slab_300-webfont.svg#proxima_novaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_slab_500';
    src: url('../fonts/museo_slab_500-webfont.eot');
    src: url('../fonts/museo_slab_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museo_slab_500-webfont.woff2') format('woff2'),
         url('../fonts/museo_slab_500-webfont.woff') format('woff'),
         url('../fonts/museo_slab_500-webfont.ttf') format('truetype'),
         url('../fonts/museo_slab_500-webfont.svg#proxima_novaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MinionPro-Regular';
    src: url('../fonts/MinionPro-Regular.eot');
    src: url('../fonts/MinionPro-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MinionPro-Regular.woff2') format('woff2'),
         url('../fonts/MinionPro-Regular.woff') format('woff'),
         url('../fonts/MinionPro-Regular.ttf') format('truetype'),
         url('../fonts/MinionPro-Regular.svg#proxima_novaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



*{box-sizing:border-box;}

HTML {
	-webkit-text-size-adjust: none;
	OVERFLOW: auto;
	font-size:62.5%;
	background: #f0f0f0;
}
body {
	-webkit-text-size-adjust:none;
	line-height:1.5;
	font-family: "museo_slab_500","苹方-简  ","苹方","PingFang SC","微软雅黑";
	color:#000;
	/*letter-spacing: 1px;*/
}

body{font-size:12px ; /* 12÷10=1.2 */overflow-x:hidden;} 

@media screen and (max-width:1300px){
    	body{font-size:11px ;}
    }

@media screen and (max-width:1024px){
    	body{font-size:10px ;}
    }


/*控制反选时的颜色*/
::selection {background-color: #aaa;color: #ffffff;}
::-moz-selection {background-color:#aaa;color:#ffffff;} /*针对Firefox*/
textarea:focus, input:focus {outline: none;/*去除safari输入框点击后的篮框*/}
/**, *:after, *:before {border-box;box-sizing: border-box;}*/
.clearfix:before, .clearfix:after {content: '';display: table;}
.clearfix:after {clear: both;}


img {border: none;vertical-align: bottom;width:100%;height:auto;/*height:auto;修正加载ritina.js后窗口拉动图片变形问题*/}

a,.hand {color:#000;cursor:pointer;}
a:link, a:visited {text-decoration:none;}
a:hover{}



.mark{ line-height:1.3; color:#FF0322;}

.wrapper{
	margin: 0 auto;
	max-width: 1200px;
	padding: 0;
	verflow-y: scroll;
	/*overflow:hidden;*/
	-webkit-overflow-scrolling: touch;
}

@media screen and (max-width:760px){/*ipad*/
	.wrapper{
		padding:0 5%;
	}
	}



h1, h2, h3, h4, h5, h6 {
	font-weight: 100;
}
h1 {
	font-size: 4.4em;/*40px*/
	line-height: 1;
}
h2 {
	font-size: 2.8em;/*36px*/
}
h3 {
    font-size: 2.4em; /*28px;*/
}
h4 {
	font-size: 1.8em;/*24px;*/
}
h5 {
	font-size: 1.5em;/*18px;*/
}
h6 {
	font-size:1.2em; /*14px;*/
}




/*%宽度*/
.w25per{width:25%;}

/**/
.half-opacity{ opacity:0.5}

/*基础设置*/
.fr{float: right;}
.fl{float: left;}
.text_center{ text-align:center}
.text_justify{ text-align:justify}
.circle{ border-radius:100%;}
.pc{display: block;}
.ipad{ display:none}
.mobile{display: none;}
.nopc{ display:none}

.clear{clear: both;display: inline-block;width: 100%;}

.hide { display:none}

.shadow{-moz-box-shadow:0 0 6px #aaa; -webkit-box-shadow:0 0 6px #aaa; box-shadow:0 0 6px #aaa;}
article{font-size: 1.3em; line-height:2; text-align: justify;font-weight: 300;word-break : normal;width:100%;}
article p{/*text-indent: 2.2em;*/}

@media screen and (max-width:760px){
	.pc{display: none;}
	.ipad{ display:none}
	.mobile{display: block}
	}

/*css3 过度*/
.smooth,input,.sns,img,a,span,.header,li,.gotoback{-webkit-transition: all 0.2s ease 0s;-moz-transition: all 0.2s ease 0s;transition: all 0.2s ease 0s;}
.logo,.floatingwindow{-webkit-transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;}
#chrome10px{ font-size : 12px; -webkit-transform : scale(0.84,0.84) ; *font-size:10px; display:block;}



/*表单相关样式*/
input,textarea,select{font-family:"museo_slab_500","苹方-简  ","苹方","PingFang SC","微软雅黑";outline: none;border:0;-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; color: #666666}


	
@media screen and (max-width:760px){
    	select{width: 100%;}
    }

/*去掉ipad iphone 默认按钮样式*/
input[type="button"], input[type="submit"], input[type="reset"] {font-family:"museo_slab_500","苹方-简  ","苹方","PingFang SC","微软雅黑";background: #000;border: 0px;}
button{cursor: pointer;}
textarea { -webkit-appearance: none;}   
/*文本框选择颜色*/
.input:focus,.form-input input:focus,.form-input select:focus,.form-input textarea:focus,.chosen-container-active,.chosen-container-multi.chosen-container-active,.selector.focus,.bootstrap-timepicker-widget table td input:focus,.ui-toolbar select:focus,.ui-toolbar input:focus {
	border-color: #aaa;
	box-shadow: 0 0 8px #aaa;
	-moz-box-shadow: 0 0 8px #aaa;
	-webkit-box-shadow: 0 0 8px #aaa;
	color: #333
}
/*文本框placeholder颜色*/
::-webkit-input-placeholder{
    color: #E6E6E6;
}
::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color: #E6E6E6;
}
:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color: #E6E6E6;
}
:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color: #E6E6E6;
}

input[type=radio] {
	width:1em; height: 1em;
}
input[type=checkbox] {
	width:1em; height: 1em;
	/*visibility: hidden;
	visibility:visible\9;*//*ie678 不支持这样的checkbox*/
}
input[type="text"],input[type="password"],input[type="number"]
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-transform: none;
	text-indent: 0;
	vertical-align: middle;
	/*line-height: 20px;*/

	/*height: 4rem;*/
	border: 2px solid #e7e7e7;
	font-size: 1.2em;
	line-height: 2em;
	color: #666666;
	padding-left: 1em;
}
input[type="text"]:hover,input[type="password"]:hover
{-moz-box-shadow:0 0 12px #ddd; -webkit-box-shadow:0 0 12px #ddd; box-shadow:0 0 12px #ddd;}


textarea{width: 100%;-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-transform: none;
	text-indent: 0;
	font-weight: bold;
	vertical-align: middle;
	/*line-height: 20px;*/
	display: block;
	background:none}
input[type="submit"]
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-transform: none;
	text-indent: 0;
	vertical-align: middle;
	/*line-height: 20px;*/
	/*height:2em;
	line-height:2em;*/
	background: #cf1f2e;
	color:#FFF;
	padding: 0.5em 4em;
	border-radius: 0.2em;
	font-size: 1.4em;
	cursor:pointer;
}
select{border: 2px solid #e7e7e7;font-size: 1em;}

/*select{width:100%; padding:0.6em 2.25rem;background: url(../images/icon/icon_arraw_down.svg) no-repeat right center;  background-size:4.5rem 2.25rem;}*/


.l-6 li{ float:left;width:14%; margin-right:3.2%; margin-bottom:6rem;cursor:pointer;}
.l-6 li:nth-child(6n+0){ margin-right:0}

.l-5 li{ float:left;width:19.2%; margin-right:1%; margin-bottom:1rem;position:relative; z-index:2;}
.l-5 li:hover{ z-index:1}
.l-5 li:nth-child(5n+0){ margin-right:0;}
.l-5 li:nth-child(5n+1){ clear: both}

.l-4 li{ float:left;width:22.75%; margin-right:3%;  margin-bottom:1rem;position:relative;}
.l-4 li:nth-child(4n+0){ margin-right:0;}

.l-3 li{ float:left;width:30%; margin-right:5%; margin-bottom:1rem; position:relative;z-index:2;}
.l-3 li:hover{ z-index:1;-moz-box-shadow:0 0 16px #aaa; -webkit-box-shadow:0 0 16px #aaa; box-shadow:0 0 16px #aaa;}
.l-3 li:nth-child(3n+0){ margin-right:0;}

.l-2 li{ float:left;width:49.5%; margin-right:1%; margin-bottom:2rem;}
.l-2 li:nth-child(2n+0){ margin-right:0;}



@media screen and (max-width:1000px){/*ipad*/
	.l-3 li{ width:32%; margin-right:2%;}
	.l-5 li{width:18.4%; margin-right:2%;}
	}
@media screen and (max-width:760px){/*iphone*/
	.l-6 li{width:45%; margin-right:0;}
	.l-6 li:nth-child(2n-1){ margin-right:10%;}
	
	.l-5 li:nth-child(5n+1){ clear:none}
	.l-5 li{width:49%; margin-right:2%;}
	.l-5 li:nth-child(5n+0){margin-right:2%;}
	.l-5 li:nth-child(2n){ margin-right:0;}

	
	.l-4 li:nth-child(3n+0){ margin-right:2%;}
	.l-4 li{width:49%; margin-right:2%;}
	.l-4 li:nth-child(2n+0){ margin-right:0;}
	
	/*.l-4  li{width:100%; margin-right:0;}
	.l-4 li:nth-child(2n-1){ margin-right:0;}*/
	
	.l-3 li:nth-child(3n+0){margin-right:0;}
	.l-3 li{width:100%; margin-right:0;}
	.l-3 li:nth-child(3n+0){margin-right:0;}
	
	.l-2 li{width:100%; margin-right:0;}
	.l-2 li:nth-child(2n-1){ margin-right:0;}
}



.swiper-container {width: 100%;height: 100%;}
/*.swiper-slide {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }*/
@media screen and (max-width:760px){
	.swiper-container {width: 100%;height: 50%;}
}