body {
	font-family: "Microsoft YaHei"; -ms-overflow-x: hidden; 
}
.fix_box{display:none!important}
ul {
	margin: 0px; padding: 0px;
}
ul li {
	list-style: none;
}
a {
	color: rgb(51, 122, 183); text-decoration: none;
}
h1 {
	margin: 0px;
}
h2 {
	margin: 0px;
}
h3 {
	margin: 0px;
}
h4 {
	margin: 0px;
}
h5 {
	margin: 0px;
}
a:focus {
	color: rgb(35, 82, 124); text-decoration: none;
}
a:hover {
	color: rgb(35, 82, 124); text-decoration: none;
}
a:focus {
	outline-offset: -2px;
}
.hot-keys::after {
	clear: both; display: table; content: "";
}
.xypg-download-list .download-title::after {
	clear: both; display: table; content: "";
}
.xypg-download-list .download-item::after {
	clear: both; display: table; content: "";
}
.xypg-download-list .download-item .download-item-span::after {
	clear: both; display: table; content: "";
}
.xypg-job-list .job-title::after {
	clear: both; display: table; content: "";
}
.xypg-job-list .job-item::after {
	clear: both; display: table; content: "";
}
.xypg-job-list .job-item .job-item-span::after {
	clear: both; display: table; content: "";
}
.xypg-detail-info-bar::after {
	clear: both; display: table; content: "";
}
.xypg-detail-info-bar .xypg-file-down .file-down-list li::after {
	clear: both; display: table; content: "";
}
.xypg-detail-pn div::after {
	clear: both; display: table; content: "";
}
.xypg-detail-file-dwon::after {
	clear: both; display: table; content: "";
}
.product-detail-tab .product-detail-tabli::after {
	clear: both; display: table; content: "";
}
.tag-list-product .tag-wz .tab-fenli::after {
	clear: both; display: table; content: "";
}
.x-header-right .x-login .username {
	overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.x-product-list li h3 {
	overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.x-case-item .wz h3 {
	overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.x-news-top h3 {
	overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.x-news-list li a {
	overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.latest-news li a {
	overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.hot-keys li a {
	overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.xypg-left-nav > li > a {
	overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.xypg-left-nav .xypg-left-subnav > li > a {
	overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.xypg-left-nav .xypg-left-nav li a:hover .xypg-left-nav .xypg-left-subnav{display:block !important;}
.xypg-left-nav .xypg-left-threenav > li > a {
	overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.xypg-product-list li h3 a {
	overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.xypg-case-list li h3 a {
	overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.xypg-news-list li .tit h3 {
	overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.xypg-album-cate li .album-title {
	overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.xypg-album-list li h3 {
	overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.xypg-download-list .download-item .download-item-first.download-item-span {
	overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.xypg-download-list .download-item .download-item-span .download-item-con {
	overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.xypg-job-list .job-item .job-item-span .job-item-con {
	overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con p {
	overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.xypg-detail-pn div a {
	overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.relate-product-slick .owl-item p {
	overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.relate-news-list li a {
	overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.xypg-jod-detail .job-detail-title {
	overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.cover-item .item-first .wz h3 {
	overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.cover-item .item-list h4 {
	overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.tag-list-product .tag-wz h1 {
	overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.tag-list-product .tag-wz .tab-fenli p {
	overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.x-banner .owl-carousel .banner-item a {
	font-size: 0px;
}
.x-product-list li .img {
	font-size: 0px;
}
.x-case-item .img {
	font-size: 0px;
}
.x-news-img {
	font-size: 0px;
}
.page-banner {
	font-size: 0px;
}
.xypg-product-list li .img {
	font-size: 0px;
}
.xypg-case-list li .img {
	font-size: 0px;
}
.relate-product-slick .owl-item .img {
	font-size: 0px;
}
.x-logo a {
	font-size: 0px;
}
.x-layout-logo {
	font-size: 0px;
}
.x-layout-ewm img {
	font-size: 0px;
}
.page-message-img {
	font-size: 0px;
}
.x-banner .owl-carousel .banner-item a img {
	width: 100%;
}
.x-product-list li .img img {
	width: 100%;
}
.x-case-item .img img {
	width: 100%;
}
.x-news-img img {
	width: 100%;
}
.page-banner img {
	width: 100%;
}
.xypg-product-list li .img img {
	width: 100%;
}
.xypg-case-list li .img img {
	width: 100%;
}
.relate-product-slick .owl-item .img img {
	width: 100%;
}
.x-logo a img {
	max-width: 100%;
}
.x-layout-logo img {
	max-width: 100%;
}
.x-layout-ewm img img {
	max-width: 100%;
}
.page-message-img img {
	max-width: 100%;
}
.x-product-list li .img {
	overflow: hidden;
}
.x-case-item .img {
	overflow: hidden;
}
.x-news-img {
	overflow: hidden;
}
.xypg-product-list li .img {
	overflow: hidden;
}
.xypg-case-list li .img {
	overflow: hidden;
}
.relate-product-slick .owl-item .img {
	overflow: hidden;
}
.x-product-list li .img img {
	transition:0.5s; -webkit-transition: all .5s ease;
}
.x-case-item .img img {
	transition:0.5s; -webkit-transition: all .5s ease;
}
.x-news-img img {
	transition:0.5s; -webkit-transition: all .5s ease;
}
.xypg-product-list li .img img {
	transition:0.5s; -webkit-transition: all .5s ease;
}
.xypg-case-list li .img img {
	transition:0.5s; -webkit-transition: all .5s ease;
}
.relate-product-slick .owl-item .img img {
	transition:0.5s; -webkit-transition: all .5s ease;
}
.x-product-list li .img:hover img {
	transform: scale(1.1); -webkit-transform: scale(1.1);
}
.x-case-item .img:hover img {
	transform: scale(1.1); -webkit-transform: scale(1.1);
}
.x-news-img:hover img {
	transform: scale(1.1); -webkit-transform: scale(1.1);
}
.xypg-product-list li .img:hover img {
	transform: scale(1.1); -webkit-transform: scale(1.1);
}
.xypg-case-list li .img:hover img {
	transform: scale(1.1); -webkit-transform: scale(1.1);
}
.relate-product-slick .owl-item .img:hover img {
	transform: scale(1.1); -webkit-transform: scale(1.1);
}
.container-fluid {
	padding: 0px 8.33%;
}
@media all and (max-width:768px)
{
body {
	padding-top: 60px;
}
}
.icon-font {
	position: relative;
}
.icon-font::after {
	left: calc(50% - 15px); top: calc(50% - 15px); width: 30px; height: 30px; position: absolute; content: ""; background-image: url("../images/icon_spirit.png"); background-repeat: no-repeat;
}
.n-loading .n-icon {
	background: url("../images/loading.gif") no-repeat 0px !important;
}
.n-default .msg-wrap .n-icon {
	background-image: url("../images/validator_default.png") !important;
}
.n-simple .msg-wrap .n-icon {
	background-image: url("../images/validator_simple.png") !important;
}
.n-yellow .msg-wrap .n-icon {
	background-image: url("../images/validator_simple.png") !important;
}
.xymob-head {
	background: rgb(21, 21, 21); left: 0px; top: 0px; right: 0px; position: fixed; z-index: 999999;
}
.xymob-head-box {
	height: 60px; position: relative;
}
.xymob-head-box .xymob-logo {
	margin: auto; left: 0px; top: 0px; width: 70%; height: 30px; text-align: center; right: 0px; bottom: 0px; position: absolute;
}
.xymob-head-box .xymob-logo h1 {
	font-size: 0px; display: inline;
}
.xymob-head-box .xymob-logo a {
	font-size: 0px; display: inline;
}
.xymob-head-box .xymob-logo img {
	height: 25px;
}
.xymob-navbtn {
	margin: auto 0px auto 27px; left: 0px; top: 0px; width: 30px; height: 20px; right: 0px; bottom: 0px; position: absolute; z-index: 9;
}
.xymob-navbtn span {
	background: rgb(255, 255, 255); transition:0.5s; width: 100%; height: 2px; display: block; -webkit-transition: all .5s;
}
.xymob-navbtn::after {
	background: rgb(255, 255, 255); transition:0.5s; width: 100%; height: 2px; display: block; -webkit-transition: all .5s;
}
.xymob-navbtn::before {
	background: rgb(255, 255, 255); transition:0.5s; width: 100%; height: 2px; display: block; -webkit-transition: all .5s;
}
.xymob-navbtn span {
	margin: 7px 0px;
}
.xymob-navbtn::after {
	transform-origin: 7.5% 50%; content: ""; -webkit-transform-origin: 7.5%;
}
.xymob-navbtn::before {
	transform-origin: 7.5% 50%; content: ""; -webkit-transform-origin: 7.5%;
}
.clicked.xymob-navbtn span {
	opacity: 0; transform: translateX(-100%); -webkit-transform: translateX(-100%);
}
.clicked.xymob-navbtn::after {
	transform: rotate(-45deg); -webkit-transform: rotate(-45deg);
}
.clicked.xymob-navbtn::before {
	transform: rotate(45deg); -webkit-transform: rotate(45deg);
}
.xymob-search-btn {
	top: 0px; width: 14%; text-align: center; right: 0px; bottom: 0px; line-height: 60px; position: absolute; z-index: 9;
}
.xymob-search-btn .icon-font {
	width: 100%; height: 100%; display: block;
}
.xymob-search-btn .icon-font::after {
	background-position: -30px -210px;
}
.xymob-menu {
	background: rgb(21, 21, 21); padding: 0px 10%; left: 0px; height: 100vh; right: 0px; display: none; position: absolute; z-index: 9999;
}
.xymob-menu .xymob-menu-box {
	height: 100vh; overflow: auto; padding-bottom: 80px;
}
.xymob-nav > li {
	border-bottom-color: rgb(43, 43, 43); border-bottom-width: 1px; border-bottom-style: solid; position: relative;
}
.xymob-nav > li > a {
	color: rgb(255, 255, 255); line-height: 50px; font-size: 16px; display: block;
}
.xymob-nav .xymob-menu-jt {
	top: 0px; width: 20%; height: 50px; text-align: center; right: 0px; line-height: 50px; position: absolute; z-index: 9;
}
.xymob-nav .xymob-menu-jt .icon-font {
	width: 100%; height: 100%; display: block;
}
.xymob-nav .xymob-menu-jt .icon-font::after {
	background-position: -30px -240px;
}
.xymob-nav .clicked.xymob-menu-jt .icon-font::after {
	background-position: -30px -270px;
}
.xymob-nav .xymob-sub-menu {
	background: rgb(30, 30, 30); display: none;
}
.xymob-nav .xymob-sub-menu > li {
	border-top-color: rgb(43, 43, 43); border-top-width: 1px; border-top-style: dashed;
}
.xymob-nav .xymob-sub-menu > li > a {
	color: rgba(255, 255, 255, 0.8); line-height: 40px; text-indent: 2em; font-size: 14px; display: block;
}
.xymob-dlbtn {
	margin-top: 40px;
}
.xymob-dlbtn a {
	background: rgb(41, 46, 57); border-radius: 5px; width: 100%; height: 40px; text-align: center; color: rgb(255, 255, 255); line-height: 40px; font-size: 16px; display: block;
}
.xymob-dlbtn a i {
	width: 30px; height: 30px; margin-right: 5px; vertical-align: middle; display: inline-block;
}
.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 {
	background: none; border: 1px solid rgb(255, 255, 255); border-image: none; margin-top: 10px;
}
.xymob-search {
	background: rgb(21, 21, 21); padding: 15px 15% 0px; transition:0.5s; left: 100%; top: 0px; width: 100%; bottom: 0px; position: fixed; z-index: 99999; -webkit-transition: all .5s;
}
.xymob-search .xymob-search-close-btn {
	left: 30px; top: 27px; width: 30px; height: 30px; text-align: center; line-height: 30px; position: absolute;
}
@media all and (max-width:420px)
{
.xymob-search .xymob-search-close-btn {
	left: 15px;
}
}
.xymob-search .xymob-search-close-btn i {
	width: 100%; height: 100%; display: block;
}
.xymob-search .xymob-search-close-btn i::after {
	background-position: -30px -300px;
}
.xymob-search .xymob-search-box {
	height: 50px; border-bottom-color: rgb(45, 45, 45); border-bottom-width: 2px; border-bottom-style: solid;
}
.xymob-search .xymob-search-box input[type='text'] {
	background: none; border: currentColor; border-image: none; width: 80%; height: 50px; color: rgba(255, 255, 255, 0.3); font-family: "Microsoft YaHei"; font-size: 16px; float: left;
}
.xymob-search .xymob-search-box #s_btn {
	background: none; border: currentColor; border-image: none; width: 20%; height: 50px; font-size: 0px; cursor: pointer;
}
.xymob-search .xymob-search-box #s_btn .icon-font {
	width: 100%; height: 100%; display: block;
}
.xymob-search .xymob-search-box #s_btn .icon-font::after {
	background-position: -30px -210px;
}
.xymob-search .xymob-seaerch-wz span {
	color: rgba(255, 255, 255, 0.9); line-height: 45px; font-size: 14px; border-bottom-color: rgb(43, 43, 43); border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
.xymob-search .xymob-seaerch-wz a {
	color: rgba(255, 255, 255, 0.9); line-height: 45px; font-size: 14px; border-bottom-color: rgb(43, 43, 43); border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
.clicked.xymob-search {
	left: 0px;
}
.x-header {
	background: rgb(255, 255, 255); padding: 1.3% 0px;
}
.x-logo {
	width: 15.31%; float: left;
}
.x-logo a {
	display: block;
}
.x-header-right {
	width: 25%; text-align: right; float: right;
}
.x-header-right #formsearch {
	vertical-align: middle; display: inline-block;
}
.x-header-right .x-login {
	vertical-align: middle; display: inline-block;
}
.x-header-right .x-login {
	color: rgb(0, 0, 0); line-height: 30px; font-size: 14px;
}
.x-header-right .x-login .username {
	vertical-align: -10px; display: inline-block; max-width: 75px;
}
.x-header-right .x-login a {
	color: rgb(0, 0, 0);
}
.x-header-right .x-login a:hover {
	color: rgb(171, 0, 26);
}
.xa-login {
	top: 0px; width: 50%; text-align: right; right: 8.33%; position: absolute;
}
.x-menu {
	margin: 0px auto; width: 1200px;
}
.x-menu > li {
	width: 170px; text-align: center; float: left; position: relative;
}
.x-menu > li > a {
	color: rgb(255, 255, 255); line-height: 56px; font-size: 16px; display: block;
}
.x-menu > li > a:hover {
	background: rgb(10, 87, 174); color: rgb(255, 255, 255);
}
.x-menu > li.active > a {
	background: rgb(10, 87, 174); color: rgb(255, 255, 255);
}
.x-menu > li::after {
	left: 0px; top: 100%; width: 100%; height: 40px; position: absolute; z-index: 100; content: ""; opacity: 0;
}
.x-menu > li:hover .x-sub-menu {
	visibility: visible; opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0);
}
.x-sub-menu {
	background: rgb(255, 255, 255); padding: 20px 0px; border-radius: 5px; transition:0.5s; left: -25%; top: 65px; width: 150%; visibility: hidden; position: absolute; z-index: 99; opacity: 0; transform: translateY(20px); -webkit-transition: all .5s ease; -webkit-transform: translateY(20px);
}
.x-sub-menu > li > a {
	padding: 0.5em; text-align: center; color: rgb(51, 51, 51); line-height:22px; font-size: 14px; display: block;
}
.x-sub-menu > li > a:hover {
	background: rgb(233, 234, 235);
}
.x-sub-menu::after {
	border-width: medium 10px 10px; border-style: none dashed solid; border-color: currentColor transparent rgb(255, 255, 255); left: 50%; top: -10px; width: 0px; height: 0px; line-height: 0; overflow: hidden; font-size: 0px; margin-left: -10px; position: absolute; z-index: 99; cursor: pointer; content: "";
}
.x-banner .owl-carousel {
	position: relative;
}
.x-banner .owl-carousel .banner-item a {
	display: block;
}
.x-banner .owl-carousel .owl-nav .owl-prev {
	left: 0px; display: none;
}
.x-banner .owl-carousel .owl-nav .owl-next {
	right: 0px; display: none;
}
.x-banner .owl-carousel .owl-nav button.owl-prev {
	background: rgb(66, 66, 70); border-radius: 0px; transition:0.5s; top: 50%; width: 50px; height: 65px; margin-top: -32.5px; position: absolute; z-index: 9999; -webkit-transition: all .5s ease;
}
.x-banner .owl-carousel .owl-nav button.owl-next {
	background: rgb(66, 66, 70); border-radius: 0px; transition:0.5s; top: 50%; width: 50px; height: 65px; margin-top: -32.5px; position: absolute; z-index: 9999; -webkit-transition: all .5s ease;
}
.x-banner .owl-carousel .owl-nav button.owl-prev:hover {
	background: rgb(171, 0, 26);
}
.x-banner .owl-carousel .owl-nav button.owl-next:hover {
	background: rgb(171, 0, 26);
}
.x-banner .owl-carousel .owl-nav .icon-font {
	width: 100%; height: 100%; display: block;
}
.x-banner .owl-carousel .owl-nav .icon-left-arrow::after {
	background-position: -34px -180px;
}
.x-banner .owl-carousel .owl-nav .icon-right-arrow::after {
	background-position: -26px -480px;
}
@media all and (max-width:990px)
{
.x-banner .owl-carousel .owl-nav button.owl-prev {
	width: 30px; height: 40px; margin-top: -20px;
}
.x-banner .owl-carousel .owl-nav button.owl-next {
	width: 30px; height: 40px; margin-top: -20px;
}
.x-banner .owl-carousel .owl-nav .iconfont {
	font-size: 20px;
}
}
.x-banner .owl-carousel .owl-dots {
	left: 0px; width: 100%; text-align: center; bottom: 5%; font-size: 0px; position: absolute; z-index: 999;
}
.x-banner .owl-carousel .owl-dots button.owl-dot {
	background: rgb(255, 255, 255); margin: 0px 0.5em; width: 12px; height: 12px; font-size: 14px; vertical-align: middle; display: inline-block; opacity: 1;
}
.x-banner .owl-carousel .owl-dots button.owl-dot:hover {
	background: rgb(10, 87, 174); opacity: 1;
}
.x-banner .owl-carousel .owl-dots button.active.owl-dot {
	background: rgb(10, 87, 174); opacity: 1;
}
@media all and (max-width:990px)
{
.x-banner .owl-carousel .owl-dots button.owl-dot {
	font-size: 12px;
}
}
.x-about {
	background: rgb(255, 255, 255); padding: 6.25% 0px;
}
@media all and (min-width:990px)
{
.x-about .x-title {
	width: 32.5%; float: left;
}
}
.x-title {
	color: rgb(0, 0, 0); position: relative;
}
.x-title p {
	color: inherit; text-transform: uppercase; line-height: 1.6; font-size: 12px; margin-bottom: 0px; opacity: 0.7;
}
.x-title h3 {
	color: inherit; line-height: 1.3; font-size: 26px; margin-top: 1em;
}
.x-title h3 span {
	display: block;
}
.x-title a {
	border: 1px solid rgb(0, 0, 0); border-image: none; width: 35px; height: 35px; text-align: center; right: 0px; bottom: 0px; line-height: 35px; position: absolute;
}
.x-title a:hover {
	background: rgb(0, 0, 0);
}
.x-title a:hover .icon-add::after {
	background-position: -30px -450px;
}
.x-title .icon-add {
	width: 100%; height: 100%; display: block;
}
.x-title .icon-add::after {
	background-position: 0px -450px;
}
@media all and (max-width:1024px)
{
.x-title h3 {
	font-size: 20px;
}
.x-title a {
	width: 30px; height: 30px; line-height: 30px;
}
}
.white.x-title {
	color: rgb(255, 255, 255);
}
.white.x-title a {
	background: none; border: 1px solid rgb(255, 255, 255); border-image: none; opacity: 0.8;
}
.white.x-title a .icon-font::after {
	background-position: -30px -450px;
}
.white.x-title a:hover {
	background: rgb(255, 255, 255);
}
.white.x-title a:hover .icon-font::after {
	background-position: 0px -450px;
}
@media all and (min-width:990px)
{
.x-about-box {
	overflow: hidden;
}
}
@media all and (min-width:990px)
{
.x-about-left {
	width: 37.38%; padding-right: 2.8%; border-right-color: rgb(227, 227, 227); border-right-width: 1px; border-right-style: solid; float: left;
}
}
.x-about-left > p {
	color: rgb(0, 0, 0); line-height: 1.6; font-size: 16px; margin-bottom: 1em;
}
.x-about-left ul {
	font-size: 0px;
}
.x-about-left ul li {
	width: 33.33%; vertical-align: middle; display: inline-block;
}
.x-about-left ul li h3 {
	color: rgb(171, 0, 26); line-height: 1.6; font-size: 40px;
}
@media all and (max-width:1366px)
{
.x-about-left ul li h3 {
	font-size: 30px;
}
}
.x-about-left ul li p {
	color: rgba(0, 0, 0, 0.9); line-height: 1.6; font-size: 16px; margin-bottom: 0px;
}
@media all and (max-width:1024px)
{
.x-about-left > p {
	font-size: 14px;
}
.x-about-left ul li h3 {
	font-size: 20px;
}
.x-about-left ul li p {
	font-size: 14px;
}
}
.x-about-right {
	color: rgba(0, 0, 0, 0.9); line-height: 1.846; font-size: 13px;
}
@media all and (min-width:990px)
{
.x-about-right {
	overflow: hidden; padding-left: 4.67%;
}
}
.x-about-right strong {
	color: rgb(0, 0, 0); line-height: 1.6; font-size: 16px; font-weight: normal; margin-bottom: 1.1em; display: block;
}
.x-about-right p {
	margin-bottom: 0px;
}
@media all and (max-width:1024px)
{
.x-about-right {
	font-size: 12px;
}
.x-about-right strong {
	color: rgb(0, 0, 0); line-height: 1.6; font-size: 14px; margin-bottom: 10px;
}
}
.x-product {
	background: linear-gradient(rgb(240, 240, 240) 30%, rgb(255, 255, 255) 30%, rgb(255, 255, 255) 100%); padding: 4.16% 0px 3.12%;
}
.x-product-list {
	margin: 3.12% -12px 0px; font-size: 0px;
}
.x-product-list li {
	margin: 0px 12px 45px; width: calc(25% - 24px); vertical-align: top; display: inline-block;
}
.x-product-list li h3 {
	border-width: medium 1px 1px; border-style: none solid solid; border-color: currentColor transparent transparent; padding: 2.2em 0px; transition:0.5s; border-image: none; color: rgb(0, 0, 0); line-height: 1; font-size: 16px; -webkit-transition: all .5s ease;
}
.x-product-list li:hover h3 {
	border-color: rgb(229, 229, 229); color: rgb(171, 0, 26); padding-right: 0.5em; padding-left: 0.5em;
}
@media all and (max-width:1024px)
{
.x-product-list li {
	margin-bottom: 20px;
}
.x-product-list li h3 {
	padding: 1em 0px; font-size: 14px;
}
}
.x-case {
	background: linear-gradient(rgb(41, 46, 57) 45%, rgb(255, 255, 255) 45%, rgb(255, 255, 255) 100%); padding: 4.16% 0px 5.2%;
}
.x-case-list {
	margin-top: 2.5%; margin-left: 13.75%;
}
@media all and (max-width:1024px)
{
.x-case-list {
	margin-left: 6.25%;
}
}
.x-case-item {
	background: rgb(255, 255, 255); padding: 0px 1px;
}
.x-case-item a {
	padding: 10px 20px 40px; border: 1px solid transparent; border-image: none; display: block;
}
.x-case-item .wz {
	margin-top: 30px;
}
.x-case-item .wz h3 {
	color: rgb(0, 0, 0); line-height: 1.6; font-size: 20px; margin-bottom: 0.6em;
}
.x-case-item .wz p {
	color: rgb(0, 0, 0); line-height: 1.6; font-size: 14px; font-weight: 100; margin-bottom: 2em;
}
.x-case-item .wz span {
	display: block;
}
.x-case-item .wz .icon-right-arrow {
	border-radius: 50%; border: 1px solid rgb(176, 179, 184); border-image: none; width: 25px; height: 25px; display: block;
}
.x-case-item .wz .icon-right-arrow::after {
	background-position: 2px -241px; opacity: 0.4;
}
@media all and (max-width:1024px)
{
.x-case-item .wz {
	margin-top: 10px;
}
.x-case-item .wz h3 {
	font-size: 16px;
}
.x-case-item .wz p {
	font-size: 13px; margin-bottom: 1.5em;
}
}
.x-case-item:hover a {
	border-color: rgb(229, 229, 229);
}
.x-case-item:hover .icon-right-arrow {
	background: rgb(0, 0, 0); border-color: rgb(0, 0, 0);
}
.x-case-item:hover .icon-right-arrow::after {
	background-position: -28px -241px; opacity: 1;
}
.x-company {
	background: rgb(240, 240, 240); padding: 2.6% 0px 2.08%;
}
.x-company-title {
	color: rgba(0, 0, 0, 0.9); line-height: 1.6; font-size: 20px;
}
.x-company-title::after {
	background: rgb(61, 61, 61); width: 20px; height: 4px; margin-top: 10px; display: block; content: "";
}
@media all and (max-width:990px)
{
.x-company-title {
	font-size: 18px;
}
.x-company-title::after {
	height: 3px;
}
}
.x-company-list {
	margin-top: 1.87%;
}
.x-company-item {
	padding: 0px 15px;
}
.x-company-item a {
	width: 100%; height: 45px; text-align: center; font-size: 0px; display: block;
}
.x-company-item a img {
	vertical-align: middle; display: inline-block; max-height: 100%; max-width: 100%;
}
.x-company-item a::after {
	height: 100%; vertical-align: middle; display: inline-block; content: "";
}
.x-company-item a img {
	width: auto !important; display: inline-block !important;
}
.x-news {
	background: rgb(255, 255, 255); padding: 5.2% 0px;
}
.x-news-box {
	font-size: 0px; margin-top: 3.12%;
}
@media all and (min-width:990px)
{
.x-news-img {
	width: 43.75%; margin-right: 3.43%; vertical-align: middle; display: inline-block;
}
}
@media all and (min-width:990px)
{
.x-news-right {
	width: 52.81%; vertical-align: middle; display: inline-block;
}
}
.x-news-top {
	padding-right: 18.93%; margin-bottom: 5.91%; position: relative;
}
.x-news-top h3 {
	color: rgb(0, 0, 0); line-height: 1.6; padding-bottom: 15px; font-size: 18px; margin-bottom: 15px; border-bottom-color: rgb(237, 237, 237); border-bottom-width: 1px; border-bottom-style: solid;
}
.x-news-top p {
	color: rgb(0, 0, 0); line-height: 1.6; font-size: 13px; font-weight: 100;
}
.x-news-top .date {
	top: 0px; width: 70px; text-align: center; right: 0px; position: absolute;
}
.x-news-top .date h4 {
	color: rgba(0, 0, 0, 0.7); line-height: 1; font-size: 44px;
}
.x-news-top .date h5 {
	color: rgba(0, 0, 0, 0.7); line-height: 1.6; font-size: 15px;
}
.x-news-top .date span {
	display: inline-block;
}
.x-news-top .date span .icon-right-arrow {
	background: rgb(0, 0, 0); border-radius: 50%; width: 25px; height: 25px; color: rgb(255, 255, 255); display: block;
}
.x-news-top .date span .icon-right-arrow::after {
	background-position: -28px -241px;
}
.x-news-top:hover h3 {
	color: rgb(171, 0, 26);
}
.x-news-list li {
	padding: 18px 80px 18px 0px; border-bottom-color: rgb(237, 237, 237); border-bottom-width: 1px; border-bottom-style: solid; position: relative;
}
@media all and (max-width:1366px)
{
.x-news-list li {
	padding-top: 9px; padding-bottom: 9px;
}
}
.x-news-list li a {
	color: rgba(0, 0, 0, 0.9); font-size: 14px; display: block;
}
.x-news-list li a:hover {
	color: rgb(171, 0, 26);
}
.x-news-list li span {
	top: 50%; width: 80px; text-align: right; right: 0px; color: rgba(0, 0, 0, 0.5); font-size: 13px; margin-top: -9px; position: absolute;
}
.x-link {
	background: rgb(255, 255, 255); padding-bottom: 1.5%;
}
.x-message {
	background: rgb(240, 240, 240); padding: 2.34% 0px;
}
.x-message-wrap {
	margin-right: 24.37%; margin-left: 24.37%;
}
@media all and (max-width:1366px)
{
.x-message-wrap {
	margin-right: 12.5%; margin-left: 12.5%;
}
}
.x-message-wrap .row {
	font-size: 0px; margin-right: -5px; margin-left: -5px;
}
.x-message-wrap div[class^='col-'] {
	padding-right: 5px; padding-left: 5px; position: relative;
}
.x-message-wrap input[type='text'] {
	background: rgb(240, 240, 240); padding: 0px 10px; border: 1px solid rgb(216, 216, 216); border-image: none; width: 100%; height: 42px; color: rgba(0, 0, 0, 0.9); font-size: 14px; margin-bottom: 10px;
}
.x-message-wrap textarea {
	background: rgb(240, 240, 240); padding: 0px 10px; border: 1px solid rgb(216, 216, 216); border-image: none; width: 100%; height: 42px; color: rgba(0, 0, 0, 0.9); font-size: 14px; margin-bottom: 10px;
}
.x-message-wrap input[type='text']:-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.8);
}
.x-message-wrap textarea:-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.8);
}
.x-message-wrap textarea {
	height: 95px; padding-top: 5px; resize: none;
}
.x-message-wrap #checkcode {
	width: 32.29%; margin-bottom: 0px; float: left;
}
.x-message-wrap .checkCodeImg {
	background: rgb(231, 228, 228); padding: 5px 10px; width: 17.39%; height: 42px; text-align: center; font-size: 0px; float: left; display: block;
}
.x-message-wrap .checkCodeImg img {
	vertical-align: middle; display: inline-block; max-height: 100%; max-width: 100%;
}
.x-message-wrap .checkCodeImg::after {
	height: 100%; vertical-align: middle; display: inline-block; content: "";
}
.x-message-wrap .checkCodeImg img {
	cursor: pointer;
}
.x-message-wrap .x-submit {
	background: rgb(45, 50, 59); border: currentColor; transition:0.5s; border-image: none; width: 49.68%; height: 42px; color: rgb(255, 255, 255); font-size: 14px; float: right; -webkit-transition: all .5s ease;
}
.x-message-wrap .x-submit:hover {
	background: rgb(171, 0, 26);
}
.n-default .n-invalid {
	border-color: rgb(171, 0, 26) !important;
}
.n-default .msg-wrap {
	top: 8px; right: 5px; margin-left: 0px;
}
.n-default .x-textarea .msg-wrap {
	top: 65px;
}
@media all and (max-width:990px)
{
.x-title h3 {
	font-size: 14px; margin-top: 5px;
}
.x-title h3 span {
	margin-left: 5px; display: inline-block;
}
.x-title h3 span::before {
	margin-right: 5px; content: "-";
}
.x-about .x-title {
	margin-bottom: 20px;
}
.x-about-left {
	padding-bottom: 10px; margin-bottom: 15px; border-bottom-color: rgb(239, 239, 239); border-bottom-width: 1px; border-bottom-style: solid;
}
.x-product-list {
	margin-top: 20px; margin-right: -5px; margin-left: -5px;
}
.x-product-list li {
	width: calc(50% - 10px); margin-right: 5px; margin-bottom: 10px; margin-left: 5px;
}
.x-case-list {
	margin-top: 20px; margin-left: 0px;
}
.x-case-item a {
	padding: 10px;
}
.x-company-title {
	font-size: 14px;
}
.x-company-title p {
	margin-bottom: 0px;
}
.x-company-title::after {
	margin-top: 5px;
}
.x-company-list {
	margin-top: 15px;
}
.x-news-box {
	margin-top: 20px;
}
.x-news-img {
	width: 100%;
}
.x-news-right {
	width: 100%;
}
.x-news-img {
	margin-bottom: 15px;
}
.x-news-top h3 {
	padding-bottom: 7px; font-size: 16px; margin-bottom: 7px;
}
.x-news-top p {
	font-size: 12px;
}
.x-news-top .date h4 {
	font-size: 30px;
}
.x-news-top .date h5 {
	font-size: 12px;
}
.x-message-wrap {
	margin-right: 0px; margin-left: 0px;
}
.x-message-wrap #checkcode {
	width: 65%;
}
.x-message-wrap .checkCodeImg {
	width: 35%;
}
.x-message-wrap .x-submit {
	width: 100%; margin-top: 10px; float: none;
}
}
#container {
	margin: 10px auto 0px; padding: 10px; border: 1px solid rgb(244, 244, 244); border-image: none; width: 1000px;
}
#container .city_list {
	padding-top: 10px;
}
#container .city_list .item {
	padding: 10px 0px; line-height: 24px; overflow: hidden; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: dashed;
}
#container .city_list .item dt {
	width: 35px; color: rgb(68, 68, 68); padding-left: 25px; font-family: arial; font-size: 18px; font-weight: bold; float: left; display: table-cell;
}
#container .city_list .item dd {
	margin: 0px 0px 0px 55px; padding-left: 15px; border-left-color: rgb(178, 178, 178); border-left-width: 1px; border-left-style: dashed;
}
#container .city_list .item dd a {
	padding: 1px 12px; color: rgb(51, 51, 51); font-size: 14px; text-decoration: none; float: left; white-space: nowrap;
}
#container .city_list .item dd a:hover {
	background: rgb(235, 40, 48); color: rgb(255, 255, 255); text-decoration: none;
}
#foot {
	margin: 10px auto 0px; width: 1000px; text-align: center; color: rgb(102, 102, 102); line-height: 24px; padding-top: 10px; font-size: 14px; border-top-color: rgb(235, 40, 48); border-top-width: 2px; border-top-style: solid;
}
#foot a {
	color: rgb(102, 102, 102); text-decoration: none;
}
#foot a:hover {
	color: rgb(10, 168, 221);
}
.return {
	font: bold 22px/42px "微软雅黑"; margin: 0px auto; padding: 6px; width: 1000px; height: 36px; text-align: left; color: rgb(115, 115, 114); position: relative; font-size-adjust: none; font-stretch: normal;
}
.return a {
	background: rgb(235, 40, 48); top: 12px; width: 100px; height: 36px; text-align: center; right: 10px; color: rgb(255, 255, 255); line-height: 36px; font-size: 12px; font-weight: bold; display: block; position: absolute;
}
.return a:hover {
	background: rgb(243, 156, 17); color: rgb(255, 255, 255); text-decoration: none;
}
.x-layout {
	background: url("../images/layout_bg.jpg") no-repeat top / cover; padding: 4.16%;
}
.x-layout-logo {
	margin-bottom: 20px;
}
.x-layout-desc {
	color: rgba(255, 255, 255, 0.5); font-size: 12px;
}
.x-layout-contact {
	margin-top: 30px;
}
.x-layout-contact p {
	color: rgba(255, 255, 255, 0.7); line-height: 1.7; font-size: 14px; margin-bottom: 0px;
}
.x-layout-contact strong {
	color: rgba(255, 255, 255, 0.8); font-size: 24px; display: block;
}
.x-layout-contact a {
	color: rgb(255, 255, 255);
}
.x-layout-menu dl {
	width: 20%; text-align: center; float: left;
}
.x-layout-menu dl dt {
	color: rgb(255, 255, 255); font-size: 14px; margin-bottom: 1.43em;
}
.x-layout-menu dl dd a {
	color: rgba(255, 255, 255, 0.4); line-height: 2; font-size: 14px; display: block;
}
.x-layout-ewm {
	text-align: center;
}
.x-layout-ewm p {
	background: rgba(255, 255, 255, 0.1); margin: 15px 0px 0px; padding: 0.8em 0px; color: rgba(255, 255, 255, 0.7); line-height: 1.7; font-size: 13px; font-weight: 100;
}
.x-footer {
	background: rgb(22, 22, 24); padding: 15px 0px; text-align: center; color: rgba(255, 255, 255, 0.5); line-height: 1.7; font-size: 12px;
}
.x-footer a {
	color: rgba(255, 255, 255, 0.5);
}
.x-footer a:hover {
	color: rgba(255, 255, 255, 0.8);
}
.x-copyright {
	margin: 5px 0px;
}
#toolbar {
	right: 17px; bottom: 10%; position: fixed; z-index: 9999;
}
#toolbar li {
	width: 57px; height: 57px; right: 0px; font-size: 0px; margin-bottom: 3px; position: relative;
}
#toolbar li a {
	background: rgb(41, 46, 57); transition:0.5s; top: 0px; width: 57px; height: 57px; right: 0px; overflow: hidden; font-size: 0px; display: block; white-space: nowrap; position: absolute; z-index: 9; -webkit-transition: all .5s ease;
}
#toolbar li .icon-font {
	width: 57px; height: 57px; vertical-align: middle; display: inline-block; background-color: rgb(217, 217, 217);
}
#toolbar li .icon-qq::after {
	background-position: 0px -150px;
}
#toolbar li .icon-phone::after {
	background-position: 0px -90px;
}
#toolbar li .icon-ewm::after {
	background-position: 0px -30px;
}
#toolbar li .icon-message::after {
	background-position: 0px -120px;
}
#toolbar li .icon-top::after {
	background-position: 0px -60px;
}
#toolbar li .icon-wangwang::after {
	background-position: 0px 0px;
}
#toolbar li .wz {
	color: rgb(255, 255, 255); line-height: 57px; padding-left: 10px; font-size: 14px; vertical-align: middle; display: inline-block;
}
#toolbar li.ewm .ewm-box {
	background: rgb(41, 46, 57); padding: 5px; transition:0.7s; width: 110px; right: 120%; bottom: 0px; visibility: hidden; position: absolute; z-index: 1; opacity: 0; transform: translateX(100%); -webkit-transition: all .7s; -webkit-transform: translateX(100%);
}
#toolbar li.ewm .ewm-box p {
	margin-bottom: 0px;
}
#toolbar li.ewm .ewm-box img {
	max-width: 100%;
}
#toolbar li.ewm .ewm-box::after {
	border-width: 5px medium 5px 5px; border-style: dashed none dashed solid; border-color: transparent currentColor transparent rgb(41, 46, 57); width: 0px; height: 0px; right: -5px; bottom: 20px; line-height: 0; overflow: hidden; font-size: 0px; position: absolute; cursor: pointer; content: "";
}
#toolbar li.ewm:hover .icon {
	background-position: -57px -180px;
}
#toolbar li.ewm:hover .ewm-box {
	visibility: visible; opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0);
}
#toolbar li.backtop {
	cursor: pointer;
}
#toolbar li.backtop .iconfont {
	color: rgb(255, 255, 255); background-color: rgb(41, 46, 57);
}
#toolbar li:hover a {
	width: 200px;
}
#toolbar li:hover .icon-font {
	background-color: rgb(41, 46, 57);
}
#toolbar li:hover .icon-qq::after {
	background-position: -30px -150px;
}
#toolbar li:hover .icon-phone::after {
	background-position: -30px -90px;
}
#toolbar li:hover .icon-ewm::after {
	background-position: -30px -30px;
}
#toolbar li:hover .icon-message::after {
	background-position: -30px -120px;
}
#toolbar li:hover .icon-wangwang::after {
	background-position: -30px 0px;
}
#toolbar li:hover .icon-top::after {
	background-position: -30px -60px;
}
@media all and (max-width:990px)
{
#toolbar {
	display: none;
}
}
.page-position {
	padding: 15px 0px; color: rgb(47, 47, 47); font-size: 14px;
}
.page-position a {
	color: rgb(47, 47, 47);
}
.page-position a:hover {
	color: rgb(171, 0, 26);
}
.page-wrap {
	background: rgb(255, 255, 255); padding-bottom: 3.38%;
}
@media all and (min-width:990px)
{
.page-wrap-left {
	width: 305px;  float: left;
}
}
.xypg-left-box {
	margin-bottom: 20px;
}
.xypg-left-title {
	background: rgb(41, 46, 57); padding: 10px 20px; position: relative;
}
.xypg-left-title h3 {
	color: rgb(255, 255, 255); line-height: 30px; font-size: 20px; font-weight: bold; position: relative; z-index: 9;
}
.xypg-left-title i {
	left: -5px; top: -9px; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 1; font-size: 67px; font-style: normal; font-weight: bold; position: absolute; z-index: 1; opacity: 0.1;
}
.xypg-left-title span {
	color: rgb(255, 255, 255); text-transform: capitalize; font-size: 16px; font-weight: normal; margin-left: 10px; opacity: 0.6;
}
.xypg-left-title span::before {
	padding-right: 5px; content: "/";
}
.xypg-left-con {
	border-width: medium 1px 1px; border-style: none solid solid; border-color: currentColor rgb(210, 210, 210) rgb(210, 210, 210); border-image: none;
}
.latest-news {
	padding: 10px 0px;
}
.latest-news li {
	padding: 0.5em 1em; font-size: 14px;
}
.latest-news li a {
	color: rgb(90, 90, 90); line-height: 1.2; display: block;
}
.latest-news li a::before {
	font-size: 16px; font-weight: bold; margin-right: 5px; content: "+";
}
.latest-news li a:hover {
	color: rgb(171, 0, 26);
}
.latest-news li a:hover::before {
	color: rgb(171, 0, 26);
}
.hot-keys {
	padding: 20px 7px 8px;
}
.hot-keys li {
	margin: 0px 7px 14px; width: calc(50% - 14px); float: left;
}
.hot-keys li a {
	border: 1px dashed rgb(241, 241, 241); border-image: none; text-align: center; color: rgb(90, 90, 90); line-height: 2.857; font-size: 14px; display: block;
}
.hot-keys li a:hover {
	border-color: rgb(171, 0, 26); color: rgb(171, 0, 26);
}
.page-wrap-contact {
	padding: 10px 0px; font-size: 14px;
}
.page-wrap-contact h4 {
	padding: 0.3em 1.4em 0.8em; color: rgb(0, 0, 0); font-size: 16px;
}
.page-wrap-contact p {
	padding: 0.8em 1.4em; color: rgb(47, 47, 47); margin-bottom: 0px; border-top-color: rgb(238, 238, 238); border-top-width: 1px; border-top-style: solid; position: relative;
}
.page-message-img img {
	border: 1px solid rgb(210, 210, 210); border-image: none;
}
.page-wrap-right {
	overflow: hidden;float: right;    width: 820px;
}
.page-mob-tool {
	right: 15px; bottom: 100px; position: fixed; z-index: 9999;
}
.page-mob-tool li {
	width: 40px; height: 40px; text-align: center; line-height: 40px; margin-bottom: 1px; position: relative; cursor: pointer;
}
.page-mob-tool li::before {
	background: rgb(41, 46, 57); left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; content: ""; opacity: 0.7;
}
.page-mob-tool li i {
	width: 100%; height: 100%; display: block;
}
.page-mob-tool li .icon-dots-horizontal::after {
	background-position: -30px -390px;
}
.page-mob-tool li .icon-top::after {
	background-position: -30px -60px;
}
@media all and (min-width:992px)
{
.page-mob-tool {
	display: none;
}
}
.navigation a {
	margin: 0px 5px; padding: 0px 8px; border: 1px solid rgb(203, 203, 203); border-image: none; color: rgb(51, 51, 51); line-height: 26px; font-family: "Microsoft YaHei",Arial; font-size: 14px; display: inline-block;
}
.navigation a.previous_page {
	float: left;
}
.navigation a.next_page {
	float: right;
}
.navigation a:hover {
	background: rgb(171, 0, 26); border-color: rgb(171, 0, 26); color: rgb(255, 255, 255);
}
.xymob-left-close-btn {
	display: none;
}
@media all and (max-width:990px)
{
body.no-scroll {
	height: 100vh; overflow: hidden;
}
html.no-scroll {
	height: 100vh; overflow: hidden;
}
.xymob-menu-click {
	background: rgba(0, 0, 0, 0.7); transition:0.5s; left: 100%; top: 0px; width: 100vw; height: 100vh; position: fixed; z-index: 999999; -ms-overflow-y: scroll; -webkit-transition: all .5s ease;
}
.xymob-menu-click .xypg-left-news {
	display: none;
}
.xymob-menu-click .xypg-left-keys {
	display: none;
}
.xymob-menu-click .xypg-left-contact {
	display: none;
}
.xymob-menu-click .page-message-img {
	display: none;
}
.xymob-menu-click .xymob-left-close-btn {
	background: black; border-radius: 50%; border: 1px solid rgb(255, 255, 255); border-image: none; top: 15px; width: 32px; height: 32px; text-align: center; right: 15px; line-height: 32px; display: block; position: absolute;
}
.xymob-menu-click .xymob-left-close-btn .icon-font {
	width: 100%; height: 100%; display: block;
}
.xymob-menu-click .xymob-left-close-btn .icon-font::after {
	background-position: -30px -300px;
}
.xymob-menu-click .xypg-left {
	padding: 5vh 0px; display: flex; min-height: 90vh; justify-content: center; align-items: center; -webkit-box-align: center; -webkit-box-pack: center;
}
.xymob-menu-click .xypg-left .xypg-left-menu {
	background: rgb(255, 255, 255); width: 90%;
}
.click.xymob-menu-click {
	left: 0px;
}
}
.xypg-left-nav {
	margin: 0px -1px;
}
.xypg-left-nav > li {
	border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid; position: relative;
}
.xypg-left-nav > li:last-child {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.xypg-left-nav > li > a {
	padding: 15px 18px; color: rgb(46, 46, 46); line-height: 22px; font-size: 16px; display: block;
}
.xypg-left-nav > li .first-nav-btn {
	background: url("../images/icon_spirit.png") no-repeat 0px -240px; top: 10px; width: 30px; height: 30px; text-align: center; right: 20px; position: absolute; z-index: 99; cursor: pointer;
}
.xypg-left-nav > li .clicked.first-nav-btn {
	background-position: 0px -270px;
}
.xypg-left-nav > li:hover > a {
	color: rgb(171, 0, 26);
}
.xypg-left-nav > li.clicked > a {
	color: rgb(171, 0, 26);
}
.xypg-left-nav > li:hover .first-nav-btn {
	color: rgb(171, 0, 26);
}
.xypg-left-nav > li.clicked .first-nav-btn {
	color: rgb(171, 0, 26);
}
.xypg-left-nav .xypg-left-subnav {
	padding: 0px 10px; display: none;
}
.xypg-left-nav .xypg-left-subnav > li {
	border-top-color: rgb(238, 238, 238); border-top-width: 1px; border-top-style: dashed;
}
.xypg-left-nav .xypg-left-subnav > li > a {
	padding: 8px; color: rgb(129, 129, 129); line-height: 20px; font-size: 16px; display: block;
}
.xypg-left-nav .xypg-left-subnav > li > a:hover {
	color: rgb(171, 0, 26);
}
.xypg-left-nav .xypg-left-subnav > li.clicked > a {
	color: rgb(171, 0, 26);
}
.xypg-left-nav .xypg-left-threenav > li > a {
	padding: 5px 10px; color: rgb(153, 153, 153); line-height: 24px; font-size: 14px; display: block;
}
.xypg-left-nav .xypg-left-threenav > li > a::before {
	content: "\2014   ";
}
.xypg-left-nav .xypg-left-threenav > li > a:hover {
	color: rgb(171, 0, 26);
}
.xypg-left-nav .xypg-left-threenav > li.clicked > a {
	color: rgb(171, 0, 26);
}
@media all and (max-width:990px)
{
.xypg-left-nav .xypg-left-threenav {
	display: block;
}
}
.xypg-pro-description {
	background: rgb(249, 249, 249); padding: 10px; border: 1px solid rgb(229, 229, 229); border-image: none; line-height: 24px; text-indent: 2em; margin-bottom: 15px;
}
.xypg-product-list {
	margin: 0px -1.5%; font-size: 0px;
}
.xypg-product-list li {
	margin: 0px 1.5% 20px; padding: 10px 10px 0px; border: 1px solid rgb(238, 238, 238); transition:0.5s; border-image: none; width: 30.33%; vertical-align: bottom; display: inline-block; -webkit-transition: all .5s ease;
}
.xypg-product-list li .img {
	display: block;
}
.xypg-product-list li h3 a {
	padding: 0.8em 0px; text-align: center; color: rgb(90, 90, 90); line-height: 1.6; font-size: 14px; display: block;
}
.xypg-product-list li:hover {
	border-color: rgb(41, 46, 57);
}
.xypg-product-list .no-result {
	margin: 0px 1.5%; font-size: 14px;
}
.xypg-case-list {
	margin: 0px -1%; font-size: 0px;
}
.xypg-case-list li {
	margin: 0px 1% 10px; transition:0.5s; width: 31.33%; vertical-align: bottom; display: inline-block; -webkit-transition: all .5s ease;
}
.xypg-case-list li .img {
	display: block;
}
.xypg-case-list li h3 a {
	padding: 0.8em 0px; text-align: center; color: rgb(90, 90, 90); line-height: 1.6; font-size: 14px; display: block;
}
.xypg-case-list li:hover h3 a {
	color: rgb(171, 0, 26);
}
.xypg-news-list li {
	background: rgb(255, 255, 255); padding: 30px; border: 1px solid rgb(225, 225, 225); transition:0.5s; border-image: none; margin-bottom: 35px; -webkit-transition: all .5s;
}
.xypg-news-list li .tit {
	margin-bottom: 15px; border-bottom-color: rgb(203, 203, 203); border-bottom-width: 1px; border-bottom-style: solid; position: relative;
}
.xypg-news-list li .tit h3 {
	margin: 0px; color: rgb(86, 86, 86); padding-right: 25%; padding-bottom: 15px; font-size: 18px; font-weight: normal;
}
.xypg-news-list li .tit .date {
	top: 0px; right: 0px; color: rgb(102, 102, 102); font-size: 14px; position: absolute;
}
.xypg-news-list li .info {
	color: rgb(153, 153, 153); line-height: 2; font-size: 14px;
}
.xypg-news-list li .more {
	margin-top: 15px;
}
.xypg-news-list li .more span {
	border: 1px solid rgb(225, 225, 225); transition:0.5s; border-image: none; width: 130px; text-align: center; color: rgb(102, 102, 102); line-height: 33px; font-size: 14px; display: inline-block; -webkit-transition: all .5s ease;
}
.xypg-news-list li:hover {
	box-shadow: 0px 2px 13px 1px rgba(8,1,3,0.18); -webkit-box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18);
}
.xypg-news-list li:hover .tit h3 {
	color: rgb(41, 46, 57);
}
.xypg-news-list li:hover .more span {
	color: rgb(255, 255, 255); background-color: rgb(41, 46, 57);
}
@media all and (max-width:990px)
{
.xypg-news-list li .tit {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.xypg-news-list li .tit h3 {
	padding-right: 0px; padding-bottom: 10px;
}
.xypg-news-list li .tit .date {
	color: rgb(153, 153, 153); padding-bottom: 5px; border-bottom-color: rgb(203, 203, 203); border-bottom-width: 1px; border-bottom-style: solid; position: static;
}
}
.xypg-album-cate {
	margin: 0px -1%;
}
.xypg-album-cate li {
	margin: 0px 1% 20px; padding: 10px; border: 1px solid rgb(234, 234, 234); border-image: none; width: 31.33%; float: left;
}
.xypg-album-cate li .album-img {
	margin-bottom: 15px;
}
.xypg-album-cate li .album-img img {
	width: 100%;
}
.xypg-album-cate li .album-title {
	text-align: center; color: rgb(102, 102, 102); font-size: 15px; margin-bottom: 5px;
}
.xypg-album-cate li .album-num {
	text-align: center; color: rgb(51, 51, 51); font-size: 16px;
}
.xypg-album-cate li .album-num span {
	margin-right: 5px; display: inline-block;
}
@media all and (max-width:768px)
{
.xypg-album-cate li {
	width: 48%;
}
}
@media all and (max-width:420px)
{
.xypg-album-cate {
	margin: 0px;
}
.xypg-album-cate li {
	margin: 0px 0px 20px; width: 100%;
}
}
.xypg-album-list {
	margin: 0px -1%;
}
.xypg-album-list li {
	margin: 0px 1% 20px; width: 31.33%; float: left; position: relative;
}
.xypg-album-list li .img {
	overflow: hidden; display: block;
}
.xypg-album-list li .img img {
	transition:0.5s; width: 100%; -webkit-transition: all .5s ease;
}
.xypg-album-list li h3 {
	background: rgba(0, 0, 0, 0.5); left: 0px; text-align: center; right: 0px; bottom: 0px; color: rgb(255, 255, 255); line-height: 40px; font-size: 16px; font-weight: normal; position: absolute; z-index: 9;
}
.xypg-album-list li:hover .img img {
	transform: scale(1.1); -webkit-transform: scale(1.1);
}
@media all and (max-width:768px)
{
.xypg-album-list li {
	width: 48%;
}
}
@media all and (max-width:420px)
{
.xypg-album-list {
	margin: 0px;
}
.xypg-album-list li {
	margin: 0px 0px 20px; width: 100%;
}
}
.xypg-getkey-list.xypg-album-list li {
	width: 18%;
}
@media all and (max-width:1200px)
{
.xypg-getkey-list.xypg-album-list li {
	width: 31.33%;
}
}
@media all and (max-width:768px)
{
.xypg-getkey-list.xypg-album-list li {
	width: 48%;
}
}
@media all and (max-width:420px)
{
.xypg-getkey-list.xypg-album-list {
	margin: 0px;
}
.xypg-getkey-list.xypg-album-list li {
	margin: 0px 0px 20px; width: 100%;
}
}
.xypg-download-list .download-title {
	background: rgb(217, 217, 217); color: rgb(51, 51, 51); line-height: 60px; font-size: 18px;
}
.xypg-download-list .download-title span {
	width: 19%; text-align: center; float: left; display: block;
}
.xypg-download-list .download-title .file-name {
	width: 43%; text-align: left; padding-left: 5%;
}
.xypg-download-list .download-item {
	line-height: 50px;
}
.xypg-download-list .download-item .download-item-span {
	width: 19%; text-align: center; color: rgb(85, 85, 85); font-size: 14px; float: left;
}
.xypg-download-list .download-item .download-item-first.download-item-span {
	width: 43%; text-align: left; padding-left: 4%;
}
.xypg-download-list .download-item .download-item-iocn.download-item-span .iconfont {
	font-size: 14px; margin-right: 5px;
}
.xypg-download-list .download-item .download-item-iocn.download-item-span a {
	color: rgb(41, 46, 57);
}
.xypg-download-list .download-item .download-item-iocn.download-item-span a:hover {
	text-decoration: underline;
}
.xypg-download-list :nth-child(2n+1).download-item {
	background: rgb(243, 243, 243);
}
.xypg-download-list .download-item .mob-download-title {
	display: none;
}
@media all and (max-width:768px)
{
.xypg-download-list .download-title {
	display: none;
}
.xypg-download-list .download-item {
	background: rgb(255, 255, 255) !important; border: 1px solid rgb(235, 235, 235); border-image: none; margin-bottom: 20px;
}
.xypg-download-list .download-item .download-item-span {
	width: 100%; float: none;
}
.xypg-download-list .download-item .download-item-first.download-item-span {
	width: 100%; padding-left: 0px;
}
.xypg-download-list .download-item .download-item-span .mob-download-title {
	width: 130px; text-align: left; padding-left: 15px; font-weight: bold; float: left; display: block;
}
.xypg-download-list .download-item .download-item-span .download-item-con {
	width: calc(100% - 130px); text-align: right; padding-right: 20px; float: right;
}
.xypg-download-list .download-item .download-item-span + .download-item-span {
	border-top-color: rgb(235, 235, 235); border-top-width: 1px; border-top-style: dashed;
}
}
.xypg-job-list .job-name {
	width: 32.5%; padding-left: 4%;
}
.xypg-job-list .job-xlyq {
	width: 32.5%; padding-left: 4%;
}
.xypg-job-list .job-number {
	width: 20%; text-align: center;
}
.xypg-job-list .job-more {
	width: 15%; text-align: center;
}
.xypg-job-list .job-title {
	background: rgb(41, 46, 57); color: rgb(255, 255, 255); line-height: 60px; font-size: 18px;
}
.xypg-job-list .job-title span {
	font-weight: bold; float: left; display: block;
}
.xypg-job-list .job-item {
	background: rgb(248, 248, 248); line-height: 60px; margin-top: 20px;
}
.xypg-job-list .job-item .job-item-span {
	color: rgb(51, 51, 51); font-size: 16px; float: left; min-height: 1px;
}
.xypg-job-list .job-item .job-item-span .job-item-con {
	display: block;
}
.xypg-job-list .job-item .job-more a {
	background: url("../images/xypg-job-jt.png") no-repeat center rgb(156, 156, 156); margin: 15px 30px 0px 0px; border-radius: 50%; width: 29px; height: 29px; text-align: center; float: right; display: block;
}
.xypg-job-list .job-item .job-more a:hover {
	background-color: rgb(41, 46, 57);
}
.xypg-job-list .job-item .mob-job-title {
	display: none;
}
@media all and (max-width:768px)
{
.xypg-job-list .job-title {
	display: none;
}
.xypg-job-list .job-item {
	background: rgb(255, 255, 255) !important; border: 1px solid rgb(235, 235, 235); border-image: none; line-height: 50px; margin-bottom: 20px;
}
.xypg-job-list .job-item .job-item-span {
	width: 100%; padding-left: 0px; font-size: 14px; float: none;
}
.xypg-job-list .job-item .job-item-span .mob-job-title {
	width: 130px; text-align: left; padding-left: 15px; font-weight: bold; float: left; display: block;
}
.xypg-job-list .job-item .job-item-span .job-item-con {
	width: calc(100% - 130px); text-align: right; padding-right: 20px; float: right;
}
.xypg-job-list .job-item .job-more a {
	margin: 12px 0px 0px;
}
.xypg-job-list .job-item .job-item-span + .job-item-span {
	border-top-color: rgb(235, 235, 235); border-top-width: 1px; border-top-style: dashed;
}
}
@media all and (max-width:768px)
{
.xypg-product-list li {
	width: 47%;
}
.xypg-case-list li {
	width: 48%;
}
}
@media all and (max-width:375px)
{
.xypg-product-list li {
	width: 97%;
}
.xypg-case-list li {
	width: 98%;
}
}
.xypg-pagination {
	text-align: center; font-size: 0px; margin-top: 20px;
}
.xypg-pagination .pagin-left {
	vertical-align: middle; display: inline-block;
}
.xypg-pagination .pagin-mid {
	vertical-align: middle; display: inline-block;
}
.xypg-pagination .pagin-right {
	vertical-align: middle; display: inline-block;
}
.xypg-pagination .pagin-select {
	vertical-align: middle; display: inline-block;
}
.xypg-pagination a {
	margin: 0px 5px; padding: 0px 8px; border: 1px solid rgb(203, 203, 203); border-image: none; color: rgb(51, 51, 51); line-height: 26px; font-family: "Microsoft YaHei",Arial; font-size: 14px; display: inline-block;
}
.xypg-pagination #current {
	margin: 0px 5px; padding: 0px 8px; border: 1px solid rgb(203, 203, 203); border-image: none; color: rgb(51, 51, 51); line-height: 26px; font-family: "Microsoft YaHei",Arial; font-size: 14px; display: inline-block;
}
.xypg-pagination #current {
	background: rgb(41, 46, 57); border-color: rgb(41, 46, 57); color: rgb(255, 255, 255);
}
.xypg-pagination a:hover {
	background: rgb(41, 46, 57); border-color: rgb(41, 46, 57); color: rgb(255, 255, 255);
}
.xypg-pagination .pagin-mid {
	font-size: 14px;
}
.xypg-pagination .pagin-mid .mob-pagin-mid {
	display: none;
}
.xypg-pagination .pagin-select {
	font-size: 14px;
}
.xypg-pagination .pagin-select select {
	margin: -1px 5px 0px; padding: 0px 8px; height: 28px;
}
@media all and (max-width:768px)
{
.xypg-pagination .pagin-mid .pc-pagin-mid {
	display: none;
}
.xypg-pagination .pagin-mid .mob-pagin-mid {
	display: block;
}
.xypg-pagination .pagin-mid .mob-pagin-mid span {
	padding: 0px 8px; line-height: 28px; font-size: 14px; display: inline-block;
}
.xypg-pagination .pagin-select {
	display: none;
}
}
.paging_num {
	padding: 10px 0px;
}
.paging_num a {
	padding: 0px 7px; border: 1px dashed rgb(224, 225, 220); border-image: none; text-align: center; color: rgb(102, 102, 102); margin-right: 8px; display: inline-block;
}
.paging_num a.paging_hover {
	border-color: rgb(171, 0, 26);
}
.paging_num a:hover {
	border-color: rgb(171, 0, 26);
}
.xypg-detail-title {
	color: rgb(54, 54, 54); line-height: 1.7; font-size: 20px; font-weight: bold; margin-bottom: 10px;text-align: center;
}
.xypg-detail-info-bar {
	color: rgb(158, 158, 158); line-height: 35px; font-family: Arial; font-size: 14px; margin-bottom: 20px; border-bottom-color: rgb(207, 207, 207); border-bottom-width: 1px; border-bottom-style: dashed;
}
.xypg-detail-info-bar .detail-info-time {
	padding-left: 25px; margin-right: 20px; float: left; position: relative;
}
.xypg-detail-info-bar .detail-info-time i {
	left: 0px; top: calc(50% - 10px); width: 20px; height: 20px; position: absolute;
}
.xypg-detail-info-bar .detail-info-time i::after {
	background-position: 0px -360px; opacity: 0.5;
}
.xypg-detail-info-bar .detail-info-numbers {
	padding-left: 25px; float: left; position: relative;
}
.xypg-detail-info-bar .detail-info-numbers i {
	left: 0px; top: calc(50% - 10px); width: 20px; height: 20px; position: absolute;
}
.xypg-detail-info-bar .detail-info-numbers i::after {
	background-position: 0px -330px; opacity: 0.5;
}
.xypg-detail-info-bar .xypg-file-down {
	float: right; position: relative;
}
.xypg-detail-info-bar .xypg-file-down .file-down-title {
	padding-left: 25px; position: relative; cursor: pointer;
}
.xypg-detail-info-bar .xypg-file-down .file-down-title i {
	left: 0px; top: calc(50% - 10px); width: 20px; height: 20px; position: absolute;
}
.xypg-detail-info-bar .xypg-file-down .file-down-title i::after {
	background-position: 0px -630px;
}
.xypg-detail-info-bar .xypg-file-down .file-down-title:hover {
	color: rgb(41, 46, 57);
}
.xypg-detail-info-bar .xypg-file-down .file-down-list {
	background: rgb(255, 255, 255); width: 250%; right: 0px; display: none; position: absolute; z-index: 9999;
}
.xypg-detail-info-bar .xypg-file-down .file-down-list li {
	padding: 10px 0px; border-top-color: rgb(207, 207, 207); border-top-width: 1px; border-top-style: dashed;
}
.xypg-detail-info-bar .xypg-file-down .file-down-list li .icon {
	height: 40px; line-height: 40px; font-size: 40px; margin-right: 5px; float: left;
}
.xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con {
	line-height: 1; overflow: hidden;
}
.xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con p {
	line-height: 20px; font-size: 12px; margin-bottom: 0px;
}
.xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con a {
	font-size: 12px;
}
.xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con a:hover {
	color: rgb(41, 46, 57);
}
.xypg-detail-con-title {
	margin: 20px 0px 10px;
}
.xypg-detail-con-title span {
	color: rgb(41, 46, 57); font-size: 18px; display: inline-block;
}
.xypg-detail-con {
	color: rgb(51, 51, 51); line-height: 1.7; font-size: 14px;
}
.xypg-detail-con img {
	width: auto !important; height: auto !important; max-width: 100%;
}
.xypg-detail-con p img {
	width: auto !important; height: auto !important; max-width: 100%;
}
.xypg-detail-tags {
	margin-top: 40px;
}
.xypg-detail-tags .tags-title {
	border-bottom-color: rgb(195, 195, 195); border-bottom-width: 1px; border-bottom-style: solid; position: relative;
}
.xypg-detail-tags .tags-title h3 {
	padding: 0px 30px; color: rgb(41, 46, 57); line-height: 40px; font-size: 16px; margin-bottom: -1px; border-bottom-color: rgb(171, 0, 26); border-bottom-width: 3px; border-bottom-style: solid; display: inline-block;
}
.xypg-detail-tags .tags-title .baidu-share {
	top: 8px; right: 0px; position: absolute;
}
.xypg-detail-tags .tags-content {
	padding-top: 12px;
}
.xypg-detail-tags .tags-content a {
	background: rgb(244, 244, 244); padding: 0px 15px; color: rgb(47, 47, 47); line-height: 28px; font-size: 12px; margin-right: 9px; display: inline-block;
}
.xypg-detail-tags .tags-content a:hover {
	color: rgb(171, 0, 26);
}
.xypg-detail-url {
	margin-top: 15px;
}
.xypg-detail-url a {
	-ms-word-break: break-all;
}
.xypg-detail-article p {
	margin: 10px 0px 20px; line-height: 24px;
}
.xypg-detail-pn {
	margin-top: 30px;
}
.xypg-detail-pn div + div {
	margin-top: 15px;
}
.xypg-detail-pn div {
	padding: 10px; border: 1px solid rgb(238, 238, 238); border-image: none; line-height: 22px; position: relative;
}
.xypg-detail-pn div b {
	color: rgb(41, 46, 57); font-size: 14px; font-weight: normal; float: left;
}
.xypg-detail-pn div b::after {
	content: "\FF1A";
}
.xypg-detail-pn div a {
	width: 75%; color: rgb(102, 102, 102); font-size: 14px; float: left;
}
.xypg-detail-pn div a:hover {
	color: rgb(171, 0, 26);
}
@media all and (max-width:600px)
{
.xypg-detail-pn div a {
	width: 60%;
}
}
@media all and (max-width:600px)
{
.xypg-detail-pn div a {
	width: 50%;
}
}
.xypg-detail-pn div span {
	top: 11px; right: 20px; color: rgb(102, 102, 102); font-size: 14px; position: absolute;
}
.xypg-relate {
	margin-top: 45px;
}
.relate-title {
	border: 1px solid rgb(238, 238, 238); border-image: none; line-height: 2.857; font-size: 14px; margin-bottom: 15px;
}
.relate-title span {
	padding: 0px 1.4em; color: rgb(171, 0, 26); border-right-color: rgb(238, 238, 238); border-right-width: 1px; border-right-style: solid; display: inline-block;
}
.relate-product-slick {
	position: relative;
}
.relate-product-slick .owl-item {
	font-size: 0px; display: block;
}
.relate-product-slick .owl-item .img {
	margin-bottom: 8px; display: block;
}
.relate-product-slick .owl-item p {
	padding: 0.5em 0px; text-align: center; color: rgb(41, 46, 57); font-size: 12px; margin-bottom: 0px;
}
.relate-product-slick .owl-item:hover p {
	color: rgb(171, 0, 26);
}
.relate-product-slick .owl-nav button.owl-prev {
	width: 25px; height: 35px; color: rgb(255, 255, 255); line-height: 35px; font-size: 20px; margin-top: -17.5px;
}
.relate-product-slick .owl-nav button.owl-next {
	width: 25px; height: 35px; color: rgb(255, 255, 255); line-height: 35px; font-size: 20px; margin-top: -17.5px;
}
.relate-product-slick .owl-nav button.owl-prev span {
	display: inline;
}
.relate-product-slick .owl-nav button.owl-next span {
	display: inline;
}
.xypg-relate .relate-news {
	margin-top: 45px;
}
.relate-news-list li {
	width: 48%; color: rgb(41, 46, 57); line-height: 2.143; font-size: 14px; float: left; position: relative;
}
.relate-news-list li:nth-child(2n) {
	float: right;
}
.relate-news-list li a {
	color: rgb(102, 102, 102); padding-right: 75px; display: block;
}
.relate-news-list li a::before {
	line-height: 1; font-size: 16px; font-weight: bold; margin-right: 5px; content: "+";
}
.relate-news-list li span {
	top: 2.5px; width: 75px; text-align: right; right: 0px; color: rgb(102, 102, 102); font-size: 12px; position: absolute;
}
.relate-news-list li:hover a {
	color: rgb(171, 0, 26);
}
.relate-news-list li:hover a::before {
	color: rgb(171, 0, 26);
}
.relate-news-list li:hover span {
	color: rgb(171, 0, 26);
}
@media all and (max-width:990px)
{
.xypg-relate {
	display: none;
}
}
.xypg-case-detail .main-img {
	text-align: center;
}
.xypg-case-detail .main-img img {
	max-width: 100%;
}
.xypg-jod-detail .job-detail-title {
	background: rgb(41, 46, 57); color: rgb(255, 255, 255); line-height: 60px; padding-left: 25px; font-size: 16px;
}
.xypg-jod-detail .job-detail-con {
	background: rgb(248, 248, 248); padding: 25px;
}
.xypg-jod-detail .job-detail-small-title {
	color: rgb(41, 46, 57); font-size: 16px; margin-bottom: 10px;
}
.xypg-jod-detail .job-detail-con-box {
	color: rgb(102, 102, 102); font-size: 14px; margin-bottom: 20px;
}
.xypg-jod-detail .job-detail-btn a {
	background: rgb(102, 102, 102); border-radius: 5px; width: 200px; text-align: center; color: rgb(255, 255, 255); line-height: 50px; font-size: 14px; display: inline-block;
}
.xypg-jod-detail .job-detail-btn a:hover {
	background: rgb(41, 46, 57);
}
.job-detail-form .form-title {
	line-height: 2.5; font-size: 20px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid;
}
.job-detail-form .form-info {
	margin: 10px 0px; line-height: 2;
}
.job-detail-form .form-info span {
	color: red;
}
.job-detail-form .red-star {
	color: red;
}
.job-detail-form textarea {
	resize: none;
}
.job-detail-form #checkcode {
	width: 30%; display: inline-block;
}
.job-detail-form #checkCodeImg {
	margin-left: 10px; vertical-align: top;
}
.job-detail-form #change_code {
	padding: 0px 10px; color: rgb(41, 46, 57); line-height: 34px;
}
.job-detail-form .form-small-tit {
	line-height: 2; font-size: 16px; margin-bottom: 15px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid;
}
.job-detail-form .form-prompt {
	color: rgb(153, 153, 153); font-size: 12px; margin-bottom: 15px;
}
#message-form {
	font-size: 0px;
}
#message-form .red-star {
	color: red;
}
#message-form label {
	font-size: 14px;
}
#message-form textarea {
	resize: none;
}
#message-form #checkcode {
	width: 30%; display: inline-block;
}
#message-form #checkCodeImg {
	margin-left: 10px; vertical-align: top;
}
#message-form #change_code {
	padding: 0px 10px; color: rgb(41, 46, 57); line-height: 34px; font-size: 14px;
}
#message-form .error-info {
	padding-top: 4px; vertical-align: top; display: inline-block; position: absolute;
}
@media all and (max-width:768px)
{
#message-form .form-group {
	margin-bottom: 25px;
}
#message-form .error-info {
	padding-top: 0px; padding-left: 10px; float: none !important; display: block;
}
#message-form #change_code + .error-info {
	padding-left: 0px; margin-left: -7px;
}
}
.n-default#message-form .msg-wrap {
	position: static;
}
.xypg-download-detail-list.xypg-download-list .download-title {
	background: rgb(243, 243, 243);
}
.xypg-download-detail-list.xypg-download-list .download-title .file-name {
	width: 35%;
}
.xypg-download-detail-list.xypg-download-list .download-title span {
	width: 16.25%;
}
.xypg-download-detail-list.xypg-download-list .download-item .download-item-span {
	width: 16.25%;
}
.xypg-download-detail-list.xypg-download-list .download-item .download-item-first.download-item-span {
	width: 35%;
}
@media all and (max-width:768px)
{
.xypg-download-detail-list.xypg-download-list .download-item .download-item-span {
	width: 100%;
}
.xypg-download-detail-list.xypg-download-list .download-item .download-item-first.download-item-span {
	width: 100%;
}
}
.xypg-search-result .search-tag {
	border-radius: 5px; border: 1px solid rgb(239, 239, 239); border-image: none; overflow: hidden; margin-bottom: 20px;
}
.xypg-search-result .search-tag a {
	padding: 0px 30px; color: rgb(51, 51, 51); line-height: 40px; font-size: 16px; vertical-align: middle; display: inline-block;
}
.xypg-search-result .search-tag a:hover {
	color: rgb(171, 0, 26);
}
.xypg-search-result .search-tag a.on {
	color: rgb(171, 0, 26);
}
.xypg-search-result-box {
	margin-bottom: 20px;
}
.xypg-search-result-box .xypg-search-title {
	line-height: 35px; padding-left: 15px; font-size: 18px; font-weight: bold; margin-bottom: 15px; border-left-color: rgb(41, 46, 57); border-left-width: 3px; border-left-style: solid;
}
.xypg-detail-file-dwon li {
	padding: 10px 0px; width: 50%; border-bottom-color: rgb(207, 207, 207); border-bottom-width: 1px; border-bottom-style: dashed; float: left;
}
.xypg-detail-file-dwon li .file-icon {
	width: 50px; height: 40px; margin-right: 5px; float: left; background-image: url("../images/file_icon.png"); background-repeat: no-repeat;
}
.xypg-detail-file-dwon li .file_txt {
	background-position: -180px -60px;
}
.xypg-detail-file-dwon li .file_zip {
	background-position: 0px 0px;
}
.xypg-detail-file-dwon li .file_gif {
	background-position: -60px 0px;
}
.xypg-detail-file-dwon li .file_doc {
	background-position: -120px 0px;
}
.xypg-detail-file-dwon li .file_jpg {
	background-position: -180px 0px;
}
.xypg-detail-file-dwon li .file_xls {
	background-position: -240px 0px;
}
.xypg-detail-file-dwon li .file_rar {
	background-position: 0px -60px;
}
.xypg-detail-file-dwon li .file_png {
	background-position: -60px -60px;
}
.xypg-detail-file-dwon li .file_pdf {
	background-position: -120px -60px;
}
.xypg-detail-file-dwon li .list-con {
	line-height: 1; overflow: hidden;
}
.xypg-detail-file-dwon li .list-con p {
	line-height: 20px; font-size: 12px; margin-bottom: 0px;
}
.xypg-detail-file-dwon li .list-con a {
	font-size: 12px;
}
.xypg-detail-file-dwon li .list-con a:hover {
	color: rgb(171, 0, 26);
}
.xypg-detail-article .article-img {
	margin: 5px 0px; text-align: center;
}
.xypg-detail-article .article-img img {
	padding: 1px; border: 1px solid rgb(239, 239, 239); border-image: none; height: auto !important; max-width: 100%;
}
.page-product-detail-effect {
	width: 42.61%; float: left;
}
.page-product-detail-effect .big-img {
	border: 1px solid rgb(238, 238, 238); border-image: none;
}
.page-product-detail-effect .big-img a {
	width: 100%; text-align: center; font-size: 0px; display: block;
}
.page-product-detail-effect .big-img a img {
	vertical-align: middle; display: inline-block; max-height: 100%; max-width: 100%;
}
.page-product-detail-effect .big-img a::after {
	height: 100%; vertical-align: middle; display: inline-block; content: "";
}
.page-product-detail-right {
	width: 50%; float: right;
}
.page-product-detail-right > h1 {
	color: rgb(13, 13, 13); font-size: 22px; margin-bottom: 20px;
}
.product-detail-item li {
	color: rgb(119, 114, 114); line-height: 30px; font-size: 14px;
}
.product-detail-slick {
	margin-top: 20px; position: relative;
}
.product-detail-slick a.slick-item {
	border: 1px solid rgb(238, 238, 238); border-image: none; width: 100%; height: 95px; text-align: center; font-size: 0px; display: block; position: relative;
}
.product-detail-slick a.slick-item img {
	vertical-align: middle; display: inline-block; max-height: 100%; max-width: 100%;
}
.product-detail-slick a.slick-item::after {
	height: 100%; vertical-align: middle; display: inline-block; content: "";
}
.product-detail-slick a.active.slick-item {
	border-color: rgb(171, 0, 26);
}
.product-detail-slick .owl-nav button {
	background: rgba(37, 37, 37, 0.6) !important; border-radius: 50%; border: currentColor; transition:0.5s; border-image: none; top: 50%; width: 27px; height: 27px; text-align: center; line-height: 27px; margin-top: -13.5px; position: absolute; z-index: 9; cursor: pointer; opacity: 0; -webkit-transition: all .5s ease;
}
.product-detail-slick .owl-nav button .icon-font {
	width: 100%; height: 100%; display: block;
}
.product-detail-slick .owl-nav button .icon-left-arrow::after {
	background-position: 1px -509px;
}
.product-detail-slick .owl-nav button .icon-right-arrow::after {
	background-position: -27px -240px;
}
.product-detail-slick .owl-prev {
	left: 0px;
}
.product-detail-slick .owl-prev::after {
	background-position: 0px 0px;
}
.product-detail-slick .owl-next {
	right: 0px;
}
.product-detail-slick:hover .owl-nav button {
	opacity: 1;
}
.page-product-inquiry {
	margin-top: 30px;
}
.page-product-inquiry a {
	background: rgb(171, 0, 26); padding: 0.5em 1.87em; border-radius: 2em; color: rgb(255, 255, 255); font-size: 16px; display: inline-block;
}
.page-product-inquiry a:hover {
	opacity: 0.8;
}
@media all and (max-width:990px)
{
.page-product-detail-effect {
	width: 100%; margin-bottom: 20px; float: none;
}
.page-product-detail-right {
	width: 100%; float: none;
}
}
@media all and (max-width:640px)
{
.page-product-detail-effect .big-img {
	height: 280px;
}
.product-detail-slick .slick-item {
	height: 65px;
}
.page-product-inquiry a {
	font-size: 12px;
}
.page-product-detail-right > h1 {
	font-size: 16px; margin-bottom: 15px;
}
}
.product-detail-tab {
	margin-top: 50px;
}
.product-detail-tab .product-detail-tabli {
	border: 1px solid rgb(238, 238, 238); border-image: none; height: 40px; line-height: 38px;
}
.product-detail-tab .product-detail-tabli li {
	width: 20%; text-align: center; color: rgb(47, 47, 47); font-size: 14px; border-right-color: rgb(238, 238, 238); border-right-width: 1px; border-right-style: solid; float: left; cursor: pointer;
}
.product-detail-tab .product-detail-tabli li.on {
	color: rgb(171, 0, 26); position: relative;
}
.product-detail-tab .product-detail-tabli li:visited {
	color: rgb(171, 0, 26); position: relative;
}
.product-detail-tab .product-detail-tabli li:active {
	color: rgb(171, 0, 26); position: relative;
}
.product-detail-tab .product-detail-tabli li.on::before {
	border: 1px solid rgb(171, 0, 26); border-image: none; left: -1px; top: -1px; right: -1px; bottom: -1px; position: absolute; content: "";
}
.product-detail-tab .product-detail-tabli li:visited::before {
	border: 1px solid rgb(171, 0, 26); border-image: none; left: -1px; top: -1px; right: -1px; bottom: -1px; position: absolute; content: "";
}
.product-detail-tab .product-detail-tabli li:active::before {
	border: 1px solid rgb(171, 0, 26); border-image: none; left: -1px; top: -1px; right: -1px; bottom: -1px; position: absolute; content: "";
}
.product-detail-tab .product-detail-tabcon {
	padding: 15px 0px;
}
.product-detail-tab .product-detail-tabcon img {
	width: auto !important; height: auto !important; max-width: 100%;
}
.product-detail-tab .product-detail-tabcon p img {
	width: auto !important; height: auto !important; max-width: 100%;
}
@media all and (max-width:768px)
{
.product-detail-tab .product-detail-tabli {
	height: 35px;
}
.product-detail-tab .product-detail-tabli li {
	line-height: 33px; font-size: 13px;
}
}
@media all and (max-width:420px)
{
.product-detail-tab .product-detail-tabli {
	height: 30px;
}
.product-detail-tab .product-detail-tabli li {
	line-height: 28px; font-size: 12px;
}
}
.xypg-sitemap .map_title {
	border-width: 1px 1px 2px; border-style: solid; border-color: rgb(214, 219, 225) rgb(214, 219, 225) rgb(204, 204, 204); border-image: none; color: rgb(102, 102, 102); line-height: 40px; text-indent: 20px; font-size: 16px; background-color: rgb(245, 248, 250);
}
.xypg-sitemap .map_list {
	padding: 0px 5px; line-height: 30px; margin-top: 8px; margin-bottom: 8px;
}
.xypg-sitemap .map_list a {
	padding: 4px; color: rgb(102, 102, 102); font-size: 14px; white-space: nowrap;
}
.xypg-sitemap .map_list a:hover {
	padding: 4px; color: rgb(59, 99, 159); text-decoration: none;
}
.xypg-sitemap .map_list .layer1 {
	margin-bottom: 10px;
}
.xypg-sitemap .map_list h3 {
	line-height: 36px; margin-bottom: 10px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: dashed;
}
.xypg-sitemap .map_list h3 a {
	font-weight: normal;
}
.xypg-sitemap .map_list .layer2 a {
	color: rgb(153, 153, 153);
}
.xypg-sitemap .map_list .layer2 a:hover {
	color: rgb(59, 99, 159); text-decoration: none;
}
.cover-item {
	margin-bottom: 20px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 3px; border-bottom-style: double;
}
.cover-item a {
	display: block;
}
.cover-item .img {
	padding: 1px; border: 1px solid rgb(221, 221, 221); border-image: none; float: left;
}
.cover-item .img img {
	width: 100%;
}
.cover-item .item-first {
	margin-bottom: 20px; position: relative;
}
.cover-item .item-first .img {
	width: 30%; margin-right: 20px;
}
.cover-item .item-first .wz {
	overflow: hidden;
}
.cover-item .item-first .wz h3 {
	color: rgb(51, 51, 51); line-height: 2; font-size: 18px;
}
.cover-item .item-first .wz .info {
	color: rgb(102, 102, 102); line-height: 1.7; font-size: 14px;
}
.cover-item .item-first .wz .more {
	background: rgb(102, 102, 102); width: 100px; text-align: center; right: 0px; bottom: 0px; color: rgb(255, 255, 255); line-height: 30px; font-size: 14px; position: absolute;
}
.cover-item .item-list a {
	margin-bottom: 10px;
}
.cover-item .item-list .img {
	float: none;
}
.cover-item .item-list h4 {
	text-align: center; color: rgb(51, 51, 51); line-height: 30px; font-size: 14px;
}
@media all and (max-width:768px)
{
.cover-item .item-first .img {
	width: 100%; text-align: center; margin-bottom: 10px; float: none;
}
.cover-item .item-first .wz .more {
	margin-top: 10px; display: block; position: static;
}
}
.sort_a {
	overflow: hidden;
}
.sort_a .layer1 {
	padding: 15px 0px; border-bottom-color: rgb(167, 184, 212); border-bottom-width: 1px; border-bottom-style: dashed; position: relative; z-index: 1;
}
.sort_a .layer1 .img {
	padding: 5px; border: 1px solid rgb(221, 221, 221); border-image: none; float: left;
}
.sort_a .layer1 .img img {
	width: 191px; height: 153px;
}
.sort_a .layer1 .img_right {
	width: 560px; float: right;
}
.sort_a .layer1 .img_right h3 {
	font: bold 14px/36px "Microsoft YaHei"; font-size-adjust: none; font-stretch: normal;
}
.sort_a .layer1 .img_right span {
	line-height: 25px; display: block;
}
.sort_a .layer1 .pro_more {
	background: rgb(102, 102, 102); font: bold 24px/24px "Microsoft YaHei"; width: 110px; height: 28px; right: 0px; bottom: 15px; color: rgb(255, 255, 255); padding-left: 10px; position: absolute; font-size-adjust: none; font-stretch: normal;
}
.sort_a .layer1 .pro_more span {
	float: left;
}
.sort_a .layer1 .pro_more a {
	font: 12px/28px "Microsoft YaHei"; color: rgb(255, 255, 255); padding-right: 15px; display: inline-block; font-size-adjust: none; font-stretch: normal;
}
.sort_a .layer1 .pro_more a:hover {
	color: rgb(250, 241, 4); text-decoration: none;
}
.sort_a .abb_product {
	border-width: medium 1px 1px; border-style: none dashed dashed; border-color: currentColor rgb(167, 184, 212) rgb(167, 184, 212); border-image: none; padding-top: 15px;
}
.productcates {
	padding-top: 10px;
}
.catemore {
	color: rgb(0, 128, 217); overflow: hidden; margin-top: 6px; position: relative;
}
.catemore h2 {
	font: bold 15px/36px "Microsoft YaHei"; width: 360px; float: left; font-size-adjust: none; font-stretch: normal;
}
.catemore a {
	font: 14px/36px "Microsoft YaHei"; color: rgb(68, 68, 68); padding-right: 28px; float: right; font-size-adjust: none; font-stretch: normal;
}
.catemore a:hover {
	color: rgb(0, 128, 217); text-decoration: none;
}
.product-comment-list {
	overflow: hidden; position: relative;
}
#commentList li {
	padding: 10px 10px 20px; overflow: hidden; margin-bottom: 15px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
.user-column {
	width: 100px; float: left;
}
.user-column img {
	border-radius: 50%; height: 50px; max-width: 50px;
}
.user-name {
	color: rgb(51, 51, 51); padding-top: 5px; display: block;
}
.comment-content {
	overflow: hidden; margin-left: 120px; position: relative;
}
.comment-stars i {
	background: url("../images/star-h.png") no-repeat center; width: 18px; height: 18px; vertical-align: middle; display: none;
}
.comment-stars i.shows {
	display: inline-block;
}
.comment-stars span {
	top: 5px; right: 0px; color: rgb(153, 153, 153); position: absolute;
}
.comment-text {
	padding: 5px 0px; line-height: 22px;
}
.comment-recovery {
	color: rgb(136, 136, 136); line-height: 22px; padding-top: 10px; margin-top: 10px; border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: dashed;
}
.comment-recovery span {
	color: rgb(255, 153, 0);
}
.no-content-icon {
	text-align: center; color: rgb(153, 153, 153); line-height: 50px; padding-top: 40px;
}
.no-content-icon .iconfont {
	font-size: 60px;
}
.holder {
	margin: 15px 0px; text-align: center;
}
.holder a {
	margin: 0px 5px; padding: 3px 12px; border: 1px solid rgb(239, 239, 239); border-image: none; color: rgb(51, 51, 51); font-size: 12px; display: inline-block; cursor: pointer;
}
.holder a:hover {
	color: rgb(255, 255, 255); background-color: rgb(34, 34, 34);
}
.holder a.jp-previous {
	margin-right: 15px;
}
.holder a.jp-next {
	margin-left: 15px;
}
.holder a.jp-current {
	color: rgb(255, 66, 66); font-weight: bold;
}
a.jp-current:hover {
	color: rgb(255, 66, 66); font-weight: bold;
}
.holder a.jp-disabled {
	color: rgb(187, 187, 187);
}
a.jp-disabled:hover {
	color: rgb(187, 187, 187);
}
.holder a.jp-current {
	background: none; cursor: default;
}
a.jp-current:hover {
	background: none; cursor: default;
}
.holder a.jp-disabled {
	background: none; cursor: default;
}
a.jp-disabled:hover {
	background: none; cursor: default;
}
.holder span {
	margin: 0px 5px;
}
.tagdescription {
	background: rgb(239, 239, 239); padding: 10px; border: 1px solid rgb(204, 204, 204); border-image: none; line-height: 1.7; font-size: 14px; margin-top: 15px; margin-bottom: 20px;
}
.tag-all a {
	padding: 5px 8px; color: rgb(102, 102, 102); text-decoration: none; margin-right: 5px; margin-bottom: 10px; display: inline-block; background-color: rgb(242, 242, 242);
}
.tag-all a:hover {
	background-color: rgb(221, 221, 221);
}
.tag-menu {
	border-radius: 5px; border: 1px solid rgb(239, 239, 239); border-image: none; overflow: hidden;
}
.tag-menu li {
	padding: 0px 20px; text-align: center; line-height: 40px; float: left; list-style-type: none;
}
.tag-menu li a {
	color: rgb(102, 102, 102); font-size: 16px;
}
.tag-menu li a:hover {
	color: rgb(171, 0, 26);
}
.tag-menu li.active a {
	color: rgb(171, 0, 26);
}
.tag-notice {
	padding: 0px 10px; line-height: 40px; margin-top: 10px;
}
.tag-item {
	padding: 15px 0px; color: rgb(102, 102, 102); font-size: 14px; margin-top: 10px; border-bottom-color: rgb(214, 219, 225); border-bottom-width: 1px; border-bottom-style: solid;
}
.tag-item span {
	color: rgb(41, 46, 57);
}
.tag-category {
	margin-bottom: 20px;
}
.tag-category span {
	color: rgb(0, 0, 0); font-size: 16px; display: inline-block;
}
.tag-category a {
	padding: 0px 15px; border-radius: 5px; border: 1px solid rgb(225, 225, 225); border-image: none; color: rgb(51, 51, 51); line-height: 25px; margin-right: 10px; display: inline-block;
}
.tag-category a:hover {
	background: rgb(41, 46, 57); color: rgb(255, 255, 255);
}
.tag-list-product li {
	padding-bottom: 20px; margin-bottom: 20px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid;
}
.tag-list-product li:last-child {
	padding-bottom: 0px; border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
.tag-list-product .tag-img {
	width: 220px; margin-right: 20px; float: left;
}
.tag-list-product .tag-img .img {
	border: 1px solid rgb(225, 225, 225); border-image: none; display: block;
}
.tag-list-product .tag-img .img img {
	width: 100%;
}
.tag-list-product .tag-wz {
	overflow: hidden;
}
.tag-list-product .tag-wz h1 {
	line-height: 30px; font-size: 16px; font-weight: bold; margin-bottom: 5px;
}
.tag-list-product .tag-wz h1 a {
	color: rgb(0, 0, 0);
}
.tag-list-product .tag-wz .tab-fenli p {
	width: 50%; color: rgb(51, 51, 51); font-size: 14px; margin-bottom: 0px; float: left;
}
.tag-list-product .tag-wz .desp {
	margin: 5px 0px; height: 48px; color: rgb(102, 102, 102); line-height: 2; overflow: hidden; font-size: 12px;
}
@media all and (max-width:768px)
{
.tag-list-product .tag-img {
	width: 100%; text-align: center; margin-bottom: 10px; float: none;
}
.tag-list-product .tag-img .img img {
	width: auto; max-width: 100%;
}
.tag-list-product .tag-wz .tab-fenli p {
	width: 100%; float: none;
}
}
.xytag-title {
	line-height: 40px; font-size: 18px; margin-bottom: 10px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid;
}
.xytag-recom-product ul {
	margin: 0px -1%;
}
.xytag-recom-product li {
	margin: 0px 1%; width: 18%; overflow: hidden; float: left; position: relative;
}
.xytag-recom-product li img {
	transition:0.5s; width: 100%; -webkit-transition: all .5s ease;
}
.xytag-recom-product li .zz-bg {
	background: rgba(0, 0, 0, 0.5); transition:0.5s; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; opacity: 0; transform: translateY(100%); -webkit-transition: all .5s ease; -webkit-transform: translateY(100%);
}
.xytag-recom-product li .zz-bg h2 {
	margin: auto; left: 0px; top: 0px; width: 100%; height: 30px; text-align: center; right: 0px; bottom: 0px; color: rgb(255, 255, 255); line-height: 30px; font-size: 16px; position: absolute; z-index: 9;
}
.xytag-recom-product li:hover img {
	transform: scale(1.1); -webkit-transform: scale(1.1);
}
.xytag-recom-product li:hover .zz-bg {
	opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0);
}
.input-box {
	position: relative;
}
.input-box .placeholder {
	top: 10px; color: rgb(153, 153, 153); font-size: 14px; position: absolute; z-index: 10;
}
#message-form .input-box .placeholder {
	top: 8px;
}
#job-detail-form .input-box .placeholder {
	top: 8px;
}
.x-header-right .input-box .placeholder {
	left: 50px !important; top: 5px;
}
.code-group .input-box {
	width: 32.29%; float: left;
}
.code-group .input-box #checkcode {
	width: 100%; float: none;
}
.xypg-left-nav li .layer2{position:absolute;left:230px;top:0px;width:210px;background: #0a57ae;z-index:9999;}
.xypg-left-nav li .layer2 li{overflow:hidden;}
.xypg-left-nav li .layer2 li a{padding-left:20px;line-height: 40px;color:#fff;}
.xypg-left-nav li .layer2 li a:hover{text-decoration:none;color:#fff;}
.xypg-left-nav li .layer2 li .layer3 li{margin:6px 0px;line-height: 24px;padding-left: 10px;}
.xypg-left-nav li .layer2 li .layer3 li a{font:normal 12px/24px "微软雅黑";background:none;}
.xypg-left-nav li .layer2 li .layer3 li .layer4 li{margin:6px 0px;line-height: 24px;padding-left: 15px;}
.xypg-left-nav li .layer2 li .layer3 li .layer4 li a{font:normal 12px/24px "微软雅黑";background:none;}