﻿.hot-keys:after, .xypg-download-list .download-title:after, .xypg-download-list .download-item:after, .xypg-download-list .download-item .download-item-span:after, .xypg-job-list .job-title:after, .xypg-job-list .job-item:after, .xypg-job-list .job-item .job-item-span:after, .xypg-detail-info-bar:after, .xypg-detail-info-bar .xypg-file-down .file-down-list li:after, .xypg-detail-pn div:after, .xypg-detail-file-dwon:after, .product-detail-tab .product-detail-tabli:after, .tag-list-product .tag-wz .tab-fenli:after {
	content: "";
	display: table;
	clear: both;
}
.x-header-right .x-login .username, .x-product-list li h3, .x-case-item .wz h3, .x-news-top h3, .x-news-list li a, .latest-news li a, .hot-keys li a, .xypg-left-nav>li>a, .xypg-left-nav .xypg-left-subnav>li>a, .xypg-left-nav .xypg-left-threenav>li>a, .xypg-product-list li h3 a, .xypg-case-list li h3 a, .xypg-news-list li .tit h3, .xypg-album-cate li .album-title, .xypg-album-list li h3, .xypg-download-list .download-item .download-item-span.download-item-first, .xypg-download-list .download-item .download-item-span .download-item-con, .xypg-job-list .job-item .job-item-span .job-item-con, .xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con p, .xypg-detail-pn div a, .relate-product-slick .owl-item p, .relate-news-list li a, .xypg-jod-detail .job-detail-title, .cover-item .item-first .wz h3, .cover-item .item-list h4, .tag-list-product .tag-wz h1, .tag-list-product .tag-wz .tab-fenli p {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.x-banner .owl-carousel .banner-item a, .x-product-list li .img, .x-case-item .img, .x-news-img, .page-banner, .xypg-product-list li .img, .xypg-case-list li .img, .relate-product-slick .owl-item .img, .x-logo a, .x-layout-logo, .x-layout-ewm img, .page-message-img {
	font-size: 0;
}
.x-banner .owl-carousel .banner-item a img, .x-product-list li .img img, .x-case-item .img img, .x-news-img img, .page-banner img, .xypg-product-list li .img img, .xypg-case-list li .img img, .relate-product-slick .owl-item .img img {
	width: 100%;
}
.x-logo a img, .x-layout-logo img, .x-layout-ewm img img, .page-message-img img {
	max-width: 100%;
}
.x-product-list li .img, .x-case-item .img, .x-news-img, .xypg-product-list li .img, .xypg-case-list li .img, .relate-product-slick .owl-item .img {
	overflow: hidden;
}
.x-product-list li .img img, .x-case-item .img img, .x-news-img img, .xypg-product-list li .img img, .xypg-case-list li .img img, .relate-product-slick .owl-item .img img {
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
.x-product-list li .img:hover img, .x-case-item .img:hover img, .x-news-img:hover img, .xypg-product-list li .img:hover img, .xypg-case-list li .img:hover img, .relate-product-slick .owl-item .img:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.icon-font {
	position: relative;
}
.icon-font:after {
	content: "";
	width: 30px;
	height: 30px;
	background-image: url(../pic/icon_spirit.png);
	background-repeat: no-repeat;
	position: absolute;
	left: calc(50% - 15px);
	top: calc(50% - 15px);
}
.n-loading .n-icon {
	background: url("../pic/loading.gif") 0 center no-repeat !important;
}
.n-default .msg-wrap .n-icon {
	background-image: url("../pic/validator_default.png") !important;
}
.n-simple .msg-wrap .n-icon {
	background-image: url("../pic/validator_simple.png") !important;
}
.n-yellow .msg-wrap .n-icon {
	background-image: url("../pic/validator_simple.png") !important;
}
.xymob-head {
	position: fixed;
	top: 0;
	z-index: 999999;
	left: 0;
	right: 0;
	background: #1D2088;
}
.xymob-head * {
	transition: unset;
}
.xymob-head-box {
	position: relative;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.xymob-nav {
	margin: 0;
	padding: 0;
}
.xymob-head-box .xymob-logo h1, .xymob-head-box .xymob-logo a {
	display: inline;
	font-size: 0;
}
.xymob-head-box .xymob-logo img {
	height: 45px;
}
.xymob-navbtn {
	width: 30px;
	height: 20px;
}
.xymob-navbtn span, .xymob-navbtn:after, .xymob-navbtn:before {
	display: block;
	height: 2px;
	width: 100%;
	background: #fff;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.xymob-navbtn span {
	margin: 7px 0;
}
.xymob-navbtn:after, .xymob-navbtn:before {
	content: '';
	-webkit-transform-origin: 7.5%;
	transform-origin: 7.5%;
}
.xymob-navbtn.clicked span {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	opacity: 0;
}
.xymob-navbtn.clicked:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.xymob-navbtn.clicked:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.xymob-menu {
	display: none;
	position: absolute;
	z-index: 9999;
	left: 0;
	right: 0;
	height: 100vh;
	background: url(../pic/bgmedia.jpg) no-repeat;
	background-position: center;
	background-size: cover;
	padding: 0 10%;
}
.xymob-menu .xymob-menu-box {
	height: 100vh;
	overflow: auto;
	padding-bottom: 80px;
}
.xymob-nav>li {
	border-bottom: 1px solid #ccc;
	position: relative;
}
.xymob-nav>li>a {
	display: block;
	line-height: 50px;
	font-size: 16px;
	color: #ffffff;
}
.xymob-nav>li>.xymob-sub-menu>li {
	position: relative;
}
.xymob-nav>li>.xymob-sub-menu>li>.xymob-menu-jt {
	height: 40px;
	line-height: 40px;
}
.xymob-nav>li>.xymob-sub-menu>li>.xymob-sub-menu>li>a {
	text-indent: 4em;
}
.xymob-nav .xymob-menu-jt {
	position: absolute;
	width: 20%;
	height: 50px;
	line-height: 50px;
	right: 0;
	top: 0;
	text-align: center;
	z-index: 9;
}
.xymob-nav .xymob-menu-jt .icon-font {
	display: block;
	width: 100%;
	height: 100%;
}
.xymob-nav .xymob-menu-jt .icon-font:after {
	background-position: -30px -240px;
}
.xymob-nav .xymob-menu-jt.clicked .icon-font:after {
	background-position: -30px -270px;
}
.xymob-nav .xymob-sub-menu {
	background:#4B4EB7;
	/*background: linear-gradient(to left, #2a90da, #0d2c76);*/
	display: none;
}
.xymob-nav .xymob-sub-menu>li {
	border-top: 1px solid #7377DB;
}
.xymob-nav .xymob-sub-menu>li:first-child {
	border-top: 0;
}
.xymob-nav .xymob-sub-menu>li>a {
	display: block;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.8);
	line-height: 40px;
	text-indent: 2em;
}
.xymob-dlbtn {
	margin-top: 40px;
}
.xymob-dlbtn a {
	text-align: center;
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: #616062;
	color: #fff;
	font-size: 16px;
	border-radius: 5px;
}
.xymob-dlbtn a i {
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	margin-right: 5px;
}
.xymob-dlbtn a .icon-dl:after {
	background-position: -30px -540px;
}
.xymob-dlbtn a .icon-pn:after {
	background-position: -30px -600px;
}
.xymob-dlbtn a .icon-tc:after {
	background-position: -30px -570px;
}
.xymob-dlbtn .zx-btn {
	margin-top: 10px;
	background: none;
	border: 1px solid #fff;
}