/* 
author : youlicai 
copyright by VTHINK: https://www.vthinks.net
*/
/* 侧边浮框*/
.float-right-box {
	width: auto;
	position: fixed;
	right: 0;
	top: 50%;
	margin-top: -127px;
	z-index: 8;
	transition: width 0.3s ease 0s;
	overflow: hidden;
}

.float-right-box .top-list li {
	width: 285px;
	position: relative;
	height: 60px;
	right: -80%;
	transition: all 0.3s ease;
	background-color: rgba(195, 195, 195, 0.7);
}

.float-right-box .top-list a {
	display: block;
	width: 100%;
	height: 60px;
	vertical-align: top;
}

.float-right-box .top-list .ico {
	display: inline-block;
	width: 60px;
	height: 60px;
	position: absolute;
	right: 0;
	top: 0;
	transition: background 0.3s ease 0s;
	z-index: -1;
}

.stt {
	display: inline-block;
	line-height: 60px;
	color: #fff;
	transition: color 0.3s ease 0s;
	-webkit-transition: color 0.3s ease 0s;
	-moz-transition: color 0.3s ease 0s;
	position: absolute;
	top: 0;
	left: 430px;
	z-index: 1;
	width: 110px;
	text-align: right;
}

.float-right-box .iconfont {
	width: 60px;
	height: 100%;
	font-size: 26px;
	color: #333;
	display: inline-block;
	float: left;
	text-align: center;
}

.stt1,
.stt2 {
	text-align: left;
	width: 300px;
	left: 0px;
}

.float-right-box .top-list li:hover .stt {
	z-index: 10;
}

.float-right-box .top-list li.stt .iconfont {
	display: none;
}

.float-right-box .top-list li:hover .iconfont {
	color: #FFFFFF
}

.float-right-box .top-list li:hover .iconfont {
	background-color: #eb6d1f;
}

.vam {
	transition: all .5s ease;
	padding-left: 15px;
}

.float-right-box .top-list li:hover .vam {
	padding-left: 35px;
}




.float-right-box .top-list li:hover .stt1,
.float-right-box .top-list li:hover .stt2 {
	left: 0px;
}

.float-right-box .top-list li:hover {
	right: 0;
	background-color: #132a3c;
}

.float-right-box .top-list .return-webtop .stt {
	font-weight: bold;
}

.float-right-box .bot-share {
	position: relative;
	height: 60px;
}

.float-right-box .bot-share a {
	display: inline-block;
	width: 60px;
	height: 60px;
	float: left;
	transition: background 0.3s ease 0s;
	-webkit-transition: background 0.3s ease 0s;
	-moz-transition: background 0.3s ease 0s;
	margin: 0;
	padding: 0;
}

.float-right-box .bot-share .share {
	width: 240px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

/* head */
.heade-nav {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}

.heade-nav.onscrol {
	top: -59px;
	animation: slideInDown 1s ease-in-out;
	-webkit-animation: slideInDown 1s ease-in-out;
	-moz-animation: slideInDown 1s ease-in-out;
	-o-animation: slideInDown 1s ease-in-out;
}

.heade-nav.onscrol .headNav-ul2 li a {
	font-size: 14px;
}

.heade-nav.onscrol .head-bots {
	transition-delay: 0.12s;
	padding: 0 5%;
}

.heade-nav .head-tops,
.heade-nav .head-bots {
	padding: 0 16%;
}

.heade-nav .head-tops {
	background: url(../img/topbg.jpg) no-repeat center center;
	background-size: cover;
}

.heade-nav .head-tops.change {
	background: none;
	background-color: #095294;
}

.heade-nav .head-bots {
	background-color: #FFFFFF;
	border-bottom: 1px #ccc solid;
}

.topnav-ul1 li {
	float: left;
	position: relative;
	opacity: 0;
}

.topnav-ul1 li .user-quit {
	position: absolute;
	top: 60px;
	left: 0;
	width: 93px;
	line-height: 30px;
	background-color: #236498;
	color: #f8f8f8;
	text-align: center;
	font-size: 12px;
	display: block;
	transition: all .5s;
	-webkit-transition: all .5s;
	cursor: pointer;
	opacity: 0;
	z-index: -1;
}

.topnav-ul1 li:hover .user-quit {
	opacity: 1;
	z-index: 999;
}

.topnav-ul1 li a,
.loginLis {
	color: #ffffff;
	opacity: 0.8;
	display: block;
	padding: 12px 30px 12px 0;
	line-height: 25px;
	font-size: 14px;
}

.topnav-ul1 li a:hover {
	opacity: 1;
}

.loginLis {
	opacity: 1;
	padding-top: 16px;
	margin-left: 12px;
}

.loginA-s {
	color: #09497f;
	margin-left: 10px;
	background: url(../img/language_icon_3.gif) no-repeat left center;
	background-size: 24px;
	padding-left: 30px;
}

.loginA-s i {
	background: url(../img/totop2.png) no-repeat 0 center;
	background-size: 11px;
	transform: rotate(180deg);
	width: 18px;
	height: 18px;
	display: inline-block;
	margin-left: 2px;
}

.lanChange {
	border: 1px #e2e2e25e solid;
	position: absolute;
	top: 56px;
	left: 17px;
	width: 90px;
	z-index: 99;
	background: #fff;
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .13);
	box-shadow: 0 0 7px rgba(0, 0, 0, .13);
	padding: 5px 0;
	visibility: hidden;
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
}

.lanChange::before {
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom-color: #fff;
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
}

.lanChange li {
	float: none;
	text-align: center;
}

.lanChange li a {
	padding: 3px 10px;
	display: block;
	text-align: center;
	color: #09497f;
}

.lanChange li a:hover {
	text-decoration: underline;
}

.loginLis {
	position: relative;
	padding-right: 0;
}

.loginLis:hover .lanChange {
	visibility: visible;
	top: 49px;
}




.topNav-right {
	position: relative;
	transform: translateX(0);
	transition: all .6s ease-in;
	-webkit-transition: all .6s ease-in;
	-moz-transition: all .6s ease-in;

}

.sear-bteen {
	display: inline-block;
	padding: 14px 30px 14px 0;
	position: inherit;
	z-index: 10;
	cursor: pointer;
}

.sear-slide-box {
	width: 0;
	position: absolute;
	top: 9px;
	right: 36px;
	z-index: 5;
}

.sear-slide-box>p {
	width: 90%;
	float: left;
	height: 40px;
	border-bottom: 1px #eee solid;
}

.sear-slide-box p input {
	width: 100%;
	height: 100%;
	text-indent: 2em;
	color: #FFFFFF;
	font-size: 14px;
}

.sear-slide-box p input:-ms-input-placeholder {
	color: #FFF;
	font-size: 14px;
}

.sear-slide-box i {
	cursor: pointer;
}

.sear-bteen span {
	display: block;
	cursor: pointer;
	padding: 6px 8px;
}

.sear-bteen span img {
	width: 23px;
	height: 24px;
	margin-top: 2px;

}

/* sousuo */
.f-cb {
	zoom: 1;
}

.search-dialog {
	position: absolute;
	left: 50%;
	top: 49px;
	transform: translateX(-50%);
	background: #fff;
	width: 100%;
	padding: 21px 0px;
	display: flex;
	opacity: 0;
	justify-content: center;
	border: 1px #999 solid;
	z-index: -1;
	transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}

.search-dialog .search {
	width: 500px;
	border: 1px solid #09497f;
	padding: 0 10px;
	border-radius: 4px;
}

.search-dialog .search input[type=text] {
	float: left;
	width: 90%;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	color: #999;
	background-color: transparent;
}

.search-dialog .search input[type=submit] {
	float: right;
	width: 20px;
	height: 36px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url(../img/search-lan.svg);
	background-color: transparent;
	background-position: 0 8px;
}

.f-cb:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}

.search-dialog .search-close {
	/* position: absolute; */
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 32px;
	background-image: url(../img/close.png);
	right: -2.2rem;
	top: 50%;
	/* margin-top: -16px; */
	margin-top: 2px;
	padding: 0;
}


.headNav-ul2 li {
	float: left;
}

.headNav-ul2 li a {
	font-size: 16px;
	padding: 15px 40px 15px 0;
	display: block;
	font-weight: 550;
	position: relative;
	color: #09497f;
}

.headNav-logo span {
	display: block;
	padding-top: 10px;
}

.headNav-logo span img {
	max-height: 40px;
	float: right;
}

.hsbg {
	background: #000;
	opacity: 0;
	-webkit-opacity: 0;
	visibility: hidden;
	position: fixed;
	left: 0;
	top: 60px;
	bottom: 0;
	height: 100vh;
	width: 100%;
	z-index: 0;
	transition: all 0.5s ease-in;
}

.h_searchtxt {
	transition-delay: 0.3s;
}

.h_searchdesc {
	padding: 18px 10px;
	background: #fff;
	margin-top: 18px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.h_searchdesc li.n1 {
	transition-delay: 0.3s;
}

.h_searchdesc li.n2 {
	transition-delay: 0.4s;
}

.h_searchdesc li.n3 {
	transition-delay: 0.5s;
}

.h_searchdesc li.n4 {
	transition-delay: 0.6s;
}

.h_search {
	visibility: hidden;
}

.h_searchon {
	visibility: visible;
	opacity: 1;
}

.nav {
	padding: 43px 0;
	position: relative;
	top: -61px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	transition: all 0.5s ease-in;
	z-index: -1;
}

.nav {
	padding-top: 0;
	padding-bottom: 0;
}

.navon {
	background: rgba(45, 45, 45, 0.98);
	height: 83px;
}


.hsbgon {
	opacity: 0.7;
	-webkit-opacity: 0.7;
	visibility: visible;
}

/* head-menu */
.flyout {
	width: 70%;
	position: absolute;
	left: 50%;
	top: 106px;
	z-index: 888;
	background: #fff;
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, .3);
	background-image: linear-gradient(45deg, #043669 35%, #195eab 100%);
	transform: translateX(-50%);
	display: none !important;
}

body::after {
	content: '';
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 120px;
	left: 0;
	z-index: 700;
	background: rgba(0, 0, 0, 0.6);
	display: none;
}

body.body-cli {
	overflow: hidden;
}

.body-cli::after {
	content: '';
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 120px;
	left: 0;
	z-index: 700;
	background: rgba(0, 0, 0, 0.6);
	display: none;
}

body.body-cli::after {
	display: none;
}

.xialazz {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #000;
	opacity: 0.3;
	display: none;
	z-index: 30;
}

.description-area,
.sub-nav-1,
.sub-nav-2 {
	width: 31%;
	float: left;
}

.description-area {
	padding: 55px 45px;
	background: #fff;
	box-shadow: 4px 0 12px 0 rgba(0, 0, 0, .3);
	min-height: 260px;
}

.description-area .title b {
	font-size: 24px;
	font-weight: bold;
	line-height: 26px;
	color: #1d62af;
	display: block;
	margin-bottom: 30px;
}

.description-area>p {
	font-size: 14px;
	line-height: 26px;
	color: #4a7faa;
}

.description-link {
	font-size: 14px;
	line-height: 26px;
	color: #4a7faa;
	text-align: right;
	margin-top: 30px;
	background: -webkit-linear-gradient(45deg, #005192 0, #008bc5 100%);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
}

.description-link::after {
	content: '';
	width: 20px;
	height: 26px;
	display: inline-block;
	vertical-align: bottom;
	margin-left: 6px;
	background: url(../img/right-lan.png) no-repeat right center;
	background-size: 14px;
}

.sub-nav-1 {
	border-right: 1px solid rgba(0, 81, 146, .5);
	max-height: calc(100vh - 140px);
}

.sub-nav-1 li {
	float: none;
}

.sub-nav {
	list-style: none;
	margin: 15px 0;
	padding: 0 14px;
}

.sub-nav-1.sub-nav {
	height: 340px;
	overflow-x: hidden;
	overflow-y: auto;
}

.sub-nav>li>a {
	font-size: 15px;
	color: #ffffff;
	line-height: 28px;
	text-decoration: none;
	max-height: 44px;
	min-height: 32px;
	height: 8.5vh;
	padding: 0 10px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
}

.sub-nav li.has-sub-nav>a::after {
	content: '';
	width: 18px;
	height: 18px;
	display: inline-block;
	vertical-align: middle;
	background: url(../img/nav-right.png) no-repeat right center;
	background-size: 15px;
}

.sub-nav-2 {
	height: calc(100% - 30px);
	overflow-x: hidden;
	overflow-y: auto;
	position: absolute;
	top: 0;
	right: 0;
	transition: -webkit-transform .4s ease-out, opacity .3s ease-out;
	transition: transform .4s ease-out, opacity .3s ease-out;
	padding-top: 18px;
}

/* 定义滚动条 */
.has-sub-nav ::-webkit-scrollbar,
.sub-nav-1.sub-nav::-webkit-scrollbar {
	height: 30px;
	width: 4px;
}

/*定义了滚动条滑块的样式*/
.has-sub-nav ::-webkit-scrollbar-thumb,
.sub-nav-1.sub-nav ::-webkit-scrollbar-thumb {
	background: #008BC5;
}

/*定义了轨道的样式*/
.has-sub-nav ::-webkit-scrollbar-track,
.sub-nav-1.sub-nav ::-webkit-scrollbar-track {
	border-radius: 10px;
	background: #008BC5;
}

.has-sub-nav ::-webkit-scrollbar-thumb:hover,
.sub-nav-1.sub-nav ::-webkit-scrollbar-thumb:hover {
	background: #008BC5;
}


.sub-nav-2 li a {
	font-size: 14px;
	color: #ffffff;
	height: 20px;
	background-size: 14px;
}

.sub-nav-3 li a {
	height: 20px;
	font-size: 13px;
	min-height: 28px;
	line-height: 20px !important;
}

.sub-nav-1>li>a:hover,
.sub-nav-2>li>a:hover,
.menu-acted,
.menuacted.hasShow {
	background-color: #1d62af;
}

.sub-nav-3,
.sub-nav-4,
.sub-nav-5 {
	margin: 0;
	padding: 0 0 0 14px;
	display: none;
}

.sub-nav-4>li>a {
	font-size: 13px;
	opacity: 0.85;
}

.sub-nav-5>li>a {
	font-size: 12px;
	opacity: 0.7;
}

.hasChild {
	background: url(../img/nav-jia.png) no-repeat 93% center;
}

.hasShow {
	background: url(../img/nav-jian.png) no-repeat 93% center;
}

.sub-nav-2.ChildUl {
	display: none;
}

a.comsub {
	display: block;
	font-size: 14px;
	color: #ffffff;
	width: 180px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	background-color: #1d62af;
	border: 1px transparent solid;
	border-radius: 5px;
	margin: auto;
	letter-spacing: 1px;
}

a.comsub:hover {
	background: #FFFFFF;
	border: 1px #1d62af solid;
	color: #1d62af;
}

#keyword::-webkit-input-placeholder,
#searchBox1::-webkit-input-placeholder,
#searchBox2::-webkit-input-placeholder,
#keyword1::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #fff;
}

#keyword:-moz-placeholder,
#searchBox1:-moz-placeholder,
#searchBox2:-moz-placeholder,
#keyword1:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #fff;
}

#keyword::-moz-placeholder,
#searchBox1::-moz-placeholder,
#searchBox2::-moz-placeholder,
#keyword1::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #fff;
}

#keyword:-ms-input-placeholder,
#searchBox1:-ms-input-placeholder,
#searchBox2:-ms-input-placeholder,
#keyword1:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #fff;
}



/* head结束 */

/* biaoti */
h3.both3 {
	font-size: 28px;
	line-height: 30px;
	color: #333333;
	text-align: center;
	margin: 0 auto 30px;
}

/* 查看更多  */
.more-item3 {
	width: 200px;
	height: 46px;
	border: solid 1px #ff7500;
	font-size: 16px;
	line-height: 46px;
	color: #414141;
	text-align: center;
	display: inline-block;
	transition: all .5s;
}

.more-item3:hover {
	background-color: #ec6c2c;
	box-shadow: 0 0 20px rgba(104, 104, 104, 0.3);
	color: #fff;
}

.more-item5 {
	width: 205px;
	height: 45px;
	border: solid 1px #ffffff;
	display: inline-block;
	line-height: 45px;
	color: #fff;
	transition: all .4s;
	box-sizing: border-box;
	position: relative;
}

.more-item5 span {
	transition: all .5s;
	display: inline-block;
	font-size: 14px;
}

.more-item5 i {
	margin-left: 30px;
	font-size: 12px;
	transition: all .5s;
	display: inline-block;

}

.more-item5:hover {
	border: solid 1px #ec6c2c;
	background-color: #ec6c2c;
}

.more-item5:hover i {
	margin-left: 20px;
}

.more_item1 span {
	display: block;
	vertical-align: middle;
	position: relative;
	float: left;
	margin-right: 10px;
	/* margin-left: 37px; */
}

.more_item1 s {
	display: block;
	width: 0;
	height: 1px;
	background-color: rgb(216, 215, 215);
	transition: all .5s;
	float: left;
	margin-top: 12px;
}

.more_item1 i {
	margin-left: 10px;
	text-align: center;
	line-height: 26px;
	font-size: 12px;
	width: 26px;
	height: 26px;
	display: block;
	vertical-align: middle;
	border: 1px solid #ffff;
	border-radius: 20px;
	float: left;
	transition: all .5s;
	position: relative;
}

.more_item1 i::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #ec6c2c;
	border-radius: 20px;
	border: 1px solid #ec6c2c;
	transform: scale(0);
	transition: all .5s;
	z-index: -1;
}

.main-home-item:hover s,
.swiper-slide:hover s {
	float: left;
	width: 30px;
}

.main-home-item:hover i,
.sc6-swiper .swiper-slide:hover i {
	border: 1px solid #ec6c2c;
	color: #fff;
}

.main-home-item:hover i::after,
.swiper-slide:hover i::after {
	transform: scale(1);
}

/* 首页公共title */

.common-title {
	text-align: center;
}

.common-title h2 {
	font-size: 30px;
	color: #ec6c2c;
	border-bottom: 1px solid #e5e5e5;
	position: relative;
	line-height: 107px;
	padding-top: 25px;
	font-weight: 700;

	margin-bottom: 35px;
}

.common-title h2::after {
	position: absolute;
	content: '';
	display: block;
	width: 115px;
	height: 1px;
	background-color: #ec6c2c;
	bottom: -1px;
	left: 50%;
	transform: translate(-50%, -50%);
}

.bw-title p {
	line-height: 26px;
	padding-top: 45px;
	padding-bottom: 40px;
	font-size: 16px;
}

.bw-title a {
	margin-bottom: 50px;
}

/* 放大效果 */

.bx_boxImg {
	width: 100%;
	height: 285px;
	overflow: hidden;
	position: relative;
	z-index: 20;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

@media screen and (min-width:2000px) {
	.bx_boxImg {
		height: 380px;
	}
}

.industry-item1 {
	width: 49%;
	float: left;
	margin-bottom: 30px;
	margin-right: 2%;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
}

.industry-item1:nth-of-type(2n) {
	margin-right: 0;
}

.industry-item1:last-child {
	margin-right: 0;
}

.industry-item1 img,
.industry-introduce,
.product-item img,
.product-item span,
.product-item i {
	transition: all .35s;
	-webkit-transition: all .35s;
	/*兼容苹果-谷歌*/
	-o-transition: all .35s;
	/*兼容欧朋*/
	-ms-transition: all .35s;
	/*兼容IE*/
	-moz-transition: all .35s;
	/*兼容火狐*/
}

.industry-item1 .btxt {
	padding: 22px 30px;
	background: #fdfdfd;
}

.industry-item1 .btxt p {
	font-size: 12px;
	line-height: 18px;
	color: #0f1e31;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
}

.industry-item1:hover img,
.product-item:hover img {
	transform: scale(1.05)
}

.industry-item1:hover {
	box-shadow: 0px 1px 33px 0px rgba(232, 232, 232, 0.75);
}

.industry-item1:hover .industry-introduce::after {
	border-color: transparent transparent #ec6c2c transparent;
}

.overlay {
	position: absolute;
	width: calc(100% - 8em);
	padding: 2em 4em;
	bottom: 0;
	left: 0;
	z-index: 40;
}

.name {
	min-width: 75px;
	text-align: center;
	background: #132a3e;
	color: #fff;
	padding: 0.8em 1em;
	float: left;
	font-size: 1.3em;
	position: relative;
	top: 0;
	left: 0;
	transition: all 0.2s ease-in-out 0s;
}

.trigger {
	width: 78px;
	height: 43px;
	clear: both;
	float: left;
	background: #fff;
	position: relative;
	bottom: 0;
	left: 0;
	transition: all 0.2s ease-in-out 0s;
	background: #FFFFFF url(../img/jia.png) no-repeat center;
}

.industry-item1:hover .trigger,
.product-item:hover .trigger {
	background: #fc6f23 url(../img/jia-fan.png) no-repeat center;
}

.industry-item1:hover .name,
.product-item:hover .name {
	top: 0.25em;
	left: -0.25em;
}

.industry-item1:hover .trigger,
.product-item:hover .trigger {
	left: 0.25em;
	bottom: 0.25em;
}

.product-item:hover .proBgimg {
	transform: scale(1.02);
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
}

/*
	author: youlicai,
	date: 2020/9/14,
	by vthink: https://vthinks.net
*/

/* 页面banner上的视频 */
.video-shaow {
	width: 100%;
	height: 100%;
}

.video-shaow video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


/* index.news */
.news_Boxs {
	width: 100%;
	padding: 60px 0;
	background-color: #f8f8f8;
}

.news_Boxs .new_listBox {
	width: 1300px;
	margin: auto;

}

.news_Boxs .new_listBox .new_items {
	width: 32%;
	box-shadow: 0px 0 20px 0px rgba(7, 70, 146, 0.11);
	box-sizing: border-box;
}

.news_Boxs .new_listBox .new_items>a {
	display: block;
}

.imgBox img,
.news_Boxs .new_listBox .new_items>a,
.toLearnMore a,
.news_Boxs .new_listBox .new_items {
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
}

.news_Boxs .new_listBox .new_items:nth-of-type(-n+2) {
	margin-right: 2%;
}

.imgBox {
	width: 100%;
	height: 215px;
	box-sizing: border-box;
	overflow: hidden;
}

.imgBox img {
	display: block;
	width: 100%;
	height: 100%;
}

.descBox {
	padding: 20px 25px;
}

.descBox .new_tis {
	font-size: 12px;
	line-height: 26px;
	color: #EC6C2C;
	margin-bottom: 28px;
}

.descBox h4 {
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
	color: #333333;
	margin-bottom: 15px;
	height: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.descBox .new_des {
	font-size: 14px;
	color: #333333;
	line-height: 24px;
	height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 30px;
}

.descBox .new_time {
	font-size: 12px;
	color: #999999;
}

.descBox .new_time i {
	display: inline-block;
	float: right;
	font-size: 12px;
	opacity: 1 !important;
}

.new_items2 {
	box-shadow: none !important;
	background-color: transparent !important;
}

.new_items2 .topBA,
.new_items2 .botB {
	height: 193px;
	box-shadow: 0px 0 20px 0px rgba(7, 70, 146, 0.11);
}

.new_items2 .topBA {
	margin-bottom: 26px;
	/* background-color: #095294; */
}

/* .new_items2 .topA .new_tis,
.new_items2 .topA h4,
.new_items2 .topA .new_des,
.new_items2 .topA .new_time {
	color: #FFFFFF;
} */

/* .new_items2 .topA .new_des,
.new_items2 .topA .new_time {
	opacity: 0.5;
} */

.new_items2 .descBox {
	padding: 17px 25px;
}

/* .news_Boxs .new_listBox .new_items>a:hover .imgBox img {
	transform: scale(1.1);
} */

.news_Boxs .new_listBox .new_items:nth-child(1)>a::before,
.news_Boxs .new_listBox .new_items:nth-child(3)>a::before {
	display: none !important;
	position: relative;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
}

.news_Boxs .new_listBox .new_items:nth-child(1)>a::before {
	content: '';
	width: 100%;
	height: 1px;
	background-color: #095294;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
}

.news_Boxs .new_listBox .new_items:nth-child(3)>a::before {
	content: '';
	width: 100%;
	height: 1px;
	background-color: #095294;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.news_Boxs .new_listBox .new_items:nth-child(1)>a:hover::before,
.news_Boxs .new_listBox .new_items:nth-child(3)>a:hover::before {
	height: 3px;
}

/* .news_Boxs .new_listBox .new_items1>a:hover .descBox {
	background-color: rgba(154, 158, 158, 0.2);
} */

.news_Boxs .new_listBox .new_items1>a:hover .new_time i,
.news_Boxs .new_listBox .new_items2 .botB:hover .new_time i {
	transform: translateX(-20px);
}

.news_Boxs .new_listBox .new_items2 .botB:hover,
.news_Boxs .new_listBox .new_items1:hover {
	background-color: #095294;
}

.news_Boxs .new_listBox .new_items2 .botB:hover p,
.news_Boxs .new_listBox .new_items2 .botB:hover h4,
.news_Boxs .new_listBox .new_items1:hover .new_tis,
.news_Boxs .new_listBox .new_items1:hover h4,
.news_Boxs .new_listBox .new_items1:hover .new_des,
.news_Boxs .new_listBox .new_items1:hover .new_time {
	color: #FFFFFF;
}

/* 了解更多按钮 */
.toLearnMore {
	width: 100%;
	text-align: center;
	padding: 40px 0;
}

.toLearnMore a {
	display: block;
	width: 150px;
	height: 42px;
	line-height: 42px;
	border: 1px transparent solid;
	background: #095294;
	text-align: center;
	margin: auto;
	border-radius: 20px;
	color: #FFFFFF;
	font-size: 14px;
}

.toLearnMore a:hover {
	background-color: #FFFFFF;
	color: #333;
	border: 1px #095294 solid;
}


/* 新闻排版 */
.brand-item {
	padding: 60px 0;
	background: #F8F8F8;
}

.nav_page.news_nav .clearfix>li a {
	background: none;
}

.container {
	border-top: 1px solid #dedede;
	margin-top: 40px;
	padding-bottom: 20px;
}

.news_right {
	width: 100%;
}

.news_right table {
	width: 100%;
	text-align: left;
}

.news_right table tr {
	border-bottom: 1px #dadada solid;
}

.news_right table tr p {
	font-size: 16px;
	color: #09497f;
}

.news_right table tr {
	padding: 15px 0;
	display: block;
	vertical-align: top;
}

.news_right table td.date {
	width: 20%;
	position: relative;
}

.news_right table tr td.date::before,
.news_right table td.date::after {
	content: '';
	height: 1px;
	display: inline-block;
	position: absolute;
	right: 16%;
	top: 13px;
}

.news_right table tr td.date::before,
.news_right table td.date::after,
.news_right table tr .theme-news {
	transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
}

.news_right table tr td.date::before {
	width: 80px;
	background-color: #DADADA;
}

.news_right table td.date::after {
	background-color: #09497f;
	width: 0;
	z-index: 3;
}

.news_right table td.title {
	width: 55%;
}

.news_right table td.date p {
	font-size: 16px;
	color: #09497f;
}

.news_right table td div.t .theme-news {
	font-size: 16px;
	color: #333;
	height: auto;
	margin-bottom: 8px;
}

.news_right table td div.t p {
	font-size: 12px;
	color: #666;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	margin-top: 0 !important;
}

.tdimg {
	text-align: right;
}

.tdimg img {
	width: 200px;
}

.news_right table td p a.load_more {
	font-size: 16px;
	color: #09497f;
	padding-right: 20px;
	background: url(../images/inve_se01.png) right center no-repeat;
}

.news_right table td p a.load_more:hover {
	background: url(../images/inve_se01_hover.png) right center no-repeat;
}

.news_right table tr:hover .theme-news {
	color: #EC6C2C !important;
}

.news_right table tr:hover td.date::after {
	width: 80px;
}



.dynamics-flx .list-box {
	width: 32%;
	float: left;
	margin-right: 2%;
	margin-top: 30px;
}

.dynamics-flx .list-box:nth-child(-n+3) {
	margin-top: 0;
}

.dynamics-flx .list-box:nth-child(3n) {
	margin-right: 0;
}

.dynamics-flx .list-box a {
	display: block;
}

.dynamics-flx .list-box img {
	width: 100%;
}

.new-Img,
.deve-img,
.sale-img {
	width: 100%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.new-Img {
	height: 300px;
}

.deve-img,
.sale-img {
	max-height: 214px;
}

.dynamics-flx .list-box .mess {
	padding: 24px 16px 20px;
	position: relative;
}

.dynamics-flx .list-box .mess::after {
	content: '';
	width: 100%;
	height: 0;
	background-color: #13579f;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
}

.dynamics-flx .list-box .mess .title,
.news_right table td div.t .theme-news {
	font-size: 16px;
	color: #111;
	line-height: 22px;
	height: 24px;
	font-weight: bold;
	width: 100%;
	overflow: hidden;
	text-overflow: -o-ellipsis-lastline;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

.dynamics-flx .list-box .mess .desc,
.news_right table td div.t p {
	font-size: 14px;
	color: #333;
	line-height: 21px;
	width: 100%;
	overflow: hidden;
	margin-top: 8px;
	margin-bottom: 12px;
	height: 44px;
	text-overflow: -o-ellipsis-lastline;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

.dynamics-flx .list-box .mess .date {
	font-size: 12px;
	color: #919797;
	line-height: 28px;
	width: 100%;
	overflow: hidden;
}

.dynamics-flx .list-box a:hover .mess {
	background: #fff;
}

.dynamics-flx .list-box a:hover .mess::after {
	height: 2px;
}

/* 更多按钮 */

.moreJobs a {
	width: 170px;
	height: 46px;
	display: block;
	text-align: center;
	line-height: 46px;
	background-color: #13579f;
	border-radius: 4px;
	font-size: 14px;
	letter-spacing: 1px;
	color: #ffffff;
	margin: 40px auto 0;
	border: 1px transparent solid;
	transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
}

.moreJobs a:hover {
	background-color: #FFFFFF;
	border: 1px #13579f solid;
	color: #333;
}

/* 视差banner */
.parallux {
	width: 100%;
	height: 500px;
	z-index: -1;
	margin-top: 103px;
}

/* scrollbar */
/* ::-webkit-scrollbar {
	display: none;
	background-color: transparent;
	width: 5px;
}

::-webkit-scrollbar-thumb {
	background-color: #4F4F4F;
}

::scrollbar {
	background-color: transparent;
	width: 5px;
}

::scrollbar-thumb {
	background-color: #4F4F4F;
} */



/* phMenu */
.wapmewuul>li,
.wapmewu,
.waptop {
	transition: all 0.35s ease-out;
	-webkit-transition: all 0.35s ease-out;
}

.waplogo {
	position: relative;
	width: 100px;
	height: 40px;
}

.waplogo img {
	height: 70%;
	position: absolute;
	left: 0;
	top: 7px;
	transition: all 0.3s ease;
}

.waplogo2 {
	opacity: 0;
}

.waplauge a,
.waplauge {
	color: #fff;
	opacity: 0.8;
}

.waplauge em {
	font-size: 12px;
	padding: 0 10px;
}

.header_search {
	line-height: 30px;
	margin-right: 15px;
}

.header_search i {
	font-size: 33px;
	color: #fff;
}

.header__toggle-menu {
	cursor: pointer;
	display: block;
	top: 8px;
	position: relative;
}

.header__hamburger {
	height: 22px;
	width: 28px;
	overflow: hidden;
	position: relative;
	display: block;
}

.header__hamburger span {
	position: absolute;
	width: 100%;
	left: 0;
	background: #fff;
	display: block;
}

.header__hamburger span:before,
.header__hamburger span:after {
	position: absolute;
	background: #fff;
}

.header__hamburger span:first-child {
	bottom: 100%;
	margin-bottom: -2px;
	transition: bottom .5s ease, margin-bottom .5s ease;
}

.header__hamburger span:nth-child(2) {
	height: 2px;
	top: 50%;
	transition-property: left, width, height;
	transition-duration: .5s;
	transition-timing-function: ease;
}

.header__hamburger span:last-child {
	top: 100%;
	margin-top: -2px;
	transition: top .5s ease;
}

.header__hamburger span:first-child:before,
.header__hamburger span:first-child:after,
.header__hamburger span:last-child:before,
.header__hamburger span:last-child:after {
	content: "";
	height: 2px;
	transition-property: transform;
	transition-duration: .5s;
	transition-timing-function: ease;
	width: 50%;
}

.header__hamburger span:first-child:before,
.header__hamburger span:last-child:before {
	right: 50%;
	-ms-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
}

.header__hamburger span:first-child:after,
.header__hamburger span:last-child:after {
	left: 50%;
	-ms-transform-origin: 0 50%;
	transform-origin: 0 50%;
}

.header__toggle-menu:not(.is-open) .header__hamburger:after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.header__toggle-menu:not(.is-open) .header__hamburger:after {
	background: #fff;
	width: 100%;
	content: "";
	bottom: -2px;
	-ms-transform: translateX(-100%) skewX(-35deg);
	transform: translateX(-100%) skewX(-35deg);
	margin-left: -15px;
	transition: transform 1s ease, margin-left 1s ease;
}

.header__toggle-menu.is-open .header__hamburger span:first-child {
	bottom: 50%;
	margin-bottom: 0;
}

.header__toggle-menu.is-open .header__hamburger span:first-child:before {
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.header__toggle-menu.is-open .header__hamburger span:first-child:after {
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.header__toggle-menu.is-open .header__hamburger span:nth-child(2) {
	width: 0;
}

.header__toggle-menu.is-open .header__hamburger span:nth-child(2) {
	left: 50%;
	height: 1px;
}

.header .header__toggle-menu.is-open .header__hamburger span:last-child {
	top: 50%;
}

.header__toggle-menu.is-open .header__hamburger span:last-child {
	margin-top: -11px;
}

.header__toggle-menu.is-open .header__hamburger span:last-child:before {
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.header__toggle-menu.is-open .header__hamburger span:last-child:after {
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.waptop {
	position: fixed;
	width: calc(100% - 8%);
	left: 0;
	top: 0;
	z-index: 320;
	padding: 12px 4%;
}

.sumis,
.sumix {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	text-align: center;
	transition: all 0.3s ease;
	display: none;
}

.hassub>i .sumis,
.hassub>i .sumix {
	display: block;
}

.hassub>i .sumijia {
	background: url(../img/ph-jia.png) no-repeat center center;
	background-size: 24px;
}

.hassub>i .sumijian {
	background: url(../img/jian.png) no-repeat center center;
	background-size: 24px;
}


.hassub>i .sumix {
	opacity: 0;
}

.hassub>i.on .sumix {
	opacity: 1;
}

.hassub>i.on .sumis {
	opacity: 0;
}

.wapmewu {
	position: fixed;
	left: 0;
	top: -100%;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 4%;
	visibility: hidden;
	opacity: 0;
	z-index: -11;
}

.wapmewu {
	background: #000;
}

.wapmewuul ul {
	display: none;
}

.wapmewu,
.wapmewu a {
	color: #fff;
}

.wapmewuul li {
	position: relative;
}

.wapmewuul i {
	position: absolute;
	height: 45px;
	right: 0;
	top: 0;
	width: 30px;
	cursor: pointer;
}

.wapmewuul a {
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	display: block;
	vertical-align: top;
	line-height: 22px;
}

.wapmewuul>li>a {
	line-height: 45px;
}

.wapmewuul>li>i>em {
	height: 45px;
	line-height: 45px;
}

.wapmewuul ul a {
	line-height: 45px;
	font-size: 12px;
}

.wapmewuul ul i em {
	height: 45px;
	line-height: 45px;
}

.wapmewuul ul {
	padding-left: 10px;
}

.wapmewuul>li {
	opacity: 0;
	-webkit-transform: scale(1.1) translateY(-25px);
	transform: scale(1.1) translateY(-25px);
}

.wapmewuul>li:nth-child(1) {
	-webkit-transition-delay: 120ms, 120ms;
	transition-delay: 120ms, 120ms;
}

.wapmewuul>li:nth-child(2) {
	-webkit-transition-delay: 200ms, 200ms;
	transition-delay: 200ms, 200ms;
}

.wapmewuul>li:nth-child(3) {
	-webkit-transition-delay: 280ms, 280ms;
	transition-delay: 280ms, 280ms;
}

.wapmewuul>li:nth-child(4) {
	-webkit-transition-delay: 360ms, 360ms;
	transition-delay: 360ms, 360ms;
}

.wapmewuul>li:nth-child(5) {
	-webkit-transition-delay: 440ms, 440ms;
	transition-delay: 440ms, 440ms;
}

.wapmewuul>li:nth-child(6) {
	-webkit-transition-delay: 520ms, 520ms;
	transition-delay: 520ms, 520ms;
}

.wapmewuul>li:nth-child(7) {
	-webkit-transition-delay: 600ms, 600ms;
	transition-delay: 600ms, 600ms;
}

.wapmewuul>li:nth-child(8) {
	-webkit-transition-delay: 780ms, 780ms;
	transition-delay: 780ms, 780ms;
}

.wapmewuul>li:nth-child(9) {
	-webkit-transition-delay: 860ms, 760ms;
	transition-delay: 760ms, 860ms;
}

.wapmewuul>li:nth-child(10) {
	-webkit-transition-delay: 940ms, 940ms;
	transition-delay: 940ms, 940ms;
}

.wappubbg {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 55;
	background: #000;
	opacity: 0.6;
	display: none;
}

.wapsearch {
	position: fixed;
	width: 80%;
	left: 10%;
	top: 50%;
	transform: translateY(-50%);
	z-index: 88;
	display: none;
	background: #fff;
	border-radius: 20px;
	overflow: hidden;
}

.wapsearch .otxt {
	width: 85%;
	padding: 0 15px;
	box-sizing: border-box;
	font-size: 16px;
}

.wapsearch .obtn {
	width: 15%;
	text-align: right;
	box-sizing: border-box;
	padding-right: 15px;
	background: url(../img/pbtsearch2.png) center no-repeat;
}

.wapsearch .obtn i {
	color: #333;
	font-size: 30px;
}

.wapsearch .otxt,
.wapsearch .obtn {
	height: 55px;
	line-height: 55px;
	float: left;
}

.waptopon {
	background: rgba(255, 255, 255, 0.9);
}

.waptopon .waplogo1 {
	opacity: 0;
}

.waptopon .waplogo2 {
	opacity: 1;
}

.waptopon .header_search i {
	color: #000;
}

.waptopon .header__hamburger span::before,
.waptopon .header__hamburger span::after,
.waptopon .header__hamburger span {
	background: #000;
}

.waptopmeau {
	background: rgba(255, 255, 255, 0);
}

.waptopmeau .waplogo1 {
	opacity: 1;
}

.waptopmeau .waplogo2 {
	opacity: 0;
}

.waptopmeau .header_search i {
	color: #fff;
}

.waptopmeau .header__hamburger span::before,
.waptopmeau .header__hamburger span::after,
.waptopmeau .header__hamburger span {
	background: #fff;
}

.showwapmewu .wapmewuul>li {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}

.showwapmewu {
	visibility: visible;
	opacity: 1;
	z-index: 199;
	top: 0;
}

.wapmewum {
	height: 86%;
	overflow-y: scroll;
	margin-top: 60px;
}

.bf8 {
	background: #f8f8f8;
}




@media screen and (max-width:1500px) {
	.headNav-ul2 li a {
		padding: 15px 10px;
	}

	.headNav-logo span {
		padding-top: 0;
		height: 54px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.headNav-logo span img {
		height: 30px;
	}

	.parallux {
		height: 300px;
	}

	.heade-nav .head-tops,
	.heade-nav .head-bots {
		padding: 0 5%;
	}

	h3.both3 {
		font-size: 24px;
	}

	.news_right table tr td.date::before,
	.news_right table td.date::after {
		right: 10%;
	}


}



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

	.heade-nav,
	.parallux,
	.news_right table td.date::after {
		display: none;
	}

	.waptop {
		display: block;
	}

	h3.both3 {
		font-size: 22px;
		margin: 0 auto 10px;
	}

	.pros_script {
		width: 90%;
		margin: auto;
	}

	.pros_Tainer .pros_script p {
		line-height: 22px !important;
	}

	.dynamics-flx .list-box:nth-child(-n+3),
	.dynamics-flx .list-box {
		width: 100%;
		float: none;
		margin-right: 0;
		margin-top: 30px;
	}

	.brand-item {
		padding: 30px 0;
	}

	.dynamics-flx .list-box:nth-child(1) {
		margin-top: 0;
	}

	.new-Img,
	.deve-img,
	.sale-img {
		height: auto;
	}

	.bx_boxImg {
		height: 185px;
	}

	.news_right table td.date,
	.news_right table td.title {
		width: 100%;
		display: block;
	}

	.news_right table td.title {
		margin: 12px 0;
	}
	
	.dynamics-flx .list-box.ehs-boxs .mess,
	.dynamics-flx .list-box.news-list-box-two .mess{
		background: #fff !important;
	}
	.news_right table tr td .tdimg,
	.news_right table tr td.date::before{
		display: none;
	}
	.news_right table td div.t p{
		text-align: justify;
	}
	.news_right table tr {
	    padding: 0;
	    margin-bottom: 15px;
	}
	.news_right table tr:last-child{
		margin-bottom: 0;
	}





}