@charset "utf-8";
/* CSS Document */
@font-face{font-family:'BebasNeue';src:url(/template/cn/fonts/BebasNeue.ttf) format('truetype'),url(/template/cn/fonts/BebasNeue.eot) format('eot'),url(/template/cn/fonts/BebasNeue.woff) format('woff'),url(/template/cn/fonts/BebasNeue.woff2) format('woff2')}.container{width:1550px}.images-box{overflow:hidden;position:relative}
.images-box img{transition:1s ease;-webkit-transition:1s ease;-moz-transition:1s ease;-ms-transition:1s ease;-o-transition:1s ease}
.images-box:hover img{transform:translate(0,0) rotate(0) scale(1.1,1.1) skew(0,0) rotateX(0) rotateY(0);-webkit-transform:translate(0,0) rotate(0) scale(1.1,1.1) skew(0,0) rotateX(0) rotateY(0);-moz-transform:translate(0,0) rotate(0) scale(1.1,1.1) skew(0,0) rotateX(0) rotateY(0);-ms-transform:translate(0,0) rotate(0) scale(1.1,1.1) skew(0,0) rotateX(0) rotateY(0);-o-transform:translate(0,0) rotate(0) scale(1.1,1.1) skew(0,0) rotateX(0) rotateY(0)}.scroll-box{overflow:hidden;position:relative}.scroll-box ul{width:9999px}.scroll-box ul li{float:left}h1,h2,h3,h4,h5{font-weight:500}
.clearfix:before,.clearfix:after{display:table;content:" "}
.clearfix:after{height:0;clear:both;visibility:hidden}
.ui.container{padding:0 15px;position:relative}.ui.container>.item{padding-left:0;padding-right:0}
.ui.menu{border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border:none;margin:0;box-shadow:0 0 0 0 #fff;-webkit-box-shadow:0 0 0 0 #fff;-moz-box-shadow:0 0 0 0 #fff;-ms-box-shadow:0 0 0 0 #fff;-o-box-shadow:0 0 0 0 #fff;min-height:auto;background:0 0}.ui.header:first-child{margin-top:0}.ui.header{margin:0;font-weight:500}.item{border-left:none!important;border-right:none!important}.item:before,.item:after{display:none!important}#mobile{position:fixed;top:0;right:-280px;width:280px;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;z-index:22;height:100%}#mobile:before{content:'';width:200%;height:100%;position:fixed;top:0;left:100%;display:block;background:rgba(0,0,0,.13);z-index:-1;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}#mobile .mobile-logo{position:absolute;left:100%;width:100vw;height:40px;line-height:40px;text-align:center;background:#111;-o-box-shadow:0 0 10px rgba(255,255,255,.2);-webkit-box-shadow:0 0 10px rgba(255,255,255,.2);box-shadow:0 0 10px rgba(255,255,255,.2);display:none}
#mobile .mobile-logo img{max-height:30px;margin:0 auto;display:inline-block;vertical-align:middle}
#mobile #menu-on{width:40px;height:40px;background:#f5f5f5;position:absolute;left:0;top:0;cursor:pointer;cursor:hand;z-index:1}
#mobile #menu-on i{width:23px;height:2px;background:#222;display:block;position:absolute;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;-webkit-transform-origin:left center;-moz-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}#mobile #menu-on i.line1{top:12px}#mobile #menu-on i.line2{top:19px}#mobile #menu-on i.line3{top:26px}#mobile .menu-content{width:100%;height:100%;display:block;background:#222;padding:40px 10% 60px;overflow-y:auto;color:#fff}#mobile .menu-content::-webkit-scrollbar{width:3px;border-radius:1.5px}#mobile .menu-content::-webkit-scrollbar-button{display:none}#mobile .menu-content::-webkit-scrollbar-track{background-color:#222}#mobile .menu-content::-webkit-scrollbar-thumb{background-color:#eee}#mobile .menu-content h3{font-size:20px;color:inherit;text-transform:capitalize;margin-bottom:10px}#mobile .menu-content h3 i{font-size:16px;position:relative;top:-1px}#mobile .menu-content .menu-logo{display:block}#mobile .menu-content .menu-logo img{margin:0 auto}#mobile .menu-content .menu-list{margin:40px 0}#mobile .menu-content .menu-list ul li{font-size:15px;color:inherit;text-transform:uppercase;line-height:20px}#mobile .menu-content .menu-list ul li a{padding:8px 0;display:block}#mobile .menu-content .menu-list ul li a:hover{color:#0088ce;text-decoration:underline}#mobile .menu-content .menu-list ul li li a{position:relative;padding-left:15px;font-size:13px;line-height:18px}#mobile .menu-content .menu-list ul li li a:after{content:'';width:6px;height:1px;background:#fff;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}#mobile .menu-content .menu-list ul li li li a{padding-left:25px}#mobile .menu-content .menu-list ul li li li a:after{width:12px}#mobile .menu-content .mob-search form{position:relative}#mobile .menu-content .mob-search form input{width:100%;height:45px;line-height:45px;border-radius:5px;border:none;padding:0 15px;font-size:14px;color:#000}#mobile .menu-content .mob-search form input[type=submit]{width:45px;height:45px;background:url("/template/cn/images/icon-search-white.png") no-repeat center center #222;position:absolute;right:0;top:0;border-radius:0}#mobile .menu-content .mob-yuy{margin:40px 0}#mobile .menu-content .mob-yuy ul li{margin-bottom:10px;color:inherit;font-size:14px}#mobile .menu-content .mob-yuy ul li img{max-width:40px;display:inline-block;vertical-align:middle;margin-right:10px}#mobile .menu-content .mob-share ul li{width:30px;height:30px;border-radius:3px;background:#333;display:inline-block;text-align:center;line-height:30px;color:#fff;font-size:14px;margin-right:3px;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}#mobile .menu-content .mob-share ul li:hover{background:#0088ce}#mobile .menu-content #menu-off{margin-top:40px;cursor:pointer;cursor:hand}#mobile.active{right:0}#mobile.active:before{left:0}#mobile.active #menu-on i.line1{-webkit-transform:translateX(-50%) rotateZ(45deg);-moz-transform:translateX(-50%) rotateZ(45deg);-ms-transform:translateX(-50%) rotateZ(45deg);transform:translateX(-50%) rotateZ(45deg);top:12px;margin-left:3px}#mobile.active #menu-on i.line2{opacity:0}#mobile.active #menu-on i.line3{-webkit-transform:translateX(-50%) rotateZ(-45deg);-moz-transform:translateX(-50%) rotateZ(-45deg);-ms-transform:translateX(-50%) rotateZ(-45deg);transform:translateX(-50%) rotateZ(-45deg);top:28px;margin-left:3px}#mobile.white .mobile-logo{-o-box-shadow:0 0 10px rgba(0,0,0,.2);-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2);background:#fff}#mobile.white .menu-content{background:#fff;color:#000}#mobile.white .menu-content .menu-list ul li li a:after{background:#000}#mobile.white .menu-content .mob-search form input{border:1px solid #000}#mobile.white .menu-content .mob-search form input[type=submit]{border-top-right-radius:5px;border-bottom-right-radius:5px}#header .menu-btn{display:inline-block;vertical-align:middle;cursor:hand;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-top:20px}#header .menu-btn span{width:38px;display:block}#header .menu-btn span i{display:block;height:6px;border-radius:3px;background:#000;position:relative;overflow:hidden;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}#header .menu-btn span i:nth-child(2){margin:9px 0}#header .menu-btn span i:after{content:'';width:0;height:100%;position:absolute;left:0;top:0;background:#0088ce;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}#header .menu-btn:hover span i:after{width:45%}#header .menu-btn:hover span i:nth-child(2):after{width:75%}#header .menu-btn:hover span i:nth-child(3):after{width:55%}#header{position:relative;background:#fff;left:0;top:0;width:100%;z-index:99;transition:.5s ease;-webkit-transition:.5s ease;-moz-transition:.5s ease;-ms-transition:.5s ease;-o-transition:.5s ease}#header.h-header{position:fixed;box-shadow:0 0 10px 0 rgba(0,0,0,.1);-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.1);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,.1);-ms-box-shadow:0 0 10px 0 rgba(0,0,0,.1);-o-box-shadow:0 0 10px 0 rgba(0,0,0,.1)}#header .h-top{background:#000;height:50px;line-height:50px;padding:0 10%}#header .h-top .column p{line-height:50px;font-family:'BebasNeue'}#header .h-top .column .icon{padding-right:10px;position:relative}#header .h-top .column .icon .fa{font-size:18px;margin-right:12px;color:#fff}#header .h-top .column .icon:before{content:'';position:absolute;width:1px;height:18px;background:#474747;right:0;top:14px;z-index:3}#header .h-top .column .topbar-img img{margin:12px 0 0 15px}#header .h-top .column:nth-child(1) p a{color:#fff;padding:0 20px 0 0}#header .h-top .column:nth-child(1) p a .fa{color:#00aeec;margin-right:8px;font-size:16px}#header .h-top .column:nth-child(1) p a:nth-child(2){position:relative;padding-left:20px}#header .h-top .column:nth-child(1) p a:nth-child(2):after{content:'';position:absolute;width:1px;height:18px;background:#474747;left:0;top:-1px;z-index:3}#header .h-top .column:nth-child(1) p a:nth-child(2):before{content:'';position:absolute;width:1px;height:18px;background:#474747;right:0;top:-1px;z-index:3}#header .h-top .column:nth-child(1) p a:nth-child(3){padding-left:20px}#header .nav{position:relative;padding:20px 10%}#header .nav .h-search{cursor:pointer;position:absolute;right:0;top:0;z-index:99}#header .nav .h-search .fa{color:#333}#header .nav .search-box{line-height:normal;position:fixed;top:0;left:0;background:#fff;width:100%;height:100%;z-index:99999;display:none}#header .nav .search-box form{position:absolute;top:45%;left:50%;width:60%;margin-left:-30%}#header .nav .search-box form input{background:0 0;outline:none;border:none}#header .nav .search-box form input[type=text]{width:100%;border-bottom:1px solid #e1e1e1;font-size:26px;color:#000;padding:10px 0}#header .nav .search-box form input[type=submit]{width:22px;height:22px;background:url(/template/cn/images/tc-zoom.png) no-repeat;position:absolute;right:15px;top:20px}#header .nav .search-box form input[type=submit]:hover{opacity:.7;filter:alpha(opacity=70)}#header .nav .search-box .close{width:30px;height:30px;background:url(/template/cn/images/close.png) no-repeat;position:absolute;right:25px;top:15px;cursor:pointer}#header .nav .language{position:relative;height:80px;line-height:80px;margin-right:20px}#header .nav .language span{height:80px;display:block;cursor:pointer;color:#000;font-family:'Anton',sans-serif}#header .nav .language .sub-menu{position:absolute;top:100%;left:0;width:140px;background:#0088ce;text-align:left;z-index:101}#header .nav .language .sub-menu li{line-height:normal}#header .nav .language .sub-menu li a{font-size:15px;color:#fff;display:block;padding:10px 18px}#header .nav .language .sub-menu li:hover{background:#222}#header .nav .menu-box{padding:0;line-height:80px;height:80px;position:relative;padding-right:40px;padding-left:40px}#header .nav .menu-box .menu>li{display:inline-block;position:relative;text-transform:uppercase;margin:0 20px;vertical-align:top}#header .nav .menu-box .menu>li>a{font-size:16px;color:#333;display:block;position:relative;font-family:'Anton',sans-serif}#header .nav .menu-box .menu>li>a:after{transition:.3s ease;-webkit-transition:.3s ease;-moz-transition:.3s ease;-ms-transition:.3s ease;-o-transition:.3s ease;content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:#fff}#header .nav .menu-box .menu>li:hover>a{color:#333}#header .nav .menu-box .menu>li:hover>a:after{width:80%;left:10%}#header .nav .menu-box .menu>li .sub-menu{position:absolute;top:100%;left:0;width:180px;background:#0088ce;text-align:left;z-index:101;display:none}#header .nav .menu-box .menu>li .sub-menu li{transition:.2s ease-in;-webkit-transition:.2s ease-in;-moz-transition:.2s ease-in;-ms-transition:.2s ease-in;-o-transition:.2s ease-in;line-height:normal}#header .nav .menu-box .menu>li .sub-menu li a{font-size:15px;color:#fff;display:block;padding:10px 18px}#header .nav .menu-box .menu>li .sub-menu li:hover{background:#222}#header .nav .menu-box .menu>li.menu-item-19480 .sub-menu{width:250px}

/*BANNER样式开始*/

.banner {
	width:100%;
	height:538px;
	position:0;
	overflow:hidden;
	position:relative
}
.banner .d1 {
	width:100%;
	height:538px;
	display:block;
	position:absolute;
	left:0px;
	top:0px;
}
.banner .d2 {
	width:100%;
	height:20px;
	clear:both;
	position:absolute;
	z-index:100;
	right:100px;
	top:520px;
}
.banner .d2 ul {
	float:left;
	position:absolute;
	left:55%;
	top:0;
	display:inline;
}
.banner .d2 li {
	width:9px;
	height:9px;
	overflow:hidden;
	cursor:pointer;
	background:url(../img/ico.jpg) no-repeat center;
	float:left;
	margin:0 5px;
	display:inline;
}
.banner .d2 li.nuw {
	background:url(../img/ico1.jpg) no-repeat center;}
	
.mx1440 {
  max-width: 1470px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
}

p {
  margin: 0;
}



/**/
.tt {
  display: none;
}

.product-index .p-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 3.125vw 0;
}
.psort li{ width:300px;}

.product-index .p-title .pt1 b {
  display: block;
  color: #333333;
  font-size: 1.875vw;
}

.product-index .p-title .pt1 h3 {
  color: #727171;
  font-size: 1.04166666666667vw;
  padding-top: 10px;
}

.product-index .p-title .pt2 a {
  color: #666666;
  font-size: 16px;
}

.product-index .product-con1 {
  display: flex;
  justify-content: space-between;
}
.product-index .product-con{
  display: flex;
  justify-content: space-between;
}

.product-index .product-con .prol {
  width:100%;
}

.product-index .product-con .psort li {
  position: relative;
}

.product-index .product-con  .psort li a {
  display: block;
  color: #666666;
  font-size: 18px;
  line-height: 46px;
}

/*.product-index .product-con  .psort li.cur::before {
  content: "";
  position: absolute;
  right: 0; 
  width: 10px;
  height: 10px;
  border: 2px solid #000;
  border-radius: 50%;
  top: 50%;
  margin-top: -5px;
}*/

.product-index .product-con .psort li.cur a {
  font-weight: bold;
  color: #e94001;
}

.product-index .product-con .pror {
  width: 100%; margin-top:2%;

}

.product-index .product-con .pror .plist2 {
  display: flex;
  justify-content: space-between;
}

.product-index .product-con .pror .plist2 li {
  width:20%; margin:1%;
  box-shadow: 0 0 20px #000;
  position: relative;
}

.product-index .product-con .pror .plist2 li a {
  display: block;
}

.product-index .product-con .pror .plist2 li a .img1 img {
  width:100%;
}

.product-index .product-con .pror .plist2 li a .wz {
  /* position: absolute; */
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  color: #333333;
  font-size: 18px;
  font-weight: bold;
  border-bottom: 6px solid #fff;
  line-height: 4;
  overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.product-index .product-con .pror .plist2 li:hover a .wz {
  color: #e94001;
  border-bottom: 6px solid #e94001;
}



.tt2 {
  display: none;
}

.jjfa-bg {
  background: url(../img/bg_03.jpg) no-repeat top center; height:700px;}

.jjfa-bg .jjfa-index {
  position: relative;
}

.jjfa-bg .jjfa-index .jjfa-left {
  float: left;
  width: 27.08333333333333vw;
  background: #fff;
  position: absolute;
  left: 0;
  top: 80px;
  padding: 2.08333333333333vw 0;
  padding-left: 2.60416666666667vw;
  padding-right: 4.16666666666667vw;
}

.jjfa-bg .jjfa-index .jjfa-left .pt1 b {
  display: block;
  color: #333333;
  font-size: 1.875vw;
}

.jjfa-bg .jjfa-index .jjfa-left .pt1 h3 {
  color: #727171;
  font-size: 1.04166666666667vw;
  padding-top: 10px;
}

.jjfa-bg .jjfa-index .jjfa-left .jsort {
  padding: 1.30208333333333vw 0;
}

.jjfa-bg .jjfa-index .jjfa-left .jsort li {
  border-bottom: 1px solid #fff;
  background: url(//cdn.myxypt.com/3c2b84f7/21/10/795dfa359008a90c682fabdcac9e08df07f71287.png) no-repeat right center;
  margin-bottom: 0.3vw;
}

.jjfa-bg .jjfa-index .jjfa-left .jsort li a {
  display: block;
  color: #666666;
  font-size: 18px;
  line-height: 50px;
}

.jjfa-bg .jjfa-index .jjfa-left .jsort li.cur {
  border-bottom: 1px solid #e94001;
}

.jjfa-bg .jjfa-index .jjfa-left .jsort li.cur a {
  font-weight: bold;
  color: #e94001;
}

.jjfa-bg .jjfa-index .jjfa-left .j-more {
  background: url(../img/more.png) no-repeat left center;
  width: 184px;
  height: 42px;
  background-size: 184px 49px;
}

.jjfa-bg .jjfa-index .jjfa-left .j-more a {
  display: block;
  color: #e94001;
  font-weight: bold;
  text-align: center;
  line-height: 49px;
  font-size: 18px;
}

.jjfa-bg .jjfa-index .jjfa-right { margin-top:80px;
  float: right;
  width: calc(100% - 23.17708333333333vw);
}

.jjfa-bg .jjfa-index .jjfa-right .jjfa-list li .img1 img {
  width: 100%;
}	


/**/
.about-index {
  display: flex;
  justify-content: space-between;
  margin-top: 4.6875vw;
}

.about-index .aboutl {
  width: 37.76041666666667vw;
}

.about-index .aboutl .pt1 b {
  display: block;
  color: #333333;
  font-size: 1.875vw;
}

.about-index .aboutl .pt1 h3 {
  color: #727171;
  font-size: 1.04166666666667vw;
  padding-top: 10px;
}

.about-index .aboutl .ab1 {
  margin-top: 2.60416666666667vw;
}

.about-index .aboutl .ab1 p {
  color: #555555;
  font-size: 16px;
  line-height: 34px;
}

.about-index .aboutl .a-more {
  background: url(//cdn.myxypt.com/3c2b84f7/21/10/ad9e43504739fc12babeb36cdd4789f1784bd4f7.png) no-repeat top center;
  width: 184px;
  height: 49px;
  background-size: 184px 49px;
  margin-top: 3.90625vw;
}

.about-index .aboutl .a-more a {
  display: block;
  color: #e94001;
  font-size: 16px;
  line-height: 49px;
  text-align: center;
}

.about-index .aboutr {
  width: calc(100% - 42.44791666666667vw);
  margin-top: 2vw;
  max-width: 624px;
}

.about-index .aboutr .aboutr-list li {
  float: left;
  position: relative;
  margin-bottom: 12px;
  margin-left: 10px;
  overflow: hidden;
}

.about-index .aboutr .aboutr-list li .img1 img {
  width: 100%;
}

.about-index .aboutr .aboutr-list li .ww {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transition: 0.5s;
}

.about-index .aboutr .aboutr-list li .ww .w1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
}

.about-index .aboutr .aboutr-list li .ww .w1 b {
  font-family: "Arial";
  font-size: 2.5vw;
}

.about-index .aboutr .aboutr-list li .ww .w1 span {
  font-family: "Arial";
  font-size: 1.875vw;
}

.about-index .aboutr .aboutr-list li .ww .w2 {
  color: rgba(255, 255, 255, 0.7);
  font-size: 16px;
}

.about-index .aboutr .aboutr-list li:nth-of-type(2) {
  margin-top: 1.97916666666667vw;
}

.about-index .aboutr .aboutr-list li:nth-of-type(3) {
  margin-top: 7.1875vw;
  float: right;
}

.about-index .aboutr .aboutr-list li:nth-of-type(4) {
  margin-top: -1.97916666666667vw;
}

.about-index .aboutr .aboutr-list li:hover .ww {
  background: rgba(127, 34, 0, 0.6);
  bottom: 0;
}


/**/
.ad-bg {  background:url(../img/abbg.jpg) no-repeat top  center;
 background-size: 100% 100%;
  padding: 3.33333333333333vw 0;
  margin-top: 4.6875vw;
}

.ad-bg .ad-index .ad-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ad-bg .ad-index .ad-list li {
  text-align: center;
  width: 25%;
  height: 285px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transition: all 0.6s ease;
}

.ad-bg .ad-index .ad-list li + li {
  border-left: 1px solid rgba(255, 255, 255, 0.12);
}

.ad-bg .ad-index .ad-list li .img1 img {
  max-width: 100%;
}

.ad-bg .ad-index .ad-list li .w1 {
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
  padding-top: 20px;
}

.ad-bg .ad-index .ad-list li .w2 {
  background: url(//cdn.myxypt.com/3c2b84f7/21/10/7caf3dae68302c0fee86ee3ff55839ffabd0652f.png) no-repeat top center;
  width: 21px;
  height: 17px;
  margin: 0 auto;
  background-size: 21px 17px;
  margin-top: 30px;
}

.ad-bg .ad-index .ad-list li .w3 {
  color: #e0e0e0;
  font-size: 15px;
  line-height: 28px;
  margin-top: 30px;
  display: none;
}

.ad-bg .ad-index .ad-list li:hover{
  transform:translateY(10px)
}

.ad-bg .ad-index .ad-list li:hover .img1 img {
  filter: invert(44%) sepia(97%) saturate(6208%) hue-rotate(14deg) brightness(98%) contrast(101%);
}

.ad-bg .ad-index .ad-list li:hover .w2 {
  display: none;
  transition: all 0.6s ease;
}

.ad-bg .ad-index .ad-list li:hover .w3 {
  display: block;
  transition: all 0.6s ease;
}

@media (max-width: 768px) {
  .ad-bg .ad-index .ad-list {
    flex-wrap: wrap;
  }
  .ad-bg .ad-index .ad-list li {
    width: 46%;
    height: auto;
    padding: 0 10px;
    margin-bottom: 10px;
  }
  .ad-bg .ad-index .ad-list li + li {
    border: none;
  }
  .ad-bg .ad-index .ad-list li .img1 img {
    max-width: 20%;
  }
  .ad-bg .ad-index .ad-list li .w1 {
    font-size: 14px;
    padding-top: 5px;
  }
  .ad-bg .ad-index .ad-list li .w2 {
    margin-top: 10px;
  }
  .ad-bg .ad-index .ad-list li .w3 {
    display: block;
    font-size: 12px;
    line-height: 1.5;
    margin-top: 5px;
  }
}

/**/

/**/

.tab-con { position: relative; }
.tab-con .news-con { position: absolute; left: 0; top: 0; z-index: 9; right: 0;}
.tab-con .news-con { opacity: 0; visibility: hidden; transition: all .5s ease; }
.tab-con .news-con.active { position: static; opacity: 1; visibility: visible;  }


.news-index .n-title {
  padding: 3.64583333333333vw 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.news-index .n-title .nt1 {
  font-weight: bold;
  color: #333333;
  font-size: 1.875vw;
}

.news-index .n-title .nt .nsort li {
  display: inline-block;
  color: #666666;
  margin-left: 2.91666666666667vw;
  border-bottom: 3px solid #fff;
}

.news-index .n-title .nt .nsort li a {
  display: block;
  color: #666666;
  font-size: 18px;
  line-height: 2;
}

.news-index .n-title .nt .nsort li.active {
  border-bottom: 3px solid #e94001;
}

.news-index .n-title .nt .nsort li.active a {
  font-weight: bold;
  color: #e94001;
}

.news-index .news-con {
  display: flex;
  justify-content: space-between;
}

.news-index .news-con .newsl {
  width: 35.20833333333333vw;
}

.news-index .news-con .newsl .nlist1 li {
  position: relative;
}

.news-index .news-con .newsl .nlist1 li .img1 img {
  width: 100%;
}

.news-index .news-con .newsl .nlist1 li .ww {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.44);
  padding: 1.97916666666667vw;
  display: flex;
  justify-content: space-between;
}

.news-index .news-con .newsl .nlist1 li .ww .date {
  color: #fff;
  text-align: center;
  margin-right: 10px;
}

.news-index .news-con .newsl .nlist1 li .ww .date .d1 {
  font-size: 24px;
  font-family: "Arial";
}

.news-index .news-con .newsl .nlist1 li .ww .date .d2 {
  font-size: 14px;
  font-family: "Arial";
}

.news-index .news-con .newsl .nlist1 li .ww .wz b {
  display: block;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.news-index .news-con .newsl .nlist1 li .ww .wz h4 {
  color: #ffffff;
  font-size: 16px;
  line-height: 28px;
  padding-top: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.news-index .news-con .newsr {
  width: calc(100% - 38.33333333333333vw);
}

.news-index .news-con .newsr .nlist2 li {
  padding: 1.1625vw 0;
}

.news-index .news-con .newsr .nlist2 li a {
  display: flex;
  justify-content: space-between;
}

.news-index .news-con .newsr .nlist2 li a .date {
  text-align: center;
  width: 6.45833333333333vw;
}

.news-index .news-con .newsr .nlist2 li a .date .d1 {
  color: #333333;
  font-size: 24px;
  font-family: "Arail";
}

.news-index .news-con .newsr .nlist2 li a .date .d2 {
  color: #666666;
  font-size: 14px;
  font-family: "Arail";
}

.news-index .news-con .newsr .nlist2 li a .wz {
  width: calc(100% - 6.45833333333333vw);
}

.news-index .news-con .newsr .nlist2 li a .wz .w1 {
  color: #333333;
  font-weight: bold;
  font-size: 18px;
}

.news-index .news-con .newsr .nlist2 li a .wz .w2 {
  color: #999999;
  font-size: 16px;
  line-height: 28px;
  margin-top: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.news-index .news-con .newsr .nlist2 li:hover {
  background: #f5f5f5;
}

.news-index .news-con .newsr .nlist2 li:hover a .wz .w1 {
  color: #e94001;
}

/**/
.foot-bg { background:url(../img/fbg.jpg) no-repeat top center;
  background-size: 100% 100%; margin-top:30px;
  border-top:10px solid #e94001;
  padding: 3% 0 0;
}

.foot-bg .foot-index {
  display: flex;
  justify-content: space-between;
}

.foot-bg .foot-index .foot1 {
  display: flex;
  justify-content: space-between;
  width: 41.97916666666667vw;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.foot-bg .foot-index .foot1 dl {
  width: 33%;
}

.foot-bg .foot-index .foot1 dl dt {
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  padding-bottom: 1.5625vw;
}

.foot-bg .foot-index .foot1 dl dd a {
  display: block;
  color: rgba(255, 255, 255, 0.7);
  line-height: 30px;
  transition: all .3s;
  font-size: 14px;
}
.foot-bg .foot-index .foot1 dl dd a:hover{
   color: rgba(255, 255, 255, 1); 
} 
.foot-bg .foot-index .lx h3 {
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  padding-bottom: 1.5625vw;
}

.foot-bg .foot-index .lx p {
  color: rgba(255, 255, 255, 0.8);
  line-height: 34px;
  font-size: 14px;
}

.foot-bg .foot-index .erq {
  margin-top: 2vw;
}

.foot-bg .foot-index .erq p {
  text-align: center;
  color: #fff;
  line-height: 2;
}

.foot-bg .foot-index .erq p img {
  max-width: 100%;
}

.foot-bg .cop-bg {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin-top: 2.60416666666667vw;
  padding: 1.5625vw 0;
}

.foot-bg .cop-bg .cop-index {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.foot-bg .cop-bg .cop-index .copl {
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
  line-height: 24px;
}

.foot-bg .cop-bg .cop-index .copl a {
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
}

/*内页样式开始*/

/*内页*/
.page-wrap {
  /* background: #ffffff; */
  padding-bottom: 3.38541667%;
 background: #f2f2f2;
}

@media (min-width: 990px) {
  .page-wrap-left {
    float: left;
    width: 305px;
    margin-right: 4.16666667%;
  }
}

.xypg-left-box {
  margin-bottom: 20px;
}

.xypg-left-title {
  background: #292e39;
  padding: 10px 20px;
  position: relative;
}

.xypg-left-title h3 {
  font-size: 20px;
  color: #ffffff;
  line-height: 30px;
  font-weight: bold;
  position: relative;
  z-index: 9;
}

.xypg-left-title i {
  position: absolute;
  left: -5px;
  top: -9px;
  font-style: normal;
  font-size: 67px;
  font-weight: bold;
  opacity: .1;
  color: #fff;
  line-height: 1;
  z-index: 1;
  text-transform: uppercase;
}

.xypg-left-title span {
  font-weight: normal;
  font-size: 16px;
  color: #fff;
  opacity: .6;
  margin-left: 10px;
  text-transform: capitalize;
}

.xypg-left-title span:before {
  content: "/";
  padding-right: 5px;
}

.xypg-left-con {
  border: 1px solid #d2d2d2;
  border-top: none;
}


.xypg-left-con {
  background: #fff;
  border: none;
  padding: 0 18px;
}

.yili .xypg-left-title {
  /* background: url(//cdn.myxypt.com/3c2b84f7/21/12/b1e77095ffe4fd076de166c4599a08fb8ae49b6d.png) no-repeat top center; */
  background: #e94001;
  background-size: 100% 100%;
  height: 100px;
  padding: 0;
}

.yili .xypg-left-title h3 {
  line-height: 100px;
  text-indent: 26px;
  color: #fff;
}

.yili .xypg-left-title span {
  display: none;
}

.xypg-left-nav {
  padding-bottom: 30px;
}

.xypg-left-nav > li {
  border-bottom: 1px dashed #e1e1e1;
  position: relative;
}

.xypg-left-nav > li:last-child {
  border-bottom: 1px dashed #e1e1e1;
}

.xypg-left-nav > li::before {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-left: 8px solid #cdcdcd;
  border-bottom: 5px solid transparent;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -2.5px;
}

.xypg-left-nav > li > a {
  font-size: 15px;
  padding: 0;
  line-height: 46px;
  transition: 0.6s;
}

.xypg-left-nav > li .first-nav-btn {
  display: none;
}

.xypg-left-nav > li:hover::before {
  border-left: 8px solid #e94001;
}

.xypg-left-nav > li:hover > a,
.xypg-left-nav > li.clicked > a {
  transform: translateX(10px);
}

.xypg-left-title {
  background: #fff;
}

.xypg-left-title h3 {
  color: #333333;
}

.xypg-left-contact .xypg-left-title,
.xypg-left-keys .xypg-left-title,
.xypg-left-news .xypg-left-title {
  padding: 14px 20px;
  position: relative;
  padding-left: 38px;
}

.xypg-left-contact .xypg-left-title:before,
.xypg-left-keys .xypg-left-title:before,
.xypg-left-news .xypg-left-title:before {
  content: '';
  position: absolute;
  left: 20px;
  top: 20px;
  width: 5px;
  height: 20px;
  background: #e94001;
}

.xypg-left-contact .xypg-left-title:after,
.xypg-left-keys .xypg-left-title:after,
.xypg-left-news .xypg-left-title:after {
  content: '';
  position: absolute;
  width: 240px;
  height: 1px;
  background: #f2f2f2;
  left: 20px;
  bottom: 0;
}

.xypg-left-contact .xypg-left-title h3,
.xypg-left-keys .xypg-left-title h3,
.xypg-left-news .xypg-left-title h3 {
  font-size: 21px;
  font-weight: 400;
}

.page-position {
  padding: 16px 0;
  font-size: 14px;
  color: #666666;
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 30px;
  position: relative;
  padding-left: 30px;
}

.page-position:before {
  content: '';
  position: absolute;
  top: 16px;
  left: 0;
  width: 18px;
  height: 18px;
  background: url(//cdn.myxypt.com/3c2b84f7/21/12/72fc11162a18e4635a1ded8926a86af132b8e236.png) no-repeat center left;
}

.page-position a {
  color: #666666;
}

.page-position a:hover {
  color: #e94001;
}





/*nabout*/
.xypg-left-title-about h3 {
  text-align: center;
  color: #333333;
  font-size: 30px;
}

.xypg-left-nav-about {
  text-align: center;
  margin: 30px auto;
}

.xypg-left-nav-about li {
  display: inline-block;
  width: 10%;
  background: #fff;
  line-height: 42px;
  margin: 0 5px;
  position: relative;
}

.xypg-left-nav-about li::before {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -2.5px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 8px solid #e94001;
  display: none;
}

.xypg-left-nav-about li a {
  display: block;
  color: #666666;
  font-size: 16px;
}

.xypg-left-nav-about li:hover {
  background: #e94001;
}

.xypg-left-nav-about li:hover::before {
  display: block;
}

.xypg-left-nav-about li:hover a {
  color: #fff;
}


.page-wrap-right {
  overflow: hidden;
}
.page-wrap-right .xypg-right-content p img {
  max-width: 100%;
}

.latest-news {
  padding: 10px 0;
}

.latest-news li {
  padding: .5em 1em;
  font-size: 14px;
}

.latest-news li a {
  display: block;
  line-height: 1.2;
  color: #5a5a5a;
}

.latest-news li a:before {
  content: '+';
  font-weight: bold;
  margin-right: 5px;
  font-size: 16px;
}

.latest-news li a:hover {
  color: #ab001a;
}

.latest-news li a:hover:before {
  color: #ab001a;
}

.hot-keys li{ line-height:200%}

.page-wrap-contact p {
  border-top: 1px solid #eee;
  position: relative;
  margin-bottom: 0;
  padding: .8em 1.4em;
  color: #2f2f2f;
}

.page-wrap-contact {
  padding: 10px 0;
  font-size: 14px;
}

.page-wrap-contact h4 {
  padding: .3em 1.4em .8em 1.4em;
  font-size: 16px;
  color: #000000;
}

.page-wrap-right .xypg-right-content p img {
  max-width: 100%;
}

.xypg-product-list li { float:left; width:26%; margin:15px;}
.xypg-product-list li h3{ text-align:center;}
.xypg-product-list li h3 a {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.x-product-list li .img img {
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.x-product-list li .img:hover img, .x-case-item .img:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}


/*产品详情*/
.page-product-detail-effect {
  float: left;
  width: 42.61%;
}

.page-product-detail-effect .big-img {
  border: 1px solid #eee;
}

.page-product-detail-effect .big-img a {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  font-size: 0;
}

.page-product-detail-effect .big-img a img {
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.page-product-detail-effect .big-img a:after {
  content: '';
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.page-product-detail-right {
  width: 50%;
  float: right;
}

.page-product-detail-right > h1 {
  font-size: 22px;
  color: #0d0d0d;
  margin-bottom: 20px;
}

.product-detail-item li {
  font-size: 14px;
  line-height: 30px;
  color: #777272;
}

.product-detail-slick {
  position: relative;
  margin-top: 20px;
}

.product-detail-slick a.slick-item {
  display: block;
  text-align: center;
  width: 100%;
  height: 95px;
  font-size: 0;
  border: 1px solid #eee;
  position: relative;
}

.product-detail-slick a.slick-item img {
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.product-detail-slick a.slick-item:after {
  content: '';
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.product-detail-slick a.slick-item.active {
  border-color: #ab001a;
}

.product-detail-slick .owl-nav button {
  position: absolute;
  width: 27px;
  height: 27px;
  background: rgba(37, 37, 37, 0.6) !important;
  border-radius: 50%;
  text-align: center;
  line-height: 27px;
  top: 50%;
  margin-top: -13.5px;
  z-index: 9;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  outline: none;
  border: none;
}

.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: 0;
}

.product-detail-slick .owl-prev:after {
  background-position: 0 0;
}

.product-detail-slick .owl-next {
  right: 0;
}

.product-detail-slick:hover .owl-nav button {
  opacity: 1;
}

.page-product-inquiry {
  margin-top: 30px;
}

.page-product-inquiry a {
  font-size: 16px;
  color: #ffffff;
  display: inline-block;
  background: #ab001a;
  padding: .5em 1.875em;
  border-radius: 2em;
}

.page-product-inquiry a:hover {
  opacity: .8;
}

.xypg-detail-tags .tags-title {
  border-bottom: 1px solid #c3c3c3;
  position: relative;
}

.xypg-detail-tags .tags-title h3 {
  display: inline-block;
  padding: 0 30px;
  font-size: 16px;
  color: #292e39;
  line-height: 40px;
  border-bottom: 3px solid #ab001a;
  margin-bottom: -1px;
}

.xypg-detail-tags .tags-title .baidu-share {
  position: absolute;
  right: 0;
  top: 8px;
}

.xypg-detail-tags .tags-content {
  padding-top: 12px;
}

.xypg-detail-tags .tags-content a {
  font-size: 12px;
  color: #2f2f2f;
  display: inline-block;
  margin-right: 9px;
  background: #f4f4f4;
  line-height: 28px;
  padding: 0 15px;
}

.xypg-detail-tags .tags-content a:hover {
  color: #ab001a;
}


/*相关产品 和 相关新闻*/

.relate-title {
  border: 1px solid #eeeeee;
  font-size: 14px;
  line-height: 2.857;
  margin-bottom: 15px; 
}


.relate-title span {
  display: inline-block;
  color: #ab001a;
  padding: 0 1.4em;
  border-right: 1px solid #eeeeee;
}

.relate-product-slick {
  position: relative;
}

.relate-product-slick .owl-item {
  display: block;
  font-size: 0;
}

.relate-product-slick .owl-item .img {
  display: block;
  margin-bottom: 8px;
}

.relate-product-slick .owl-item p {
  margin-bottom: 0;
  padding: .5em 0;
  font-size: 12px;
  color: #292e39;
  text-align: center;
}

.relate-product-slick .owl-item:hover p {
  color: #ab001a;
}

.relate-product-slick .owl-nav button.owl-prev,
.relate-product-slick .owl-nav button.owl-next {
  width: 25px;
  height: 35px;
  color: #fff;
  font-size: 20px;
  margin-top: -17.5px;
  line-height: 35px;
}

.relate-product-slick .owl-nav button.owl-prev span,
.relate-product-slick .owl-nav button.owl-next span {
  display: inline;
}

.relate-product-slick .primg li{ float:left; width:23%; margin:10px;} 

.relate-news-list li {
  float: left;
  width: 48%;
  position: relative;
  line-height: 2.143;
  font-size: 14px;
  color: #292e39;
}

.relate-news-list li:nth-child(even) {
  float: right;
}

.relate-news-list li a {
  display: block;
  padding-right: 125px;
  color: #666666;
}

.relate-news-list li a:before {
  content: '+';
  font-weight: bold;
  font-size: 16px;
  line-height: 1;
  margin-right: 5px;
}

.relate-news-list li span {
  position: absolute;
  right: 0;
  top: 2.5px;
  width: 125px;
  text-align: right;
  font-size: 12px;
  color: #666666;
}

.relate-news-list li:hover a {
  color: #ab001a;
}

.relate-news-list li:hover a:before {
  color: #ab001a;
}

.relate-news-list li:hover span {
  color: #ab001a;
}

.xypg-detail-url a {
  word-break: break-all;
}


.xypg-detail-pn div {
  line-height: 22px;
  padding: 10px;
  position: relative;
  border: 1px solid #eeeeee;
}

.xypg-detail-pn div b {
  font-size: 14px;
  color: #292e39;
  float: left;
  font-weight: normal;
}

.xypg-detail-pn div a {
  float: left;
  width: 75%;
  font-size: 14px;
  color: #666666;
}

.xypg-detail-pn div a:hover {
  color: #ab001a;
}

/* 内页新闻列表 */
.xypg-news-list li {
  border: 1px solid #e1e1e1;
  padding: 30px;
  background: #fff;
  margin-bottom: 35px;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.xypg-news-list li .tit {
  border-bottom: 1px solid #cbcbcb;
  margin-bottom: 15px;
  position: relative;
}

.xypg-news-list li .tit h3 {
  padding-bottom: 15px;
  font-size: 18px;
  color: #565656;
  font-weight: normal;
  padding-right: 25%;
  margin: 0;
}

.xypg-news-list li .tit .date {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 14px;
  color: #666666;
}

.xypg-news-list li .info {
  font-size: 14px;
  line-height: 2;
  color: #999999;
}

.xypg-news-list li .more {
  margin-top: 15px;
}

.xypg-news-list li .more span {
  display: inline-block;
  width: 130px;
  line-height: 33px;
  text-align: center;
  font-size: 14px;
  color: #666666;
  border: 1px solid #e1e1e1;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.xypg-news-list li:hover {
  -webkit-box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18);
          box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18);
}

.xypg-news-list li:hover .tit h3 {
  color: #292e39;
}

.xypg-news-list li:hover .more span {
  color: #fff;
  background-color: #292e39;
}
.xypg-detail-title {
  font-size: 20px;
  color: #363636;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1.7;
}

.xypg-detail-con p{ line-height:200%;}

.xypg-right-content p{ line-height:200%; font-size:14px;}

.product-cont .psortlist li{ float:left;}

 .pagination {list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom}
.pagination li {display:inline-block!important;border:solid 1px #EBEBEB;border-radius:4px}
.pagination a {color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {cursor:not-allowed;pointer-events:none;color:#EBEBEB}
.pagination .active {pointer-events:none}
.pagination .active,.pagination a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination-group {border-right:solid 1px #EBEBEB;border-radius:4px}
.pagination-group li {float:left;border-right:0;border-radius:0}
.pagination-group li:not(:first-child):not(:last-child) {border-radius:0}
.pagination-group li:first-child {border-radius:4px 0 0 4px}
.pagination-group li:last-child {border-radius:0 4px 4px 0}
.pagination-group .active,.pagination-group a:hover {background:#f5f5f5;border-radius:0}
.pagination-big a {padding:10px 16px;font-size:16px}
.pagination-small a {padding:5px 10px;font-size:12px}
.pagination.border-main .active a,.pagination.border-sub .active a,.pagination.border-dot .active a,.pagination.border-black .active a,.pagination.border-gray .active a,.pagination.border-red .active a,.pagination.border-yellow .active a,.pagination.border-blue .active a,.pagination.border-green .active a {color:#fff}