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

}

@font-face {
    font-family: 'source_sans_prolight';
    src: url('../font/sourcesanspro-light-webfont.eot');
    src: url('../font/sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/sourcesanspro-light-webfont.woff2') format('woff2'),
         url('../font/sourcesanspro-light-webfont.woff') format('woff'),
         url('../font/sourcesanspro-light-webfont.svg#source_sans_prolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

HTML {
	-webkit-text-size-adjust: none;
	OVERFLOW: auto;
	height:100%;
	font-size:62.5%;	
}
body {
	-webkit-text-size-adjust:none;
	margin: 0px;
	padding: 0px;
	line-height:1.5;
	font-family: "sourcesanspro-regular","苹方-简  ","苹方","PingFang SC","微软雅黑";
	font-weight: 300;
	background:#FFF;
	color: #333333;
	position: relative;
	
}
	
@media screen and (max-width:750px){
body {
	background:#fff;

}	
.bg_white{background: #f6f6f6}
	}
html{font-size:62.5%} 
body{font-size:1.6rem ; /* 12÷10=1.2 */} 


/*控制反选时的颜色*/

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;}

/*html{ background:url(../image/bg.jpg) no-repeat top}*/

@font-face {
  font-family: "alternategothic-webfont";
  src: url("../font/alternategothic-webfont.woff2") format("woff2"),
       url("../font/alternategothic-webfont.woff") format("woff"),
       url("../font/alternategothic-webfont.ttf") format("truetype"),
       url("../font/alternategothic-webfont.eot") format("embedded-opentype"),
       url("../font/alternategothic-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

	

input,textarea,select{font-family: "sourcesanspro-regular","苹方-简  ","苹方","PingFang SC","微软雅黑";font-weight: 300; outline: none;
	-webkit-appearance: none; border:1px solid #808080; padding:2px;-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;
}
.selectcolor select{    margin: 0 auto;
    width: 260px;
    border:0;
    border-bottom: 1px solid #c8c8c8;
    color: #333333;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../image/icon/crow.png) no-repeat  right 10px ;
    background-size: 20px 20px;
    font-size: 14px;
    font-weight: 700;
    background-color: #f6f6f6;
    border-radius: 0;
    cursor: pointer;
    padding: 10px 0px;
    }
    @media screen and (max-width:750px){
    	select{width: 100%;}
    }
input[type=checkbox] {
	visibility: hidden;
	visibility:visible\9;/*ie678 不支持这样的checkbox*/
}
<!--input[type="text"]
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 5px;
	text-transform: none;
	text-indent: 0;
	font-weight: bold;
	vertical-align: middle;
	line-height: 20px;
	display: block;
	height: 40px;
	width: 100%;
	padding: 10px;
	font-weight: 300;
	color:#808080;
	margin-bottom: 15px;
}-->
.checkbox {
	width: 25px;
	margin: 0; height:25px;
	position: relative;
	
}
.checkbox label {
	cursor: pointer;
	position: absolute;
	width: 16px;
	height: 16px;
	top: 0;
	left: 0;
	background: #FFF;
	border: 1px solid #aaa;
	display:none\9;/*ie678 不支持这样的checkbox*/

}
.checkbox label:after {
	opacity: 0.1;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 4px;
	left: 2px;
	border: 2px solid #000;
	border-top: none;
	border-right: none;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.checkbox label:hover::after {
	opacity: 0.5;
}
.checkbox input[type=checkbox]:checked+label:after {
	opacity: 1;
}
/*去掉ipad iphone 默认按钮样式*/
input[type="button"], input[type="submit"], input[type="reset"] {font-family: "sourcesanspro-regular";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: #808080;
}
::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color: #808080;
}
:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color: #808080;
}
:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:  #808080;
}

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

}


a,.hand {
	color:#808080;
	cursor:pointer;
}
a:link, a:visited {
	text-decoration:none;
}
/*a:hover {
	opacity: 0.8;
}*/

.wrapper {

	padding: 0 2.5%;
	max-width:1600px;
	width: 100%;
	margin: 0 auto;
	display: inline-block;
	/*border:1px solid #999*/
	verflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
.wrapper_fangyi {

	padding: 0 2.5%;
	max-width:1200px;
	width: 80%;
	margin: 0 auto;
	verflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	
}
@media screen and (max-width:1000px){
.wrapper_fangyi{
	padding: 0 5%;
	min-width: 100%;
	}
}

.wrapper2 {

	padding: 0  0 0 4%;
	width: 100%;
	margin: 0 auto;
	/*border:1px solid #999*/
	verflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

@media screen and (max-width:1000px){
	.wrapper{
	padding: 0 5%;
	min-width: 100%;
	}
	.wrapper2 {padding: 0;}
	}



.float-left {
	float: left;
}
.float-right {
	float: right;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;font-weight: 600;
}
h1 {
	font-size: 3.5rem;/*40px*/
}
h2 {
	font-size: 2.25rem;/*36px*/
}
h3 {
	font-size: 1.725rem;/*28px;*/
}
h4 {
	font-size: 1.5rem;/*24px;*/
}
h5 {
	font-size: 1.2rem;/*18px;*/
}
h6 {
	font-size:0.875rem; /*14px;*/
}


/*基础设置*/
.fr{float: right;}
.fl{float: left;}
a{color: #333;/*-webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;transition: all 0.6s ease 0s;*/}
/*a:hover{opacity:0.6;-webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;transition: all 0.6s ease 0s;}*/
.pc{display: block;}
.mobile{display: none;}
.clear{clear: both;display: inline-block;width: 100%;}
.hide {
      filter:alpha(opacity=0);
      -moz-opacity:0;
      -khtml-opacity: 0;
      opacity: 0;
} 
.index_pc{display: block;}
.index_mobile{display:none}

@media screen and (max-width:1000px){
	.pc{display: none;}
	.mobile{display: block}
	}
	
	
@media screen and (max-width:768px){
	.index_pc{display: none;}
	.index_mobile{display: block}
	}


/*css3 过度*/
.smooth,input,.my-active-slide,.logo,.sns,li,.card,.card-infos,#fangyi .fangyi_product li img{-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;

}