@charset "utf-8";
/* by Sean Lu 20181110 */
/* 移动端全局控制reset */
body, div, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, iframe, input, textarea, select, label, article, aside, footer, header, menu, nav, section, time, audio, video {
	margin: 0;
	padding: 0;
}
article, aside, footer, header, hgroup, nav, section, audio, canvas, video {
	display: block;
}
body {
	font-size: 100%;
	font-family: "Montserrat", Noto Sans SC, "Hiragino Sans GB", STHeiti, "PingFang SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	background-color: #fff;
}
html, body {
	scroll-behavior: smooth;
}
textarea {
	resize: none;
}
iframe, img {
	border: 0;
}
ul, ol {
	list-style: none;
}
input, select, textarea {
	outline: 0;
	-webkit-user-modify: read-write-plaintext-only;
}
/* input { -webkit-appearance: none; } */
a {
	text-decoration: none;
	color: #666;
}
a:hover {
	text-decoration: underline;
	color: #da251c;
}
/* 清理浮动 */
.clearfix {
	clear: both;
	zoom: 1;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* 全局浮动 */
.fl {
	float: left;
}
.fr {
	float: right;
}

/* 圆细滚动条样式 20180601 */
::-webkit-scrollbar {
width: 5px;
height: 5px;
}
::-webkit-scrollbar-button:vertical {
display: none;
}
::-webkit-scrollbar-track:vertical {
background-color: black;
}
::-webkit-scrollbar-track-piece {
background: #fff;
}
::-webkit-scrollbar-thumb:vertical {
background-color: #c2c2c2;
}
::-webkit-scrollbar-thumb:vertical:hover {
background-color: #A0A0A0;
}
::-webkit-scrollbar-corner:vertical {
background-color: #535353;
}
::-webkit-scrollbar-resizer:vertical {
background-color: #FF6E00;
}
/* 拖选文字样式 20160628 */
::selection {
	background: #da251c;
	color: #fff;
}
::-moz-selection {
background: #da251c;
color: #fff;
}
.wrapper {
	margin: 0 auto;
	width: 98%;
	max-width: 1400px;
}
.m {
	width: 95%;
	max-width: 1400px;
	margin: 0 auto;
	position: relative;
}
.n {
	padding: 80px 0;
}
.topbar {
	height: 45px;
	line-height: 45px;
	background: #2a307e;
	color: #fff;
	font-size: 12px;
}
.topbar .wrapper {
	overflow: hidden;
}
.topbar .tip {
	float: left;
}
.topbar .links {
	float: right;
}
.topbar .links a {
	color: #fff;
}
.topbar .links .split {
	margin: 0 10px;
}
.topbar .links .lang {
	float: right;
	margin-left: 20px;
}
.topbar .links .lang a {
	display: inline-block;
	background: url(../img/lang01.jpg) no-repeat left center;
	padding-left: 26px;
	margin-left: 10px;
	text-transform: uppercase;
}
.topbar .links .lang a:nth-child(2) {
	background-image: url(../img/lang02.jpg);
}
.top_fixed {
	position: sticky;
	top: 0;
	z-index: 999;
	background: #fff;
}
.header {
	padding: 30px 0;
	border-top: solid #2a307e 3px;
	transition: 0.5s;
}
.header .wrapper {
	overflow: hidden;
	position: relative;
	display: flex;
	justify-content: space-between;
}
.header .logos {
	display: flex;
}
.header .logo {
	position: relative;
	padding-right: 20px;
	margin-right: 20px;
	border-right: 1px solid #ccc;
}
.header .logo img {
	max-width: 100%;
}
.header .mmenu{
	background: url(../img/mmenu.png) no-repeat center center;
    background-size: contain;
    width: 60px;
    margin: 10px 0;
    display: none;
}
.header .slogan {
	font-size: 18px;
	color: #777;
	font-weight: bold;
	display: flex;
	flex-direction: column;
	justify-content: center;
	line-height: 2;
}
.header .slogan p {
	text-align-last: justify;
	color: #2a307e;
}
.header .slogan span {
	font-size: 16px;
	font-weight: normal;
}
.header .top_tel {
	display: flex;
	column-gap: 20px;
}
.header .top_tel .item {
	display: flex;
	column-gap: 10px;
	align-items: center;
}
.header .top_tel .item img {
	height: 40px;
}
.header .top_tel .item p {
	color: #da251c;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.5;
}
.header .top_tel .item p span {
	color: #2a307e;
}
.header .top_tel .item.erweima img {
	height: 80px;
}
.header .top_tel .lang {
	flex-direction: column;
	justify-content: center;
}
.header .top_tel .lang img {
	height: auto;
}
.top_menu {
	background: #2a307e;
}
.top_menu .wrapper {
	display: flex;
	justify-content: space-between;
}
.top_menu ul {
	display: flex;
	column-gap: 60px;
}
.top_menu ul li {
	font-size: 16px;
	line-height: 60px;
}
.top_menu ul li a {
	color: #fff;
}
.top_menu .lang {
	display: flex;
	align-items: center;
	column-gap: 10px;
	width: 5%;
}
.top_menu .search_d {
	display: flex;
	justify-content: center;
	align-items: center;
}
.top_menu .search {
	display: block;
	width: 30px;
	line-height: 30px;
	height: 30px;
	background: url(../img/search.png) no-repeat 10% center;
	-webkit-transition: all .2s;
	transition: all .2s;
	border-radius: 15px;
	cursor: pointer;
	border: none;
	padding-left: 35px;
	color: #fff;
}
.top_menu .search:focus {
	width: 130px;
	background: url(../img/search.png) no-repeat 10% center;
	border: 1px solid #fff;
	padding-left: 40px;
	cursor: auto;
}
.top_menu .search::placeholder {
color:#fff;
}
.bannerslide {
	position: relative;
}
.bannerslide .swiper-slide {
	background-size: cover !important;
	position: relative;
height: calc(622 / 1920 * 100vw);
}
.bannerslide .swiper-pagination {
	bottom: 20px;
}
.bannerslide .swiper-pagination .swiper-pagination-bullet {
	outline: none;
	margin: 0 10px;
	border: 1px solid #fff;
	background: transparent;
	width: 10px;
	height: 10px;
	border-radius: 50px;
	opacity: 1;
	transition: 0.5s;
}
.bannerslide .swiper-pagination .swiper-pagination-bullet-active {
	width: 30px;
	background: #fff;
}
.nav {
	background: url(../img/menubgw.jpg) repeat-x center top;
	height: 50px;
}
.nav .wrapper {
	overflow: hidden;
}
.nav .ncon {
	float: right;
	padding-left: 26px;
	background: url(../img/gfh.png) no-repeat left center;
	background-size: 19px auto;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	line-height: 50px;
	text-decoration: none;
}
.nav .ncon:hover {
	color: #da251c;
}
.nav .nul {
	float: left;
}
.nav .nul .nli {
	float: left;
	font-size: 14px;
	font-weight: bold;
	line-height: 50px;
	margin: 0 20px;
}
.nav .nul .nli .na {
	color: #333;
	text-decoration: none;
}
.nav .nul .nli .na:hover {
	color: #da251c;
}
.homebox01 {
	padding: 70px 0;
}
.homebox01 .tit {
	text-align: center;
	color: #666;
	margin-bottom: 40px;
}
.homebox01 .tit .cn {
	font-size: 28px;
	font-weight: bold;
	color: #2a307e;
}
.homebox01 .tit .en {
	font-size: 16px;
	line-height: 40px;
	margin-top: 20px;
}
.homebox01 .list {
	display: flex;
	column-gap: 2%;
	flex-wrap: wrap;
}
.homebox01 .list .item {
	margin-bottom: 40px;
	width: 32%;
	display: flex;
}
.homebox01 .list .item .icon {
	margin-right: 20px;
}
.homebox01 .list .item .info {
}
.homebox01 .list .item .info .name {
	font-size: 16px;
	color: #666;
	font-weight: bold;
	margin-bottom: 10px;
}
.homebox01 .list .item .info .text {
	font-size: 12px;
	color: #666;
	line-height: 1.8;
}
.homebox02 {
	height: 480px;
	background: url(../img/homebox02bg.jpg) no-repeat center;
	position: relative;
	background-size: cover;
}
.homebox02 .conbox {
	position: absolute;
	left: 50%;
	right: 0;
	top: 0;
	bottom: 0;
	background: url(../img/homebox02bg2.png) repeat center;
	padding: 60px 0 0 100px;
	color: #fff;
}
.homebox02 .conbox .tit {
	font-size: 28px;
	margin-bottom: 20px;
	font-weight: bold;
}
.homebox02 .conbox .txt {
	font-size: 14px;
	line-height: 2;
	margin-bottom: 40px;
}
.homebox02 .conbox .txt span {
	font-size: 18px;
	font-weight: bold;
	margin-right: 10px;
}
.homebox02 .conbox .btn {
}
.homebox02 .conbox .btn a {
	display: inline-block;
	line-height: 40px;
	border: 1px solid #fff;
	color: #fff;
	font-size: 14px;
	padding: 0 20px 0 50px;
	border-radius: 20px;
	background: url(../img/btnicon.png) no-repeat 20px center;
	text-decoration: none;
}
.homebox02 .conbox .btn a:hover {
	opacity: .8;
}
.homebox03 {
	padding: 60px 0;
}
.homebox03 .tit {
	text-align: center;
	margin-bottom: 30px;
}
.homebox03 .tit .cn {
	color: #2a307e;
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 20px;
}
.homebox03 .tit .en {
	color: #666;
	font-size: 16px;
	line-height: 2;
	margin-top: 20px;
}
.homebox03 .hb03ul {
	display: flex;
	column-gap: 10px;
	justify-content: center;
	margin-bottom: 50px;
}
.homebox03 .hb03ul a {
	display: block;
	padding: 0 20px;
	margin: 0 2px;
	background: #fff;
	border: 1px solid #ccc;
	font-size: 14px;
	color: #666;
	line-height: 40px;
	text-decoration: none;
}
.homebox03 .hb03ul a:nth-child(1) {
	background: #da251c;
	color: #fff;
}
.homebox03 .hb03ul a:hover {
	background: #da251c;
	color: #fff;
}
.ind_pro .swiper-slide {
	position: relative;
}
.ind_pro .swiper-slide:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 2px;
	height: 0;
	background: #da251c;
	transition: all 0.3s 0.3s ease-out;
	z-index: 2;
}
.ind_pro .swiper-slide:after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 2px;
	height: 0;
	background: #da251c;
	transition: all 0.3s 0.3s ease-out;
	z-index: 2;
}
.ind_pro .swiper-slide:hover:before {
	height: 100%;
}
.ind_pro .swiper-slide:hover:after {
	height: 100%;
}
.ind_pro .swiper-slide a {
	text-decoration: none;
}
.ind_pro .proi {
	overflow: hidden;
	position: relative;
}
.ind_pro .swiper-slide .proi:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 2px;
	background: #da251c;
	transition: all 0.3s 0.0s ease-out;
	z-index: 2;
}
.ind_pro .swiper-slide:hover .proi:before {
	width: 100%;
}
.ind_pro .proi img {
	transition: all 0.6s;
	max-width: 100%;
	display: block;
}
.ind_pro .prot {
	padding: 30px 30px 40px 30px;
	background: #f5f5f5;
}
.ind_pro .swiper-slide .prot:before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
	height: 2px;
	background: #da251c;
	transition: all 0.3s 0.0s ease-out;
	z-index: 2;
}
.ind_pro .swiper-slide:hover .prot:before {
	width: 100%;
}
.ind_pro .prot .protit {
	font-size: 18px;
	font-weight: bold;
	color: #2a307e;
}
.ind_pro .prot .prodes {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 15px 0;
	color: #666;
	font-size: 14px;
}
.ind_pro .prot .more {
	font-weight: bold;
	color: #333;
	margin-top: 20px;
}
.ind_pro .swiper-slide:hover .proi img {
	transform: scale(1.05);
}
.scr {
	position: relative;
	padding-top: 35px;
	display: flex;
	justify-content: space-between;
}
.scr .swiper-scrollbar {
	left: 0;
	bottom: 0;
	background: none;
	box-shadow: 0 -1px 0 #c6c6c6 inset;
	width: calc(100% - 320px);
	border-radius: 0;
	display: flex;
	align-items: flex-end;
}
.scr .swiper-scrollbar-drag {
	background: #da251c;
	height: 5px;
}
.scr .propn {
	width: 300px;
	display: flex;
	justify-content: center;
	column-gap: 20px;
}
.swnext, .swprev {
	width: 50px;
	height: 50px;
	position: relative;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	color: #da251c;
	outline: none;
	z-index: 99;
}
.swnext:after, .swprev:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: 50%;
	border: 1px dashed #da251c;
	box-sizing: border-box;
}
.swnext:hover:after, .swprev:hover:after {
	animation: a 2.5s linear infinite
}
@keyframes a {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(1turn);
 transform: rotate(1turn);
}
}
.homebox04 {
	background: #425563 url(../img/homebox04bg.jpg) no-repeat center;
	color: #fff;
	padding: 100px 0;
}
.homebox04 .tit {
	text-align: center;
	margin-bottom: 50px;
}
.homebox04 .tit .cn {
	font-size: 28px;
	margin-bottom: 10px;
	font-weight: bold;
}
.homebox04 .tit .en {
	font-size: 16px;
	line-height: 2;
	margin-top: 20px;
}
.homebox04 .list {
	display: flex;
	justify-content: space-between;
}
.homebox04 .list .item {
	box-sizing: border-box;
	padding-left: 60px;
	font-size: 16px;
	line-height: 2;
	background: url(../img/hb04icon01.png) no-repeat 10px center;
	white-space: nowrap;
}
.homebox04 .list .item img {
	height: 80px;
}
.homebox04 .list .item strong {
	display: block;
}
.homebox04 .list .item:nth-child(1) {
	background-image: url(../img/hb04icon01.png);
}
.homebox04 .list .item:nth-child(2) {
	background-image: url(../img/hb04icon03.png);
}
.homebox04 .list .item:nth-child(3) {
	background-image: url(../img/hb04icon04.png);
}
.homebox04 .list .item:nth-child(4) {
	background-image: url(../img/hb04icon02.png);
}
.homebox04 .list .item:nth-child(5) {
	background: none;
	padding-left: 0;
}
.homebox05 {
	padding: 60px 0;
}
.homebox05 .tit {
	text-align: center;
	color: #434d5b;
	margin-bottom: 40px;
}
.homebox05 .tit .cn {
	font-size: 28px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #2a307e;
}
.homebox05 .tit .en {
	font-size: 16px;
	line-height: 1.8;
	margin-top: 20px;
}
.homebox05 .tit .btn {
	margin: 20px 0 40px;
}
.homebox05 .tit .btn a {
	display: inline-block;
	line-height: 40px;
	height: 40px;
	padding: 0 30px;
	font-size: 14px;
	color: #fff;
	background: #da251c;
	text-decoration: none;
}
.homebox05 .tit .btn a:hover {
	opacity: .8;
}
.homebox05 .list {
	overflow: hidden;
}
.homebox05 .list .item {
	text-align: center;
}
.homebox05 .list .item img {
	max-width: 100%;
}
.homebox06 {
	padding: 60px 0;
	background: #f5f6f8;
}
.homebox06 .tit {
	text-align: center;
	margin-bottom: 40px;
	color: #434d5b;
}
.homebox06 .tit .cn {
	font-size: 28px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #2a307e;
}
.homebox06 .tit .en {
	font-size: 16px;
	line-height: 2;
	margin-top: 20px;
}
.homebox06 .list {
	display: flex;
	justify-content: space-between;
	column-gap: 2%;
}
.homebox06 .list .item {
	width: 32%;
	background: #fff;
}
.homebox06 .list .item .img {
}
.homebox06 .list .item .img a {
	display: block;
}
.homebox06 .list .item .img img {
	display: block;
	width: 100%;
}
.homebox06 .list .item .info {
	padding: 40px;
}
.homebox06 .list .item .info .name {
	margin-bottom: 10px;
	font-size: 20px;
}
.homebox06 .list .item .info .name a {
	font-size: 18px;
}
.homebox06 .list .item .info .text {
	color: #666;
	line-height: 1.8;
	overflow: hidden;
}
.homebox06 .list .item .info .link a {
	font-size: 12px;
	color: #da251c;
}
.homebox07 {
	padding: 60px 0;
}
.homebox07 .tit {
	text-align: center;
	margin-bottom: 20px;
}
.homebox07 .tit .cn {
	font-size: 28px;
	color: #2a307e;
	font-weight: bold;
}
.homebox07 .hb07ul {
	display: flex;
	column-gap: 10px;
	justify-content: center;
	margin-bottom: 40px;
}
.homebox07 .hb07ul a {
	display: inline-block;
	padding: 0 15px;
	line-height: 30px;
	border: 1px solid #eee;
	color: #434d5b;
	font-size: 16px;
	margin: 0 2px;
	text-decoration: none;
}
.homebox07 .hb07ul a:nth-child(1) {
	color: #fff;
	background: #da251c;
	border-color: #da251c;
}
.homebox07 .hb07ul a:hover {
	color: #fff;
	background: #da251c;
	border-color: #da251c;
}
.homebox07 .hnewstou {
	width: 570px;
	float: left;
	background: #fff;
}
.homebox07 .hnewstou .img {
}
.homebox07 .hnewstou .img a {
	display: block;
}
.homebox07 .hnewstou .img img {
	display: block;
	width: 100%;
}
.homebox07 .hnewstou .info {
	padding: 40px 60px;
	border: 1px solid #eee;
}
.homebox07 .hnewstou .info .name {
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	margin-bottom: 10px;
}
.homebox07 .hnewstou .info .name a {
	color: #111;
	font-size: 20px;
	text-decoration: none;
}
.homebox07 .hnewstou .info .name a:hover {
	color: #da251c;
}
.homebox07 .hnewstou .info .text {
	color: #777;
	font-size: 14px;
	line-height: 22px;
	height: 66px;
	overflow: hidden;
	margin-bottom: 20px;
}
.homebox07 .hnewstou .info .link {
	overflow: hidden;
	font-size: 12px;
}
.homebox07 .hnewstou .info .link .time {
	float: right;
	color: #999;
}
.homebox07 .hnewstou .info .link a {
	color: #da251c;
}
.homebox07 .list {
	margin-left: 630px;
}
.homebox07 .list .item {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #eee;
}
.homebox07 .list .item .name {
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	margin-bottom: 10px;
}
.homebox07 .list .item .name a {
	color: #222;
	font-size: 20px;
	text-decoration: none;
}
.homebox07 .list .item .name a:hover {
	color: #da251c;
}
.homebox07 .list .item .text {
	color: #777;
	font-size: 14px;
	line-height: 22px;
	height: 66px;
	overflow: hidden;
	margin-bottom: 20px;
}
.homebox07 .list .item .link {
	overflow: hidden;
}
.homebox07 .list .item .link .time {
	font-size: 12px;
	color: #999;
	float: right;
}
.homebox07 .list .item .link a {
	color: #da251c;
}
.footer {
	padding: 60px 0;
	background: #23282e;
	color: #000;
}
.footer .footbar {
	font-size: 12px;
	overflow: hidden;
	margin-bottom: 50px;
}
.footer .footbar a {
	color: #ddd;
}
.footer {
	padding: 80px 0;
	background: #2a307e;
}
.footer .wrapper {
	display: flex;
	justify-content: space-between;
}
.footer .logob img {
}
.footer .bot_nav {
	font-size: 16px;
}
.footer .bot_nav ul {
}
.footer .bot_nav p {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 20px;
}
.footer .bot_nav li {
	margin-bottom: 20px;
}
.footer .bot_nav a {
	color: #fff;
}
.footer .bot_con {
	color: #fff;
	font-size: 16px;
}
.footer .bot_con p {
	margin-bottom: 20px;
}
.footer .bot_con p.p1 {
	font-size: 20px;
	font-weight: bold;
}
.footer .bot_con p span {
	display: inline-block;
	width: 20px;
	margin-right: 10px;
}
.footer .bot_con p span img {
	max-width: 100%;
	height: 16px;
}
.footer .bot_feed {
width:calc(500 / 1600 * 100%);
}
.footer .bot_feed .contact-form-wrapper {
	display: flex;
	flex-wrap: wrap;
}
.footer .bot_feed p {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 20px;
}
.footer .form-control {
	background: #484d8e;
	border-radius: 0;
	border: none;
	color: #fff;
	font-weight: 400;
	font-size: 16px;
	padding: 14.5px 26px;
	width: 48%;
	box-sizing: border-box;
	margin-right: 4%;
	margin-bottom: 4%;
	border-radius: 4px;
}
.footer .form-control:focus {
	box-shadow: 0 0 3px 1px #68a8e0;
}
.footer .form-control:nth-child(2n) {
	margin-right: 0;
}
.footer .form-control:nth-child(3) {
	width: 100%;
	margin-right: 0;
}
.footer .form-control::placeholder {
color:#e5e5e5;
}
.footer .form-control:focus {
	border-color: #ebebeb;
}
.footer .form-control-text {
	width: 100%;
	height: 120px;
}
.footer .btn-theme {
	background: #da251c;
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	font-weight: 500;
	font-size: 18px;
	padding: 15px 50px;
	cursor: pointer;
	border: none;
	margin-top: 2%;
	width: 100%;
	border-radius: 4px;
}
.footer .btn-theme:hover {
	background: #101a36;
	color: #fff;
}
.foot {
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	color: #999;
	background: #2a307e;
}
.foot .wrapper {
	padding: 30px 0;
	border-top: 1px solid rgba(255,255,255,.1);
}
.foot strong {
	color: #ddd;
	font-weight: normal;
}
.foot a {
	color: #fff;
}
.bannern {
	height: 400px;
	background: linear-gradient(to top, rgb(15, 34, 63, 0.5), rgb(15, 34, 63, 0.5)), url(../img/bannern.jpg) no-repeat center center;
	background-attachment: fixed;
	display: flex;
	align-items: center;
	color: #fff;
}
.bannernpro {
	background: linear-gradient(to right, rgb(42, 48, 126, 0.8), rgb(15, 34, 63, 0)), url(../img/bannernpro.jpg) no-repeat center center;
}
.bannernhonor {
	background: linear-gradient(to top, rgb(15, 34, 63, 0.2), rgb(15, 34, 63, 0.2)), url(../img/bannernhonor.jpg) no-repeat center center;
	background-attachment: fixed;
}
.bannernliu {
	background: linear-gradient(to top, rgb(15, 34, 63, 0.2), rgb(15, 34, 63, 0.2)), url(../img/bannernliu.jpg) no-repeat center center;
	background-attachment: fixed;
}
.bannerncus {
	background: linear-gradient(to top, rgb(15, 34, 63, 0.2), rgb(15, 34, 63, 0.2)), url(../img/bannerncus.jpg) no-repeat top center;
	background-attachment: fixed;
}
.bannernnews {
	background: linear-gradient(to top, rgb(15, 34, 63, 0.5), rgb(15, 34, 63, 0.5)), url(../img/bannernnews.jpg) no-repeat center center;
	background-attachment: fixed;
}
.bannerncon {
	background: linear-gradient(to top, rgb(15, 34, 63, 0.2), rgb(15, 34, 63, 0.2)), url(../img/bannerncon.jpg) no-repeat center center;
	background-attachment: fixed;
}
.bannern a {
	color: #fff;
}
.bannern .p1 {
	font-size: 90px;
	text-transform: uppercase;
	font-family: Teko, sans-serif;
	font-weight: 500;
	line-height: 1;
}
.bannern .ul1 {
	display: flex;
	position: relative;
	padding-left: 20px;
}
.bannern .ul1:after {
	position: absolute;
	content: "";
	width: 25px;
	height: 4px;
	background: #fff;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}
.bannern .ul1 li {
	position: relative;
	font-size: 18px;
	margin-left: 25px;
	font-weight: 500;
}
.bannern .ul1 li:before {
	position: absolute;
	content: "-";
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
	left: calc(100% + 10px);
	display: block;
}
.bannern .ul1 li:last-child:before {
	content: "";
}
.bannern .ul1 li.on {
	border-bottom: 2px solid #fff;
}
@font-face {
	font-family: 'Teko';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(../font/LYjCdG7kmE0gdVBesCRgqA.woff2) format('woff2');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.now {
	border-bottom: 1px solid #ddd;
	background: #fff;
}
.now>ul {
	display: flex;
	font-size: 16px;
}
.now>ul>li {
	border-right: 1px solid #ddd;
	transition: 0.2s;
	position:relative;
}
.now>ul>li:hover, .now>ul>li.on {
	background: #2a307e;
}
.now>ul>li:hover a span, .now>ul>li.on a span {
	color: #fff;
}
.now>ul>li:first-child {
	border-left: 1px solid #ddd;
}
.now>ul>li>a {
	display: block;
	display: flex;
	padding: 0 20px;
	text-decoration: none;
}
.now>ul>li>a span {
	display: block;
	line-height: 60px;
	color: #2a307e;
	transition: 0.2s;
}
.now>ul>li>a div {
	line-height: 60px;
	margin-left: 100px;
	font-size: 12px;
	display: flex;
	align-items: center;
}
.now>ul>li>a p {
	background: #ccc;
	border-radius: 50%;
	width: 18px;
	height: 18px;
	text-align: center;
	line-height: 18px;
	color: #fff;
	transition: 0.2s;
}
.now>ul>li:hover a p, .now>ul>li.on a p {
	color: #2a307e;
	background: #fff;
}
.now>ul>li ul{
	position:absolute;
	width:100%;
	left:0;
	top:110%;
	z-index:999;
	opacity:0;
	visibility:hidden;
	transition: 0.2s;
}
.now>ul>li:hover ul{
	opacity:1;
	visibility:visible;
	top:100%;
}
.now>ul>li ul li{
	line-height:3;
	background:#fff;
}
.now>ul>li ul li a{
	display:block;
	color:#2a307e;
	padding:0 20px;
	transition: 0.2s;
	text-decoration:none;
}
.now>ul>li ul li a:hover{
	background:#2a307e;
	color:#fff;
}
.about {
	padding: 120px 0;
	position: relative;
}
.about:after {
	content: "";
	position: absolute;
	width: 45%;
	height: 100%;
	background: #f2f3ff;
	right: 0px;
	top: 0px;
	z-index: -1;
}
.aboutm {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.aboutm .aboutl {
 width:calc(700 / 1600 * 100%);
	padding: 50px 0;
}
.about h2 {
	font-size: 36px;
	color: #333;
	position: relative;
	padding-bottom: 40px;
	text-transform: capitalize;
}
.about h2 b {
	position: absolute;
	left: 0px;
	top: 15px;
	font-size: 58px;
	color: #f2f3ff;
	z-index: -1;
	font-weight: bold;
	text-transform: uppercase;
}
.aboutm .aboutl p {
	font-size: 16px;
	margin-top: 30px;
	line-height: 1.8;
	text-align: justify;
	color: #000;
}
.aboutm .aboutr {
 width:calc(800 / 1600 * 100%);
}
.aboutm .aboutr img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.aboutm2 {
	margin-top: 80px;
}
.aboutm2 .aboutl {
 width:calc(750 / 1600 * 100%);
	padding-right: 50px;
}
.about2{ padding:100px 0; background:linear-gradient(to top, rgb(0 0 0 / 0.5), rgb(0 0 0 / 0.5)),url(../img/about2.jpg) no-repeat center center; background-size:cover; margin-top:100px;}
.about2 .m{ display:flex;}
.about2 .ab2t{ width:50%; margin-left:auto; background:#fff; padding:45px 50px; border-radius:5px; box-sizing:border-box;}
.about2 .ab2t p{ font-size:16px; line-height:1.8;}
.about2 .ab2t a{ display:inline-block; color:#fff; background:#0271c2; padding:15px 20px; border-radius:5px; font-size:16px; text-transform:capitalize; margin-top:30px; position:relative; overflow:hidden;}
.about2 .ab2t a:before{ content:""; position:absolute; width:100%; height:100%; right:100%; bottom:100%; border-radius:5px; background:#242E37; transition:0.5s;}
.about2 .ab2t a:after{ content:""; position:absolute; width:100%; height:100%; left:100%; top:100%; border-radius:5px; background:#242E37; transition:0.5s;}
.about2 .ab2t a p{ position:relative; z-index:1;}
.about2 .ab2t a:hover:before{ right:0; bottom:0;}
.about2 .ab2t a:hover:after{ left:0; top:0;}
.about3{ padding:100px 0 0;}

.history {
	margin-top: 100px;
}
.history2 {
	padding: 0 100px 100px;
	position: relative;
	background: url(../img/his.png) no-repeat center bottom;
	background-size: 100%;
}
.historys {
	margin-top: 50px;
}
.hisnext, .hisprev {
	position: absolute;
	width: 50px;
	height: 50px;
	cursor: pointer;
	background: url(../img/hisnext.png) no-repeat center center;
	outline: none;
	left: 0;
	top: calc(50% - 25px);
}
.hisprev {
	left: auto;
	right: 0;
	background: url(../img/hisprev.png) no-repeat center center;
}
.hisnext:hover {
	background: url(../img/hisnextr.png) no-repeat center center;
}
.hisprev:hover {
	background: url(../img/hisprevr.png) no-repeat center center;
}
.historys .swiper-slide {
	padding-left: 30px;
	box-sizing: border-box;
	position: relative;
	height: auto;
}
.historys .swiper-slide .p1 {
	font-size: 24px;
	font-weight: bold;
	color: #da251c;
}
.historys .swiper-slide .p2 {
	font-size: 18px;
	margin: 10px 0 20px;
}
.historys .swiper-slide .p3 {
	font-size: 14px;
	line-height: 1.8;
	color: #888;
}
.historys .swiper-slide .line {
	position: absolute;
	width: 1px;
	height: 100%;
	background: #9fa0a0;
	left: 10px;
	top: 10px;
}
.historys .swiper-slide .line:after {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -7px;
	width: 14px;
	height: 14px;
	border-radius: 100%;
	box-sizing: border-box;
	border: 1px dashed #da251c;
	content: "";
}
.historys .swiper-slide .line:before {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -4px;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	box-sizing: border-box;
	background: #da251c;
	content: "";
}
.product {
	background: #f8f8f8;
}
.product ul {
	display: flex;
	column-gap: 2%;
	flex-wrap: wrap;
}
.product ul li {
	position: relative;
	width: 23.5%;
	margin-bottom: 2%;
}
.product ul li a {
	text-decoration: none;
}
.product ul li:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 2px;
	height: 0;
	background: #da251c;
	transition: all 0.3s 0.3s ease-out;
	z-index: 2;
}
.product ul li:after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 2px;
	height: 0;
	background: #da251c;
	transition: all 0.3s 0.3s ease-out;
	z-index: 2;
}
.product ul li:hover:before {
	height: 100%;
}
.product ul li:hover:after {
	height: 100%;
}
.product ul li {
}
.product ul li .proi {
	overflow: hidden;
	position: relative;
}
.product ul li .proi:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 2px;
	background: #da251c;
	transition: all 0.3s 0.0s ease-out;
	z-index: 2;
}
.product ul li:hover .proi:before {
	width: 100%;
}
.product ul li .proi img {
	transition: all 0.6s;
	max-width: 100%;
}
.product ul li .prot {
	padding: 30px 30px 40px 30px;
	background: #fff;
}
.product ul li .prot:before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
	height: 2px;
	background: #da251c;
	transition: all 0.3s 0.0s ease-out;
	z-index: 2;
}
.product ul li:hover .prot:before {
	width: 100%;
}
.product ul li .prot .protit {
	font-size: 18px;
	font-weight: bold;
	color: #2a307e;
}
.product ul li .prot .prodes {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 15px 0;
	color: #666;
}
.product ul li .prot .more {
	font-weight: bold;
	color: #333;
	margin-top: 20px;
}
.product ul li .swiper-slide:hover .proi img {
	transform: scale(1.05);
}
.honor .imgbox {
	display: flex;
	flex-wrap: wrap;
	column-gap: 2%;
}
.honor .imgbox a {
	width: 23.5%;
	display: block;
	margin-bottom: 2%;
	text-align: center;
	position: relative;
}
.honor .imgbox a img {
	border: 1px solid #f1f1f1;
	height: 440px;
	object-fit: cover;
	width: 100%;
	display:block;
}
.honor .imgbox a p {
	padding: 20px 0;
	background: #f1f1f1;
	font-size: 16px;
}
.honor .imgbox a .cover {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #2a307e;
	opacity: 0;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	display: flex;
	align-items: center;
	justify-content: center;
}
.honor .imgbox a:hover .cover {
	opacity: .8;
}
.honor .imgbox a .cover span {
	color: #fff;
	font-size: 60px;
	transform: translateY(50px);
	transition: all 0.2s 0.1s;
}
.honor .imgbox a:hover .cover span {
	transform: translateY(0);
}
.lg-container {
	z-index: 99999;
	position: relative;
}
.lg-backdrop {
	background-color: rgba(0,0,0,0.5) !important;
}
.lg-toolbar .lg-icon {
	color: #fff !important;
}
.customer img {
	max-width: 100%;
}
.contact * {
	box-sizing: border-box;
}
.contact .pc1 {
	font-size: 42px;
	color: #000;
	text-align: center;
}
.contact .pc2 {
	margin-top: 10px;
	font-size: 16px;
	color: #999;
	text-align: center;
}
.contact>ul {
	display: flex;
	justify-content: space-between;
	margin-top: 60px;
}
.contact>ul li {
	width: 25%;
	text-align: center;
	padding: 0 30px;
	border-right: 1px solid #ddd;
}
.contact>ul li:last-child {
	border: none;
}
.contact>ul li span {
	color: #2a307e;
	font-size: 45px;
}
.contact>ul li .p1 {
	font-size: 16px;
	color: #666;
	margin: 20px 0;
}
.contact>ul li .p2 {
	color: #000;
	white-space:nowrap;
}
.contact2 {
	display: flex;
	margin-top: 60px;
}
.contact2 .contact_l {
	width: 50%;
}
.contact2 .contact_r {
	width: 50%;
	padding: 50px;
	background: #f8f8f8;
	display: flex;
	align-items: center;
}
.contact_r .form-control {
	background: #fff;
	border-radius: 0;
	border: 1px solid transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #000;
	font-weight: 400;
	font-size: 16px;
	padding: 14.5px 26px;
	width: 48%;
	margin-right: 4%;
	float: left;
	margin-bottom: 20px;
}
.contact_r .form-control:nth-child(2n) {
	margin-right: 0;
}
.contact_r .form-control:focus {
	border-color: #ebebeb;
}
.contact_r .form-control-text {
	width: 100%;
	height: 160px;
}
.contact_r .btn-theme {
	background: #2a307e;
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	font-weight: 500;
	font-size: 17px;
	padding: 15px 50px;
	cursor: pointer;
	border: none;
	margin-top: 30px;
}
.contact_r .btn-theme:hover {
	background: #000;
}
.checkcode{
	width:100%;
	float:left;
}
#baidu_dituContent {
	width: 100%;
	height: 100%;
	border: #ccc solid 1px;
}
#baidu_dituContent .BMap_bubble_pop {
	box-sizing: content-box;
}
.news-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	column-gap: 2%;
}
.news-list li {
	width: 32%;
	position: relative;
	transition: 0.5s;
	margin-bottom: 2%;
}
.news-list li:hover {
	box-shadow: 0 0 10px #999;
}
.news-list li .news-img {
	overflow: hidden;
}
.news-list li a {
	text-decoration: none;
}
.news-list .news-pic {
	width: 100%;
	transition: all 0.5s;
	height: 300px;
	object-fit: cover;
	display:block;
}
.news-list .news-txt {
	padding: 20px;
	background: #f5f5f5;
}
.news-list .news-date {
	color: #1a1a1a;
	font-size: 16px;
	margin-bottom: 15px;
}
.news-list .news-tit {
	line-height: 1.5;
	font-size: 18px;
	color: #2a307e;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news-list .news-intro {
	line-height: 1.5;
	box-sizing: border-box;
	font-size: 16px;
	color: #1a1a1a;
	margin: 1rem 0 1.5rem;
}
.news-list .news-readmore {
	font-size: 14px;
	color: #da251c;
	text-transform: uppercase;
}
.nm {
	background: #f8f8f8;
}
.nm .m {
	padding: 80px;
	background: #fff;
	box-shadow: 0 0 50px -20px rgba(0, 0, 0, .15);
	box-sizing: border-box;
}
.ny_content {
	font-size: 16px;
	line-height: 1.8;
}
.ny_content p {
	margin-bottom: 10px;
	line-height: 1.6;
	font-size: 16px;
}
.npt {
	text-align: center;
	font-weight: bold;
	font-size: 24px;
	color: #666;
	margin: 0 0 50px 0;
}
.u_np {
	margin-top: 50px;
	text-align: center;
}
.u_np li {
	display: inline-block;
	margin: 0 20px;
}
.u_np li a {
	display: inline-block;
	padding: 20px 30px;
	background: #8f8f8f;
	color: #fff;
}
.u_np li a:hover {
	background: #da251c;
}
.pro_content {
	display: flex;
	justify-content: space-between;
}
.productitem .pro_img {
width:calc(600 / 1240 * 100%);
	position: relative;
}
.productitem .pro_img2 {
	margin-bottom: 10px;
	overflow: hidden;
	position: relative;
}
.productitem .swiper-wrapper {
	height: auto;
}
.productitem .swiper-button-next {
	right: -50px;
}
.productitem .swiper-button-prev {
	left: -50px;
}
.productitem .swiper-button-next, .productitem .swiper-button-prev {
	outline: none;
	color: #2a307e;
	opacity: 0;
	visibility: hidden;
	transition: 0.2s;
}
.productitem .pro_img:hover .swiper-button-next {
	right: 20px;
	opacity: 1;
	visibility: visible;
}
.productitem .pro_img:hover .swiper-button-prev {
	left: 20px;
	opacity: 1;
	visibility: visible;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	opacity: 0.35 !important;
}
.productitem .pro_img2 img {
	width: 100%;
	height: 450px;
	object-fit: contain;
}
.productitem .pro_img3 {
	overflow: hidden;
}
.productitem .pro_img3 img {
	cursor: pointer;
	height: 100px;
	width: 100%;
	object-fit: cover;
	display: block;
}
.productitem .pro_img3 .swiper-slide {
	border: 2px solid #fff;
	box-sizing: border-box;
}
.productitem .pro_img3 .swiper-slide-thumb-active {
	border: 2px solid #2a307e;
}
.pro_detial {
}
.pro_detial img {
	display: block;
	margin: 0 auto;
	width: 95%;
	max-width: 800px;
}
.pi_t {
	width: 45%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.pi_t .npt {
	font-size: 36px;
	text-align: left;
	color: #da251c;
	font-weight: bold;
}
.pi_t .npc {
	font-size: 18px;
	color: #ccc;
}
.pi_t ul {
	margin-top: 30px;
}
.pi_t ul li {
	display: flex;
	font-size: 18px;
	line-height: 3;
	border-bottom: 1px solid #efefef;
	column-gap: 20px;
}
.pi_t ul li span {
	color: #2a307e;
	font-weight: bold;
	line-height: 3;
}
.pi_t a {
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	background: #2a307e;
	padding: 15px 40px;
	margin: 50px 0 0;
	text-align: center;
}
.pi_t a:hover {
	background: #da251c;
}
.pro_more {
	margin-top: 80px;
}
.pro_more .pother {
	font-size: 24px;
	font-weight: bold;
	color: #111;
	border-bottom: 1px solid #2a307e;
	padding-bottom: 15px;
	margin-bottom: 40px;
}
.pro_more ul {
	display: flex;
	column-gap: 2%;
	flex-wrap: wrap;
}
.pro_more ul li {
	position: relative;
	width: 23.5%;
}
.pro_more ul li a {
	text-decoration: none;
}
.pro_more ul li:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 2px;
	height: 0;
	background: #da251c;
	transition: all 0.3s 0.3s ease-out;
	z-index: 2;
}
.pro_more ul li:after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 2px;
	height: 0;
	background: #da251c;
	transition: all 0.3s 0.3s ease-out;
	z-index: 2;
}
.pro_more ul li:hover:before {
	height: 100%;
}
.pro_more ul li:hover:after {
	height: 100%;
}
.pro_more ul li .proi {
	overflow: hidden;
	position: relative;
}
.pro_more ul li .proi:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 2px;
	background: #da251c;
	transition: all 0.3s 0.0s ease-out;
	z-index: 2;
}
.pro_more ul li:hover .proi:before {
	width: 100%;
}
.pro_more ul li .proi img {
	transition: all 0.6s;
	max-width: 100%;
	display: block;
}
.pro_more ul li .prot {
	padding: 30px 30px 40px 30px;
	background: #f5f5f5;
}
.pro_more ul li .prot:before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
	height: 2px;
	background: #da251c;
	transition: all 0.3s 0.0s ease-out;
	z-index: 2;
}
.pro_more ul li:hover .prot:before {
	width: 100%;
}
.pro_more ul li .prot .protit {
	font-size: 18px;
	font-weight: bold;
	color: #2a307e;
}
.pro_more ul li .prot .prodes {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 15px 0;
	color: #666;
}
.pro_more ul li .prot .more {
	font-weight: bold;
	color: #333;
	margin-top: 20px;
}
.pro_more ul li .swiper-slide:hover .proi img {
	transform: scale(1.05);
}
.lcm {
	display: flex;
	justify-content: center;
	column-gap:5%;
	height:320px;
	margin-bottom:100px;
}
.lcm .lci {
	width: 30%;
}
.lcm .lci .liuchengs{
	height:100%;
}
.lcm .lci .liuchengs .swiper-button-next,.lcm .lci .liuchengs .swiper-button-prev{
	outline:none;
	opacity: 0;
    visibility: hidden;
    transition: 0.2s;
}
.lcm .lci .liuchengs .swiper-button-prev{
	left:-50px;
}
.lcm .lci .liuchengs:hover .swiper-button-prev{
	left:10px;
	opacity:1;
	visibility:visible;
}
.lcm .lci .liuchengs .swiper-button-next{
	right:-50px;
}
.lcm .lci .liuchengs:hover .swiper-button-next{
	right:10px;
	opacity:1;
	visibility:visible;
}
.lcm .lci img {
	max-width: 100%;
	height:100%;
	object-fit:contain;
}
.lcm .lcn {
	width: 20%;
	position: relative;
	display:flex;
	justify-content:center;
	align-items:center;
}
.lcm .lcn .timeline-icon {
	width: 210px;
	height: 210px;
	border-radius: 50%;
	border: 25px solid transparent;
	border-top-color: #da251c;
	border-right-color: #da251c;
	z-index: 1;
	transform: rotate(45deg);
	box-sizing: border-box;
	display:flex;
	justify-content:center;
	align-items:center;
}
.lcm .lcn .timeline-icon2 {
	border: 25px solid transparent;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: #2a307e;
	border-left-color: #2a307e;
}
.lcm .lcn .year {
	display: block;
	width: 110px;
	height: 110px;
	line-height: 110px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 0 20px rgba(0,0,0,0.4);
	font-size: 30px;
	font-weight: bold;
	color: #da251c;
	text-align: center;
	transform: rotate(-45deg);
	position:relative;
}
.lcm .lcn .timeline-icon2 .year {
	color:#2a307e;
}
.lcm .lcn .year:after{
	content:"";
	position:absolute;
	width:25px;
	height:260px;
	background:linear-gradient(to bottom, #da251c, #2a307e);
	top:calc(100% + 25px);
	left:50%;
	transform:translateX(-50%);
}
.lcm .lcn .timeline-icon2 .year:after {
	background:linear-gradient(to top, #da251c, #2a307e);
}
.lcm:last-of-type .year:after{
	display:none;
}
.lcm .lct {
	width: 30%;
	display:flex;
	align-items:center;
}
.lcm .lct2 {
	position: relative;
	background: #da251c;
	padding: 30px 20px;
	z-index: 1;
	box-sizing: border-box;
	width:100%;
}
.lcm .lct3 {
	background: #2a307e;
}
.lcm .lct2:before {
	content: "";
	width: calc(100% / 4);
	height: 15px;
	background: #da251c;
	position: absolute;
	top: 50%;
	left: calc(-100% / 4);
	z-index: -1;
	transform: translateY(-50%);
}
.lcm .lct3:before {
	background: #2a307e;
	left:auto;
	right: calc(-100% / 4);
}
.lcm .lct .title {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	margin: 0 0 10px 0;
}
.lcm .lct .title2 {
	font-size: 24px;
}
.lcm .lct .description {
	font-size: 16px;
	color: #fff;
	line-height: 24px;
	margin: 0;
}
.lcm2 .lcn .timeline-icon{
	border: 25px solid #da251c;
}
.lcm2 .lcn .year{
	font-size:18px;
}
.lcm2 .lci{
	position:relative;
}
.lcm2 .lci:before{
	content: "";
    width: calc(100% / 4);
    height: 15px;
    background: #da251c;
    position: absolute;
    top: 50%;
    right: calc(-100% / 4);
    z-index: -1;
    transform: translateY(-50%);
}

















@media (max-width: 1200px) {
.wrapper {
	width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
}
}

@media (max-width: 800px) {
.bannerslide .swiper-slide {
	height: 150px;
}
.topbar .tip {
	display: none;
}
.topbar .links .la, .topbar .links .split, .header .slogan, .header .tel, .header .logo:after {
	display: none;
}
.header .logo {
	margin-right: 0;
	padding-right: 0;
	width: 100%;
	float: none;
}
.nav {
	height: auto;
	background-repeat: repeat;
}
.nav .wrapper {
	padding: 0;
}
.nav .ncon {
	display: none;
}
.nav .nul .nli {
	margin: 0;
	width: 25%;
	text-align: center;
}
.nav .nul .nli:nth-child(1) {
	display: none;
}
.homebox01 {
	padding: 20px 0;
}
.homebox01 .tit .en {
	line-height: 20px;
	margin: 10px 0;
}
.homebox01 .list .item {
	width: 100%;
	margin: 0 0 20px;
}
.homebox02 {
	height: auto;
	background-size: auto 200px;
	background-position: center top;
}
.homebox02 .wrapper {
	padding: 200px 0 0;
}
.homebox02 .conbox {
	position: relative;
	top: auto;
	right: auto;
	left: auto;
	bottom: auto;
	padding: 20px 30px;
}
.homebox03 {
	padding: 40px 0;
}
.homebox03 .tit .en br {
	display: none;
}
.homebox03 .hb03ul a {
	margin-bottom: 4px;
}
.homebox04 {
	padding: 50px 0 20px;
}
.homebox04 .tit .en br {
	display: none;
}
.homebox04 .list .item {
	width: 100%;
	margin: 0 0 20px;
}
.homebox05 {
	padding: 50px 0;
}
.homebox05 .list .item {
	width: 50%;
}
.homebox06 .tit .en br {
	display: none;
}
.homebox06 .tit {
	margin-bottom: 30px;
}
.homebox06 .list .item {
	width: 100%;
}
.homebox07 .hnewstou {
	width: 100%;
	float: none;
	margin-bottom: 20px;
}
.homebox07 .hnewstou .info {
	padding: 20px;
}
.homebox07 .list {
	margin-left: 0;
}
.footer {
	display: none;
}
.sidebox {
	display: none;
}
.side {
	float: none;
	width: 100%;
}
.sidenav .snul {
	overflow: hidden;
}
.sidenav .snul .snli {
	float: left;
	width: 49%;
	margin: 0 .5% 2px;
}
.main {
	width: 100%;
	float: none;
}
.main .hd .now {
	display: none;
}
.main .bd {
	padding: 10px 0;
}
.newslist .item .time {
	display: none;
}
.newslist .item .info {
	margin-left: 0;
}
.productlist li {
	width: 48%;
}
.honor li {
	width: 48%;
}
.honor li img {
	height: 230px;
}
.sidenav .snul .snli .sna {
	font-size: 12px;
}
.productlist li .name {
	height: 48px;
	overflow: hidden;
}
.header{
	padding:15px 0;
}
.header .top_tel .item{
	display:none;
}
.header .logo{
	border:none;
}
.header .logo img{
	height:50px;
}
.header .mmenu{
	display:block;
}
.top_menu{
	display:none;
}
.bannerslide{
	overflow:hidden;
}
.homebox01 .tit .cn{
	font-size:20px;
}
.homebox05 .tit .en{
	font-size:14px;
	line-height:1.6;
}
.scr{
	display:none;
}
.homebox03 .hb03ul{
	flex-wrap:wrap;
}
.homebox04 .list{
	flex-wrap:wrap;
}
.homebox04 .list .item img{
	height:150px;
}
.homebox06 .list{
	flex-wrap:wrap;
}
.homebox06 .list .item .info{
	padding:20px;
}
.homebox06 .list .item .info .name{
	font-size:16px;
}
.homebox06 .list .item .info .text{
	font-size:14px;
}
.bannern{
	height:200px;
	background-attachment:inherit;
	background-size:cover !important;
}
.bannern .p1{
	font-size:36px;
}
.bannern .ul1 li{
	font-size:16px;
}
.now>ul>li{
	display:none;
}
.now>ul>li:first-child,.now>ul>li.on{
	display:block;
}
.about{
	padding:50px 0;
}
.aboutm .aboutl{
	width:100%;
	padding:0;
}
.aboutm .aboutr{
	width:100%;
	margin-top:30px;
}
.about h2{
	padding-bottom:0;
	font-size:24px;
}
.about h2 b{
	display:none;
}
.aboutm .aboutl p{
	font-size:14px;
}
.about3{
	padding:30px 0;
}
.about3 img{
	width:100%;
}
.history2{
	padding:0 50px 50px;
}
.bannernpro{
	background:linear-gradient(to right, rgb(42, 48, 126, 0.8), rgb(15, 34, 63, 0)), url(../img/bannernpro.jpg) no-repeat 70% center;
}
.n{
	padding:50px 0;
}
.product ul li{
	width:49%;
}
.product ul li .prot{
	padding:20px;
}
.product ul li .prot .protit{
	font-size:16px;
}
.product ul li .prot .more{
	font-size:14px;
}
.nm .m{
	padding:30px 20px;
}
.pro_content{
	flex-wrap:wrap;
}
.productitem .pro_img{
	width:100%;
}
.productitem .pro_img2 img{
	height:300px;
}
.pi_t{
	width:100%;
	margin-top:20px;
}
.pi_t .npt{
	font-size:24px;
}
.pi_t ul{
	margin-top:0;
}
.pi_t a{
	font-size:16px;
}
.pro_more ul li{
	width:49%;
}
.pro_more ul li .prot{
	padding:20px;
}
.pro_more ul li .prot .protit{
	font-size:16px;
}
.pro_more ul li .prot .more{
	font-size:14px;
}
.honor .imgbox a{
	width:49%;
}
.honor .imgbox a img{
	height:auto;
}
.lcm{
	flex-wrap:wrap;
	height:auto;
	column-gap:0;
	margin-bottom:20px;
}
.lcm .lci{
	width:100%;
	height:280px;
}
.lcm2 .lci:before{
	display:none;
}
.lcm .lct3:before{
	display:none;
}
.lcm .lct2:before{
	display:none;
}
.lcm .lcn{
	width:50%;
	display:none;
}
.lcm .lcn .timeline-icon{
	width:150px;
	height:150px;
}
.lcm .lcn .year{
	width:80px;
	height:80px;
	font-size:14px;
	line-height:80px;
}
.lcm .lcn .timeline-icon{
	border: 15px solid transparent;
	border-top-color: #da251c;
    border-right-color: #da251c;
}
.lcm .lcn .timeline-icon{
	border: 15px solid transparent;
	border-top-color: #da251c;
    border-right-color: #da251c;
}
.lcm .lcn .timeline-icon2{
	border: 15px solid transparent;
	border-bottom-color: #2a307e;
    border-left-color: #2a307e;
}
.lcm2 .lcn .timeline-icon {
    border: 15px solid #da251c;
}
.lcm .lcn .year:after{
	display:none;
}
.lcm .lct{
	width:100%;
}
.lcm .lct .title2{
	font-size:18px;
}
.lcm .lct .description{
	font-size:14px;
}
.lcm .lci img{
	width:100%;
	object-fit:cover;
}
.contact .pc1{
	font-size:24px;
}
.contact>ul{
	flex-wrap:wrap;
}
.contact>ul li{
	width:50%;
	padding-bottom:20px;
}
.contact>ul li:nth-child(2n){
	border:none;
}
.contact>ul li .p2{
	white-space:inherit;
}
.contact2{
	margin-top:20px;
	flex-wrap:wrap;
}
.contact2 .contact_l{
	width:100%;
	height:250px;
}
.contact2 .contact_r{
	width:100%;
	padding:20px;
}
.news-list li{
	width:49%;
}
.news-list .news-pic{
	height:150px;
}
.news-list .news-intro{
	font-size:12px;
}
}