@charset 'utf-8';@font-face {font-family:'Alibaba-PuHuiTi-Regular';src:url('font/Alibaba-PuHuiTi-Regular.ttf');}
* {
    margin: 0;
    padding: 0;
    font-family: 'Alibaba-PuHuiTi-Regular,Inter, Arial, Helvetica, sans-serif';
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    box-sizing: border-box;
}
html{font-size: 100px;}
body {margin: 0px;padding: 0px;font-size:12px;font-family: 'Inter, Arial, Helvetica, sans-serif';background: #ffffff;}
ol, ul, li, dl, dt, dd, form, p, h1, h2, h3, h4, h5, img {margin: 0px;padding: 0px;}
ol, ul, li {list-style: none;padding: 0;margin: 0;}
img {border: none;max-width:100%;}
a {text-decoration: none;border: none;margin: 0;padding: 0;}
input, textarea {outline: 0;resize: none;border: none;border: 0;margin: 0;padding: 0;}
select {border: 0;}
input {margin: 0;padding: 0;border: none;}
table, table td {border-collapse: collapse;}
img {max-width: 100%;vertical-align: middle;}
i{font-style: normal;}
.clear {clear: both;}
.fl {float: left;}
.fr {float: right;}
.last{margin-right:0px !important;}
.div1600{width:1600px; margin:0px auto;}
.div1200{width:1200px; margin:0px auto;}
.banner img{vertical-align: middle;}
.banner{ position:relative; z-index:1; width:100%; text-align:center;}
.wrap{width: 100%;min-width: 1600px;}
.line_1{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box !important;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.line_2{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.line_3{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box !important;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.line_4{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box !important;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}
.line_6{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box !important;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
}

/*header*/
header .top .div1600{
	padding-top: 6px;	
	display: flex;
	vertical-align: middle;
	flex-direction: row;
	justify-content:space-between;
	position: relative;
}
.top .div1600 .nav{
	width: 800px;
	display: flex;
	vertical-align: middle;
	flex-direction: row;
	justify-content:space-between;
}
.top .div1600 .nav>li{
	position: initial;
}
.top .div1600 .nav>li>a{
	font-size: 20px;
	color: #333;
	line-height: 81px;
}
.top .div1600 .nav>li:hover>a{
	color: #e60012;
}
.top .div1600 .nav>li.cur>a{
	color: #e60012;
}
.proNav_content{
	position: absolute;
	top: 87px;
	left: 0;
	z-index: 9;
	background-color: #ffffff;
	width: 100%;
	padding: 34px 42px 34px 70px;
	display: none;
}
.proNav_box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.proNav_box .left{
	width: 900px;
	padding-top: 20px;
}
.proNav_box .left dl dd{
	line-height: 60px;
}
.proNav_box .left dl dd a{
	font-size: 22px;
	color: #1a1a1a;
}
.proNav_box .left dl dd a:hover{
	color: #e60012;
}
.proNav_box .left dl dd a.cur{
	color: #e60012;
}
.proNav_box .right{
	width: 500px;
}
.proNav_box .right .img img{
	width: 100%;
}
content .ind_ab{
	background: url(../images/index_05.jpg);
	background-size: 100%;
	padding-bottom: 100px;
}
.ind_tit{
	padding-top: 66px;
	text-align: center;
}
.ind_tit .p1{
	font-size: 40px;
	color: #424242;
	line-height: 150%;
}
.ind_tit .p2{
	font-size: 18px;
	color: #9c9c9c;
	line-height: 200%;
}
.ind_ab_b{
	font-size: 20px;
	line-height: 200%;
	color: #424242;
	margin-top: 36px;
	text-align: center;
}
.ind_ab_more{
	display: block;
	width: 240px;
	height: 60px;
	line-height: 60px;
	font-size: 24px;
	color: #fff;
	text-align: center;
	background: #0040b4;
	border-radius: 6px;
	margin:100px auto 0;
}
.ind_ab_more:hover{
	color: #0040b4;
	background-color: #fff;
	border: 2px solid #0040b4;
}

.ind_ho{
	background: #fff;
	background-size: 100%;
	padding-bottom: 100px;
}
.ind_ho_list{
	margin-top: 40px;
}
.ind_ho_list li{
	float: left;
	margin-right: 28px;
	padding:25px 20px;
	width: 379px;
	background: #d10201;
	position: relative;
	/*margin-bottom: 30px;*/
	/*height: 400px;*/
}
.ind_ho_list li:nth-child(4n){
	margin-right: 0px;
}
.ind_ho_list li .img{
	overflow: hidden;
	height: 243px;
}
.ind_ho_list li .img,.ind_ho_list li .img img{
	width: 100%;
}
.ind_ho_list li .img img{
	transition: all 0.5s;
}
.ind_ho_list li:hover .img img{
	transform: scale(1.1);
}
.ind_ho_list li .tit{
	margin:24px 0;
}
.ind_ho_list li .tit a{
	line-height: 120%;
	font-size: 26px;
	height: 64px;
	color: #fff;
	display: block;
	width: 100%;
	text-align: center;
	overflow: hidden;
}
.ind_ho_list li .time{
	font-size: 16px;
	color: #fff;
	text-align: center;
	/*position: absolute;*/
	/*bottom: 25px;
	left: 0px;
	right: 0px;*/
	/*margin:auto;*/
}
content .ind_pro{
	background: url(../images/index_06.jpg);
	background-size: 100%;
	padding-bottom: 100px;
}
.ind_pro_list{
	display: flex;
	vertical-align: middle;
	flex-direction: row;
	justify-content:space-between;
	width: 100%;
	margin-top: 30px;
}
.ind_pro_list li {
	width: 760px;
	height: 310px;
	padding:35px;
	border:5px solid #0040b4;
	border-radius: 24px;
	background-color: #ffffff;
}
.ind_pro_list li .item{
	text-align: center;
	padding:15px 0px;
}
.ind_pro_list li .item .p1{
	font-size: 30px;
	color: #000;
	line-height: 200%;
	font-weight: bold;
}
.ind_pro_list li .item .p2{
	font-size: 22px;
	color: #333;
	line-height: 100%;
}
.ind_pro_list li .item .p3{
	font-size: 24px;
	color: #000;
	line-height: 200%;
	/*font-weight: bold;*/
}
.ind_pro_list li .item .p4{
	font-size: 22px;
	color: #333;
	line-height: 100%;
}

content .ind_app{
	/*background: url(../images/index_06.jpg);
	background-size: 100%;*/
	padding-bottom: 200px;
}
.ind_app_list{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 30px;
}
.ind_app_list li{
	margin-bottom: 36px;
}
.ind_app_list li .img{
	width: 100%;
	position: relative;
	overflow: hidden;
}
.ind_app_list li .img img{
	transition: all 0.5s;
}
.ind_app_list li:hover .img img{
	transform: scale(1.1);
}
.ind_app_list li .tit{
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 56px;
	line-height: 56px;
	font-size: 24px;
	color: #fff;
	background: #0040b4;
	padding:0 24px;
}
.ind_app_list li .tit:after{
	content: '';
	width: 20px;
	height: 56px;
	background: url(../images/index_07.png);
	position: absolute;
	bottom: 0px;
	right: 24px;
}
.foot{
	background: #f1f1f1;
	padding-top: 60px;
	padding-bottom: 60px;
}
.foot .div1600{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
.f_item_1{
	width: 940px;
}
.f_item_1 dl{
	width: 186px;
	float: left;
}
.f_item_1 dl dt{
	font-size: 25px;
	color: #333;
	line-height: 200%;
	text-align: left;
	font-weight: bold;
}
.f_item_1 dl dd{
	padding-top: 20px;
}
.f_item_1 dl dd a{
	font-size: 18px;
	color: #777777;
}
.f_item_1 dl dd:hover a{
	color: #e60012;
}
.f_item_2{
	width: 430px;
}
.f_item_2 .f_tit{
	font-size: 25px;
	color: #333;
	line-height: 200%;
	text-align: left;
	font-weight: bold;
}
.f_item_2 .p1{
	font-size: 18px;
	color: #777777;
	line-height: 200%;
}
.f_item_3{
	width: 230px;
}
.f_item_3 .p1{
	width: 100%;
	text-align: center;
	font-size: 18px;
	color: #777777;
	padding-top: 18px;
}
.footer{
	background: #0040b4;
	height: 56px;
	line-height: 56px;
	text-align: center;
	color: #fff;
	font-size: 18px;
}
.footer a{
	color: #fff;
	line-height: 56px;
	text-align: center;
	font-size: 18px;
}

/*产品*/
.ny_nav{
	position: absolute;
	bottom: 0px;
	background: #0040b470;
	line-height: 72px;
	height: 72px;
	width: 100%;
}
.ny_nav ul {
	display: flex;
	justify-content: end;
	flex-wrap: wrap;
}
.ny_nav li{
	padding:0 50px;
	margin-left: 60px;
}
.ny_nav li:first-child{
	margin-left: 0;
}
.ny_nav li a{
	display: block;
	line-height: 72px;
	font-size: 22px;
	color: #fff;
}
.ny_nav li.cur{
	background: #fff;
}
.ny_nav li.cur a{
	color: #000;
}

.ny_nav li:hover{
	background: #fff;
}
.ny_nav li:hover a{
	color: #000;
}

/*pro*/
.pro_content{
	margin-top: 50px;
	margin-bottom: 200px;
}
.pro_category{
	display: flex;
	align-items: center;
	margin-bottom: 70px;
}
.pro_category_tit{
	margin-left: 30px;
}
.pro_category_tit h1{
	font-size: 30px;
	color: #1a1a1a;
	margin-bottom: 5px;
}
.pro_category_tit p{
	font-size: 16px;
	text-transform: uppercase;
	color: #1a1a1a;
}
.pro_list{
	border-top: 1px solid #efefef;
}
.pro_list .list ul{
	display: flex;
	flex-wrap: wrap;
}
.pro_list .list ul li{
	width: 380px;
	margin-right: 30px;
	background-color: #f9f9f9;
	margin-bottom: 30px;
}
.pro_list .list ul li:nth-child(3n){
	margin-right: 0;
}
.pro_list .list ul li .img{
	overflow: hidden;
}
.pro_list .list ul li .img img{
	transition: all 0.5s;
}
.pro_list .list ul li:hover .img img{
	transform: scale(1.1);
}
.pro_list .list ul li .text{
	padding: 0 25px;
}
.pro_list .list ul li .text h2{
	font-size: 29px;
	line-height: 1.4;
	color: #6c6c6c;
	text-align: center;
	font-weight: 400;
	margin-bottom: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box !important;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.pro_list .list ul li .text p{
	font-size: 14px;
	color: #6c6c6c;
	line-height: 1.5;
	height: 63px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box !important;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.pro_list .list ul li .link{
	margin-top: 15px;
	background-color: #0040b4;
}
.pro_list .list ul li .link p{
	line-height: 45px;
	text-align: center;
	font-size: 16px;
	color: #ffffff;
}
/*pro*/

/*pages*/
.pages{
	margin-top: 30px;
}
.pages ul{
	display: flex;
}
.pages ul li{
	margin-right: 23px;
}
/*pages*/

/*app*/
.app_nav li{
	padding: 0 30px;
}
.app_content{
	margin-top: 100px;
	padding-bottom: 200px;
}
.app_title{
	display: flex;
	align-items: flex-end;
	padding-bottom: 50px;
	border-bottom: 1px solid #c3c3c3;
	margin-bottom: 50px;
}
.app_title h1{
	font-size: 35px;
	color: #333333;
	font-weight: 400;
}
.app_title span{
	margin-left: 30px;
	font-size: 18px;
	color: #bbbbbb;
}
.app_text{
	margin-bottom: 50px;
}
.app_text .text{
	font-size: 18px;
	color: #333333;
	line-height: 2;
}
.app_text .text p{
	font-size: 18px;
	color: #333333;
}
.app_list{
	margin-bottom: 50px;
}
.app_list ul li{
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px dashed #c3c3c3;
}
.app_list ul li a{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.app_list ul li a .img{
	width: 137px;
	margin-right: 35px;
}
.app_list ul li a .text{
	width: calc(100% - 172px);
}
.app_list ul li a .text h2{
	font-size: 22px;
	color: #333333;
	line-height: 2;
}
.app_list ul li a .text p{
	font-size: 16px;
	color: #6c6c6c;
	line-height: 2;
}
/*app*/
.detail_list .ind_ho_list li{
	margin-bottom: 30px;
}
.detail_list .ind_ho_list li:nth-child(4n){
	margin-right: 28px;
}
.detail_list .ind_ho_list li:nth-child(3n){
	margin-right: 0;
}

.news_list ul li a .img{
	width: 280px;
	height: 200px;
	overflow: hidden;
}
.news_list ul li a .img img{
	width: 100%;
	object-fit: cover;
}
.news_list ul li a .text{
	width: calc(100% - 320px);
}
.news_title{
	align-items: center;
	flex-direction: column;
}
.news_title span{
	margin-left: 0;
	margin-top: 10px;
}
.app_text .back{
	margin-top: 50px;
	text-align: right;
}
.app_text .back a{
	font-size: 16px;
	color: #999999;
}

.joblist{ width:100%; margin:0 auto;font-size: 16px;}
.joblist li{ margin-bottom:40px; clear:both;}
.joblist li .job_tit{ display:block; padding:10px 0; margin:0px; border-bottom:1px solid #ccc; font-weight:bold;font-size: 20px;}
.joblist li .job_tit span{ float:right; font-weight:normal;}
.joblist li .job_ti {  display:block;font-weight:bold;padding:15px 0 10px; color:#333333;font-size: 18px;}
.joblist li .job_con{ margin:0px; line-height:180%;color: #555555;}
.joblist li .job_sty{ margin:20px 0 0 0; color:#777777;}
.joblist li .job_sty>div{margin-right: 25px;}
.joblist li .job_01{float:left;}
.joblist li .job_02{float:left;}
.joblist li .job_03{float:left;}
.joblist li .job_04{float:left;}
.joblist li .job_05{float:left;}
.joblist li .job_06{float:left;}
.joblist li .job_07{float:left;}
.joblist li .job_08{float:left;}