@charset "utf-8";
@font-face {
	font-family: "proth";
	src: url("../fonts/HELVETICANEUELTPRO-TH.OTF") format('truetype');
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "prothex";
	src: url("../fonts/HELVETICANEUELTPRO-TH.OTF") format('truetype');
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "SourceHanSansCNNormal";
	src: url("../fonts/SourceHanSansCN-Normal.otf") format('truetype');
	font-style: normal;
	font-display: swap;
}

.family_normal {
	font-family: SourceHanSansCNNormal;
}


.family_th {
	font-family: proth;
}

.family_thex {
	font-family: prothex;
}

.layui-layer-loading .layui-layer-content{
	margin: auto !important;
}
/*三角形*/
.triangle_left {
	position: relative;
	height: 0px;
	width: 0px;
	border-top: 6px solid transparent;
	border-right: 6px solid #595757;
	border-bottom: 6px solid transparent;
}

.triangle_right {
	position: relative;
	height: 0px;
	width: 0px;
	border-top: 6px solid transparent;
	border-left: 6px solid #595757;
	border-bottom: 6px solid transparent;
}

.triangle_top {
	position: relative;
	height: 0px;
	width: 0px;
	border-left: 6px solid transparent;
	border-bottom: 6px solid #595757;
	border-right: 6px solid transparent;
}

.triangle_bottom {
	position: relative;
	height: 0px;
	width: 0px;
	border-left: 6px solid transparent;
	border-top: 6px solid #595757;
	border-right: 6px solid transparent;
}
/*banner*/


/*导航条 pc*/
.header_box{
	height: 90px;
	background: #404040;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 1000;
}
.header_box .menus_icon{
	margin: 0 55px 0 26px;
	cursor:pointer;
}
.header_box ~ .body{
	margin-top: 90px;
}
.menus_box{
	width: 0;
	position: fixed;
	left: 76px;
	background: #ededed;
	height: calc(100% - 90px);
	top: 90px;
	visibility: hidden;
	-o-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
	overflow: hidden;
	z-index: 10;
}
.menus_gray_box{
	position: fixed;
	left: 75px;
	height: calc(100% - 90px);
	top: 90px;
	width: calc(100% - 75px);
	background: rgba(0,0,0,0.35);
	z-index: 9;
	display: none;
}
.menus_box.on{
	width: 310px;
	visibility: visible;
}
.menus_box .menus_box_nav:first-child{
	margin-top: 40px;
}
.menus_box .menus_box_nav{
	height: 80px;
	display: block;
	padding-left: 30px;
	white-space: nowrap;
	font-size: 20px;
}
.menus_box .menus_box_nav.on{
	color:#ff7f00;
}
/*导航条 移动*/
.heade {
	position: fixed;
	top: 0;
	left: 0;
	width: calc(100% - 40px);
	z-index: 999;
	background: #191818;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0 20px;
	height: 50px;
	line-height: 50px;
}

.headr_img {
	width: 100px;
	height: 100%;
}

.headr_img .logo {
	width: 100%;
	display: block;
}

.headr_cont {
	margin-top: 18px;
	cursor: pointer;
}

.headr_cont span {
	display: block;
	width: 23px;
	height: 1px;
	background: #fff;
	margin-bottom: 6px;
}

.headr_cont span:nth-child(2) {
	width: 17px;
}

.heart {
	width: calc(100% - 40px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0 20px;
	height: 50px;
	line-height: 50px;
}

.hea {
	position: relative;
}

.hea span {
	width: 20px;
	height: 1px;
	background: #fff;
	margin-top: 8px;
}

.hea .nm {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all .2s;
	transition: all .2s;
}

.hea .vb {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: all .2s;
	transition: all .2s;
	position: absolute;
	top: 0px;
}

.hea span:nth-child(2) {
	width: 20px;
}

.headr_bot {
	position: fixed;
	top: 0px;
	left: 0;
	width: 100%;
	z-index: 1000;
	background: #2f2f2f;
	height: 100%;
	display: none;
}

.liq {
	padding: 0;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: scale(1.1) translateY(-24px);
	transform: scale(1.1) translateY(-24px);
	-webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
	transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
	transition: opacity 0.35s ease-out, transform 0.35s ease-out;
	transition: opacity 0.35s ease-out, transform 0.35s ease-out, -webkit-transform 0.35s ease-out;
}
.liq .line{
	width: 1px;
	height: 15px;
	opacity: 0.2;
	background: #fff;
	margin: 0 8px 0 16px;
}
.liq .login{
	color:#fff;
	font-size: 15px;
}
.slid {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: none;
	transform: none;
}

.liq:nth-child(2) {
	-webkit-transition-delay: 100ms, 100ms;
	transition-delay: 100ms, 100ms;
}

.liq:nth-child(3) {
	-webkit-transition-delay: 180ms, 180ms;
	transition-delay: 180ms, 180ms;
}

.liq:nth-child(4) {
	-webkit-transition-delay: 260ms, 260ms;
	transition-delay: 260ms, 260ms;
}

.liq:nth-child(5) {
	-webkit-transition-delay: 320ms, 320ms;
	transition-delay: 320ms, 320ms;
}

.liq:nth-child(6) {
	-webkit-transition-delay: 400ms, 400ms;
	transition-delay: 400ms, 400ms;
}

.liq:nth-child(7) {
	-webkit-transition-delay: 480ms, 480ms;
	transition-delay: 480ms, 480ms;
}

.liq:nth-child(8) {
	-webkit-transition-delay: 560ms, 560ms;
	transition-delay: 560ms, 560ms;
}
.liq:nth-child(9) {
	-webkit-transition-delay: 640ms, 640ms;
	transition-delay: 640ms, 640ms;
}
.liq:nth-child(10) {
	-webkit-transition-delay: 720ms, 720ms;
	transition-delay: 720ms, 720ms;
}
.fort_bott {
	width: calc(100% - 40px);
	padding: 0 20px;
}

.fort_bott .li {
	width: 100%;
	border-bottom: 1px solid #404043;
}

.fort_bott .info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	color: #fff;
}

.info h3 {
	font-size: 15px;
	padding-top: 15px;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-bottom: 15px;
	color: rgba(255, 255, 255, 1);
	width: 50%;
}
.info .login_txt{
	color:#fff;
	padding-left: 10px;
	font-size: 15px;
}
.info h3 a {
	width: 100%;
	display: inline-block;
	color: #fff;
}

.inf_img>img {
	margin-top: 122%;
}

.foyu_opi2 {
	display: none;
}

.foty_over a {
	color: rgba(255, 255, 255, 0.8);
	width: 100%;
	display: inline-block;
	padding-left: 15px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	line-height: 40px;
	font-size: 14px;
}

.foty_over a:hover {
	color: #de1e31;
}

.inko p a {
	color: rgba(255, 255, 255, 0.7);
	font-size: 16px;
}

.img_disp2 {
	display: block;
}

.img_disp3 {
	display: none;
}

.y_ov a:last-child {
	border-bottom: none;
}


/*脚部*/
.footer_box{
	background: #404040;
	color:#fff;
}
.footer_nav{
	font-size: 18px;
	color:#eeeeee;
}
.footer_nav_line{
	margin: 0 40px;
	height: 8px;
	width: 1px;
	background:#eeeeee;
}
.footer_1{
	height: 80px;
	background: #676767;
	padding: 0 5%;
}
/*.footer_1 .footer_1_1{
	margin-right: 55px;
}*/
.footer_1 .footer_1_1 .phone_icon{
	margin-right: 10px;
}
.footer_1 .wx{
	margin-right: 20px;
}
.footer_1 .right{
	font-size: 23px;
}
.footer_2{
	font-size: 15px;
	padding: 90px 5% 50px 5%;
	line-height: 30px;
}

/*页码*/
.page_number_con {
	width: 100%;
	height: 30px;
	font-size: 14px;
}
.page_number_con .page_number {
	width: 30px;
	height: 30px;
	box-sizing: border-box;
	text-align: center;
	line-height: 30px;
	display: block;
	color: #cccccc;
	margin-right: 4px;
	font-size: 14px;
	border:1px solid #e0e0e0;
}
.page_number_con .page_number_hover .img2{
	display: none;
}
.page_number_con .page_number_hover:hover{
	background: #e0e0e0;
	border:1px solid #e0e0e0;
}
.page_number_con .page_number_hover:hover .img{
	display: none;
}
.page_number_con .page_number_hover:hover .img2{
	display: block;
}
.page_number_con .gonum{
	text-align: center;
	margin:0 10px;
	box-sizing: border-box;
	height: 30px;
	width: 30px !important;
}
.page_number_con .btngo{
	height: 30px;
	margin-left: 10px;
	line-height: 30px;
	padding:0 10px;
	font-size: 14px;
}
.page_number_con .page_number.page_dian {
	border: none;
}

.page_number_con .page_number.active {
	background: #016ab8;
	color: #fff;
}

.page_number_con .page_number:not(.page_number_hover):hover {
	background: #016ab8;
	color: #fff;
}

.page_number_con .page_number:last-child {
	margin-right: 0;
}

.page_number_con .page_number_inner {
	width: 100%;
	height: 100%;
}


/*公众样式*/
.font_weight{
	font-weight: bold;
}
p {
	padding: 0;
    display: block;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display: none;
}

input[type=number] {
	-moz-appearance: textfield;
	padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

img {
	display: block;
　　-moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

a {
	color: #404040;
	text-decoration: none;
}

ul,
li {
	padding: 0;
	margin: 0;
	list-style: none;
}

a:hover {
	color: #ff7f00;
	text-decoration: none;
	transition: 0.3s all;
}
body {
	color: #404040;
	padding: 0;
	margin: 0;
	font-family:SourceHanSansCNNormal, PingFangSC-Regular,Microsoft YaHei, arial ,sans-serif;
	font-size: 16px;
	-webkit-tap-highlight-color:transparent;
	-webkit-overflow-scrolling: touch;
	background: #ededed;
}

.body {
	position: relative;
	z-index: 2;
	min-height: calc(100vh - 90px);
}
.body_left{
	width: 75px;
}
.body_left .txt{
	font-size: 12px;
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	margin-top: 370px;
	white-space: nowrap;
}
.body_right{
	width: calc(100% - 75px);
	border-left:1px solid #cbcbcb;
	box-sizing: border-box;
}
.body_content {
	width: 89.5%;
	margin: auto;
	position: relative;
}

.pc_screen {
	display: block !important;
}

.mobile_screen {
	display: none !important;
}
.display_block{
	display: block !important;
}

.display_none {
	display: none !important;
}
.color_fff {
	color: #fff !important;
}

.color_main {
	color: #4493ce !important;
}

.color_bg_main {
	color: #fff !important;
	background: #4493ce !important;
}

.color_gray {
	color: #808080 !important;
}
.color_333 {
	color: #333 !important;
}
.color_666 {
	color: #666 !important;
}
.color_999 {
	color: #999 !important;
}


/*文字超出隐藏*/

.text_hidden {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.two_hidden {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.three_hidden {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.four_hidden {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}

.five_hidden {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
}

.six_hidden {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
}

.seven_hidden {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 7;
}


/*文字倾斜*/

.text_italic {
	font-style: italic;
}


/*flex*/

.d_flex {
	display: -webkit-box;
	display: -moz-box;
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: -webkit-flex;
	display: flex;
}

.flex_wrap {
	-o-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.j_start {
	-o-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.j_center {
	-o-justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.j_between {
	-o-justify-content: space-between;
	-ms-justify-content: space-between;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.j_space_around {
	-o-justify-content: space-around;
	-ms-justify-content: space-around;
	-moz-justify-content: space-around;
	-webkit-justify-content: space-around;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}
.j_end{
	-o-justify-content:flex-end;
	-ms-justify-content:flex-end;
	-moz-justify-content:flex-end;
	-webkit-justify-content:flex-end;
	justify-content:flex-end;
}

.a_center {
	-o-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
}

.a_end {
	-o-align-items: flex-end;
	-ms-align-items: flex-end;
	-moz-align-items: flex-end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}

.row_column{
	-o-flex-direction: row-reverse; 
	-ms-flex-direction: row-reverse; 
	-moz-flex-direction: row-reverse; 
	-webkit-flex-direction: row-reverse; 
 	flex-direction: row-reverse; 
}
.flex_column{
	-o-flex-direction: column;
	-ms-flex-direction: column;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}

/*浮动*/

.float_left {
	float: left !important;
}

.float_right {
	float: right !important;
}


/*响应式适配*/
@media screen and (max-width: 1861px) {
	
}
@media screen and (max-width: 1681px) {
	
}
@media screen and (max-width: 1450px) {
	
}
@media screen and (max-width: 1335px) {
	
}
@media screen and (max-width: 1200px) {
	
}
@media screen and (max-width: 1100px) {

}
@media screen and (max-width: 1000px) {

}
@media screen and (max-width: 768px) {

	
}
@media screen and (max-width: 500px) {

}
@media screen and (max-width: 330px) {

}