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: 'SuisseBPIntl-Bold';
    src: url('../fonts/SuisseBPIntl-Bold.eot');
    src: url('../fonts/SuisseBPIntl-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SuisseBPIntl-Bold.woff2') format('woff2'),
         url('../fonts/SuisseBPIntl-Bold.woff') format('woff'),
         url('../fonts/SuisseBPIntl-Bold.ttf') format('truetype'),
         url('../fonts/SuisseBPIntl-Bold.svg#proxima_novaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}

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

}*/




HTML {
	-webkit-text-size-adjust: none;
	OVERFLOW: auto;
	font-size:62.5%;
}
body {
	-webkit-text-size-adjust:none;
	line-height:1;
	font-family: "SuisseBPIntl-Bold",'syM',"苹方-简  ","苹方","PingFang SC","微软雅黑";
	background:#FFF;
	color:#000;
}

html{font-size:62.5%} 
body{font-size:12px ; /* 12÷10=1.2 */  position: relative;
	  overflow-x:hidden;
	  } 





/*控制反选时的颜色*/
::selection {background-color: none;color: rgba(0,0,0,0.1);}
::-moz-selection {background-color: none;color: rgba(0,0,0,0.1);} /*针对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{}



.wrapper{
	margin: 0 auto;
	padding:0 1%;
	verflow-y: scroll;
	/*overflow:hidden;*/
	-webkit-overflow-scrolling: touch;
}

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



h1, h2, h3, h4, h5, h6 {
	
}
h1 {
	font-size: 8rem;/*40px*/
}
h2 {
	font-size: 3.6rem;/*36px*/
}
h3 {
    font-size: 3rem; /*28px;*/
}
h4 {
	font-size: 2.4rem;/*24px;*/
}
h5 {
	font-size: 1.8rem;/*18px;*/
}
h6 {
	font-size:1.2rem; /*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%;}


.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{ text-align: left;/* line-height: 1.2; font-size: 4.2rem;letter-spacing:0.3rem*/}
article p{ margin-bottom:2rem;}

.pc{display: block;}
.ipad{ display:none}
.mobile{display: none;}
.nopc{ display:none}


@media screen and (max-width:1000px){
	.pc{display: none;}
	.ipad{ display:none}
	.mobile{display: block}
	article{ font-size: 3.2rem;}
	}

/*css3 过度*/
.smooth,.archive_list ul,.mobile_floatimg_archive{-webkit-transition: all 0.2s ease 0s;-moz-transition: all 0.2s ease 0s;transition: all 0.2s ease 0s;}
.secondimg,.guide{-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}


#chrome10px{ font-size : 12px; -webkit-transform : scale(0.84,0.84) ; *font-size:10px; display:block;}



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


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

/*去掉ipad iphone 默认按钮样式*/
input[type="button"], input[type="submit"], input[type="reset"] {font-family:"Agipo-Bold","苹方-简  ","苹方","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=checkbox] {
	visibility: hidden;
	visibility:visible\9;/*ie678 不支持这样的checkbox*/
}
input[type="text"],input[type="password"]
{
	-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;
	/*height: 4rem;*/

	width: 100%;

	background:none;
}
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;*/
	display: block;
	width: 100%;
	/*height:2em;
	line-height:2em;*/
	background:#000;
	color:#FFF;
	/*background:#06FC06;*/
}

@media screen and (max-width:1000px){
	input[type="submit"]{}
}

.checkbox,.radio{ line-height:1;
	position: relative;
}
.checkbox label,.radio label {
	font-family:'TimesNewRomanMTStd-Cond',"苹方-简  ","苹方","PingFang SC","微软雅黑";
	position:absolute;
}
@media screen and (max-width:1000px){
	.checkbox label,.radio label { position:relative}
}

/*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:32.6666667%; margin-right:1%; margin-bottom:1rem; position:relative;z-index:2;}
.l-3 li:hover{ z-index:1}
.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-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 {width:100%;
      /* Center slide text vertically */
     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;
	height: auto;

    }
@media screen and (max-width:760px){
	.swiper-container {width: 100%;height: 50%;}
}