*{
	margin: 0;
	padding: 0;
}
html{
	font-size: 100px;
}
a{
	text-decoration:none
} 
.page{
	width: 100%;
	position: relative;
}
.fL{float: left;}
.fr{float: right;}
.clearfix:after {
  clear: both;
  display: block;
  content: "";
}
.clearfix {
  zoom: 1;
}

.db{
	display: block;
}
.dn{
	display: none;
}


.ub{
  display: flex;
}
.ub-f1{
  flex: 1;
}
.ub-f2{
  flex: 2;
}
.ub-f3{
  flex: 3;
}
.ub-ver{
  flex-direction: column;
}
.ub_ps{
  justify-content: flex-start;
}
.ub-pc{
  justify-content: center;
}
.ub-pe{
  justify-content: flex-end;
}
.ub-pj{
  justify-content: space-between;
}
.ub-pa{
  justify-content: space-around;
}
.ub-as{
  align-items: flex-start;
}
.ub-ac{
  align-items: center;
}
.ub-ae{
  align-items: flex-end;
}


/* flex-wrap */
.ub-nowrap{
  flex-wrap:nowrap; /* 当子元素溢出父容器时不换行 */
}
.ub-wrap{
  flex-wrap:wrap; /* 当子元素溢出父容器时自动换行。 */
}

.ma_0_auto{
  margin: 0 auto;
}

.lh15{
  line-height: 1.5;
}

/* width */
.w100{
  width: 100%
}
.w70{
  width: 70%
}
/* heigh */
.h100{
  height: 100%
}
/* position */
.pr{
  position: relative;
}
.pa{
  position: absolute;
}
.pf{
  position: fixed;
}

 /* text-align */
.tx_l{
  text-align: left;
}
.tx_c{
  text-align: center;
}
.tx_r{
  text-align: right;
}

.opacity3{
  opacity: 0.3
}
.font_w{
  font-weight: bold;
}
.text_de_und{
  text-decoration: underline;
}

.oh{
  overflow: hidden;
}
/* color */
.color_fff{
  color: #fff;
}
.color_ccc{
  color: #ccc;
}
.color_aaa{
  color: #aaa;
}
.color_333{
  color: #333;
}
.color_666{
  color: #666;
}
.color_999{
  color: #999;
}
.color_BF9F70{
	color: #0d0d0d;
}

/* beifen  .color_BF9F70{
	color: #BF9F70;
}
*/

/* background-color */
.bg_fff{
  background-color: #fff;
}
.bg_333{
  background-color: #333;
}
.bg_ccc{
	background-color: #ccc;
}
.bg_BF9F70{
	background-color: #BF9F70;
}

/* font-size */
.font_18{
	font-size: 0.1rem;
}
.font_20{
	font-size: 0.12rem;
}
.font_22{
	font-size: 0.14rem;
}
.font_24{
	font-size: 0.15rem;
}
.font_30{
	font-size: 0.16rem;
}
.font_36{
	font-size: 0.17rem;
}
.font_40{
	font-size: 0.18rem;
}

/* margin */
.ma_t_5{
  margin-top: 5px;
}
.ma_t_10{
  margin-top: 10px;
}
.ma_t_20{
  margin-top: 20px;
}
.ma_t_30{
  margin-top: 30px;
}
.ma_t_50{
  margin-top: 50px;
}
.ma_t_80{
  margin-top: 80px;
}
.ma_t_130{
	margin-top: 130px;
}
.ma_t_180{
  margin-top: 180px;
}
.ma_b_10{
  margin-bottom: 10px;
}
.ma_b_15{
  margin-bottom: 15px;
}
.ma_b_20{
  margin-bottom: 16px;
}
.ma_b_30{
  margin-bottom: 30px;
}
.ma_b_40{
  margin-bottom: 40px;
}
.ma_b_60{
  margin-bottom: 60px;
}
.ma_b_70{
  margin-bottom: 70px;
}
.ma_b_100{
  margin-bottom: 100px;
}
.ma_b_220{
  margin-bottom: 220px;
}
.ma_l_10{
  margin-left: 10px;
}
.ma_l_20{
  margin-left: 20px;
}
.ma_l_30{
  margin-left: 30px;
}
.ma_l_40{
  margin-left: 40px;
}
.ma_l_50{
  margin-left: 50px;
}
.ma_l_80{
  margin-left: 80px;
}
.ma_l_100{
  margin-left: 100px;
}
.ma_r_10{
  margin-right: 10px;
}
.ma_r_20{
  margin-right: 20px;
}
.ma_r_20{
  margin-right: 20px;
}
.ma_r_120{
  margin-right: 120px;
}
.ma_tb_3{
  margin-top: 3px;
  margin-bottom: 3px;
}
.ma_tb_10{
  margin-top: 10px;
  margin-bottom: 10px;
}
.ma_tb_20{
  margin-top: 20px;
  margin-bottom: 20px;
}
.ma_tb_30{
  margin-top: 30px;
  margin-bottom: 30px;
}
.ma_lr_60{
	margin-left: 3%;
	margin-right: 3%;
}

/* padding */
.pa_a_5{
  padding: 5px;
}
.pa_a_10{
  padding: 10px;
}
.pa_a_15{
  padding: 15px;
}
.pa_a_20{
  padding: 20px;
}
.pa_a_30{
  padding: 30px;
}
.pa_t_40 {
  padding-top: 40px;
}
.pa_t_60 {
  padding-top: 60px;
}
.pa_t_105 {
  padding-top: 105px;
}
.pa_b_10{
  padding-bottom: 10px;
}
.pa_b_20{
  padding-bottom: 20px;
}
.pa_b_40{
  padding-bottom: 40px;
}
.pa_b_60{
  padding-bottom: 60px;
}
.pa_b_160{
  padding-bottom: 160px;
}
.pa_l_20{
	padding-left: 20px;
}
.pa_l_30{
	padding-left: 30px;
}
.pa_l_80{
	padding-left: 80px;
}
.pa_r_10{
	padding-right: 10px;
}
.pa_r_20{
	padding-right: 20px;
}
.pa_tb_5{
  padding-top: 5px;
  padding-bottom: 5px;
}
.pa_tb_10{
  padding-top: 10px;
  padding-bottom: 10px;
}
.pa_tb_15{
  padding-top: 15px;
  padding-bottom: 15px;
}
.pa_tb_20{
  padding-top: 20px;
  padding-bottom: 20px;
}
.pa_tb_30{
  padding-top: 30px;
  padding-bottom: 30px;
}
.pa_tb_60{
  padding-top: 60px;
  padding-bottom: 60px;
}
.pa_lr_20{
  padding-left: 20px;
  padding-right: 20px;
}
.pa_lr_50{
	padding-left: 50px;
	padding-right: 50px;
}
.pa_lr_80{
	padding-left: 80px;
	padding-right: 80px;
}
.pa_lr_100{
	padding-left: 100px;
	padding-right: 100px;
}
.pa_lr_200{
	padding-left: 200px;
	padding-right: 200px;
}


/* border */
.bor_0{
  border: 0;
}
.bor_a_ccc{
  border: 1px solid #ccc;
}
.bor_t_ccc{
  border-top: 1px solid #ccc;
}
.bor_b_ccc{
  border-bottom: 1px solid #ccc;
}
.bor_b2_ccc{
  border-bottom: 1px dashed #ccc;
}

/* box-shadow */
.boxs1{
  box-shadow:0px 0px 10px rgba(00, 00, 00, 0.2);
}
.boxs2{
  box-shadow:0px 7px 10px rgba(00, 00, 00, 0.1);
}

/* border-radius */
.bor_r1{
  border-radius: 10px;
}




.color_333 a{
	color: #333;
}
.color_999 a{
	color: #999;
}



/*公共头部样式*/
.header{
	width: 100%;
	height:50px;
	background: #333333;
	min-width: 1200px;
	font-size: 14px;
	margin-bottom:40px;
}
.headerinner{
	width: 1200px;
	height: 100%;
	padding:0 50px;
	margin:0 auto;
	box-sizing:border-box;
	position: relative;
	font-family: "SF Pro SC","HanHei SC","SF Pro Text","Myriad Set Pro","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;

}
/* 导航部分 */
.headernav{
	width: 100%;
	overflow: hidden;
	font-family: "SF Pro SC","HanHei SC","SF Pro Text","Myriad Set Pro","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;
}
.headernav li{
	float: left;
	line-height: 50px;
	margin:0 10px;
}
.headernav li a{
	color: #fff;
	padding:0 10px;
	margin:0 12px;
	transition: 0.6s;
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	-ms-transition: 0.6s;
	-moz-transition: 0.6s;
	cursor: pointer;
	font-family: "SF Pro SC","HanHei SC","SF Pro Text","Myriad Set Pro","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;

}
.headernav .logo{
	width: 200px;
	height:auto;
	margin-right: 20px;
	padding-top: 10px;
	box-sizing: border-box;
	line-height: 28px;
}

.headernav .logo img{
	width:105px;
	height: 28px;

}
.headernav .logo .w1{
	width:105px;
	height: 30px;
	line-height: 30px;
	margin-left: 15px;
}
.headernav li.xz a{
	color: #747474;
}
.headernav li a:hover{
	color: #747474;
} 
.headernav .search,
.headernav .list,
.headernav .close{
	height: 50px;
}
.headernav .search a,
.headernav .list a,
.headernav .close a{
	width:18px;
	height: 18px;
	margin:16px 30px 0 30px;
	transition: 0.6s;
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	-ms-transition: 0.6s;
	-moz-transition: 0.6s;
	background: url(../img/search.png) no-repeat;
}
.headernav .search a:hover{
	background: url(../img/search1.png) no-repeat;
}
.headernav .list a{
	background: url(../img/list.png) no-repeat;
}
.headernav .list a:hover{
	background: url(../img/list1.png) no-repeat;
}

.ub{font-family: "SF Pro SC","HanHei SC","SF Pro Text","Myriad Set Pro","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;}
.left_menu2 .font_22{font-family: "SF Pro SC","HanHei SC","SF Pro Text","Myriad Set Pro","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;}