/*幻灯片*/
.banner {
	overflow: hidden;
	width: 100%;
	position: relative;
	z-index: 1;
	background: #000;
}

.banner-box {
	min-width: 1300px;
	height: 680px;
	position: relative;
	margin: 0 auto;
}

.banner-box .bd,
.banner-box .bd ul {
	width: 100% !important;
}

.banner-box .bd li {
	width: 100% !important;
	height: 680px;
	background-position: center;
	background-repeat: no-repeat;
}

.banner-box .bd li a {
	display: block;
	background-size: auto;
	width: 100%;
	height: 80%;
	position: relative;
	z-index: 9;
}

.banner-btn {
	width: 100%;
	position: absolute;
	top: 270px;
	left: 0;
	margin-left: 0;
	height: 370px;
	overflow: hidden;
}

.banner-btn a {
	display: block;
	width: 49px;
	height: 104px;
	position: absolute;
	top: 30px;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	transition: 0.3s all ease-in-out;
	z-index: 9;
}

.banner-btn a.prev {
	left: -50px;
	background: url(../img/20201020084032_2081043536.png) no-repeat 0 0;
}

.banner-btn a.next {
	right: -50px;
	background: url(../img/20201020084032_2081043536.png) no-repeat -49px 0;
}

.banner-box .hd {
	position: absolute;
	bottom: 0px;
	width: 100%;
	display: block;
}

.banner-box .hd ul {
	text-align: center
}

.banner-box .hd ul li {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	text-indent: -9999px;
	background: #fff;
	cursor: pointer;
	display: inline-block;
	margin: 0 5px;
	transition: 0.3s all ease-in-out;
	opacity: 0.8;
}

.banner-box .hd ul li.on {
	background: #0060de;
	border-radius: 8px;
	width: 70px;
}

.banner-box:hover .banner-btn a.prev {
	left: 20px;
	filter: alpha(opacity=40);
	-moz-opacity: .4;
	-khtml-opacity: .4;
	opacity: .4;
}

.banner-box:hover .banner-btn a.next {
	right: 20px;
	filter: alpha(opacity=40);
	-moz-opacity: .4;
	-khtml-opacity: .4;
	opacity: .4;
}

.banner-box .banner-btn a.prev:hover,
.banner-box:hover .banner-btn a.next:hover {
	filter: alpha(opacity=80);
	-moz-opacity: .8;
	-khtml-opacity: .8;
	opacity: .8;
}



/*产品中心*/
.product {
	padding: 70px 0 80px 0;
}

.protab {
	margin: 45px 0;
	font-size: 0;
}

.protab a {
	display: inline-block;
	vertical-align: top;
	width: 202px;
	line-height: 62px;
	text-align: center;
	font-size: 18px;
	color: #343434;
	transition: all .3s ease;
	background: #ebedee;
}

.protab a i {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 50%;
	border: 1px solid #bec0c3;
	margin-right: 20px;
	transition: all .3s ease;
}

.protab a+a {
	margin-left: 17px;
}

.protab a.on {
	background: #0060de;
	color: #fff;
}

.protab a.on i {
	border-color: #8fbcf8;
}


.proshow li {
	display: inline-block;
	padding: 0 !important;
	width: 410px;
	margin-right: 30px;
	margin-bottom: 30px;
	transition: all .3s ease;
}

.proshow .on {
	margin-right: 0;
}

.proshow li a,
.proshow li span {
	display: block;
	position: relative;
	overflow: hidden;
}

.proshow li br {
	display: none;
}

.proshow li span a {
	text-align: left;
	font-size: 16px;
	background: #f0f1f2;
	color: #333435;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 70px;
	transition: all .3s ease;
	padding: 0 54px 0 30px;
	position: relative;
	transition: all .3s ease;
}

.proshow li span a:after {
	content: '+';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #fff;
	right: 25px;
	line-height: 30px;
	text-align: center;
	font-size: 24px;
	color: #a3a9ac;
	font-weight: lighter;
	transition: all .3s ease;
}

.proshow li>a {
	border: 1px solid #e2e3e5;
	margin-bottom: 1px;
}

.proshow li>a img {
	transition: all .6s ease;
	width: 100%;
	height: auto;
}

.proshow li:hover>a img {
	transform: scale(1.1);
}

.proshow li:hover span a {
	background: #0060de;
	color: #fff;
}

.proshow li:hover span a:after {
	transform: rotate(360deg);
	color: #0060de;
}


/*好产品*/
.trait {
	height: 919px;
	background: url(../img/20201020101820_1810082083.jpg) no-repeat center;
}

.tratitl {
	height: 206px;
	margin-bottom: 104px;
	font-size: 18px;
	color: #8fbdf9;
	font-weight: lighter;
	text-align: center;
}

.tratitl b {
	display: block;
	font-size: 40px;
	color: #fff;
	padding: 50px 0 10px 0;
}

.tracon li {
	position: relative;
	font-size: 16px;
	color: #697283;
	line-height: 30px;
}

.tracon li+li {
	margin-top: 80px;
}

.tracon li span {
	display: block;
	font-size: 26px;
	color: #fff;
	margin-bottom: 15px;
}

.tracon ul.fr {
	text-align: right;
}

.traicon {
	position: absolute;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #293e5f;
	border: 6px solid #fff;
}

.traicon:after,
.traicon:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	background: #213253;
}

.traicon:after {
	width: 168px;
	height: 1px;
	left: -186px;
}

.traicon:before {
	left: -195px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
}

.tracon ul li:nth-child(1) .traicon {
	left: 445px;
}

.tracon ul li:nth-child(2) .traicon {
	left: 350px;
}

.tracon ul li:nth-child(2) .traicon:after {
	width: 93px;
	left: -105px;
}

.tracon ul li:nth-child(2) .traicon:before {
	left: -115px;
}

.tracon ul li:nth-child(3) .traicon {
	left: 390px;
}

.tracon ul.fr .traicon:after {
	left: inherit;
	right: -186px;
}

.tracon ul.fr .traicon:before {
	left: inherit;
	right: -195px;
}

.tracon ul.fr li:nth-child(1) .traicon {
	left: inherit;
	right: 435px;
}

.tracon ul.fr li:nth-child(2) .traicon {
	left: inherit;
	right: 350px;
}

.tracon ul.fr li:nth-child(2) .traicon:after {
	width: 93px;
	right: -105px;
	left: inherit;
}

.tracon ul.fr.fr li:nth-child(2) .traicon:before {
	right: -115px;
	left: inherit;
}

.tracon ul.fr li:nth-child(3) .traicon {
	right: 390px;
	left: inherit;
}

/*企业优势*/
.adv {
	height: 975px;
	padding-top: 80px;
	background: url(../img/20201020110547_75705658.jpg) no-repeat center;
}

.advtab {
	margin-top: 50px;
	font-size: 0;
	position: relative;
	z-index: 33;
}

.advtab li {
	display: inline-block;
	vertical-align: top;
	width: 25%;
	height: 130px;
	box-sizing: border-box;
	background: #0060de;
	cursor: pointer;
	transition: all .3s ease;
	position: relative;
}

.advtab li+li {
	border-left: 1px solid #1477d3;
}

.advtab p {
	display: inline-block;
	vertical-align: top;
}

.advicon {
	margin: 0 20px 0 40px;
	border-radius: 0 0 30px 30px;
	background: #0161de;
	background: linear-gradient(to bottom, #0060de, #107be5);
	transition: all .3s ease;
}

.advicon img {
	position: relative;
	z-index: 3;
}

.advicon:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 40px;
	height: 0;
	background: #990104;
	background: linear-gradient(to bottom, #990104, #e10d12);
	width: 60px;
	transition: all .3s ease;
	border-radius: 0 0 28px 28px;
}

.adv_t b {
	font-size: 30px;
	color: #c1d9ee;
	display: inline-block;
	padding: 35px 0 3px 0;
	transition: all .3s ease;
}

.adv_t em {
	display: block;
	font-size: 14px;
	color: #8db6d9;
	text-transform: uppercase;
	transition: all .3s ease;
}

.advtab li.on {
	background: #d10005;
}

.advtab li.on b {
	color: #fff;
}

.advtab li.on em {
	color: #f69496;
}

.advtab li.on .advicon:after {
	height: 110px;
}

.advcon {
	width: 1300px;
	background: #fff;
	padding: 104px 50px 50px 50px;
	background: #fff;
	margin: -55px auto 0 auto;
}

.advright {
	width: 560px;
	position: relative;
	z-index: 3;
	padding-top: 30px;
}

.advcon ul {
	position: relative;
}

.advcon ul:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	width: 220px;
	height: 70px;
	background: rgba(0, 96, 222, .1);
	left: 684px;
}

.advt em {
	font-size: 66px;
	color: #0060de;
	font-family: "Franklin Gothic Bold", "Arial Black", "sans-serif";
}

.advt em:after {
	display: block;
	content: '';
	height: 26px;
	background: #c3d2df;
	width: 2px;
	margin: 0 0 20px 7px;
}

.advt b {
	display: block;
	font-size: 32px;
	color: #0060de;
}

.advt span {
	display: block;
	margin: 5px 0 20px 0;
	font-size: 22px;
	color: #8d9399;
}

.advt {
	border-bottom: 1px solid #e5e8eb;
}

.advwa {
	font-size: 15px;
	color: #9b9ea1;
	line-height: 38px;
	margin: 20px 0 30px;
}

.advwa p {
	padding-left: 30px;
	background: url(../img/20201020110547_37571.png) no-repeat left 11px;
}

.adv_tel {
	padding-left: 42px;
	margin-left: 30px;
	background: url(../img/20201020110547_1695937629.png) no-repeat left center;
	font-size: 16px;
	color: #979ca0;
}

.adv_tel em {
	vertical-align: sub;
	padding-left: 10px;
	font-size: 28px;
	color: #0060de;
	font-family: arial;
}


/*应用案例*/
.case {
	padding: 80px 0;
}

.casecenter {
	margin-top: 60px;
	position: relative;
}

.casecon {
	width: 666px;
	margin: 0 auto;
	height: 648px;
}

.casecon .divdgweb_new_div .divdgweb_new_div_item {
	width: 666px;
	height: 648px;
	overflow: hidden;
	position: relative;
}

.casecon .news_div_item_pic img {
	width: 100%;
	height: 100%;
}

.casecon .news_div_item_pic {
	position: absolute;
	width: 666px;
	height: 500px;
	top: 0;
	left: 0;
}

.casecon .divdgweb_new_div_item_content {
	margin-top: 500px;
	transition: all .3s ease;
	box-sizing: border-box;
	height: 0;
	overflow: hidden;
	background: #eff2f6;
}

.casecon .divdgweb_new_div_item_a {
	display: block;
	font-size: 20px;
	color: #333333;
}

.casecon .divdgweb_new_div_item.cur .divdgweb_new_div_item_content {
	background: #eff2f6;
	height: 148px;
	padding: 25px;
}

.casecon .divdgweb_new_div_item .divdgweb_new_div_item_body {
	font-size: 14px;
	color: #9b9ea3;
	line-height: 28px;
	margin-top: 10px;
}

.casejt i {
	cursor: pointer;
	display: inline-block;
}

.casejt i+i {
	margin-left: 710px;
}

.casejt i.prev {
	margin-left: 20px;
}

.casecon .divdgweb_new_div_item.cur {
	margin: 0 10px;
}

.casejt {
	width: 1080px;
	position: absolute;
	bottom: 40px;
	height: 46px;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 9;
}

.case .tempWrap {
	width: auto !important;
	overflow: visible !important;
}

.case .divdgweb_new_div {
	overflow: visible !important;
	width: 5348px !important;
}

/*走进正航*/
.about {
	height: 840px;
	background: url(../img/20201020143038_149695100.jpg) no-repeat center;
	padding-top: 58px;
}

.abtitl {
	font-size: 36px;
	color: #ffffff;
}

.abtitl:after {
	display: block;
	content: '';
	width: 60px;
	height: 3px;
	background: #4f95f1;
}

.abtitl span {
	display: block;
	font-size: 20px;
	color: #a4c8f6;
	margin: 15px 0 25px 0;
}

.abtitl em {
	display: block;
	margin: 10px 0 35px 0;
	font-size: 12px;
	color: #f08640;
}

.abtel {
	margin-top: 50px;
	font-size: 18px;
	color: #a4c8f6;
	padding-left: 44px;
	background: url(../img/20201020143039_907766231.png) no-repeat left center;
}

.abtel em {
	font-size: 30px;
	color: #ffffff;
	font-family: arial;
	vertical-align: sub;
}

.abright {
	width: 675px;
}

.qyxx {
	padding: 54px 64px;
	position: relative;
	margin-bottom: 10px;
	height: 200px;
}

.qyjt {
	position: absolute;
	cursor: pointer;
	top: 45%;
	left: 24px;
	width: 23px;
	height: 44px;
	background: url(../img/20201020143038_1843531584.png) no-repeat center top;
}

.qyjt.next {
	left: auto;
	right: 24px;
	background: url(../img/20201020143038_1289602797.png) no-repeat center top;
}

.qyjt:hover {
	background-position: center bottom;
}

.qyxx ul,
.qyxx li {
	display: block;
}

.qyxx li,
.qyxx li div {
	padding: 0 !important;
}

.qyxx li br {
	display: none;
}

.qyxx li a {
	display: block;
}

.qyxx li {
	margin-right: 14px;
	width: 266px;
	position: relative;
}

.qyxx li div a {
	font-size: 18px;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 201px;
	transition: all .3s ease;
	width: 100%;
	height: 100%;
	text-align: center;
	transform: scale(0);
	background: rgba(0, 0, 0, .6);
}

.qyxx li:hover div a {
	transform: scale(1);
}

.abcon {
	margin-left: 60px;
}

.ab_t {
	font-size: 36px;
	color: #313334;
}

.ab_t i {
	color: #0060de;
}

.ab_t span {
	display: block;
	font-size: 20px;
	color: #898e91;
	margin: 10px 0 30px 0;
}

.ab_t:after {
	content: '';
	display: block;
	width: 68px;
	height: 3px;
	background: #0060de;
}

.ab_c p {
	font-size: 16px;
	color: #9c9fa1;
	line-height: 36px;
	text-indent: 2em;
}

.ab_c {
	margin: 55px 0;
}

.ab_btn a {
	display: inline-block;
	vertical-align: top;
	width: 160px;
	line-height: 56px;
	background: #464d56;
	font-size: 18px;
	color: #fff;
	transition: all .3s ease;
	text-align: center;
}

.ab_btn a+a {
	margin-left: 19px;
}

.ab_btn a.on {
	background: #0060de;
}



/*荣誉资质*/
.honer {
	height: 630px;
	background: url(../img/20211023094324_1587391639.jpg) no-repeat center;
}

.w1400 {
	width: 1400px;
	margin: 0 auto;
}

.htit {
	text-align: center;
	padding-top: 43px;
	margin-bottom: 30px;
}

.htit em {
	color: #eaeaea;
	font-size: 80px;
	font-weight: bold;
	font-family: Arial;
	text-transform: uppercase;
}

.htit b {
	display: block;
	color: #333;
	font-size: 36px;
	margin-top: -62px;
	z-index: 2;
	position: relative;
}

.htit b span {
	color: #1666d4;
}

.htit p {
	display: block;
	font-size: 16px;
	font-weight: lighter;
	margin-top: 8px;
	color: #666666;
}


.hzcon {
	width: 1060px;
	overflow: hidden;
	margin: 0 0 0 340px;
}

.hzcon ul,
.hzcon li {
	display: block;
}

.hzcon li {
	display: inline-block;
	vertical-align: top;
	width: 250px;
	margin-right: 20px;
}

.hzcon li a {
	display: block;
	overflow: hidden;
	position: relative;
}

.hzcon li a img {
	width: 100%;
	height: auto;
}

.hzcon li,
.hzcon div {
	padding: 0 !important;
}

.hzcon li br {
	display: none;
}

.hzcon li div a {
	font-size: 14px;
	color: #fff;
	font-weight: lighter;
	line-height: 40px;
	transition: all .3s ease;
	display: none;
}

.hzcon li:hover div a {
	background: #484848;
	letter-spacing: 2px;
}

.hzcon .tempWrap {
	width: 1060px !important;
}

/*荣誉资质*/



/*生产流程*/
.sclc {
	width: 100%;
	height: 500px;
	background: url(../img/20211023095935_1184237040.jpg)center no-repeat;
	margin: 0 auto;
	padding: 60px 0px;
	box-sizing: border-box;
}

.sclc_center {
	margin-top: 10px;
}

.sclc_center ul li {
	float: left;
	width: 99px;
	height: 202px;
	color: #666;
	font-size: 14px;
	text-align: center;
	font-weight: lighter;
	cursor: pointer;
	position: relative;
}

.sclc_center ul li+li {
	margin-left: 86px;
}

.sclc_center ul li:before {
	content: "";
	width: 99px;
	height: 96px;
	background: url(../img/20211023100117_1606253176.png)center no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	animation: data2 1.9s linear infinite;
	-webkit-transition: 0.3s ease-out;
	-moz-transition: .1s ease-out;
	-ms-transition: 0.3s ease-out;
	-o-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
}

.sclc_center ul li:hover:before {
	background: url(../img/20211023100301_806581254.png)center no-repeat;
	animation: rolation 2s linear infinite;
}

.sclc_center ul li:after {
	content: "";
	width: 12px;
	height: 30px;
	background: url(../img/20211023100604_1687911883.png)left center no-repeat;
	position: absolute;
	left: 44px;
	top: 106px;
}

.sclc_center ul li:hovert:after {
	background-position-x: -12px;
}

.sclc_center ul li p {
	width: 48px;
	height: 40px;
	background: url(../img/20211023100907_136331142.png)left top no-repeat;
	margin: 0 auto;
	margin-top: 26px;
	margin-bottom: 114px;
}

.sclc_center ul li:nth-child(1) p {
	background-position-x: 0px;
}

.sclc_center ul li:nth-child(2) p {
	background-position-x: -48px;
}

.sclc_center ul li:nth-child(3) p {
	background-position-x: -96px;
}

.sclc_center ul li:nth-child(4) p {
	background-position-x: -144px;
}

.sclc_center ul li:nth-child(5) p {
	background-position-x: -192px;
}

.sclc_center ul li:nth-child(6) p {
	background-position-x: -240px;
}

.sclc_center ul li:nth-child(7) p {
	background-position-x: -288px;
}

.sclc_center ul li:nth-child(8) p {
	background-position-x: -336px;
}

.sclc_center ul li:hover p {
	background-position-y: -40px;
}

@keyframes rolation {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/*生产流程*/






/*新闻中心*/
.news {
	padding: 70px 0;
}

.newcenter {
	width: 1300px;
	margin: 0 auto;
}

.newstab a {
	display: inline-table;
	width: 134px;
	height: 62px;
	background: #e7ebed;
	line-height: 62px;
	font-size: 22px;
	color: #33373a;
	padding-left: 86px;
	position: relative;
	transition: all 0.5s ease;
	text-align: left;
	font-weight: lighter;
}

.newstab a:after {
	content: '';
	display: block;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 16px;
	left: 36px;
	background: url(../img/20201020145851_1957105765.png) no-repeat left top;
	transition: all 0.5s ease;
}

.newstab a+a {
	margin-left: 11px;
}

.newstab a:nth-child(2):after {
	background-position-x: -37px;
}

.newstab a:nth-child(3):after {
	background-position-x: -76px;
}

.newstab a.on:after {
	background-position-y: -69px;
	transform: translateX(360deg);
}

.newstab a.on {
	background: #0060de;
	color: #fff;
}

.newstab {
	margin: 43px auto 26px auto;
	text-align: center;
}

.newsleft {
	width: 476px;
	position: relative;
}

.newsleft .news_div_item {
	width: 476px !important;
	position: relative;
	padding: 340px 16px 16px 16px;
	box-sizing: border-box;
	background: #f2f4f7;
}

.newsleft .news_div_item_pic {
	width: 441px;
	height: 319px;
	position: absolute;
	top: 16px;
	left: 16px;
	border: 1px solid #e4e7ea;
	overflow: hidden;
}

.news .news_div_item_pic img {
	width: 100%;
	height: 100%;
	transition: all .6s ease;
}

.newsleft .news_div_item_content {
	box-sizing: border-box;
	height: 170px;
	padding: 30px 10px;
}

.news .news_div_item_a {
	font-size: 18px;
	color: #2f343a;
	transition: all .3s ease;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	font-weight: lighter;
}

.news .news_div_item_body {
	font-size: 14px;
	color: #a9abae;
	line-height: 28px;
	margin-top: 10px;
	font-weight: lighter;
}

.newsbg {
	position: absolute;
	font-size: 0;
	right: 30px;
	bottom: 23px;
	z-index: 99;
}

.newsbg li {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #95a1ad;
	cursor: pointer;
}

.newsbg li+li {
	margin-left: 10px;
}

.news .news_div_item:hover .news_div_item_a {
	color: #0060de;
}

.news .news_div_item:hover .news_div_item_pic img {
	transform: scale(1.1);
}

.newsbg li.on {
	background: #0060de;
}

.newsright {
	width: 795px;
}

.newsright .news_div_item {
	padding: 16px;
	position: relative;
	background: #f2f4f7;
	height: 215px;
}

.newsright .news_div_item_pic {
	position: absolute;
	width: 280px;
	height: 210px;
	top: 16px;
	left: 16px;
	border: 1px solid #f6f6f6;
	overflow: hidden;
}

.newsright .news_div_item_content {
	width: 450px;
	margin-left: 310px;
	padding-top: 20px;
}

.newsright .news_div_item+.news_div_item {
	margin-top: 30px;
}

.newsright .news_div_item_title:after {
	content: '';
	display: block;
	width: 37px;
	height: 3px;
	background: #bcc3c8;
	margin: 15px 0 10px 0;
}

.newsright .news_div_item_date {
	position: absolute;
	bottom: 30px;
	left: 325px;
	font-size: 0;
}

.newsright .news_div_item_date>div {
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	color: #a9abae;
	font-family: Arial, Helvetica, sans-serif;
}