@font-face {
  font-family: syht;
  /*src: url("../font/syht.otf");*/
  src:url("https://cdn.pinghengpai.com/syht.otf");
}
@font-face {
  font-family: NotoSansHans-Bold;
  /*src: url("../font/NotoSansHans-Bold.otf");*/
  src:url("https://cdn.pinghengpai.com/NotoSansHans_Bold.otf");
}
@font-face {
  font-family: NotoSansHans-Regular;
  /*src: url("../font/NotoSansHans-Regular.otf");*/
  src: url("https://cdn.pinghengpai.com/NotoSansHans_Regular.otf");
}
@font-face {
  font-family: NotoSansHans-DemiLight;
  /*src: url("../font/NotoSansHans-DemiLight.otf");*/
  src: url("https://cdn.pinghengpai.com/NotoSansHans_DemiLight.otf");
}


html,body{
	padding:0;
	margin: 0;
	background: #e6e6e6;
	min-width: calc(1200px);
}
body::-webkit-scrollbar { /*此处设置滚动条的宽度和高度，宽度为纵向滚动条设置，高度为横向滚动条设置，设置为0的滚动条消失*/
    width: 0px;     
    height: 0px;
    }
body::-webkit-scrollbar-thumb {/*滚动条滑块样式*/
border-radius: 5px;
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
background: rgba(0,0,0,0.2);
}
body::-webkit-scrollbar-track {/*滚动条轨道样式*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(0,0,0,0.1);
}

*{padding:0;margin:0;box-sizing: border-box;font-size: 14px;font-family: 'syht';}
a{text-decoration: none;color:#333;}

a:hover, a:visited, a:link, a:active {
    color:#fff;
    // 设置使所有a标签的四种状态都和本身颜色保持一致，样式代码自己写
}
ul,ol{list-style: none;}
img{

　　vertical-align：top；

　　border：none;

}
.button{

    border:0;

    background-color:none

    outline:none;

    -webkit-appearance: none;//用于IOS下移除原生样式

}
select {

    border: none;

    appearance:none;

    -moz-appearance:none;

    -webkit-appearance:none;

    /*在选择框的最右侧中间显示小箭头图片*/

    background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;

    padding-right: 14px;

}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
input,textarea {

    outline: none;

    border: none;

}

textarea {

    resize: none;

    overflow: auto;

}
i{font-style: normal;}
table{border-collapse:collapse;border-spacing:0;}
/*去除input[type=number]加减号*/

/* 谷歌 */

input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

    -webkit-appearance: none;

    appearance: none;

    margin: 0;

}

/* 火狐 */

input{

    -moz-appearance:textfield;

}
.fl{
	float:left;
}
.fr{
	float:right;
}
.clear{
	clear:both;
}
.hidden{
	display: none;
}
.show{
	display: block;
}
.top{
	position: fixed;
	top:0;
	background:#000;
	width: 100%;
	height: 100px;
	color: #E6E6E6;
	z-index: 999;
	/* overflow: hidden; */
}
.footer{
	height: 67px;
	width: 100%;
	background: #b3b3b3;
	position: fixed;
	bottom:0px;
	z-index: 999;

}
.top-inner{
	padding-left: 42px;
	padding-right:42px;
	/* background: red; */
	background:#000;
	margin-left: auto;
	margin-right: auto;
	width: calc(1200px);
}
.logo{
	margin-top: 12px;
	width: 113px;
	height: 76px;
}
.footer-con{
	line-height: 67px;
	color:#E6E6E6;
	font-size: 16px;
	width: calc(1200px);
	padding-left: 41px;
	padding-right: 41px;
	margin-left: auto;
	margin-right: auto;
}
.top-lang{
	margin-left: calc(1200px - 42px - 145px);
	position: absolute;
	margin-top: 12px;
}
.top-lang-default{
	margin-left: 4px;
	text-indent: 2px;
	letter-spacing: 1px;
	font-family: Noto Sans S Chinese;
	font-weight: 300;
	color: #B3B3B3;
	z-index: 999;
	font-size: 17px;
	line-height: 23px;
	padding-top: 3px;
	padding-bottom: 5px;
	cursor: pointer;
}
.top-lang-con{
	margin-top: -4px;
	margin-left: 6px;
	text-indent: 11px;
	letter-spacing: 2px;
	width: 125px;
	background: #191919;
	border: 1px solid #333333;
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
	font-family: Noto Sans S Chinese;
	font-weight: 300;
	color: #B3B3B3;
	z-index: 999;
}
.top-lang-con-item{
	font-size: 17px;
	/* line-height: 23px; */
	border-bottom: 1px solid #333333;
	padding-top: 3px;
	padding-bottom: 5px;
	cursor: pointer;

}
.top-lang-con-item:hover{
	background: #000;
	color:#fff;
}

.top-lang-con-item.active{
	background: #000;
	color:#fff;
}

.lang-right{
	width: 14.6px;
	height: 16.8px;
}
.lang-icon{
	width: 23.3px;
	height: 23.3px;
}

.item{
	letter-spacing: 1px;
	font-size: 18px;
	color:#E6E6E6;
	padding-right: 18px;
	padding-left:18px;
	border-right: 2px solid #E6E6E6;
	height: 20px;
	line-height: 20px;
	font-weight: bold;
	cursor: pointer;
}
.item:last-of-type{
	border-right: none;
	margin-right: 25px;
}
.item:last-of-type::after{
	clear:both;
}
.item>div{
	font-size:18px;
}
.item:hover{
	color:#ffc300;
}
.item.active{
	color:#ffc300;
}
.menu-other{
	text-align: center;
	position: absolute;
	letter-spacing: 2px;
    background: #191919;
	border: 1px solid #333333;
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
	font-family: Noto Sans S Chinese;
	font-weight: 300;
	color: #B3B3B3;
	/*min-width: 100px;*/
	/*padding-top: 5px;*/
	/* margin-top: 5px; */
	/*margin-left: -19px;*/
}
.menu-other-item{
    font-size: 17px;
	/* line-height: 23px; */
	border-bottom: 1px solid #333333;
	padding-top: 3px;
	padding-bottom: 5px;
	cursor: pointer;
	padding-left:10px;
	padding-right:10px;
	line-height: 30px;
	font-family: Noto Sans S Chinese;
	text-align: left;
	/*color:#E6E6E6;*/
	/*font-weight: bold;*/
	/*background: #191919;*/
	/*line-height: 22px;*/
	/*font-size: 18px;*/
	/*background: #191919;*/
	/*padding-top:4px;*/
	/*padding-bottom:4px;*/
	/*padding-left:6px;*/
	/*padding-right:6px;*/
	/*border-top: 1px solid #eee;*/
	/*border-left: 1px solid #eee;*/
	/*border-right: 1px solid #eee;*/
	/*word-break:break-all;*/
}
.menu-other-item:hover{
    background: #000;
    color:#ffc300;
}
.menu-other-item>a:hover{
	color:#ffc300;
	background: #000;
}
.menu-other-item:last-of-type{
	/*border-bottom: 1px solid #eee;*/
}
.content{
	width: 1200px;
	margin-top: 167px;
	margin-left:auto;
	margin-right: auto;
	margin-bottom: 160px;
}

.hr{
	margin-top: 73px;
	height: 20px;
	
	/* line-height: 67px; */
	width: 1200px;
	height: 2px;
	background: linear-gradient(90deg, #CCCCCC, #E5E5E5, #CCCCCC);
	background-position: center;
}
.hr-title{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #808080;
	position: absolute;
	margin-top: -12px;
	letter-spacing: 4px;
	margin-left: calc(600px - 50px);
}
.bottom-item{
	width: 383px;
	height: 168px;
	margin-left:25px;
	text-align: center;
	/*background: green;*/
	margin-top: 27px;
}
.bottom-item:nth-child(1){
	margin-top:0px;
}
.bottom-item:nth-child(2){
	margin-top:0px;
}
.bottom-item:nth-child(3){
	margin-top:0px;
}

.bottom-item:nth-child(1){
	margin-left:0px;
}
.bottom-item:nth-child(3n+1){
	margin-left:0px;
}
.myhr{
	min-height: 3px;
	width: 100%;
	background: url('../img/hr.png');
	background-repeat: no-repeat;
	text-align: center;
	background-position:center;
}