* {
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent
}

body,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
ol,
p,
select,
table,
td,
textarea,
ul {
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: none;
	font-family: "microsoft yahei", Arial
}

body {
	font-family: "microsoft yahei", Arial;
	color: #555;
	background: #fff;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
	background-color:#F8F8F8;
}

.wrap {
	width: 100%;
	max-width: 1320px;
	margin: 0 auto
}

ins {
	display: none
}

ul {
	list-style: none
}

a {
	color: #414141;
	text-decoration: none;
	outline: none
}

a:hover {
	color: #c7000b
}

img {
	max-width: 100%;
	vertical-align: top;
	height: auto;
	-ms-interpolation-mode: bicubic;
	border: none
}

::-moz-selection {
	color: #fff;
	background: rgb(38, 125, 197);
}

::selection {
	color: #fff;
	background: rgb(38, 125, 197);
}

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

.fix:after,
.fix:before {
	display: table;
	clear: both;
	content: ''
}

.fl {
	float: left
}

.fr {
	float: right
}

.hide {
	display: none
}

.hidetext {
	font-size: 0;
	line-height: 0;
	letter-spacing: -9px;
	overflow: hidden
}

.placeholder {
	color: #aaa
}

.mart10 {
	margin-top: 10px
}

.mart20 {
	margin-top: 20px
}

.mart30 {
	margin-top: 30px
}

.mart40 {
	margin-top: 40px
}

.marb10 {
	margin-bottom: 10px
}

.marb20 {
	margin-bottom: 20px
}

.marb30 {
	margin-bottom: 30px
}

.marb40 {
	margin-bottom: 40px
}

.marr10 {
	margin-right: 10px
}

.marr20 {
	margin-right: 20px
}

.marl10 {
	margin-left: 10px
}

.marl20 {
	margin-left: 20px
}

.padt20 {
	padding-top: 20px
}

.padt30 {
	padding-top: 30px
}

.padb10 {
	padding-bottom: 10px
}

.padb20 {
	padding-bottom: 20px
}

.paddingr10 {
	padding-right: 10px
}

.paddingl10 {
	padding-left: 10px
}

.more_btn {
	text-align: center;
	margin: 0 auto
}

.more_btn .more {
	display: inline-block;
	margin-top: 20px;
	padding: .45em 2em;
	font-size: 93%;
	color: #333;
	border-radius: 2em;
	border: 2px solid #878787;
	background: 0 0
}

.m_bg {
	background-color: #f6f6f6
}

.bort {
	border-top: #f0f0f0 .5px solid
}

.borr {
	border-right: #ddd 1px solid
}

.borb {
	border-bottom: #ddd 1px solid
}

/* font-icon */
@font-face {
  font-family: 'iconfont';  /* project id 891179 */
   src: url('../font/iconfont20210129.eot');
   src: url('../font/iconfont20210129.eot') format('embedded-opentype'),
   url('../font/iconfont20210129.woff2') format('woff2'),
   url('../font/iconfont20210129.woff') format('woff'),
   url('../font/iconfont20210129.ttf') format('truetype'),
   url('../font/iconfont20210129.svg') format('svg');
}

[class^="ico-"] {
	font-family: "iconfont";
	display: inline-block;
	vertical-align: middle;
	margin: 0 .3em;
	font-size: inherit;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}



/*********************************** header & footer & side-bar*************************************** */
/* header */
.head {
	position: fixed;
	top: 0;
	z-index: 10000;
	width: 100%;
	background-color: #fff
}

.head>.wrap {
	position: relative
}

/* .head.scroll .nav1>ul>li>a{color:#fff} */
.head,
.head .logo a,
.head .logo a:after,
.head .logo a:before,
.head .nav1,
.head .nav-btn-plu span,
.head .nav1>ul>li,
.head .nav1>ul>li>a,
.head .top_search {
	height: 80px;
	line-height: 80px;
	transition: .3s
}

.head .nav1 .sevNav {
	top: 80px
}

.head.scroll {
	border-bottom: .5px solid #F0F0F0;
	box-shadow: 0 6px 24px rgba(0, 0, 0, .1);
}

.head.scroll,
.head.scroll .logo a,
.head.scroll .logo a:after,
.head.scroll .logo a:before,
.head.scroll .nav1,
.head.scroll .nav-btn-plu span,
.head.scroll .nav1>ul>li,
.head.scroll .nav1>ul>li>a,
.head.scroll .top_search {
	height: 60px;
	line-height: 60px
}

.head .nav1 .sevNav {
	top: 79px;
	display: block !important;
	display: none !important\9;
	border-top: 1px solid #c7000b;
	visibility: hidden;
	opacity: 0;
	transform: translateY(10px);
	transition: .46s ease-in-out;
}

.nav1 ul li:hover .sevNav {
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
}

.head.scroll .logo a:after,
.head.scroll .logo a:before {
	font-size: 48px;
}

.head.scroll .nav1 .sevNav {
	top: 59px
}

.head.scroll .nav1>ul>li.cur>a {
	height: 59px;
	border-bottom-width: 1px;
	color: red
}

.head.scroll .nav-btn-plu span:before {
	font-size: 20px
}

/* header -> nav -> logo */
.logo {
	float: left;
	width: 20%
}

.logo a {
	font-family: iconfont;
	display: block;
	height: 80px;
	font-weight: 400
}

.logo a:before {
	content: '\e61e';
	display: inline-block;
	float: left;
	height: 80px;
	line-height: 80px;
	font-size: 52px;
	color: red
}

.logo a:after {
	content: '\e623';
	display: inline-block;
	float: left;
	height: 80px;
	padding: 0 10px;
	line-height: 80px;
	font-size: 52px;
	color: #000
}

.head_r {
	float: left;
	width: 70%
}

.head .head_r .head_topmess {
	width: auto;
	height: 28px;
	color: #333;
	padding-top: 15px;
	margin-bottom: 10px;
	background-color: inherit;
	float: right
}

.head .head_r .head_topmess ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.head .head_r .head_topmess ul li {
	float: left;
	height: 28px;
	line-height: 28px;
	margin-left: 20px;
	position: relative;
	z-index: 90
}

.head .head_r .head_topmess ul li.tmess_line {
	width: 1px;
	height: 16px;
	margin-top: 6px;
	background-color: #b3b3b3
}

.nav1 {
	width: 100%;
	height: 80px;
	display: block
}

.nav1 ul {
	list-style: none;
	text-align: center
}

.nav1>ul>li {
	display: inline-block;
	position: relative;
	padding: 0 10px;
	margin: 0 14px;
}

.nav1>ul>li a {
	display: block;
	position: relative;
	z-index: 1000;
	padding: 0 5px;
	color: #444;
	font-size: 16px
}

.mobil-drop-btn {
	display: none
}

.nav {
	position: relative;
}

.nav-marker {
	display: block;
	position: absolute;
	bottom: 0;
	z-index: 10001;
	height: 3px;
	background: #c7000b;
	transition: .3s;
}

.nav-hide .nav-marker {
	-ms-transform: scaleY(0);
	transform: scaleY(0);
}

/* nav -> right side */
.nav-btn-plu {
	float: left;
	width: 10%;
	text-align: right
}

.nav-btn-plu span {
	display: inline-block;
	float: left;
	width: 50%;
	text-align: center;
	font-family: iconfont;
	font-size: 24px;
	color: #666
}

.nav-btn-plu span:hover {
	cursor: pointer
}

#menu-mobile-btn {
	display: none;
	width: 0\9;
	height: 0\9;
	overflow: hidden\9;
}

.nav-search-btn:before {
	content: '\e73f'
}

.nav-side-btn {
	position: relative
}

.nav-side-btn:before {
	display: none;
	display: inline-block\9;
	content: '\e76a'
}

.head #language {
	width: 24px;
	height: 24px;
	line-height: 24px;
	margin: 28px auto;
	font-size: 26px;
	font-family: 'iconfont';
	transition: .3s
}

.head #language:before {
	content: '\e6d5';
}

.head #language.is-active:before {
	content: '\e65e';
}

.head.scroll #language {
	margin: 18px auto
}

#lan-select:before {
	display: inline-block;
	content: '';
	position: absolute;
	top: -21px;
	right: 20px;
	z-index: 9999999999999;
	width: 0;
	height: 0;
	border-width: 10px;
	border-style: solid;
	border-color: transparent transparent #F0F0F0 transparent
}

#lan-select:after {
	display: inline-block;
	content: '';
	position: absolute;
	top: -19px;
	right: 20px;
	z-index: 9999999999999;
	width: 0;
	height: 0;
	border-width: 10px;
	border-style: solid;
	border-color: transparent transparent #fff transparent
}

.head #language .line {
	display: none;
	width: 24px;
	height: 2px;
	border-radius: 2px;
	background-color: #999;
	margin: 3px auto;
	transition: .3s ease-in-out
}

.is-active .line:nth-child(2) {
	opacity: 0
}

.is-active .line:nth-child(1) {
	transform: translateY(8px) rotate(45deg)
}

.is-active .line:nth-child(3) {
	transform: translateY(-8px) rotate(-45deg)
}

.head #lan-select {
	display: none\9;
	visibility: hidden;
	position: absolute;
	bottom: -82px;
	right: 0;
	z-index: 9999999999;
	width: 120px;
	background-color: #fff;
	border: 1px solid #F0F0F0;
	border-radius: 3px;
	overflow: visible !important;
	transform: scale(.86) translateY(6px);
	opacity: 0;
	transform-origin: center top;
	transition: .3s ease-in-out
}

.lan-select-show {
	display: block\9;
	visibility: visible !important;
	transform: scaleY(1) translateY(0) !important;
	transform-origin: center top;
	opacity: 1 !important
}

#lan-select a {
	display: block;
	float: left;
	width: 100%;
	line-height: 40px;
	font-size: 14px;
	text-align: center
}

#lan-select a:first-child {
	border-bottom: 1px solid #F6F6F6
}

.search-btn-toggle:before {
	content: '\e7ca'
}

/* nav -> slide-down */
.sevNav {
	display: none;
	position: absolute;
	left: 0;
	z-index: 9999;
	width: 580px;
	background-color: #fff;
	transition: 1s ease;
	border: 1px #ccc solid
}

.sevNav ul {
	float: left;
	width: 45%;
	padding: 10px
}

.sevNav ul li {
	display: block;
	float: left;
	margin-left: 5%;
	border-bottom: 1px #e9e9e9 solid;
	overflow: hidden
}

.sevNav ul li.wide {
	width: 90%
}

.sevNav ul li.side {
	width: 45%
}

.sevNav ul li a {
	display: block;
	height: 40px;
	font-size: 16px;
	line-height: 40px;
	color: #555;
	text-align: center;
	font-weight: 400
}

.nav1>ul>li:hover>a {
	color: #c7000b
}

.sevNav ul li a:hover {
	color: #fff;
	background-color: #c7000b;
	border-radius: 2px
}

.sevNav ul li.scurr a {
	color: #fff;
	background-color: #d80010;
	border-radius: 2px
}

.sevNav .img {
	float: left;
	width: 55%;
	padding: 10px;
	overflow: hidden
}

.sevNav .img img {
	width: 100%
}

.nav1 .nav01 {
	left: -85px
}

.nav1 .nav02 {
	left: -85px
}

.nav1 .nav03 {
	left: -40px
}

.nav1 .nav04 {
	left: -60px
}

.nav1 .nav05 {
	left: auto;
	right: -80px
}

.nav1 .nav06 {
	left: auto;
	right: 0
}

/* nav -> search */
.nav1 ul li {
	opacity: 1;
	-ms-transform: scaleX(1);
	transform: scaleX(1);
	transform-origin: center center;
	transition: .3s
}

.nav-hide ul li {
	display: none\9;
	opacity: 0;
	transform: opacity:0;
}

.head .top_search {
	display: none\9;
	position: absolute;
	top: 0;
	right: calc(10% + 10px);
	right: 10%\9;
	z-index: 1100;
	width: 40%;
	background-color: transparent;
	opacity: 0;
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-ms-transform-origin: right;
	transform-origin: right;
	transition: .4s
}

.head .top-search-show {
	display: block\9;
	opacity: 1;
	-ms-transform: scaleX(1);
	transform: scaleX(1)
}

.top_search form {
	width: 100%;
	height: 46px;
	margin-top: 17px;
	border: .5px solid #EEEEEE;
	background-color: #fcfcfc;
	overflow: hidden;
	transition: .3s
}

.top_search #searchSubmit {
	-ms-transform: scale(0);
	transform: scale(0);
	transition: .2s .3s
}

.top_search #keywords {
	opacity: 0;
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	-ms-transform-origin: left;
	transform-origin: left;
	transition: .2s .35s
}

.head.scroll .top_search form {
	height: 40px;
	margin-top: 10px;
}

.top-search-show #searchSubmit {
	-ms-transform: scale(1);
	transform: scale(1);
	line-height: normal;
}

.head.scroll .top-search-show #searchSubmit {
	color: #F9F9F9;
	line-height: normal;
}

.top-search-show #keywords {
	opacity: 1;
	-ms-transform: scaleY(1);
	transform: scaleY(1)
}

#keywords {
	display: inline-block;
	float: left;
	width: 90%;
	height: 100%;
	padding: 0 16px;
	font-size: 16px;
	color: #888;
	border: none;
	outline: 0;
	background-color: transparent
}

#keywords::-webkit-input-placeholder {
	font-size: 15px;
	color: #B3B3B3
}

#keywords::-ms-input-placeholder {
	font-size: 15px;
	color: #B3B3B3
}

#searchSubmit {
	float: left;
	width: 10%;
	height: 100%;
	padding-right: 16px;
	border: none;
	outline: 0;
	text-align: right;
	background-color: transparent
}

#searchSubmit:hover {
	cursor: pointer
}

#searchSubmit:before {
	content: '\e73f';
	font-family: iconfont;
	font-size: 20px;
	color: #888;
	transition: .2s
}

#searchSubmit:hover:before {
	color: #F63B2E
}





/* ************************home page response*********************************** */

@media screen and (max-width:1320px) {
	
	.nav1>ul>li.cur>a {
		border-bottom: 3px solid red
	}

	.wrap {
		padding: 0 40px
	}

	.newsBox {
		padding: 0 30px;
	}

	.newsBox_con {
		padding: 0;
	}

	.head .top_search {
		right: calc(10% + 40px)
	}

	.index_foot {
		min-width: 100%
	}

	a.pic_push~h3 a {
		font-size: 14px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}

	.intr {
		padding: 0 30px
	}

	.intr p {
		width: auto;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		overflow: hidden
	}

	.inews_intr h3 {
		height: 30px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}
	.bussiness-list{
		width:calc(100vw - 80px)
	}
	.menu-list{
		width: 230px;
	}
	.content-list{
		width: calc(100% - 230px);
	}
	.bussiness-info{
		width: calc(100% - 300px);
	}
	.bussiness-info p{
		overflow:hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 7;
		-webkit-box-orient: vertical;
	}
	.bussiness-cover{
		width:280px;
		margin-left:20px;
	}
}

/* small screen computer */
@media screen and (max-width:1200px) {

	.head,
	.head .logo a,
	.head .logo a:after,
	.head .logo a:before,
	.head .nav1,
	.head .nav-btn-plu span,
	.head .nav1>ul>li,
	.head .nav1>ul>li>a,
	.head .top_search {
		height: 60px;
		line-height: 0px
	}

	.head .wrap {
		float: left;
		height: 100%;
		padding: 0
	}

	.logo {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10001;
		width: 100%;
		padding: 0 20px
	}

	.nav-btn-plu {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 10002;
		min-width: 120px
	}

	.head .nav1 {
		position: fixed;
		top: 60px;
		right: 0;
		z-index: 10000;
		height: 100vh;
		padding-top: 2px;
		background-color: #F6F6F6;
		transform: translate3d(-100vw, 0, 0);
		opacity: 0;
		transition: .4s ease-in-out
	}

	.head .nav-show {
		opacity: 1;
		transform: translate3d(0, 0, 0)
	}

	.nav1 .fix>li:nth-child(0) {
		transform: translate3d(-60px, 0, 0);
		transition: .8s .3s
	}

	.head .logo a {
		display: inline-block;
		width: auto;
	}

	.head.scroll .nav1 {
		top: 60px;
		height: 100vh;
		padding-bottom: 60px;
	}

	.head .top_search {
		z-index: 10010;
	}

	.top_search form {
		height: 40px;
		margin-top: 10px;
	}

	.mobil-drop-btn {
		display: inline-block;
		float: left;
		width: 45px;
		height: 46px;
		line-height: 46px;
		color: #999;
		text-align: center;
		transition: .2s
	}

	.mobil-drop-btn:before {
		display: inline-block;
		content: '\e62b';
		font-family: iconfont;
		transition: .2s
	}

	.mobil-drop-btn-active {
		background-color: #F6F6F6
	}

	.mobil-drop-btn-active:before {
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
		color: #F63B2E
	}

	.nav1 ul li {
		width: 100%;
		height: auto !important;
		margin: 0;
		padding: 0;
		border-bottom: 1px solid #F6F6F6;
		background-color: #fff
	}

	.head.scroll .nav1>ul>li>a,
	.nav1>ul>li>a {
		float: left;
		width: calc(100% - 46px);
		height: auto !important;
		padding: 15px;
		border: none !important;
		line-height: 1 !important;
		color: #333;
		font-size: 16px !important;
		text-align: left
	}

	.nav1>ul>li>a {
		border-right: 1px solid #f6f6f6 !important
	}

	.nav1>ul>li:first-child>a {
		border: none !important
	}

	.head .nav1 .sevNav {
		display: block;
		position: static;
		float: left;
		width: 100%;
		border: none;
		opacity: 1;
		visibility: visible;
		transform: translate(0);
		overflow: hidden;
		background-color: #F8F8F8;
	}

	.head .nav1 .sevNav ul {
		display: none
	}

	.sevNav ul,
	.sevNav ul li a,
	.sevNav ul li.side,
	.sevNav ul li.wide {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
		text-align: left;
		text-indent: 20px;
		background-color: #f3f3f3;
		border-color: #eee
	}

	.sevNav ul li:last-child {
		border: none;
	}

	.sevNav .img {
		display: none
	}

	.head .nav-btn-plu span:after {
		content: '';
		display: inline-block;
		float: right;
		width: 1px;
		height: 32px;
		margin-top: 14px;
		background-color: #eee
	}

	.nav-side-btn {
		display: none !important
	}

	#menu-mobile-btn {
		display: inline-block
	}

	#full-width-slider,
	.rsContainer>div,
	.rsOverflow,
	.sliderContainer {
		width: 100% !important;
		min-width: 100%;
		height: 0 !important;
		padding-bottom: 50%
	}

	.sliderContainer {
		padding-top: 60px !important
	}

	.rsContent a {
		height: 0 !important;
		padding-bottom: 50%
	}

	img.rsImg {
		display: block;
		width: 158% !important;
		height: auto !important;
		margin-top: 0 !important;
		margin-left: -30% !important
	}

	.news_pbox:before {
		padding: 32% 0
	}

	.news_pbox ul li img {
		-ms-transform: scale(1.3);
		transform: scale(1.3)
	}

	/* menu button */
	.inews_Year {
		padding-top: 5px
	}

	.ham {
		display: inline-block;
		float: left;
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
		transition: transform .4s;
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		user-select: none
	}

	.hamRotate.active {
		-ms-transform: rotate(45deg);
		transform: rotate(45deg)
	}

	.hamRotate180.active {
		-ms-transform: rotate(180deg);
		transform: rotate(180deg)
	}

	.ham-line {
		fill: none;
		transition: stroke-dasharray .4s, stroke-dashoffset .4s;
		stroke: #999;
		stroke-width: 4;
		stroke-linecap: round
	}

	.ham.active .ham-line {
		stroke: red
	}

	.ham .ham-top {
		stroke-dasharray: 40 160
	}

	.ham .ham-middle {
		stroke-dasharray: 40 142;
		transform-origin: 50%;
		transition: transform .4s
	}

	.ham .ham-bottom {
		stroke-dasharray: 40 85;
		transform-origin: 50%;
		transition: transform .4s, stroke-dashoffset .4s
	}

	.ham.active .ham-top {
		stroke-dashoffset: -64px
	}

	.ham.active .ham-middle {
		transform: rotate(90deg)
	}

	.ham.active .ham-bottom {
		stroke-dashoffset: -64px
	}
}

/* pad */
@media screen and (max-width:1024px) {
	img {
		pointer-events: none
	}

	/*移动端禁止图片放大*/
	.intr h3,
	.vision_tit {
		font-size: 28px
	}

	.intr p,
	.rows_tit a,
	.vision_con {
		font-size: 14px
	}

	.index_core {
		margin: 20px 0
	}

	.rows_tit h3 {
		height: 40px;
		line-height: 40px;
		font-size: 24px
	}

	.rows_tit a {
		height: 40px;
		line-height: 50px
	}

	.newsBox {
		display: none
	}

	.intr h3 {
		height: 80px;
		line-height: 90px
	}

	.index_news {
		margin: 20px 0
	}
}

@media screen and (max-width:900px) {
	.bussiness-info{
		width: calc(100% - 220px);
	}
	.bussiness-cover{
		width:200px;
		margin-left:20px;
	}
	.index_rows_tit {
		margin: 30px 0 20px
	}

	.rows_tit h3 {
		font-size: 32px
	}

	.rows_tit a {
		font-size: 18px
	}

	.rows_tit a:after {
		width: 24px;
		transform: scale(1) rotate(90deg);
		content: '\e609'
	}

	.intr p {
		-webkit-line-clamp: 3
	}

	.inews_list,
	.news_pbox {
		width: 100%;
		margin-bottom: 10px
	}

	.news_pbox:before {
		padding: 24% 0
	}

	.news_pbox ul li img {
		transform: scale(1)
	}

	.inews_list {
		margin-top: 20px
	}

	.foot_mess {
		padding: 20px 0
	}

	.foot_mess .footNav,
	.foot_mess .footSites {
		width: 100%;
		border: none
	}

	.col_tit,
	.sites_tit {
		font-size: 22px;
		font-weight: 400
	}

	.foot_mess .col_19 {
		width: 100%;
		min-height: 100%;
		padding: 18px 0
	}

	.foot_mess .footSites {
		padding: 20px 0
	}

	.col_nav a {
		float: left;
		width: 50%
	}

	.f_sites {
		padding: 0;
		border: none
	}

	.f_sites ul li,
	.f_sites ul li a {
		width: 100%;
		margin: 0;
		line-height: 2.4;
		text-align: left;
		background-color: transparent
	}

	.f_sites ul li a:after {
		display: inline-block;
		content: '\e609';
		font-family: iconfont;
		transform: rotate(90deg) translateY(-5px)
	}
}

@media screen and (max-width:768px) {
	.content-list,.bussiness-tab{
		display: none;
	}
	.bussiness-list{
		width: calc(100% - 40px);
	}
	.menu-list{
		display: flex;
		flex-wrap: wrap;
		width:100%;
	}
	.menu-list li{
		display: flex;
		flex-direction: column;
		align-items: center;
		width:calc(25% - 2px);
		height: auto;
		padding:0;
		border-right: 1px solid #F0F0F0;
		border-bottom: 1px solid #F0F0F0;
	}
	.menu-list li.cur a{
		color:#666666;
	}
	.menu-list li::before{
		font-family: 'iconfont';
		display:inline-block;
		font-size:40px;
		height:40px;
	}
	.menu-list li:nth-child(2)::before{
		content: '\e60e';
	}
	.menu-list li:nth-child(3)::before{
		content: '\e60f';
	}	
	.menu-list li:nth-child(4)::before{
		content: '\e61b';
	}	
	.menu-list li:nth-child(5)::before{
		content: '\e657';
	}	
	.menu-list li:nth-child(6)::before{
		content: '\e7cc';
	}	
	.menu-list li:nth-child(7)::before{
		content: '\e62f';
	}	
	.menu-list li:nth-child(8)::before{
		content: '\e645';
	}	
	.menu-list li:nth-child(9)::before{
		content: '\e622';
		
	}	
	.menu-list li:nth-child(5),.menu-list li:nth-child(9){
		border-right: transparent;
	}
	.menu-list li:nth-child(6),.menu-list li:nth-child(7),.menu-list li:nth-child(8),.menu-list li:nth-child(9){
		padding-top:10px;
		border-bottom-color:transparent;
	}
	.cur-bg{
		display:none;
	}
	.nav1 {
		overflow-y: scroll;
	}

	.nav1>ul>li {
		position: relative;
		z-index: 10002;
	}

	.nav1 .fix>li:nth-child(1) {
		transform: translate3d(-60px, 0, 0);
		transition: .8s .3s
	}

	.nav1 .fix>li:nth-child(2) {
		transform: translate3d(-100px, 0, 0);
		transition: .82s .3s
	}

	.nav1 .fix>li:nth-child(3) {
		transform: translate3d(-160px, 0, 0);
		transition: .84s .3s
	}

	.nav1 .fix>li:nth-child(4) {
		transform: translate3d(-240px, 0, 0);
		transition: .86s .3s
	}

	.nav1 .fix>li:nth-child(5) {
		transform: translate3d(-340px, 0, 0);
		transition: .88s .3s
	}

	.nav1 .fix>li:nth-child(6) {
		transform: translate3d(-460px, 0, 0);
		transition: .9s .3s
	}

	.nav1 .fix>li:nth-child(7) {
		transform: translate3d(-600px, 0, 0);
		transition: .92s .3s
	}

	.nav-show .fix>li:nth-child(1),
	.nav-show .fix>li:nth-child(2),
	.nav-show .fix>li:nth-child(3),
	.nav-show .fix>li:nth-child(4),
	.nav-show .fix>li:nth-child(5),
	.nav-show .fix>li:nth-child(6),
	.nav-show .fix>li:nth-child(7) {
		transform: translate3d(0, 0, 0)
	}

	.logo a:before,
	.logo a:after,
	.head.scroll .logo a:before,
	.head.scroll .logo a:after {
		font-size: 42px;
	}

	.wrap {
		padding: 0 20px
	}

	.intr h3,
	.vision_tit {
		font-size: 24px;
		line-height: 3
	}

	.index_core {
		margin: 0;
		padding:20px 0 40px;
	}

	.vision_con {
		line-height: 1.6
	}

	.conpany_intr {
		padding-bottom: 42%
	}

	.news_pbox,
	.news_pbox ul,
	.news_pbox ul li {
		border-radius: 4px;
	}

	.media {
		width: 140%;
		margin-left: -16%
	}

	.intr {
		padding: 0 16px
	}

	.intr h3 {
		height: 100px;
		line-height: 120px;
		font-size: 24px
	}

	.intr p {
		font-size: 14px;
		-webkit-line-clamp: 4;
		line-height: 1.6
	}

	.index_news {
		margin: 0 0 40px
	}
	
}
@media screen and (max-width:667px) {
	.menu-list li {
		padding-left:10px;
		padding-right:10px;
	}
	.menu-list li a{
		font-size:13px;
		line-height:14px;
		height:28px;
		margin-top:20px;
		text-align: center;
	}
	.head.scroll .nav1>ul>li>a,
	.nav1>ul>li>a {
		width: calc(100% - 50px);
		font-size: 14px !important;
		padding: 18px 24px
	}

	.sevNav ul li a {
		text-indent: 36px
	}

	.mobil-drop-btn {
		height: 50px;
		line-height: 50px
	}

	.sevNav ul li a {
		font-size: 14px;
		height: 48px;
		line-height: 48px
	}

	.sevNav ul li a:last-child {
		border: none
	}

	.mobil-drop-btn {
		width: 50px;
		font-size: 10px
	}

	#video-mask {
		display: none
	}

	#media-video,
	.ppq-video-player {
		display: block !important
	}

}

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

	.rsMinW .rsBullet,
	.rsMinW .rsBullet.rsNavSelected {
		height: 8px
	}

	.rows_con ul {
		width: calc(100% + 20px);
		margin-left: -10px
	}

	.rows_con ul li {
		width: 33.333333%;
		margin: 0;
		padding: 10px
	}

	.rows_con ul li:last-child {
		display: none
	}

	.rows_con ul li:hover {
		box-shadow: none
	}

	.intr h3 {
		display: none
	}

	.intr {
		padding: 5% 20px 0
	}

	.news_pbox:before {
		padding: 28% 0
	}

	.news_pbox ol {
		margin-left: -70px
	}

	.news_pbox ol li {
		width: 20px;
		transform: scale(1)
	}

	.news_pbox ul li p {
		line-height: 1.6;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2
	}

	.head .top_search {
		width: 100%;
		height: 52px !important;
		left: 0;
		top: 60px;
		background-color: #F0F0F0;
		padding: 0 16px;
		transform: scale(1, 0);
		transform-origin: top left;
	}

	.head .top-search-show {
		transform: scale(1, 1);
	}

	.top_search form {
		height: 32px !important;
		margin: 10px 0 !important;
		background-color: #FFFFFF !important;
		border-color: rgba(255, 255, 255, .1);
	}

	.top-search-show #keywords {
		width: calc(100% - 40px);
		padding: 0 5px;
		font-size: 13px;
		color: #333;
	}

	.top_search #searchSubmit {
		width: 40px;
		padding: 0;
		text-align: center;
		background-color: #AAAAAA;
		transform: scale(1);
		opacity: 1;
		transition: none;
	}

	#searchSubmit:before {
		color: #FFFFFF;
		font-size: 16px;
		transition: none;
	}
}

@media screen and (max-width:520px) {
	.inews_list {
		margin-top: 10px;
	}

	.inews_list li {
		position: relative;
		margin-bottom: 12px;
	}

	.inews_time {
		position: absolute;
		top: 32px;
		left: 0;
		z-index: 2;
		width: 100%
	}

	.inews_intr {
		width: 100%;
	}

	.inews_intr h3 {
		font-size: 16px;
		height: 32px;
		line-height: 32px;
	}

	.inews_intr p {
		height: auto;
		margin-top: 24px;
		font-size: 13px;
		line-height: 1.6;
	}

	.inews_time span {
		display: inline-block;
		width: auto;
		padding: 0;
		font-size: 12px;
		line-height: 1.6;
		color: #888;
	}

	.inews_Year:before {
		content: '发布日期：';
	}

	.inews_Day:before {
		content: '-';
	}

	.inews_Year {
		float: left;
	}

	.rsMinW .rsArrow {
		display: none !important;
	}
}

@media screen and (max-width:420px) {
	.index_core{
		padding:0;
	}
	.menu-list{
		padding:20px;
	}
	.menu-list li {
		width:50%;
		padding:20px 0;
	}
	.menu-list li:nth-child(3),.menu-list li:nth-child(7){
		border-right-color: transparent;
	}
	.menu-list li:nth-child(6),.menu-list li:nth-child(7){
		border-bottom-color:#F0F0F0;
	}
	.menu-list li a{
		font-size:13px;
		line-height:28px;
		margin-top:20px;
		text-align: center;
	}
	.rsArrow {
		display: none
	}
	.rsMinW .rsBullets {
		bottom: 8px
	}
	.rsMinW .rsBullet,
	.rsMinW .rsBullet.rsNavSelected {
		height: 4px
	}

	.nav1:before {
		content: '为制造的更高荣耀';
		display: inline-block;
		position: fixed;
		bottom: 46vw;
		left: 0;
		width: 100%;
		font-size: 20px;
		color: #fff;
		text-align: center;
		letter-spacing: 2px;
		opacity: 0;
		transform: translateY(80px);
		transition: 1s 1s
	}

	.nav1:after {
		content: '';
		display: inline-block;
		position: fixed;
		bottom: 20px;
		left: 0;
		width: 100%;
		height: 0;
		padding-bottom: 70%;
		/*background: url(../image/navbg.png) no-repeat;*/
		background-size: contain;
		opacity: 0;
		transform: translateY(400px);
		transition: 1s .3s
	}

	.nav-show:before {
		transform: translate(0);
		opacity: 1
	}

	.nav-show:after {
		transform: translate(0);
		opacity: .2
	}

	.rows_con ul li {
		position: relative;
		width: calc(100% - 20px);
		padding: 0;
		margin-left: 10px;
		margin-bottom: 10px
	}

	.rows_con ul li:last-child {
		display: block
	}

	.rows_con h3 {
		position: absolute;
		top: 50%;
		left: 0;
		z-index: 2;
		width: 100%;
		height: 200px;
		margin-top: -100px;
		line-height: 200px;
		text-align: center;
		background-color: rgba(0, 0, 0, .6)
	}

	a.pic_push {
		position: relative;
		padding-bottom: 22%
	}

	a.pic_push img {
		position: absolute;
		top: 50%;
		transform: translateY(-60%);
	}

	.rows_con ul li:hover img {
		transform: translateY(-70%);
	}

	.rows_con ul li:hover h3>a {
		background-color: transparent;
	}

	a.pic_push~h3 a {
		display: inline;
		font-size: 18px;
		line-height: 200px;
		font-weight: 600;
		color: #fff;
		background-color: transparent;
		letter-spacing: 4px
	}

	.vision_tit {
		font-size: 20px;
		font-weight: 600
	}

	.vision_con {
		font-size: 12px
	}

	.rows_tit h3 {
		font-size: 24px
	}

	.rows_tit a {
		font-size: 16px
	}

	.intr p {
		display: none
	}

	#video-btn {
		width: 120px;
		height: 60px;
		border-radius: 4px;
		margin: 35px auto 0;
		background-color: rgba(255, 255, 255, .3);
		border-color: rgba(255, 255, 255, .3)
	}

	#video-btn:after {
		margin: 8px auto
	}

	.index_rows_tit {
		margin: 28px 0 8px
	}

	.index_core {
		margin: 0 0 30px
	}

	.col_tit,
	.sites_tit {
		font-size: 16px;
		font-weight: 800
	}

	.col_nav a {
		font-size: 14px;
		line-height: 2
	}

	.foot_copy,
	.foot_txt {
		float: left;
		border: none;
		background-color: rgba(0, 0, 0, .1)
	}

	.foot_txt p {
		font-size: 12px;
		line-height: 1.6;
		padding: 6px
	}

	.side-pannel {
		bottom: 5px;
		right: 5px;
		transform: scale(.8)
	}

	.side-model a {
		background-color: #FFF
	}

	a.gotop-side {
		background-color: #666
	}

	.f_sites ul li {
		width: 50%
	}

	.f_sites ul li a {
		font-size: 14px;
		line-height: 2
	}

	.foot_mess .col_19,
	.foot_mess .footSites {
		padding: 5px 16px
	}
}

/* iPhone X series */
@media only screen and (device-width:375px)and(device-height:812px)and(-webkit-device-pixel-ratio:3) {
	body {
		padding-bottom: constant(safe-area-inset-bottom)
	}
}

/* 1px border */
@media screen and (-webkit-min-device-pixel-ratio:2) {
	.nav1 ul li {
		border-bottom: .5px solid #F6F6F6
	}
}

@media screen and (-webkit-min-device-pixel-ratio:3) {
	.nav1 ul li {
		border-bottom: .333333px solid #F6F6F6
	}
}