﻿/* 首页开始 */

/* 右侧悬浮窗 */

.suspended_window {
	width: auto;
	height: auto;
	position: fixed;
	right: 0;
	top: 30%;
	z-index: 9990;
}
.suspended {
	width: 77px;
	height: 70px;
	overflow: hidden;
	background-color: #6b6b6b;
	position: fixed;
	right: 0;
	cursor: pointer;
	transition: all 0.5s;
}
.suspended div {
	width: 77px;
	height: auto;
	overflow: hidden;
	text-align: center;
	margin: 12px 0 0 0;
}
.suspended div img {
	width: 28px;
	height: 28px;
}
.suspended div p {
	font-size: 12px;
	color: #ffffff;
}
.mobile_call {
	top: 30%;
}
.pp {
	top: 38%;
}
.erCodes {
	top: 46%;
}
.returnTop {
	top: 54%;
}
.returnTop img {
	display: block;
	margin: 25px auto 0;
}
.suspended:hover {
	background-color: #122a88;
}
.suspended div img {
	display: inline-block;
}
.suspended span {
	font-size: 12px;
	letter-spacing: 1px;
	color: #ffffff;
	position: absolute;
	top: 26px;
	left: 75px;
	display: none;
	white-space: nowrap;
}
.mobile_call:hover {
	width: 190px;
	transition: all 0.5s;
}
.mobile_call:hover span {
	display: block;
}
.pp:hover span {
	display: block;
}
.pp:hover {
	width: 142px;
	transition: all 0.5s;
}
/* banner开始 */

.banner {
	width: 100%;
	margin: auto;
}
/* banner结束 */

/* 关于开始 */

.aboutsjin {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 124px;
}
.about {
	/* 屏幕分辨率小于最大宽度 */

	width: 92%;
	/* 现在的宽度 */

	max-width: 1200px;
	height: auto;
	overflow: hidden;
	margin: auto;
	padding: 78px 0 0 0;
	display: flex;
	justify-content: space-between;
}
.about-left {
	width: 41%;
	height: auto;
	padding-top:8px;
	overflow: hidden;
	float: left;
	line-height: 0;
}
.about-right {
	width: 55%;
	height: auto;
	overflow: hidden;
	float: left;
}
.about-title {
	width: 100%;
	height: 120px;
}
.about-title p {
	font-family: 'MicrosoftYaHeiLight';
	font-size: 40px;
	font-weight: 100;
	color: #8a8a8a;
	margin-bottom: 0 !important;
	line-height: 1;
}
.about-title span {
	font-family: 'MicrosoftYaHei';
	font-size: 30px;
	color: #535353;
}
.about-video {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
}
.video-img {
	width: 60px;
	height: 60px;
	background-image: url(../image/icon11.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 38%;
	left: 44%;
	z-index: 9992;
}
.video-img2 {
	top: 41%;
	left: 48%;
}
.about-video video {
	width: 100%;
	height: auto;
	overflow: hidden;
}
/* .play{

    position: absolute;

    top: 100px;

    left: 325px;

} */

.about-con {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.about-con p {
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	margin: 0;
	font-family: 'MicrosoftYaHeiLight';
	font-weight: 100;
	font-size: 16px;
	line-height: 30px;
	color: #5b5b5b;
	margin-bottom: 36px;
}
.digital {
	width: 100%;
	max-width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 0px auto;
	background-color: #ffffff;
	display: flex;
	justify-content: space-between;
}
.digital_box {
	width: 286px;
	height: auto;
	overflow: hidden;
	/* border-right: 1px solid rgba(0, 0, 0, 0.3); */

	padding: 20px;
	text-align: center;
}
.digital_box:last-child {
	border: 0;
}
.digital .digital_box p {
	display: inline-block;
	font-family: 'MicrosoftYaHei';
	font-size: 30px;
	line-height: 36px;
	color: #6a6a6a;
	margin-bottom: 0 !important;
}
.year {
	font-family: 'MicrosoftYaHeiLight';
	font-size: 14px;
	font-weight: 100;
	color: #737373;
	position: absolute;
}
.digital_box span:last-child {
	display: block;
	font-family: 'MicrosoftYaHeiLight';
	font-weight: 100;
	font-size: 16px;
	color: #ababab;
}
.digital_i {
	width: 1px;
	height: 39px;
	background-color: rgba(66, 75, 79, 0.3);
	margin-top: 30px;
	display: block;
}
.more {
	display: block;
	width: 183px;
	height: 50px;
	border: solid 1px rgba(217, 217, 217, 0.5);
	text-align: center;
	line-height: 45px;
	margin-top: 45px;
	font-size: 16px;
	line-height: 50px;
	color: #aaaaaa;
	border-radius: 37px;
}
.more:hover {
	border: solid 1px #122a88;
	color: #122a88;
}
.more3 {
	border: 1px solid #122a88;
	color: #122a88;
	width: 150px;
	height: 42px;
	line-height: 42px;
}
/* 关于结束 */

/* 产品中心 */

.product {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: auto;
	background-color: #F5F5F5;
}
.pro_con {
	/* 屏幕分辨率小于最大宽度 */

	width: 92%;
	/* 现在的宽度 */

	max-width: 1200px;
	margin: auto;
	height: auto;
	overflow: hidden;
	padding-bottom: 70px;
}
.pro_title {
	width: 100%;
	height: auto;
	margin: auto;
	text-align: center;
	padding: 117px 0 0 0;
}
.pro_title p {
	font-size: 30px;
	color: #535353;
}
.en_title {
	font-size: 40px;
	color: #8a8a8a;
	font-family: 'MicrosoftYaHeiLight';
	font-weight: 100;
}
.gaiyao {
	font-size: 12px;
	color: #a7a7a7;
	margin-top: 20px;
	display: block;
	font-family: 'MicrosoftYaHei';
}
.pro_content {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 35px;
}
.pro_content ul {
	width: 100%;
	height: auto;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.pro_content ul li {
	width: 24.34%;
	height: auto;
	cursor: pointer;
	margin-bottom: 20px;
	background-color: #fff;
}
.pro_content ul li:nth-child(3n) {
	margin-right: 0;
}
.pro_tu {
	width: 100%;
	height: 218px;
	margin: auto;
}
.pro_tu img {
	max-width: 100%;
	max-height: 100%;
	display: block;
	margin: auto;
}
.pro_content ul li a {
	display: block;
	margin-top: 0px;
	font-size: 16px;
	color: #000;
	text-align: center;
	height: auto;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: 'MicrosoftYaHeiLight';
	font-weight: 100;
	line-height: 52px;
}
.more2 {
	background-color: transparent;
	border: solid 1px #d9d9d9;
	color: #aaaaaa;
	margin: 65px auto 0 !important;
	font-family: 'MicrosoftYaHeiLight';
	font-weight: 100;
}
/* 产品中心结束 */

/* 案例展示开始 */

.casesshow {
	width: 100%;
	height: auto;
	overflow: hidden;
	background-image: url(../image/bg01.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.anlishow {
	width: 100%;
	max-width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 0 auto 85px;
}
/* 改后案例 */

.caseanli {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 70px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.casezuo {
	width: 49.2%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.zuoli {
	width: 49%;
	height: 194px;
	position: relative;
}
.zuoli:first-child, .zuoli:nth-child(2) {
	margin-bottom: 10px;
}
.zuoli img {
	width: 100%;
	height: 100%;
}
.datitle {
	font-family: 'MicrosoftYaHeiLight';
	font-size: 16px;
	font-weight: 100;
	color: #ffffff;
	text-align: center;
	display: block;
	position: absolute;
	bottom: 20px;
}
.zuoli:hover .casemacon {
	opacity: 1;
	transition: all .3s;
}
.zuoli:hover .casemask {
	background-color: rgba(0, 0, 0, 0.5);
}
.casemask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
}
.casemask span {
	font-size: 16px;
	color: #ffffff;
	text-align: center;
	display: block;
	line-height: 40px;
}
.casemacon {
	width: 100%;
	height: 140px;
	overflow: hidden;
	padding: 30px 45px;
	opacity: 0;
	transition: all .3s;
}
.casemacon p {
	font-family: 'MicrosoftYaHeiLight';
	font-size: 14px;
	font-weight: 100;
	color: #ffffff;
	margin-bottom: 0;
}
.caseyou {
	width: 50%;
	max-height: 400px;
	min-height: auto;
	overflow: hidden;
	position: relative;
}
.caseyou img {
	width: 100%;
	height: 100%;
}
.caseyou:hover .casemask {
	background-color: rgba(0, 0, 0, 0.5);
}
.caseyou:hover .youcasecon {
	opacity: 1;
}
.youcasecon {
	width: 100%;
	height: 340px;
	overflow: hidden;
	padding: 30px 45px;
	opacity: 0;
	transition: all .3s;
}
.anlist {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 80px;
}
.anlist ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.anlist ul li {
	width: 50%;
	height: auto;
	overflow: hidden;
}
.anlist ul li .anlicon {
	width: 50%;
	height: 100%;
	padding: 32px 0 0 31px;
	transition: all 0.5s;
}
.anlist ul li .anlicon,  .anlist ul li:nth-child(3) .anliimg,  .anlist ul li:nth-child(4) .anliimg {
	float: right;
}
.anlist ul li:nth-child(3) .anlicon,  .anlist ul li:nth-child(4) .anlicon {
	float: left;
	text-align: left;
}
.anlist ul li .anlicon p {
	font-family: 'MicrosoftYaHei';
	color: #545454;
	font-size: 16px;
}
.anlist ul li .anlicon span,  .anlist ul li .anlicon span p {
	font-family: 'MicrosoftYaHeiLight';
	font-size: 12px;
	font-weight: 100;
	color: #545454;
}
.anlist ul li .anliimg {
	line-height: 0;
	float: right;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.anlist ul li .anliimg img {
	width: 100%;
	height: 100%;
	transition: all 0.5s;
}
.anlist ul li:hover .anlicon {
	background-color: #122a88;
	transition: all 0.5s;
}
.anlist ul li:hover .anlicon p,  .anlist ul li:hover .anlicon span,  .anlist ul li:hover .anlicon span p {
	color: #ffffff;
	transition: all 0.5s;
}
.anlist ul li:hover .anliimg img {
	transform: scale(1.03);
	transition: all 0.5s;
}
/* 案例展示结束 */

/* 我们的优势开始 */

.youshicon {
	width: 100%;
	height: auto;
	overflow: hidden;
	background-image: url(../image/index_ysbg.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.youshicon .pro_title .en_title {
	color: rgba(255, 255, 255, 0.5);
}
.youshicon .pro_title p {
	color: #fff;
}
.youshicon .pro_title .gaiyao {
	color: #bdbdbd;
	line-height: 24px;
}
/* .youlist{

    width: 100%;

    max-width: 1200px;

    margin: auto;

    overflow: hidden;

    height: auto;

} */

/* 我们的优势轮播样式 */

.youlist {
	width: 100%;
	max-width: 1700px;
	height: 470px;
	margin: 84px auto 90px;
	overflow: hidden;
}
.youlist .mr_frbox {
	height: 470px;/* padding: 24px 0px 0px; */

}
.youlist .mr_frBtnL {
	cursor: pointer;
	display: inline;
	float: left;
	margin: 160px 10px 0 0;
	width: 40px;
	height: 40px;
	opacity: 0.5;
}
.youlist .mrulb {
	float: left;
	width: 94.5%;
}
.youlist .mr_frUl {
	height: 470px;
	width: 100% !important;
	max-width: 1200px;
	margin: auto;
}
.mr_frUl .tempWrap {
	width: 100% !important;
	margin: auto;
}
.youlist .mr_frBtnR {
	float: right;
	margin-top: 160px;
	cursor: pointer;
	width: 40px !important;
	height: 40px!important;
	opacity: 0.5;
}
.youlist .mr_frUl ul li {
	display: inline;
	float: left;
	width: 280px!important;
	height: 470px;
	overflow: hidden;
	position: relative;
	background-color: rgba(0, 0, 0, 0.5);
	margin-right: 10px;
	margin-left: 10px;
	padding: 0 40px;
}
.youlist .mr_frUl ul li:hover {
	background-color: #0065b3;
}
.youlist .mr_lus {
	width: 100%;
	height: auto;
	overflow: hidden;
	border-bottom: 1px solid #ffffff;
	margin-top: 90px;
	padding-bottom: 26px;
}
.youlist .mr_lus i {
	color: #fff!important;
	font-family: 'MicrosoftYaHeiLight';
	font-size: 30px;
	font-weight: 100;
	color: #ffffff;
	font-style: normal;
	padding-bottom: 25px;
	display: block;
}
.youlist .mr_lus p {
	font-family: 'MicrosoftYaHei';
	font-size: 18px;
	color: #ffffff!important;
	margin-bottom: 0px;
}
.youlist .mr_lus span {
	font-family: 'MicrosoftYaHeiLight';
	font-size: 12px;
	font-weight: 100;
	letter-spacing: -1px;
	color: #ffffff!important;
}
.youlist .mr_lux {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 25px;
}
.youlist .mr_lux p {
	font-family: 'MicrosoftYaHei';
	font-size: 13px;
	line-height: 24px;
	color: #ffffff;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 7;
	overflow: hidden;
	margin-bottom: 0;
}
/* 我们的优势轮播样式结束 */

.youimg {
	text-align: center;
	line-height: 0;
}
.youimg img {
	max-width: 100%;
	max-height: 100%;
}
.younei {
	text-align: center;
	padding-top: 27px;
}
.younei .youtiitle {
	font-family: 'MicrosoftYaHei';
	font-size: 18px;
	color: #ffffff;
	margin-bottom: 0 !important;
}
.younei .youtext {
	font-family: 'MicrosoftYaHeiLight';
	font-size: 12px;
	font-weight: 100;
	line-height: 24px;
	color: #ffffff;
	margin-top: 27px;
	height: 120px;
	transition: all .5s;
	margin-bottom: 0;
	opacity: 0;
}
.younei span {
	font-family: 'MicrosoftYaHeiLight';
	font-size: 12px;
	font-weight: 100;
	color: #acacac;
}
.youlist ul li:hover .younei .youtext {
	opacity: 1;
	transition: all .5s;
}
/* 我们的优势结束 */

/* 新闻资讯开始 */

.newsbox {
	width: 100%;
	height: auto;
	overflow: hidden;
	background-color: #F5F5F5;
}
.news {
	width: 100%;
	max-width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 0 auto 140px;
}
.newslibiao {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 69px;
}
.newslibiao ul {
	width: 100%;
	height: auto;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.newslibiao ul li {
	width: 31.67%;
	height: auto;
	overflow: hidden;
}
.newslibiao ul li a {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.newslibiao ul li a:hover .xwimg img {
	transform: scale(1.02);
	transition: all .3s;
}
.xwimg {
	width: 100%;
	height: 322px;
}
.xwimg img {
	width: 100%;
	height: 100%;
	transition: all .3s;
}
.xwcon {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 30px 24px;
	background-color: #fff;
}
.xwcon p {
	font-family: 'MicrosoftYaHei';
	font-size: 16px;
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.xwcon span.xwnr {
	font-family: 'MicrosoftYaHei';
	font-size: 14px;
	color: #8a8a8a;
	display: block;
	margin-top: 23px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.xwcon span.xwdata {
	font-family: 'MicrosoftYaHei';
	font-size: 14px;
	color: #cdcdcd;
	display: block;
	margin-top: 30px;
}
.case_ul {
	width: 30%;
	margin: auto;
	height: auto;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}
.case_ul li {
	width: 90px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	font-family: 'MicrosoftYaHeiLight';
	font-weight: 100;
	color: #a4a4a4;
	text-align: center;
	border: solid 1px #e6e6e6;
	cursor: pointer;
	border-radius: 20px;
}
.case_ul li.li_active {
	color: #ffffff;
	background-color: #122a88;
	border: solid 1px #122a88;
}
.PublishingCon {
	margin-top: 50px;
}
.PublishingCon .casesCon {
	display: none;
}
.casesCon {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.PublishingCon .casesCon.selectedCon {
	display: block;
}
.newsone {
	width: 37%;
	height: auto;
	overflow: hidden;
	float: left;
}
.newsone a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	line-height: 0
}
.newsone a img {
	max-width: 100%;
	max-height: 100%;
}
.newsdate {
	position: absolute;
	top: 0;
	left: 0;
	width: 86px;
	height: 86px;
	background-color: #122a88;
	text-align: center;
}
.newsdate p {
	font-family: 'MicrosoftYaHei';
	font-size: 40px;
	font-weight: bold;
	color: #ffffff;
	margin-bottom: 0px !important;
	line-height: 1;
	margin-top: 13px;
}
.newsdate span {
	font-family: 'MicrosoftYaHeiLight';
	font-size: 14px;
	font-weight: 100;
	color: #ffffff;
	line-height: 23px;
}
.newstitle {
	width: 100%;
	height: 55px;
	background-color: rgba(0, 0, 0, 0);
	text-align: center;
	position: absolute;
	bottom: 0;
}
.newstitle p {
	font-family: 'MicrosoftYaHei';
	font-size: 16px;
	line-height: 55px;
	color: #ffffff;
	margin-bottom: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.newstwo {
	width: 40%;
	height: auto;
	overflow: hidden;
	float: left;
	margin-left: 22px;
}
.newstwo ul li {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 40px;
}
.newstwo ul li a {
	display: block;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
}
.newstwo ul li:hover .newsriqi {
	background-color: #122a88;
	transition: .5s;
}
.newsriqi {
	width: 80px;
	height: 90px;
	background-color: #c0c0c0;
	text-align: center;
	transition: .5s;
}
@font-face {
	font-family: 'SourceHanSansCN-Bold';
	src: url(http://www.yaxinggangban.com/template/pc/skin/fonts/SourceHanSansCN-Bold.ttf);
}
.newsriqi p {
	margin-bottom: 0;
	font-family: 'SourceHanSansCN-Bold';
	font-size: 40px;
	color: #ffffff;
	line-height: 1;
	margin-top: 14px;
}
@font-face {
	font-family: 'SourceHanSansCN-Regular';
	src: url(http://www.yaxinggangban.com/template/pc/skin/fonts/SourceHanSansCN-Regular.ttf);
}
.newsriqi span {
	font-family: 'SourceHanSansCN-Regular';
	font-size: 14px;
	color: #ffffff;
}
.newsnei {
	width: 376px;
	text-align: left;
}
.newstwo ul li:hover .newsnei p {
	color: #122a88;
	transition: .5s;
}
.newsnei p {
	font-family: 'MicrosoftYaHei';
	font-size: 18px;
	color: #282828;
	transition: .5s;
}
.newsnei span {
	font-family: 'MicrosoftYaHeiLight';
	font-size: 14px;
	font-weight: 100;
	color: #8a8a8a;
	line-height: 24px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.newsthree {
	width: 17.6%;
	height: auto;
	overflow: hidden;
	float: right;
}
.newsthree ul li {
	width: 100%;
	height: 170px;
	overflow: hidden;
	margin-bottom: 30px;
}
.newsthree ul li a {
	width: 100%;
	height: 100%;
	display: block;
	text-align: center;
}
.newsthree ul li a img {
	width: 211px;
	height: 132px;
	transition: .5s;
}
.newsthree ul li a p {
	font-family: 'MicrosoftYaHei';
	font-size: 16px;
	line-height: 48px;
	color: #282828;
	margin-bottom: 0;
	transition: .5s;
}
.newsthree ul li a:hover p {
	color: #122a88;
	transition: .5s;
}
.newsthree ul li a:hover img {
	transform: scale(1.05);
	transition: .5s;
}
.newsxin {
	width: 100%;
	height: auto;
	overflow: hidden;
}
/* 新闻资讯结束 */

/* 关于我们开始 */

.ny_banner {
	width: 100%;
	height: 699px;
	max-width: 1920px;
	margin: auto;
	background-image: url(../image/gywm_ban01.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.abouts_nav {
	width: 100%;
	height: 74px;
	background-color: #f8f8f8;
	overflow: hidden;
}
.abouts_nav ul {
	width: 27%;
	margin: auto;
	height: auto;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	padding-top: 19px;
}
.abouts_nav ul li {
	width: auto;
	height: 35px;
	border-radius: 20px;
	overflow: hidden;
}
.abouts_nav ul li a {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #f8f8f8;
	text-align: center;
	line-height: 35px;
	font-family: 'MicrosoftYaHei';
	font-size: 16px;
	color: #252525;
	transition: all 0.5s;
	padding: 0 20px;
}
.abouts_nav ul li:hover a {
	background-color: #122a88;
	color: #ffffff;
	transition: all 0.5s;
}
.abouts_nav ul li.abli_actives a {
	background-color: #122a88;
	color: #ffffff;
}
.aboutscon {
	width: 100%;
	max-width: 1920px;
	margin: auto;
	height: auto;
	overflow: hidden;
	background-image: url(../image/gywm_bg01.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding: 75px 0 100px 0;
}
.abtitle {
	width: 100%;
	max-width: 1200px;
	margin: auto;
	overflow: hidden;
}
.abtitle span {
	font-family: 'MicrosoftYaHeiLight';
	font-size: 40px;
	font-weight: 100;
	color: #8a8a8a;
}
.abtitle p {
	font-family: 'MicrosoftYaHei';
	font-size: 30px;
	color: #535353;
}
.abcon {
	width: 100%;
	max-width: 1200px;
	margin: 35px auto 0;
	overflow: hidden;
	height: auto;
}
.abcon p {
	font-family: 'MicrosoftYaHeiLight';
	font-size: 16px;
	font-weight: 100;
	line-height: 36px;
	color: #5b5b5b;
	white-space: pre-wrap;
	margin-bottom: 0;
}
.abdigital {
	width: 100%;
	height: auto;
	overflow: hidden;
	background-image: url(../image/gywm_gjbg01.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding: 80px 0;
	max-width: 1920px;
	margin: auto;
}
.abdigital .digital {
	background-color: transparent;
	margin: 0px auto 0;
	box-shadow: 0px 0px 0px 0px rgba(18, 42, 136, 0.05);
	padding: 0px 0;
}
.abdigital .digital .digital_box p {
	color: #fff;
	font-size: 50px;
}
.abdigital .year {
	color: #fff;
	font-size: 28px;
	line-height: 0;
}
.abdigital .digital_box span:last-child {
	color: #fff;
	font-size: 24px;
}
.abdigital .digital_box {
	width: 175px;
	padding: 0px;
}
.abdigital .digital_i {
	width: 1px;
	height: 39px;
	background-color: #fff;
	margin-top: 30px;
	display: block;
	opacity: 0.3;
}
.aboutsystem {
	width: 100%;
	max-width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 120px auto 170px;
}
.ab_pro {
	margin-top: 50px;
}
.ab_pro ul li a {
	display: block;
	margin-top: 12px;
	font-size: 18px;
	color: #333333;
	text-align: center;
}
/* 关于我们结束 */

/* 荣誉资质开始 */

.honorlist {
	width: 100%;
	max-width: 1200px;
	height: auto;
	overflow: hidden;
	margin: auto;
}
.honorlist {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 80px;
}
.honorlist ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.honorlist ul li {
	width: 359px;
	height: auto;
	overflow: hidden;
	margin-bottom: 30px;
}
.honorlist ul li .jiimg {
	width: 359px;
	height: 248px;
	background-color: #f5f5f5;
	overflow: hidden;
	text-align: center;
	line-height: 0;
	cursor: pointer;
}
.honorlist ul li .jiimg img {
	max-width: 100%;
	max-height: 100%;
}
.honorlist ul li p {
	font-family: 'MicrosoftYaHei';
	font-size: 16px;
	line-height: 35px;
	color: #666666;
	text-align: center;
}
.over {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	text-align: center;
	display: none;
	background-color: rgba(0, 0, 0, 0.3);
}
.honImg {
	width: 30%;
	height: auto;
	padding: 50px 0;
	background-color: #fff;
	margin: 12% auto 0;
	position: relative;
}
.overclose {
	font-size: 14px;
	color: #fff;
	width: 40px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	background-color: #6b6b6b;
	cursor: pointer;
}
/* 荣誉资质结束 */

/* 产品列表开始 */

.pro_banner {
	background-image: url(../image/cpzx_ban01.png);
}
.pro_nav {
	background-color: #fff;
}
.pro_nav ul {
	width: 65%;
}
.pro_nav ul li a {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #ffffff !important;
	text-align: center;
	line-height: 35px;
	font-family: 'MicrosoftYaHei';
	font-size: 16px;
	color: #252525;
	transition: all 0.5s;
	padding: 0 20px;
}
.pro_nav ul li a:hover {
	background-color: #122a88 !important;
}
.pro_nav ul li.abli_actives a {
	background-color: #122a88 !important;
	color: #ffffff !important;
}
.chanpin {
	width: 100%;
	height: auto;
	overflow: hidden;
	background-color: #FAFAFA;
}
.chanpin .pro_con {
	padding-bottom: 20px;
}
.chanpin .pro_content {
	margin-top: 70px;
}
.chanpin .pro_content ul {
	flex-wrap: wrap;
	justify-content: initial;
}
.chanpin .pro_content ul li {
	margin-bottom: 15px;
	margin-right: 10px;
}
.chanpin .pro_content ul li:nth-child(4n) {
	margin-right: 0;
}
.chanpin .pro_content ul li .pro_tu {
	background-color: #fff;
}
/* 产品列表结束 */

/* 产品中心详情开始 */

.prodenav {
	background-color: #f8f8f8;
}
.pro_nav ul li a {
	background-color: #f8f8f8;
}
.pro_atlas {
	width: 100%;
	max-width: 1200px;
	margin: auto;
	overflow: hidden;
	height: auto;
	padding-top: 68px;
}
.pro_atlas p {
	font-family: 'MicrosoftYaHei';
	font-size: 30px;
	font-weight: bold;
	line-height: 33px;
	color: #333333;
	text-align: center;
}
.pro_swiper {
	width: 676px;
	height: 488px;
	border: solid 2px #f5f5f5;
	margin: 50px auto 70px;
	position: relative;
}
.pro_swiper .swiper-container {
	width: 486px;
	height: 420px;
}
.pro_swiper .swiper-wrapper {
	width: 100%;
	height: 100% !important;
}
.pro_swiper .swiper-slide {
	width: 486px;
	height: 420px;
	text-align: center;
}
.pro_swiper .swiper-slide img {
	max-width: 100%;
	max-height: 100%;
}
.pro_swiper .device .arrow-left {
	background: url(../image/icon05.png) no-repeat left top;
	position: absolute;
	left: 10px;
	bottom: 10%;
	margin-top: -15px;
	width: 26px;
	height: 26px;
}
.pro_swiper .device .arrow-right {
	background: url(../image/icon04.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	bottom: 10%;
	margin-top: -15px;
	width: 26px;
	height: 26px;
}
.performance {
	width: 100%;
	max-width: 1200px;
	margin: auto;
	overflow: hidden;
	height: auto;
}
.per_div {
	width: 100%;
	max-width: 1200px;
	height: auto;
	margin: auto;
	overflow: hidden;
}
.per_div .per_ul {
	width: 100%;
	height: auto;
	overflow: hidden;
	border-bottom: 1px solid #122a88;
}
.per_div .per_ul li {
	width: 150px;
	height: 50px;
	background-color: #ffffff;
	border-radius: 6px;
	font-family: 'MicrosoftYaHei';
	font-size: 18px;
	font-weight: bold;
	line-height: 50px;
	color: #333333;
	text-align: center;
	margin-right: 20px;
	float: left;
}
.per_div .per_ul li.liactive {
	background-color: #122a88;
	color: #ffffff;
}
.per_PublishingCon {
	margin-top: 50px;
}
.per_PublishingCon .per_casesCon {
	display: none;
}
.per_casesCon {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.per_PublishingCon .per_casesCon.per_selectedCon {
	display: block;
}
.per_casesCon p {
	font-family: 'MicrosoftYaHei';
	font-size: 20px;
	line-height: 33px;
	color: #333333;
	/*white-space: pre-wrap;*/

	margin-bottom: 0;
}
.Related {
	width: 100%;
	max-width: 1200px;
	margin: 100px auto 90px;
	height: auto;
	overflow: hidden;
}
.Related_pro {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	margin-top: 52px;
}
.swiper {
	width: 92%;
	height: 272px;
}
.Related_pro .device .arrowleft {
	background: url(../image/icon05.png) no-repeat left top;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -15px;
	width: 26px;
	height: 26px;
}
.Related_pro .device .arrowright {
	background: url(../image/icon04.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -15px;
	width: 26px;
	height: 26px;
}
.Related_pro .swiper .swiper-wrapper .swiper-slide {
	margin-right: 10px;
	margin-left: 10px;
	width: 350px !important;
}
.Related_pro .swiper .swiper-wrapper .swiper-slide .relatedimg {
	width: 100%;
	height: 223px;
	overflow: hidden;
	border: 1px solid #f0f0f0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.Related_pro .swiper .swiper-wrapper .swiper-slide .relatedimg img {
	max-width: 100%;
	max-height: 100%;
}
.Related_pro .swiper .swiper-wrapper .swiper-slide p {
	font-family: 'MicrosoftYaHeiLight';
	font-size: 16px;
	font-weight: 100;
	color: #282828;
	margin-top: 30px;
}
/* 产品中心详情结束 */

/* 服务范围开始 */

.ser_banner {
	background-image: url(../image/fwfw_ban01.jpg);
}
.servicecon {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: auto;
}
.service_one {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 75px 0 100px 0;
	background-image: url(../image/fwfw_bg01.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.fuwuone {
	width: 100%;
	max-width: 1200px;
	margin: auto;
	overflow: hidden;
	height: auto;
}
.fuwucon {
	width: 100%;
	height: auto;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
}
.fuwuone .fweng {
	font-size: 40px;
	font-weight: bold;
	letter-spacing: 0px;
	color: #122a88;
	text-align: center !important;
	display: block;
}
.fuwuone p {
	font-family: 'MicrosoftYaHeiLight';
	font-size: 26px;
	font-weight: 100;
	color: #122a88;
	text-align: center;
}
.fuwucon .fwimg {
	width: 800px;
	height: auto;
	overflow: hidden;
	line-height: 0;
}
.fuwucon .fwimg img {
	max-width: 100%;
	max-height: 100%;
	transition: all 0.5s;
}
.fuwucon .fwnr {
	width: 400px;
	height: auto;
	overflow: hidden;
	position: relative;
	background-color: #122a88;
	padding: 50px 20px;
}
.fuwucon .fwnr span {
	display: block;
	font-family: 'MicrosoftYaHei';
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	border-bottom: 1px solid #fff;
	width: 56%;
	padding-bottom: 15px;
	text-align: left;
}
.fuwucon .fwnr p {
	font-family: 'MicrosoftYaHei';
	font-size: 14px;
	line-height: 26px;
	color: #ffffff;
	margin-bottom: 0;
	margin-top: 18px;
	text-align: left;
}
.fuwucon .fwnr .chakan {
	display: block;
	width: 110px;
	height: 30px;
	background-color: #122a88;
	border-radius: 3px;
	border: solid 1px #ffffff;
	font-family: 'MicrosoftYaHei';
	font-size: 14px;
	color: #ffffff;
	line-height: 30px;
	background-image: url(../image/fwfw_icon01.png);
	background-repeat: no-repeat;
	background-position: 80% center;
	position: absolute;
	bottom: 50px;
	padding-left: 18px;
	transition: all 0.5s;
}
.service_one:nth-child(2) {
	background-image: url(../image/fwfw_bg02.jpg);
}
.service_two .fuwuone .fweng {
	color: #ffffff;
	text-align: left;
}
.service_two .fuwuone p {
	color: #ffffff;
}
.service_two .fuwucon .fwnr {
	width: 400px;
	height: auto;
	overflow: hidden;
	position: relative;
	background-color: #ffffff;
	padding: 50px 20px;
}
.service_two .fuwucon .fwnr span {
	display: block;
	font-family: 'MicrosoftYaHei';
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	border-bottom: 1px solid #122a88;
	width: 80%;
	line-height: 26px;
	text-align: left;
}
.service_two .fuwucon .fwnr p {
	font-family: 'MicrosoftYaHei';
	font-size: 14px;
	line-height: 26px;
	color: #8e8e8e;
	margin-bottom: 0;
	margin-top: 24px;
}
.service_two .fuwucon .fwnr .chakan {
	display: block;
	width: 110px;
	height: 30px;
	background-color: #122a88;
	border-radius: 3px;
	border: solid 1px #ffffff;
	font-family: 'MicrosoftYaHei';
	font-size: 14px;
	color: #ffffff;
	line-height: 30px;
	background-image: url(../image/fwfw_icon01.png);
	background-repeat: no-repeat;
	background-position: 75% center;
	position: absolute;
	bottom: 50px;
	padding-left: 18px;
	transition: all 0.5s;
}
.service_one:nth-child(3) {
	background-image: url(../image/fwfw_bg03.jpg);
}
.service_one:nth-child(4) {
	background-image: url(../image/fwfw_bg04.jpg);
}
.service_one:nth-child(5) {
	background-image: url(../image/fwfw_bg05.jpg);
}
.service_one:nth-child(6) {
	background-image: url(../image/fwfw_bg06.jpg);
}
.service_one .fuwuone:hover .fuwucon .fwnr .chakan {
	background-position: 85% center;
	transition: all 0.5s;
}
.service_one .fuwuone:hover .fuwucon .fwimg img {
	transform: scale(1.03);
	transition: all 0.5s;
}
/* 服务范围结束 */

/* 项目案例开始 */

.case_banner {
	background-image: url(../image/xmal_ban1.jpg);
}
.case_nav ul {
	width: 27%;
}
.pjects {
	width: 100%;
	overflow: hidden;
	height: auto;
	background-color: #FAFAFA;
}
.project {
	width: 100%;
	max-width: 1200px;
	margin: 48px auto 60px;
	overflow: hidden;
	height: auto;
}
.project ul li {
	width: 100%;
	margin-bottom: 10px;
}
.project ul li .anlicon {
	width: 50%;
	max-height: 346px;
	padding: 66px 0 0 154px;
	background-color: #fff;
	min-height: auto;
}
.project ul li .anlicon p {
	font-size: 20px;
}
.project ul li .anlicon .pjcp {
	margin-top: 50px;
}
.project ul li .anlicon .pjcp p {
	font-size: 16px;
	margin-bottom: 0;
	font-weight: 100;
	flex-wrap: wrap;
	line-height: 1.75;
}
.project ul li .anliimg {
	width: 50%;
	max-height: 346px;
	min-height: auto;
}
.project ul li:nth-child(3) .anlicon {
	float: left;
}
.project ul li:nth-child(3) .anliimg {
	float: right;
}
.project ul li:nth-child(2n) .anlicon {
	float: right;
	text-align: left;
}
.project ul li:nth-child(2n) .anliimg {
	float: left !important;
}
/* 项目案列结束 */

/* 新闻资讯开始 */

.news_banner {
	background-image: url(../image/xwzx_ban01.jpg);
}
.newslists {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto 50px;
}
.newspage {
	margin-top: 50px !important;
}
.newslists ul li {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.newslists ul li:nth-child(2n) {
	background-color: #f7f7f7;
}
.newslists ul li a {
	display: block;
	width: 100%;
	max-width: 1200px;
	margin: auto;
	height: auto;
	overflow: hidden;
	padding: 60px 0;
	display: flex;
	justify-content: space-between;
}
.news_one {
	width: 102px;
	height: 65px;
	overflow: hidden;
	text-align: left;
	transition: all 0.5s;
	border-right: 1px solid #dfdfdf;
}
@font-face {
	font-family: 'SourceHanSansCN-Regular';
	src: url('http://www.yaxinggangban.com/template/pc/skin/fonts/SourceHanSansCN-Regular.ttf') format('truetype');
}
.news_one p {
	font-size: 52px;
	font-family: 'SourceHanSansCN-Regular';
	line-height: 35px;
	color: #b3b3b3;
	margin-bottom: 0;
	transition: all 0.5s;
	margin-top: 5px;
}
.news_one span {
	font-size: 14px;
	font-family: 'SourceHanSansCN-Regular';
	line-height: 33px;
	color: #999999;
}
.news_two {
	width: 960px;
	height: auto;
	overflow: hidden;
}
.news_two p {
	font-family: 'SourceHanSansCN-Regular';
	font-size: 18px;
	color: #555555;
	transition: all 0.5s;
	margin-bottom: 0;
}
.news_two span {
	font-family: 'SourceHanSansCN-Regular';
	font-size: 14px;
	line-height: 24px;
	color: #999999;
}
.news_three {
	width: 70px;
	height: auto;
	overflow: hidden;
	background-image: url(../image/cpzx_icon02.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.newslists ul li:hover a .news_one {
	transition: all 0.5s;
	border-right: 1px solid #122a88;
}
.newslists ul li:hover a .news_one p {
	transition: all 0.5s;
	color: #122a88;
}
.newslists ul li:hover a .news_two p {
	transition: all 0.5s;
	color: #122a88;
}
.newslists ul li:hover a .news_three {
	background-image: url(../image/xwzx_icon01.png);
	transition: all 0.5s;
}
/* 新闻资讯结束 */

/* 新闻详情开始 */

.newsdetail {
	width: 100%;
	height: auto;
	overflow: hidden;
	max-width: 1200px;
	margin: auto;
}
.newscon {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 80px auto 0;
}
.newtitle {
	width: 100%;
	height: auto;
	overflow: hidden;
	border-bottom: 1px solid rgba(125, 125, 125, 0.2);
	text-align: center;
}
.newtitle p {
	font-family: 'MicrosoftYaHei';
	font-size: 30px;
	line-height: 36px;
	color: #333333;
	margin-bottom: 0;
}
.newtitle span {
	font-family: 'MicrosoftYaHei';
	font-size: 14px;
	line-height: 60px;
	color: #999999;
}
.newnr {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 38px 0 70px 0;
}
.newnr p {
	font-family: 'MicrosoftYaHei';
	font-size: 14px;
	line-height: 30px;
	color: #333333;
}

.newnr p img {
	display: block;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}
.piece {
	width: 100%;
	height: auto;
	overflow: hidden;
	border-top: 1px solid rgba(125, 125, 125, 0.2);
	padding-top: 24px;
}
.piece ul li {
	width: 100%;
	height: auto;
	color: #999999;
	overflow: hidden;
}
.piece ul li span {
	font-family: 'MicrosoftYaHei';
	font-size: 14px;
	line-height: 24px;
	color: #999999;
}
.piece ul li a {
	font-family: 'MicrosoftYaHei';
	font-size: 14px;
	line-height: 24px;
	color: #999999;
	width: 90%;
	display: inline-block;
}
.piece ul li:hover {
	color: #333333;
}
.piece ul li:hover a {
	color: #333333;
}
/* 新闻详情结束 */

/* 联系我们开始 */

.act_banner {
	background-image: url(../image/lxwm_ban1.jpg);
}
.contactcon {
	width: 100%;
	height: auto;
	overflow: hidden;
	max-width: 1200px;
	margin: auto;
}
.con_map {
	width: 100%;
	height: 500px;
	margin: 70px auto 40px;
}
.contacttype {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.contacttype ul {
	display: flex;
	justify-content: space-between;
}
.contacttype ul li {
	width: 390px;
	height: 176px;
	background-color: #ededed;
	border-radius: 6px;
	padding: 30px 25px 0 40px;
}
.contacttype ul li .con_tel {
	border-bottom: 1px dashed #cccccc;
	background-image: url(../image/lxwm_icon01.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.contacttype ul li .con_tel p {
	font-family: 'MicrosoftYaHei';
	font-size: 18px;
	color: #333333;
	margin-bottom: 20px;
}
.contacttype ul li .con_tel p span {
	font-family: 'MicrosoftYaHei';
	font-size: 14px;
	color: #333333;
	margin-top: 0 !important;
}
.contacttype ul li span {
	font-family: 'MicrosoftYaHei';
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	margin-top: 20px;
	display: block;
}
.contacttype ul li:nth-child(2) .con_tel {
	background-image: url(../image/lxwm_icon02.png);
}
.contacttype ul li:nth-child(3) .con_tel {
	background-image: url(../image/lxwm_icon03.png);
}
.contacttype ul li:hover {
	background-color: #122a88;
}
.contacttype ul li:hover .con_tel p {
	color: #fff;
}
.contacttype ul li:hover span {
	color: #fff;
}
.contacttype ul li:hover .con_tel p span {
	color: #fff;
}
.contacttype ul li:first-child:hover .con_tel {
	background-image: url(../image/lxwm_icon11.png);
}
.contacttype ul li:nth-child(2):hover .con_tel {
	background-image: url(../image/lxwm_icon22.png);
}
.contacttype ul li:nth-child(3):hover .con_tel {
	background-image: url(../image/lxwm_icon33.png);
}
.contactus {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 90px auto 100px;
	text-align: center;
}
.contactus p {
	font-family: 'SourceHanSansCN-Regular';
	font-size: 33px;
	line-height: 35px;
	letter-spacing: 1px;
	color: #282b31;
}
.contactus span {
	font-family: 'SourceHanSansCN-Regular';
	font-size: 16px;
	line-height: 35px;
	color: #999999;
}
.conform {
	width: 80%;
	height: auto;
	margin: 30px auto 0;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.conform .layui-form-label {
	display: block;
	padding: 9px 15px;
	width: 100%;
	font-weight: 400;
	line-height: 20px;
	text-align: left;
	float: inherit;
}
.conform .layui-input-block {
	margin-left: 0 !important;
	min-height: 50px;
	height: 50px;
	background-color: #f8f7f7;
	border-radius: 6px;
}
.conform .layui-input {
	height: 50px;
	border-width: 0px;
	background-color: #f8f7f7;
	border-radius: 2px;
}
.conform .layui-form-item {
	width: 440px;
}
.conform .layui-form-text {
	width: 100% !important;
	height: auto;
	overflow: hidden;
}
.conform .layui-form-text .layui-input-block {
	margin-left: 0 !important;
	min-height: 170px !important;
	height: 170px !important;
	background-color: #f8f7f7;
	border-radius: 6px;
}
.conform .layui-form-text .layui-input-block .layui-textarea {
	margin-left: 0 !important;
	min-height: 170px !important;
	height: 170px !important;
	background-color: #f8f7f7;
	border-radius: 6px;
	border: 0 !important;
}
.conform .lay_btn {
	width: 100%;
	margin-top: 25px;
}
.conform .lay_btn .layui-input-block {
	background-color: transparent;
	width: 100%;
}
.conform .lay_btn .layui-input-block .layui-btn {
	width: 200px;
	height: 57px;
	background-image: linear-gradient(135deg,  #2c66af 0%,  #122a88 100%),  linear-gradient(  #ffffff,  #ffffff);
	background-blend-mode: normal,  normal;
	border-radius: 29px;
}
/* 联系我们结束 */

/* 关于我们-发展历程开始 */

.development {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 110px;
}
.developtitle {
	width: 100%;
	height: auto;
	overflow: hidden;
	background-image: url(../image/gywm_bg02.jpg);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	padding: 50px 0 20px 0;
	background-size: cover;
}
.developtitle .devEng {
	font-family: 'MicrosoftYaHei';
	font-size: 40px;
	font-weight: Bold;
	color: #ffffff;
}
.developtitle p {
	font-family: 'MicrosoftYaHei';
	font-size: 26px;
	font-weight: lighter;
	color: #ffffff;
}
.developtitle .devhan {
	font-family: 'MicrosoftYaHei';
	font-size: 14px;
	font-weight: lighter;
	line-height: 26px;
	color: #ffffff;
}
.devicon {
	width: 41px;
	height: 40px;
	margin: 30px auto 0;
}
.devicon img {
	max-width: 100%;
	max-height: 100%;
}
.historylist {
	width: 100%;
	max-width: 1200px;
	height: auto;
	overflow: hidden;
	margin: auto;
}
.his_top {
	display: block;
	width: 100%;
	height: 37px;
	overflow: hidden;
	background-image: url(../image/licheng2.png);
	background-repeat: no-repeat;
	background-position: 42% 0;
}
.his_left {
	width: 100%;
	height: auto;
	overflow: hidden;
	background-image: url(../image/gywm_linel.png);
	background-repeat: no-repeat;
	background-position: 51% 0;
	position: relative;
	padding: 0 0 90px 0;
}
.his_right {
	background-image: url(../image/gywm_liner.png);
	background-position: 50.9% 5px;
	padding: 0 0 96px 0;
}
.his_left ul li {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 50px 0 0 0;
}
.his_left ul li .yearleft {
	width: 30%;
	height: 220px;
	overflow-y: auto;
	float: left;
	text-align: right;
	padding-right: 20px;
}
.his_left span {
	font-family: 'MicrosoftYaHei';
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #122a88;
}
.his_left .hisp {
	width: 100%;
	max-height: 192px;
	min-height: auto;
	overflow-y: auto;
}
.his_left .hisp p {
	font-family: 'MicrosoftYaHei';
	font-size: 14px;
	line-height: 26px;
	letter-spacing: 1px;
	color: #8e8e8e;
	text-align: right;
	white-space: pre-wrap;
	margin-bottom: 0px;
}

  /*滚动条样式*/

.his_left .hisp::-webkit-scrollbar {
 width: 4px;
/*height: 4px;*/

}
 .his_left .hisp::-webkit-scrollbar-thumb {
 border-radius: 10px;
 -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
 background: rgba(0,0,0,0.2);
}
 .his_left .hisp::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
 border-radius: 0;
 background: rgba(0,0,0,0.1);
}
.his_left .circle {
	width: 19px;
	height: 18px;
	background-image: url(../image/gywm_icon02.png);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	left: 35.3%;
}
.his_left .imgright {
	width: 31.75%;
	max-height: 218px;
	min-height: auto;
	border: solid 2px #122a88;
	float: left;
	line-height: 0;
	margin-left: 160px;
	overflow: hidden;
}
.his_left .imgright img {
	width: 100%;
	max-height: 100%;
}
.his_right .circle {
	right: 34%;
	left: inherit;
}
.his_right .imgright {
	margin-left: 26%;
}
.his_right ul li .yearleft {
	float: right;
	margin-left: 14%;
	padding-right: 0;
	text-align: left;
	width: 28%;
}
.his_right ul li .yearleft .hisp p {
	text-align: left;
	margin-bottom: 0px;
}
.his_more {
	width: 101px;
	height: 100px;
	background-color: #122a88;
	border-radius: 50%;
	font-family: 'MicrosoftYaHei';
	font-size: 20px;
	font-weight: lighter;
	color: #ffffff;
	padding: 23px 30px;
	cursor: pointer;
	margin-left: 32%;
}
/* 关于我们-发展历程结束 */

/* 手机端隐藏内容 */

.mobile {
	display: none;
}
.mobile_pro {
	display: none;
}



/* 成长历程结束 */

/* 手机自适应开始 */

@media screen and (max-width: 1650px) {
.youlist {
	max-width: 1400px;
}
.youlist .mrulb {
	width: 92%;
}
.nav_solid {
	left: 16px !important;
}
}
 @media screen and (max-width: 1550px) {
.youlist {
	max-width: 1300px;
}
.youlist .mrulb {
	width: 90%;
}
.nav_solid {
	left: 13px !important;
}
}
 @media screen and (max-width: 1440px) {
.youlist {
	max-width: 1200px;
}
.youlist .mrulb {
	width: 87%;
}
}
 @media screen and (max-width: 1366px) {
.youlist {
	max-width: 1150px;
}
.youlist .mrulb {
	width: 90%;
}
}
 @media screen and (max-width: 1100px) {
}
 @media screen and (max-width: 1050px) {
}
 @media screen and (max-width: 800px) {
.anlist ul li:hover .anlicon {
	background-color: transparent;
	transition: all 0.5s;
}
.anlist ul li:hover .anlicon p, .anlist ul li:hover .anlicon span {
	color: #545454;
	transition: all 0.5s;
}
.suspended_window {
	display: none;
}
.banner {
	margin-top: 60px;
	height: 200px;
	overflow: hidden;
}
.pro_title {
	padding: 30px 0 0 0;
}
.en_title {
	font-size: 20px;
}
.pro_title p {
	font-size: 15px;
	color: #535353;
}
.gaiyao {
	display: none;
}
.pro_content ul {
	flex-wrap: wrap;
}
.pro_content ul li {
	width: 47%;
	margin-right:6%;
	margin-bottom: 20px;
}
.pro_content ul li:nth-child(2n) {
	margin-right: 0;
}
.pro_tu {
	width: 100%;
	height: 134px;
}
.pro_content ul li a {
	font-size: 13px;
	line-height: 23px;
	margin-bottom: 10px;
}
.mobile_pro {
	display: block;
}
.more2 {
	margin: 25px auto 0 !important;
}
.more {
	width: 120px;
	height: 30px;
	line-height: 30px;
	margin-top: 22px;
	font-size: 12px;
}
.pro_con {
	padding-bottom: 60px;
}
.about {
	padding: 50px 0 0 0;
	flex-wrap: wrap;
}
.about-left {
	width: 100%;
	height: auto;
}
.about-right {
	width: 100%;
	margin-top:40px;
}
.about-title p {
	font-size: 20px;
}
.about-title span {
	font-family: 'MicrosoftYaHei';
	font-size: 15px;
	color: #535353;
}
.about-title {
	width: 100%;
	height: 45px;
}
.about-con p {
	font-size: 13px;
	line-height: 24px;
}
.more {
	margin: 22px auto 0;
}
.digital {
	margin: 10px auto 0;
}
.digital .digital_box p {
	font-size: 15px !important;
	line-height: 36px;
}
.year {
	font-size: 12px !important;
}
.digital_box span:last-child {
	font-size: 12px !important;
}
.digital_box {
	padding: 4px;
}
.digital_i {
	margin-top: 15px;
}
.aboutsjin {
	padding-bottom: 60px;
}
.casezuo {
	width: 94%;
	margin: auto;
}
.youlist .mr_frUl ul li {
	width: 282px !important;
	height: 300px;
}
.youlist .mr_lus {
	margin-top: 40px;
	padding-bottom: 12px;
}
.youlist .mr_lux {
	margin-top: 12px;
}
.youlist .mr_lus i {
	font-size: 24px;
	padding-bottom: 12px;
}
.youlist .mr_lux p {
	font-size: 12px;
	-webkit-line-clamp: 4;
}
.youlist .mr_frBtnL {
	margin: 122px 20px 0 0;
	width: 30px;
	height: 30px;
}
.youlist .mr_frBtnR {
	margin-top: 122px;
	width: 30px !important;
	height: 30px!important;
}
.youlist .mr_lus p {
	font-size: 16px;
}
.youlist {
	width: 100%;
	max-width: 1700px;
	height: 300px;
	margin: 40px auto 45px;
	overflow: hidden;
}
.youlist .mr_frbox {
	height: 300px;
}
.youlist .mr_frUl {
	height: 300px;
	width: 100% !important;
	max-width: 1200px;
	margin: auto;
}
.caseyou {
	width: 94%;
	max-height: 264px;
	min-height: auto;
	margin: 20px auto 0;
}
.youcasecon {
	width: 100%;
	height: 80% !important;
	overflow: hidden;
	padding: 30px 45px !important;
	opacity: 0;
	transition: all .3s;
}
.youlist .mrulb {
	width: 77%;
}
.newslibiao ul li {
	width: 92%;
	margin: 0 auto 20px;
}
.anlist ul li {
	width: 92%;
	margin: auto;
	margin-bottom: 20px;
}
.anlist ul li .anlicon {
	width: 100%;
	height: 100%;
	padding: 10px 0 10px 16px;
	transition: all 0.5s;
}
.anlist ul li .anlicon span {
	font-size: 18px !important;
}
.anlist ul li:nth-child(2n) {
	display: none;
}
.anlist ul li .anlicon .pjcp p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	font-size: 13px !important;
}
.anlishow {
	margin: 0 auto 40px;
}
.project ul li .anlicon .pjcp {
	margin-top: 10px;
}
.project ul li .anlicon {
	min-height: 135px;
}
.project ul li .anliimg {
	width: 100%;
	max-height: 346px;
	min-height: 110px;
}
.youlist ul {
	width: 86%;
	margin: 0 auto 40px !important;
	flex-wrap: wrap;
}
.youlist ul li {
	width: 146px;
	height: auto;
	overflow: hidden;
}
.youlist ul li .youcon {
	margin: 40px auto 0px;
}
.younei .youtext {
	display: none;
}
.younei .youtiitle {
	font-size: 14px;
}
.younei {
	padding-top: 14px;
}
.newsone, .newsthree {
	display: none;
}
.newstwo {
	width: 92%;
	margin: auto;
	float: inherit;
}
.case_ul {
	width: 84%;
	margin-top: 20px;
}
.case_ul li {
	font-size: 12px;
}
.newstwo ul li {
	margin-bottom: 20px;
}
.newsnei {
	width: 72%;
}
.newsnei p {
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.newsriqi p {
	margin-bottom: 0;
	font-size: 32px;
	margin-top: 14px;
}
.PublishingCon {
	margin-top: 30px;
}
.news {
	margin: 0 auto 70px;
}
.ny_banner {
	background-image: url(../image/w_gywm_ban@2x.png);
	height: 175px;
	margin-top: 60px;
}
.abouts_nav ul {
	width: 90%;
	padding-top: 12px;
}
.abouts_nav ul li {
	height: 27px;
}
.abouts_nav ul li a {
	line-height: 27px;
	font-size: 14px;
	padding: 0 15px;
}
.abouts_nav {
	height: 52px;
	background-color: transparent;
}
.aboutscon {
	padding: 25px 20px 50px 20px;
	/*width: 92%;*/

	margin: auto;
	background-image: url(../image/w_gywm_bg@2x.png);
}
.abtitle span {
	font-size: 20px;
}
.abtitle p {
	font-size: 15px;
}
.abcon p {
	font-size: 14px;
	line-height: 24px;
}
.abcon {
	margin: 20px auto 0;
}
.abdigital {
	padding: 40px 0;
}
.aboutsystem {
	width: 92%;
	margin: auto;
	margin: 60px auto 80px;
}
.honorlist ul li {
	width: 45%;
	margin-bottom: 20px;
}
.honorlist ul {
	width: 92%;
	margin: auto;
}
.honorlist ul li .jiimg {
	width: 100%;
	height: 110px;
	background-color: #f5f5f5;
}
.honorlist ul li p {
	font-size: 14px;
	line-height: 25px;
}
.honorlist {
	margin-top: 40px;
	padding-bottom: 30px;
}
.honImg {
	width: 92%;
	padding: 50px 0;
	margin: 39% auto 0;
}
.abouts_nav ul li a {
	background-color: transparent;
}
.developtitle {
	padding: 40px 14px 20px 15px;
}
.developtitle .devEng {
	font-size: 20px;
}
.developtitle p {
	font-size: 15px;
}
.developtitle .devhan {
	font-size: 12px;
	line-height: 26px;
}
.devicon {
	width: 30px;
	height: 30px;
	margin: 10px auto 0;
}
.his_top {
	height: 30px;
	background-image: url(../image/w_01@2x.png);
	background-position: 45% 0;
	background-size: 43px 30px;
}
.his_left {
	background-image: url(../image/w_02@2x.png);
	background-position: 50.6% 0;
	padding: 0 0 60px 0;
	background-size: 20%;
}
.his_right {
	background-image: url(../image/w_03@2x.png);
	background-position: 50.7% -1px;
	padding: 0 0 60px 0;
}
.his_left ul li {
	padding: 30px 0 0 0;
}
.his_left .circle {
	width: 9.5px;
	height: 9px;
	left: 39.5%;
}
.his_left span {
	font-size: 16px;
}
.his_left ul li .yearleft {
	width: 35%;
	padding-right: 0px;
	height: 110px;
}
.his_left .hisp p {
	font-size: 12px;
	line-height: 22px;
}
.his_left .imgright {
	width: 46%;
	max-height: 110px;
	margin-left: 55px;
}
.his_left .hisp {
	max-height: 90px;
}
.his_right .imgright {
	margin-left: 5% !important;
}
.his_right .circle {
	right: 38.5%;
	left: inherit;
}
.his_right ul li .yearleft p {
	text-align: left;
	height: auto;
	overflow-y: auto;
}
.his_more {
	width: 50.5px;
	height: 50px;
	font-size: 12px;
	padding: 8px 13px;
	margin-left: 35%;
}
.development {
	margin-bottom: 50px;
}
.pro_nav ul {
	width: 90%;
	flex-wrap: wrap;
}
.pro_nav ul li a {
	width: 100%;
	background-color: #FAFAFA !important;
	font-size: 12px;
}
.pro_nav ul li {
	border: 1px solid #e6e6e6;
	margin-bottom: 10px;
}
.pro_nav {
	height: 80px;
	background-color: #FAFAFA;
}
.chanpin .pro_content {
	margin-top: 20px;
}
.pro_banner {
	background-image: url(../image/w_cpzx_ban@2x.png);
}
.pro_swiper {
	width: 92% !important;
	height: 300px;
	margin: 30px auto 45px;
	overflow: hidden;
}
.pro_atlas {
	padding-top: 38px;
}
.pro_swiper .swiper-container {
	width: 100%;
	height: 240px;
}
.pro_atlas p {
	font-size: 18px;
	line-height: 33px;
}
.prodenav {
	background-color: #fff;
}
.prodenav ul li a {
	background-color: #fff !important;
}
.performance {
	width: 92%;
}
.per_casesCon p {
	font-size: 14px;
	line-height: 26px;
}
.Related {
	width: 92%;
	margin: 50px auto 45px;
}
.Related_pro .swiper .swiper-wrapper .swiper-slide {
	width: 164px !important;
	margin-right: 6px;
	margin-left: 5px;
	height: 175px !important;
}
.Related_pro {
	margin-top: 35px;
}
.Related_pro .swiper .swiper-wrapper .swiper-slide .relatedimg {
	width: 100%;
	height: 115px;
}
.swiper {
	height: 160px;
}
.Related_pro .device .arrowleft {
	left: 0;
	top: 46%;
	width: 16px;
	height: 16px;
	background-size: contain;
}
.Related_pro .device .arrowright {
	right: 0px;
	top: 46%;
	width: 16px;
	height: 16px;
	background-size: contain;
}
.Related_pro .swiper .swiper-wrapper .swiper-slide p {
	font-size: 14px;
	margin-top: 15px;
}
.per_div .per_ul li {
	width: 117px;
	height: 37px;
	font-size: 14px;
	line-height: 37px;
	margin-right: 15px;
}
.ser_banner {
	background-image: url(../image/w_fwfw_ban@2x.png);
}
.fuwuone .fweng {
	font-size: 17px;
}
.service_one {
	padding: 30px 0 50px 0;
}
.fuwuone p {
	font-size: 16px;
}
.fuwucon {
	width: 92%;
	margin: 30px auto 0;
	flex-wrap: wrap;
}
.fuwucon .fwimg {
	width: 100%;
}
.fuwucon .fwnr {
	width: 100%;
	padding: 20px 8px 36px 9px !important;
	margin-top: 8px !important;
	background-color: transparent;
}
.service_two .fuwucon .fwnr .chakan {
	bottom: 8px;
}
.fuwucon .fwnr .chakan {
	font-size: 14px;
	line-height: 30px;
	background-position: 80% center;
	bottom: 0px;
}
.fuwucon .fwnr span {
	font-size: 16px;
	font-weight: bold;
	color: #333;
	border-bottom: 1px solid #122a88;
	width: 56%;
	padding-bottom: 15px;
	text-align: left;
}
.fuwucon .fwnr p {
	color: #8e8e8e;
	margin-top: 18px;
}
.case_banner {
	background-image: url(../image/w_xmal_ban@2x.png);
}
.case_nav ul {
	width: 90%;
	padding-top: 12px;
}
.case_nav ul li a {
	font-size: 14px;
}
.case_nav ul li {
	border: 1px solid #e6e6e6;
	margin-bottom: 10px;
	height: 30px;
}
.project ul li:nth-child(2n) {
	display: block;
}
.project ul li .anlicon span {
	font-size: 12px;
}
.project {
	margin: 15px auto 30px;
}
.project ul {
	margin-bottom: 20px !important;
}
.news_banner {
	background-image: url(../image/w_xwzx_ban@2x.png);
}
.news_three {
	display: none;
}
.newslists {
	width: 92%;
	margin: 0 auto 25px;
}
.news_two {
	width: 76%;
	height: auto;
	overflow: hidden;
}
.news_one {
	width: 70px;
	height: 74px;
	background-color: #c0c0c0;
	border-right: 0;
	text-align: center;
	padding-top: 10px;
}
.news_one p {
	font-size: 42px;
	color: #fff;
	margin-top: 0px;
}
.news_one span {
	color: #fff;
}
.news_two p {
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news_two span {
	color: #999999;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.newslists ul li a {
	padding: 12px 0;
}
.newspage {
	margin-top: 18px !important;
}
.newtitle p {
	font-size: 18px;
	line-height: 30px;
}
.newsdetail {
	width: 92%;
}
.newscon {
	margin: 40px auto 0;
}
.newtitle span {
	font-size: 12px;
	line-height: 34px;
}
.piece ul li a {
	font-size: 12px;
	width: 83%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}
.piece ul li span {
	font-size: 12px;
	vertical-align: middle;
	line-height: 24px;
}
.act_banner {
	background-image: url(../image/w_lxwm_ban@2x.png);
}
.con_map {
	width: 92%;
	height: 160px;
	margin: 30px auto 20px;
}
.contacttype ul li {
	width: 92%;
	margin: 0 auto 20px;
}
.contacttype ul {
	flex-wrap: wrap;
}
.contacttype ul li {
	width: 92%;
	height: 154px;
	padding: 22px 25px 0 28px;
}
.contactus {
	margin: 45px auto 10px;
}
.contactus p {
	font-size: 20px;
	line-height: 35px;
}
.contactus span {
	font-size: 12px;
	line-height: 35px;
}
.conform {
	width: 92%;
	margin: 15px auto 0;
}
.conform .lay_btn .layui-input-block .layui-btn {
	width: 110px;
	height: 30px;
	line-height: 30px;
}
.casemacon {
	height: 108px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	padding: 22px 18px;
}
.zuoli {
	height: 147px;
}
.casemask span {
	font-size: 13px;
}
}
 @media screen and (max-width: 450px) {
.honImg img {
	max-width: 100%;
	max-height: 100%;
}
}
 @media screen and (max-width: 380px) {
.casemacon {
	padding: 10px 12px 0 12px;
	height: 108px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
}
.xwimg {
	width: 100%;
	height: 260px;
}
.abouts_nav ul li a {
	padding: 0 10px;
}
.fuwuone .fweng {
	font-size: 15px;
}
.his_left {
	background-image: url(../image/w_02@2x.png);
	background-position: 51% 0;
	padding: 0 0 12px 0;
	background-size: 22%;
}
.his_left .circle {
	width: 9.5px;
	height: 9px;
	left: 38.4%;
}
.his_left span {
	font-size: 14px;
}
.his_left ul li {
	padding: 10px 0 0 0;
}
.his_right {
	background-image: url(../image/w_03@2x.png);
	background-position: 50.7% -1px;
	padding: 0 0 26px 0;
}
.his_right .circle {
	right: 37.5%;
}
}
 @media screen and (max-width: 320px) {
}
