@font-face{ font-family: BEBAS; src: url(../fonts/BEBAS.OTF);}

@font-face{ font-family: BEBASNEUE_BOOK; src: url(../fonts/BEBASNEUE_BOOK.TTF);}

@font-face{ font-family: BEBASNEUE_BOLD; src: url(../fonts/BEBASNEUE_BOLD.OTF);}

@font-face{ font-family: Fira Code Medium; src: url(../fonts/Fira Code Medium.ttf);}


@font-face {
  font-family: 'iconfont';  /* Project id 4359116 */
  src: url('../fonts/iconfont.woff2') format('woff2'),
       url('../fonts/iconfont.woff') format('woff'),
       url('../fonts/iconfont.ttf') format('truetype');
}



.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}




.about-con {
 width:100%;
 position:relative;
 overflow:hidden
}
.about-con img {
 width:100%;
 -o-object-fit:cover;
 object-fit:cover;
 display:block
}
.about-con .text {
 position:absolute;
 left:25%;
 width:50%;
 top:50%;
 text-align:center
}
.about-con .text p {
 color:#fff;
text-shadow: 1px 1px 1px #000;

}


.about-con .text p:first-child {
 font-size:35px;
 font-weight:700;
 text-transform:uppercase;
}
.about-con .text p:nth-child(2) {
 font-size:18px;
 font-weight:lighter;
 margin-top:40px;
}
.about-con .text p:nth-child(2) a{ color:#fff;}

.about-con .scr {
 width:10%;
 position:absolute;
 left:45%;
 bottom:0;
 z-index:1000;
 height:150px;
 text-align:center;
 text-transform:uppercase;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center
}
.about-con .scr span {
 width:1px;
 height:150px;
 background-color:hsla(0,0%,100%,.2);
 position:relative;
 margin-left:50%
}
.about-con .scr span:before {
 content:"";
 display:inline-block;
 width:1px;
 height:40px;
 position:absolute;
 top:0;
 left:0;
 -webkit-animation:runa 2s ease infinite;
 animation:runa 2s ease infinite;
 background-color:#fff
}
@-webkit-keyframes runa {
 0% {
  top:0
 }
 to {
  top:100%
 }
}
@keyframes runa {
 0% {
  top:0
 }
 to {
  top:100%
 }
}
@media screen and (max-width:1440px) and (min-width:1000px) {
 .about-con .text {
  top:45%
 }
 .about-con .scr {
  height:120px
 }
}
@media screen and (max-width:1000px) {
 .about-con img {
  height:500px
 }
 .about-con .text {
  width:80%;
  left:10%
 }
 .about-con .text p:first-child {
  font-size:35px
 }
 .about-con .text p:nth-child(2) {
  font-size:20px;
  line-height:30px
 }
}

@media screen and (max-width:768px) {
 .about-con{ padding-top:30px;}	
 .about-con img {
  height:350px
 }
 .about-con .text {
  width:80%;
  left:10%
 }
 
 .about-con .scr {
  height:80px !important
 }
 
 .about-con .text p:first-child {
  font-size:32px
 }
 .about-con .text p:nth-child(2) {
  font-size:16px;
  line-height:30px;
  margin-top:20px;
 }
}


@media screen and (max-width:480px) {
 .about-con img {
  height:280px
 }
 .about-con .text {
  width:80%;
  left:10%
 }
 
 .about-con .scr {
  height:60px !important
 }
 
 .about-con .text p:first-child {
  font-size:28px;
  line-height:36px;
 }
 .about-con .text p:nth-child(2) {
  font-size:14px;
  line-height:30px;
  margin-top:10px;
 }
 
 .about-con .text {
	 top:42%;
}
 
 
}



@media screen and (max-width:420px) {
 .about-con img {
  height:220px
 }
 .about-con .text {
  width:80%;
  left:10%
 }
 
 .about-con .scr {
  height:40px !important
 }
 
 .about-con .text p:first-child {
  font-size:24px;
  line-height:32px;
 }
 .about-con .text p:nth-child(2) {
  font-size:12px;
  line-height:30px;
  margin-top:10px;
 }
 
 .about-con .text {
	 top:42%;
}
 
 
}



.about-box {
 width:100%;
 position:relative;
 -webkit-animation:run5 1s linear forwards;
 animation:run5 1s linear forwards;

}
@-webkit-keyframes run5 {
 0% {
  opacity:0
 }
 to {
  opacity:1
 }
}
@keyframes run5 {
 0% {
  opacity:0
 }
 to {
  opacity:1
 }
}
.about-box .banner {
 width:100%
}
.about-box .banner img {
 width:100%;
 -o-object-fit:cover;
 object-fit:cover;
 display:block
}
.about-box .nav {
 width:100%;
 border-bottom:1px solid #ebebeb;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 margin-top:30px
}
.about-box .nav .item {
 position:relative;
 padding:15px 15px;
 font-family:Fira Code Medium;
 font-weight:Regular;
 margin:0 2.5%;
 cursor:pointer;
 -webkit-transition:all 1s;
 transition:all 1s;
 text-align:center;
 text-transform:uppercase
}

.about-box .nav .item a{ font-size:16px;}


.about-box .nav .item:before {
 position:absolute;
 left:0;
 bottom:-1px;
 width:0;
 -webkit-transition:all 1s;
 transition:all 1s;
 height:3px;
 background-color:#d8171b;
 content:"";
 display:inline-block
}
.about-box .nav .item:hover {
 color:#d8171b
}
.about-box .nav .item:hover:before {
 width:100%
}
.about-box .nav .showNav {
 color:#d8171b;
 font-size:18px;
}


.about-box .nav .showNav:before {
 width:100%
}
.about-box .main {
 width:1440px;
 margin:40px auto;
}
.about-box .main .about {
 width:100%;
 padding-bottom:60px
}
.about-box .main .about .title {
 font-family:Fira Code Medium;
 font-weight:lighter;
 color:#222430;
 font-size:30px;
 position:relative;
 padding:20px 0;
 text-transform:uppercase;
}
.about-box .main .about .title:before {
 position:absolute;
 left:49%;
 bottom:0;
 width:30px;
 height:2px;
 content:"";
 display:inline-block;
 background-color:#d8171b
}
.about-box .main .about .content {
 width:100%;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 margin:60px auto;
}
.about-box .main .about .content .left {
 width:60%
}


.about-box .main .about .content .left p {
 line-height:42px;
 color:#222430;
 font-family:Fira Code Medium;
 font-weight:lighter;
 font-size:14px
}


.about-box .main .about .content .left ul li{ line-height:40px;
 color:#222430;
 font-family:Fira Code Medium;
 font-weight:lighter;
 font-size:14px; float:left; width:33.3333333%;}



.about-box .main .about .content .right {
 width:36%;
 margin-left:4%;
 overflow:hidden;
 cursor:pointer
}
.about-box .main .about .content .right img {
 display:block;
 width:100%;
 -o-object-fit:cover;
 object-fit:cover;
 -webkit-transition:all 1s;
 transition:all 1s
}
.about-box .main .about .content .enright {
 padding-top:50px
}
.about-box .main .about .content .right:hover img {
 -webkit-transform:scale(1.05);
 transform:scale(1.05)
}


.s_shuzi{ margin-top: 5.625rem;}

.s_shuzi ul{ display: flex; width: 100%;}

.s_shuzi ul li{color: #d8171b; font-size: 0; text-align: center; flex-grow: 1; position: relative;}

.s_shuzi ul li+li:before{ content: ""; display: block; position: absolute; left: 0; top: 1rem; height: calc(100% - 1rem); width: 1px; background: #ccc;}

.s_shuzi ul li span{ font-size: 4.5rem; font-family: BEBASNEUE_BOLD; color: #d8171b;}

.s_shuzi ul li i{ font-size: .875rem; margin-left: .5rem;}

.s_shuzi ul li i font{ font-size: 3rem; font-family: BEBASNEUE_BOLD}

.s_shuzi ul li p{ font-size: 1.725rem; margin-top: .5rem;}


@media screen and (max-width:1440px) {
.about-box .main .about .content .left {
 width:48%
}


.about-box .main .about .content .left ul li{width:50%;}


.about-box .main .about .content .right {
 width:50%
}
	}


@media screen and (max-width:1360px) {
.about-box .main .about .content .left {
 width:52%
}

.about-box .main .about .content .left p {
	line-height:32px;
	}
	
.about-box .main .about .content .right {
 width:46%
}
	}
	
@media screen and (max-width:1000px) {
	
.about-box .main .about .content .left ul li{width:33.3333333%;}
}
	
@media screen and (max-width:767px) {
	.s_shuzi{ margin-top:0; padding-bottom:2rem; float:left; width:100%;}
	.s_shuzi ul{ display:block; width: 100%;}
	
	.s_shuzi ul li{ width:50%; float:left; margin-bottom:20px;}
	
	.s_shuzi ul li+li:before{ background:none}
	
	.about-box .main .about .content .left ul li{width:50%;}
	}


@media screen and (max-width:480px) {
	.s_shuzi ul li{ width:100%; float:none; margin-bottom:20px;}
	.about-box .main .about .content .left ul li{width:100%;}
	}



/**企业文化**/

.culture{  margin-bottom:0 !important; padding-bottom:0 !important; }
.culture .main .about{ }
.culture .main .about .content {}

.w20-b2{position: relative;overflow: hidden;}
.w20-b2-img img{width: 100%;max-width: 100%;display: block;}
.w20-b2b{position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.w20-b2b{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));align-items: stretch;}
.w20-b2bb{border-right: 1px solid rgba(255, 255, 255, .2);}
.w20-b2bb:last-child{border-right: none;}
.w20-b2bb1{margin-bottom: 30px;}
.w20-b2bb1 i{ color:#fff; font-size:35px;}
.w20-b2bb2{font-size:24px;color: #FFFFFF;font-family: BEBASNEUE_BOLD;margin-bottom: 23px;}
.w20-b2bb3{font-size:14px;color: #FFFFFF; padding:0 20px; text-align:center;}
.w20-b2bb{position: relative;z-index: 1;display: flex;align-items: center;justify-content: center;}
.w20-b2bb::after{content: '';position: absolute;top: 100%;left: 0;bottom: 0;right: 0;background: rgba(230, 0, 18, .5);z-index: -1;transition: all 1.2s;}
.w20-b2bb:hover:after{top: 0;transition: all .7s;}
.w20-b2bbb{transform: translateY(0);display: flex;align-items: center;justify-content: center;flex-direction: column;height:50%;transition: all .9s;}
.w20-b2bb:hover .w20-b2bbb{transform: translateY(0);transition: all .9s; margin-top:-20px}

	
/**厂房设备**/	


.horlist{ }
.horlist .list-box{ display:flex; display:-webkit-flex; flex-wrap:wrap; margin-right:-2%}
.horlist .list-box li{ width:31%; margin-right:2%; margin-bottom:10px; margin-top:5px;}

.equ .list-box li{ width:23% !important; margin-right:2%;}



.horlist .list-box .pic{ position:relative; overflow:hidden;}
.horlist .list-box .pic img{ display:block; width:100%; height:auto; padding:5px; border:1px solid #eee;}
.horlist .list-box .tit{ height:5rem; line-height:5rem; font-size:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; color:#333;font-family: BEBASNEUE_BOOK; letter-spacing:1.5px;}
.horlist .list-box a:hover .tit{ color:#d8171b;}

/*.horlist .list-box .pic{
    overflow: hidden;
}
.horlist .list-box .pic img{
    width: 100%;
    display: block;
    transition: all .5s;
}
.horlist .list-box .pic:hover img{
    transform: scale(1.1);
}
*/


/*.honor .list-box .pic img{padding:0px; border:none;}*/


@media (max-width: 992px) {
	.w20-b2b{position:relative !important;}
	.w20-b2bb1 i{ color:#333; font-size:35px;}
.w20-b2bb2{color: #333;}
.w20-b2bb3{color: #333;}
	.w20-b2bb{ width:50%; float:left; padding:30px 0; height:230px;}
	.w20-b2b{display:block;}
	.w20-b2bb:hover .w20-b2bb1 i{ color:#fff;}
.w20-b2bb:hover .w20-b2bb2{color: #fff}
.w20-b2bb:hover .w20-b2bb3{color: #fff;}
	
	}

@media (max-width: 767px) {
	.horlist .list-box li{ width:31.33%}
	
	.equ .list-box li{ width:50% !important; margin-right:0% !important; padding:0 5px;}
	
	.w20-b2-img{display:none;}
	
	.w20-b2b{position:relative !important}
.w20-b2b{display:block;}
.w20-b2bb{border-right:none; padding:30px 0; width:100%; height:auto;}
.w20-b2bb1{margin-bottom: 30px;}
.w20-b2bb1 i{ color:#333; font-size:35px;}
.w20-b2bb2{font-size:24px;color: #333;font-family: BEBASNEUE_BOLD;margin-bottom: 23px;}
.w20-b2bb3{font-size:14px;color: #333; padding:0 20px; text-align:center;}
.w20-b2bb{position: relative;z-index: 1;display: flex;align-items: center;justify-content: center;}
.w20-b2bb::after{content: '';position: absolute;top: 100%;left: 0;bottom: 0;right: 0;background: rgba(230, 0, 18, .5);z-index: -1;transition: all 1.2s;}

.w20-b2bb:hover:after{top: 0;transition: all .7s;}
.w20-b2bb:hover .w20-b2bb1 i{ color:#fff;}
.w20-b2bb:hover .w20-b2bb2{color: #fff}
.w20-b2bb:hover .w20-b2bb3{color: #fff;}
	}

@media (max-width: 600px) {
	.horlist .list-box li{ width:48%}
	}
	
@media (max-width: 767px) {
	.horlist .list-box li{ margin-right:0}
	.horlist .list-box li{ width:100%; margin-right:0; margin-bottom:3%}
	.horlist .list-box{ display:flex; display:-webkit-flex; flex-wrap:wrap; margin-right:0%}
	}


@media (max-width: 480px) {
	.equ .list-box li{ width:100% !important}
	}


/**新闻中心**/

.about-box .main .zh {
 width:100%;
 margin:0px auto
}
.about-box .main .zh .allItems {
 -webkit-box-orient:vertical;
 -ms-flex-direction:column;
 flex-direction:column
}
.about-box .main .zh .allItems .item,
.about-box .main .zh .allItems {
 width:100%;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-direction:normal
}
.about-box .main .zh .allItems .item {
 -webkit-box-orient:horizontal;
 -ms-flex-direction:row;
 flex-direction:row;
 cursor:pointer;

 padding-bottom:30px
}
.about-box .main .zh .allItems .item .left {
 width:35%;
 overflow:hidden
}
.about-box .main .zh .allItems .item .left img {
 display:block;
 width:100%;
 -o-object-fit:cover;
 object-fit:cover;
 -webkit-transition:all 1s;
 transition:all 1s
}
.about-box .main .zh .allItems .item .right {
 width:63%;
 margin-left:2%;
 padding-top:30px
}
.about-box .main .zh .allItems .item .right .st {
 width:100%;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between
}
.about-box .main .zh .allItems .item .right .st p:first-child {
 font-size:20px;
 -webkit-transition:all 1s;
 transition:all 1s;
 display:-webkit-box;
 height:25px;
 width:80%;
 -webkit-box-orient:vertical;
 -webkit-line-clamp:1;
 overflow:hidden
}
.about-box .main .zh .allItems .item .right .st p:nth-child(2) {
 font-size:14px;
 font-family:Fira Code Medium;
 font-weight:lighter;
 padding-top:10px
}
.about-box .main .zh .allItems .item .right .content {
 margin:30px auto;
 width:100%;
 font-family:Fira Code Medium;
 font-weight:lighter;
 line-height:35px;
 display:-webkit-box;
 -webkit-box-orient:vertical;
 -webkit-line-clamp:3;
 overflow:hidden;
 color:#787878
}
.about-box .main .zh .allItems .item .right .more {
 width:100%;
 text-align:right
}
.about-box .main .zh .allItems .item .right .more a {
 cursor:pointer;
 font-family:Fira Code Medium;
 font-weight:lighter;
 font-size:14px;
 text-decoration:none;
 color:#fff;
 padding:10px 50px;
 border-radius:20px;
 -webkit-tap-highlight-color:transparent;
 display:inline-block;
 vertical-align:middle;
 -webkit-transform:translateZ(0);
 transform:translateZ(0);
 -webkit-box-shadow:0 0 1px transparent;
 box-shadow:0 0 1px transparent;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 position:relative;
 overflow:hidden;
 background:#d8171b;
 -webkit-transition-property:color;
 transition-property:color;
 -webkit-transition-duration:.3s;
 transition-duration:.3s;
 margin-top:30px
}
.about-box .main .zh .allItems .item .right .more a:before {
 content:"";
 position:absolute;
 z-index:-1;
 top:0;
 left:0;
 right:0;
 bottom:0;
 background:#222430;
 border-radius:100%;
 -webkit-transform:scale(2);
 transform:scale(2);
 -webkit-transition-property:transform;
 -webkit-transition-property:-webkit-transform;
 transition-property:-webkit-transform;
 transition-property:transform;
 transition-property:transform,-webkit-transform;
 -webkit-transition-duration:.6s;
 transition-duration:.6s;
 -webkit-transition-timing-function:ease-out;
 transition-timing-function:ease-out
}
.about-box .main .zh .allItems .item .right .more a:hover:before {
 -webkit-transform:scale(0);
 transform:scale(0)
}
.about-box .main .zh .allItems .item:hover .left img {
 -webkit-transform:scale(1.05);
 transform:scale(1.05)
}
.about-box .main .zh .allItems .item:hover .right .st p:first-child {
 color:#d8171b
}
.about-box .main .zh .allItems .item:hover .right .more a:before {
 -webkit-transform:scale(0);
 transform:scale(0)
}





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


 .about-box .main .zh {
  margin:30px auto
 }
 .about-box .main .zh .allItems .item {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column
 }
 .about-box .main .zh .allItems .item .left,
 .about-box .main .zh .allItems .item .right {
  width:100%;
  margin-left:0
 }
 .about-box .main .zh .allItems .item .right .st {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column
 }
 .about-box .main .zh .allItems .item .right .st p:first-child {
  font-size:16px;
  height:20px;
  overflow:hidden;
 }

}






.about-box .main .title {
 text-align:center;
 font-weight:bolder;
 color:#2b2b2b;
 font-size:20px
}
.about-box .main .time {
 color:#2b2b2b;
 text-align:center;
 padding:15px 0;
 border-bottom:1px solid #dfdfdf
}
.about-box .main .htmlCon {
 width:100%;
 margin:20px auto;
 font-size:14px;
 line-height:30px
}

.about-box .main .htmlCon p{ font-size:16px; line-height:40px;}
.about-box .main .htmlCon img{
	width:100%; display:block;
 }

@media screen and (max-width:1440px) {
 .htmlCon div img,
 .htmlCon p img,
 .htmlCon p video {
  width:100%;
  -o-object-fit:cover;
  object-fit:cover
 }
}




/**联系我们**/
.about-box .main .one {
 width:1440px;
 margin:0 auto;

}

.contact-box .main{ width:100%;}
.contact-box .main .one{ padding-bottom:30px;}

.about-box .main .one .title {
 color:#ea6306;
 font-size:30px;
 font-weight:700;
 text-align:center
}
.about-box .main .one .content {
 width:100%;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center
}
.about-box .main .one .content,
.about-box .main .one .content p {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
}

.about-box .main .one .content{ }

.about-box .main .one .content p {
 width:30%;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 margin-left:2%;
 margin-top:30px;
 position:relative;
 height:35px
}
.about-box .main .one .content p span {
 margin-left:10px;
 font-family:Fira Code Medium;
 font-size:14px;
 line-height:30px
}
.about-box .main .one .content p span:first-child {
 font-size:22px;
 line-height:1.45455;
 font-weight:400;
 color:rgba(234,99,6,.8)
}
.about-box .main .one .content p span:nth-child(2),
.about-box .main .one .content p span:nth-child(3) {
 width:100%;
 padding-left:45px
}
.about-box .main .one .content p .sp2 {
 padding-left:28px
}
.about-box .main .one .content p:before {
 content:"";
 display:inline-block;
 height:1px;
 width:45px;
 background-color:#000;
 opacity:0
}
.about-box .main .one .content .icons {
 width:100%;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 margin:80px auto
}
.about-box .main .one .content .icons i {
 margin-left:15px;
 -webkit-transition:all 1s;
 transition:all 1s;
 font-size:40px
}
.about-box .main .one .content .icons i:hover {
 color:#ea6306
}
.about-box .main .one .content .icons:before {
 display:none
}
.about-box .main .one .enContent p {
 width:45%
}
.about-box .main .one .enContent p span {
 font-size:14px
}
.about-box .main .two {
 width:100%;
 margin:20px auto;
}


.about-box .main .map{ margin-top:60px;}

@media screen and (max-width:1440px) and (min-width:1000px) {
 
 .about-box .main .one {
  width:90%
 }
}
@media screen and (max-width:1000px) {

 .about-box .main .one {
  width:90%
 }
 .about-box .main .one .title {
  font-size:25px
 }
 .about-box .main .one .content {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column
 }
 .about-box .main .one .content p {
  width:100%;
  height:auto;
  margin-left:0;
  margin-top:20px
 }
 .about-box .main .one .content p span {
  margin-left:30px
 }
 .about-box .main .one .content p span:nth-child(2),
 .about-box .main .one .content p span:nth-child(3) {
  padding-left:0
 }
 .about-box .main .one .content p:before {
  display:none
 }
 .about-box .main .one .content .icons {
  margin:40px auto
 }
 .about-box .main .map {
  height:400px;
  margin-top:10px;
 }
}




/* 分页 */ 
.page {
    margin:3rem auto 0;
	padding-top:20px;
	text-align:center;
	border-top:1px solid #eee;
	padding-top:3rem;
}

.page-m {
    position: relative;
    top: -1px;
    +display: inline !important;
}

.page a {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.page-m a {
    display: inline-block;
    margin: 0 5px;
    width: 40px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
	border:1px solid #eeeeee;
	color:#999;
	font-family:BEBASNEUE_BOOK;

}

.page-m a:hover {
    color: #fff;
    background: #e62129;
	border:1px solid #e62129;
}

.page-m a.xianshi{
    color: #fff;
    background: #e62129;
	border:1px solid #e62129;
}

.page-m a.active {
    color: #fff;
    background: #e62129;
	border:1px solid #e62129;
}

.page-m .page-num-current{ background:#e62129; color:#fff} 
   




/* 产品详情 */


.pro-navwrSwiper .swiper-slide{
	width:auto;
    margin-right: 20px;
}

.about-box .nav .item a{ color:#333}
.about-box .nav .item a:hover{ color:#d8171b}
.about-box .nav .showNav a{color:#d8171b !important}


.pro-navwrSwiper{ width:1440px; margin:0 auto;}
.pro-navwrSwiper .swiper-slide{}
.pro-navwrSwiper .swiper-slide .pnav-item{ width:100%;}
.pro-navwrSwiper .swiper-slide .pnav-item a{ width:100%;}


.mpro-list{ display:none !important;}


@media screen and (max-width:1000px) {
	
	.pro-list{ display:none !important;}
	.mpro-list{ display:block !important;}
	}



.pro-conbox{ background:#f8f8f8; padding-bottom:40px;}
.pro-conbox .main {
	margin-bottom:0;
	margin-top:20px;
}



.about-box .pro-list-box .allItems {
 width:100%;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
}
.about-box .pro-list-box .allItems .item {
 width:23%;
 margin-left:1%;
 cursor:pointer;
 margin-top:40px;
 background-color:#fff;
 padding:10px 0;
 -webkit-transition:all 1s;
 transition:all 1s
}
.about-box .pro-list-box .allItems .item .one {
 width:100%;
 overflow:hidden
}
.about-box .pro-list-box .allItems .item .one img {
 width:100%;
 -o-object-fit:cover;
 object-fit:cover;
 display:block;
 -webkit-transition:all 1s;
 transition:all 1s
}
.about-box .pro-list-box .allItems .item p {
 width:90%;
 margin-left:5%;
 border-top:1px solid #ededed;
 padding:10px 0;
 font-family:Fira Code Medium;
 text-align:center;
 font-weight:lighter;
 position:relative;
 -webkit-transition:all 1s;
 transition:all 1s
}
.about-box .pro-list-box .allItems .item p:before {
 position:absolute;
 top:0;
 left:0;
 content:"";
 display:inline-block;
 height:1px;
 width:0;
 background-color:#d8171b;
 -webkit-transition:all 1s;
 transition:all 1s
}

.about-box .pro-list-box .allItems .item a{ color:#333 !important; font-size:16px !important;}

.about-box .pro-list-box .allItems .item a:hover{color:#d8171b}


.about-box .pro-list-box .allItems .item:hover {
 -webkit-box-shadow:0 2px 5px 5px #e2e2e2;
 box-shadow:0 2px 5px 5px #e2e2e2
}
.about-box .pro-list-box .allItems .item:hover .one img {
 -webkit-transform:scale(1.05);
 transform:scale(1.05)
}
.about-box .pro-list-box .allItems .item:hover p {
 color:#d8171b
}
.about-box .pro-list-box .allItems .item:hover p:before {
 width:100%
}
.about-box .pro-list-box .more {
 width:100%;
 text-align:center;
 margin:60px 0
}
.about-box .pro-list-box .more a {
 cursor:pointer;
 font-family:Fira Code Medium;
 font-weight:lighter;
 font-size:14px;
 text-decoration:none;
 color:#fff;
 padding:10px 50px;
 border-radius:20px;
 -webkit-tap-highlight-color:transparent;
 display:inline-block;
 vertical-align:middle;
 -webkit-transform:translateZ(0);
 transform:translateZ(0);
 -webkit-box-shadow:0 0 1px transparent;
 box-shadow:0 0 1px transparent;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 position:relative;
 overflow:hidden;
 background:#d8171b;
 -webkit-transition-property:color;
 transition-property:color;
 -webkit-transition-duration:.3s;
 transition-duration:.3s
}
.about-box .pro-list-box .more a:before {
 content:"";
 position:absolute;
 z-index:-1;
 top:0;
 left:0;
 right:0;
 bottom:0;
 background:#222430;
 border-radius:100%;
 -webkit-transform:scale(2);
 transform:scale(2);
 -webkit-transition-property:transform;
 -webkit-transition-property:-webkit-transform;
 transition-property:-webkit-transform;
 transition-property:transform;
 transition-property:transform,-webkit-transform;
 -webkit-transition-duration:.6s;
 transition-duration:.6s;
 -webkit-transition-timing-function:ease-out;
 transition-timing-function:ease-out
}
.about-box .pro-list-box .more a:hover:before {
 -webkit-transform:scale(0);
 transform:scale(0)
}

@media screen and (max-width:1000px) {
 
 .about-box .pro-list-box {
  
 }
 .about-box .pro-list-box .allItems {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column
 }
 .about-box .pro-list-box .allItems .item {
  width:100%;
  margin-left:0
 }
}


/*产品详情*/
.pro-des{display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 width:100%;
 }

.prodetail-jjlimg{

    width: 79%;
}
.prodetail-jjlimg img{
    width: 100%;
}
.prodetail-jj{
    padding:70px 0;
}
.prodetail-jjl{
    display: flex;
    justify-content: space-between;
}
.prodetail-jjsw{
    width: 15%;
    overflow: hidden;
}
.prodetail-jjswiepr .swiper-slide{
   cursor: pointer;
}
.prodetail-jjswiepr .swiper-slide img{
    width: 100%;
    border: 1px solid #e3e3e3;
}
.prodetail-jjswiepr .swiper-slide .prodetail-jjswieprimg{
    border: 1px solid #e3e3e3;
    overflow: hidden;
}
.prodetail-jjswiepr .swiper-slide .prodetail-jjswieprimg img{
    width: 100%;
}
.prodetail-jjswiepr{
    height: 624px;
    padding-bottom:10px;
}
.prodetail-jjlimgul li{
    display: none;
}
.prodetail-jjlimgul li:first-child{
    display: block;
}

.prodetail-jjrtxt{ width:100%; margin-bottom:0 !important; padding-bottom:0px;}

.prodetail-jjrtxt h3{
    font-size: 24px;
	margin-bottom:20px !important; padding-bottom:0px;
	

}





.prodetail-jjrul{
   /* display: flex;*/
    
}
.prodetail-jjrul li a{
    color: #666666;
}
.prodetail-jjrtxtm{
	
	margin-top:20px;
    
	height: 256px;
    padding:15px 5px 10px 5px;
    overflow-y: scroll;
	
}

.prodetail-jjrtxtm p{ line-height:28px;}


.prodetail-jjrtxtm2{ width:100%; line-height:32px; padding:0 20px 0 20px;}
.prodetail-jjrtxtm2 table{ border-collapse:collapse; width:100%; text-align:center}
.prodetail-jjrtxtm2 tabel tr,.prodetail-jjrtxtm2 table td{ border:1px solid #ccc; line-height:24px; text-align:center; padding:5px 5px;}


.prodetail-jjrtxt{border-bottom: 1px solid #e3e3e3;}

.prodetail-jjrtxtm p{ line-height:28px; font-size:14px;}
.prodetail-jjrtxtm p:first-line{ font-family:Fira Code Medium;font-weight:Medium; font-size:16px;}


.prodetail-jjrw{
    padding: 10px 0 0 20px;
}
.prodetail-jjrtxtm h3{
    margin-top: 30px;
    font-size: 24px;
    color: #666666;
}
.prodetail-jjrul li {
    margin-right: 30px;
    line-height: 30px;
}   
.prodetail-jjrul li img{
    vertical-align: middle;
}
.prodetail-jjrul{
    margin-top: 30px;
}
.mai{
    display: block;
    width: 177px;
    height: 40px;
    background: rgb(0,0,0,0.1);
    color: #333;
    border-radius: 5px;
    text-align: center;
    line-height: 40px;
    margin-top: 40px;
}

.mai:hover{
    display: block;
    width: 177px;
    height: 40px;
    background: #d8171b;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    line-height: 40px;
    
}




@media screen and (min-width: 1400px) and (max-width: 1920px){
    .prodetail-jjl{
        padding-right: 1px;
    }
}
@media(max-width:1700px){
    .prodetail-jjswiepr{
        height: 610px;
    }
}
@media(max-width:1600px){
    .prodetail-jjswiepr{
        height: 592px;
    }
}
@media(max-width:1400px){
    .prodetail-jjswiepr{
        height: 540px;
    }
    .prodetail-jjrtxt h3{
        font-size: 28px;
    }
    .prodetail-jjrw {
        padding: 20px 0 0 30px;
    }
    .prodetail-jjrtxt h4 {
        font-size: 30px;
        margin: 10px 0 10px;
    }
    .prodetail-jjrtxtm{
        margin-top: 20px;
    }
    .prodetail-jjrul{
        flex-wrap: wrap;
    }
    .mai{
        margin-top: 30px;
    }
}
@media(max-width:1200px){
    .prodetail-jjswiepr{
        height:464px;
    }
}
@media(max-width:991px){
    .prodetail-jjl{
        flex-wrap: wrap;
    }
    .prodetail-jjlimg{
        width: 100%;
    }
    .prodetail-jjsw{
        width: 100%;
    }
    .prodetail-jjswiepr{
        height: auto;
    }
    .prodetail-jjsw{
        margin-top: 15px;
    }
    .prodetail-jj {
        padding: 30px 0;
    }
    .prodetail-jjrtxt h3 {
        font-size: 22px;
    }
    .prodetail-jjrtxt h4 {
        font-size: 20px;
        margin: 5px 0 5px;
    }
    .prodetail-jjrtxtm h3 {
        margin-top: 15px;
        font-size: 22px;
    }
    .prodetail-jjrul {
        margin-top: 15px;
    }
    .prodetail-jjrw {
        padding: 20px 0 0 0px;
    }
	.prodetail-jjrtxtm2{ padding:20px 0 0 0}
}



/**下载中心**/


.download{
            overflow: hidden;
            padding: 0px 0;
        }
        .download li{
            width: 100%;
            border:1px solid #dddddd;
			float:left;
			padding: 20px 0;
            margin-bottom: 25px;
        }
        .download li:nth-child(2n){
            float: right;
        }
        .download li h3{
            width: 60%;
            float: left;
			margin-top:0 !important;
			margin-bottom:0 !important;
            padding-left: 20px;
            border-left: 4px solid #e62129;
			padding-top:0px;
			padding-bottom:5px;
			font-size:20px;
			text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; overflow: hidden; -webkit-box-orient: vertical; 
        }
        .download li .an{
            float:right;
			margin-right:1%;
        }
        .download li a{
            background-color: #666666;
            color: #ffffff;
            margin-left: 5px;
            padding: 10px 12px;
			font-size:14px;
        }
        .download li:hover h3{
            color: #e62129;
        }
        .download li a:hover{
            background-color: #e62129;
        }
        .download li a i{
           
            margin-right: 5px;
            display: inline-block;

        }
        .download li a.view i{
			background:url(../images/xtb.png) no-repeat left 9px;
            width:19px;
			height:18px;
			padding:10px 0
        }
        .download li a.down i{
			background:url(../images/xtb2.png) no-repeat left center;
			width:19px;
			height:15px;
        }

@media (max-width: 990px) {
.download li h3{
            width: 55%;
        }


}

@media (max-width: 767px) {
.download li h3{
            width: 100%;
			margin-bottom: 20px;
        }
		
   .download li .an{
	   float:none;
	   margin-left:3%;
        }		
}

.about-box .main .pp {
 width:100%;
 padding-bottom:60px
}
.about-box .main .pp .title {
 font-family:Fira Code Medium;
 font-weight:lighter;
 color:#222430;
 font-size:30px;
 position:relative;
 padding:20px 0
}
.about-box .main .pp .title:before {
 position:absolute;
 left:0;
 bottom:0;
 width:30px;
 height:2px;
 content:"";
 display:inline-block;
 background-color:#d8171b
}
.about-box .main .pp .content {
 width:100%
}
.about-box .main .pp .content .t1 {
 color:#222430;
 line-height:40px;
 font-family:Fira Code Medium;
 font-weight:lighter;
 text-align:center
}
.about-box .main .pp .content .allItems {
 width:100%;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 margin:40px auto
}
.about-box .main .pp .content .allItems .item {
 width:30%;
 margin-left:1%;
 cursor:pointer;
 overflow:hidden;
 margin-top:20px
}
.about-box .main .pp .content .allItems .item img {
 display:block;
 width:100%;
 -o-object-fit:cover;
 object-fit:cover;
 -webkit-transition:all 1s;
 transition:all 1s
}
.about-box .main .pp .content .allItems .item:hover img {
 -webkit-transform:scale(1.05);
 transform:scale(1.05)
}
.about-box .main .pp .content .more {
 width:100%;
 text-align:center
}
.about-box .main .pp .content .more a {
 cursor:pointer;
 font-family:Fira Code Medium;
 font-weight:lighter;
 font-size:14px;
 text-decoration:none;
 color:#fff;
 padding:10px 50px;
 border-radius:20px;
 -webkit-tap-highlight-color:transparent;
 display:inline-block;
 vertical-align:middle;
 -webkit-transform:translateZ(0);
 transform:translateZ(0);
 -webkit-box-shadow:0 0 1px transparent;
 box-shadow:0 0 1px transparent;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 position:relative;
 overflow:hidden;
 background:#d8171b;
 -webkit-transition-property:color;
 transition-property:color;
 -webkit-transition-duration:.3s;
 transition-duration:.3s
}
.about-box .main .pp .content .more a:before {
 content:"";
 position:absolute;
 z-index:-1;
 top:0;
 left:0;
 right:0;
 bottom:0;
 background:#222430;
 border-radius:100%;
 -webkit-transform:scale(2);
 transform:scale(2);
 -webkit-transition-property:transform;
 -webkit-transition-property:-webkit-transform;
 transition-property:-webkit-transform;
 transition-property:transform;
 transition-property:transform,-webkit-transform;
 -webkit-transition-duration:.6s;
 transition-duration:.6s;
 -webkit-transition-timing-function:ease-out;
 transition-timing-function:ease-out
}
.about-box .main .pp .content .more a:hover:before {
 -webkit-transform:scale(0);
 transform:scale(0)
}
.about-box .main .ln {
 width:100%;
 padding-bottom:60px
}
.about-box .main .ln .title {
 font-family:Fira Code Medium;
 font-weight:lighter;
 color:#222430;
 font-size:30px;
 position:relative;
 padding:20px 0
}
.about-box .main .ln .title:before {
 position:absolute;
 left:0;
 bottom:0;
 width:30px;
 height:2px;
 content:"";
 display:inline-block;
 background-color:#d8171b
}
.about-box .main .ln .content {
 width:100%
}
.about-box .main .ln .content .t1 {
 color:#222430;
 line-height:40px;
 font-family:Fira Code Medium;
 font-weight:lighter;
 text-align:center
}
.about-box .main .ln .content .allItems {
 width:100%;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 margin:40px auto
}
.about-box .main .ln .content .allItems .item {
 width:33%;
 cursor:pointer
}
.about-box .main .ln .content .allItems .item .one {
 width:100%;
 overflow:hidden
}
.about-box .main .ln .content .allItems .item .one img {
 width:100%;
 -o-object-fit:cover;
 object-fit:cover;
 -webkit-transition:all 1s;
 transition:all 1s
}
.about-box .main .ln .content .allItems .item p {
 text-align:center;
 -webkit-transition:all 1s;
 transition:all 1s
}
.about-box .main .ln .content .allItems .item .name {
 font-size:20px;
 padding:20px 0
}
.about-box .main .ln .content .allItems .item .c1 {
 line-height:30px
}
.about-box .main .ln .content .allItems .item:hover .one img {
 -webkit-transform:scale(1.05);
 transform:scale(1.05)
}
.about-box .main .ln .content .allItems .item:hover .name {
 color:#d8171b
}
.about-box .main .duty {
 width:100%;
 padding-bottom:60px
}
.about-box .main .duty .title {
 font-family:Fira Code Medium;
 font-weight:lighter;
 color:#222430;
 font-size:30px;
 position:relative;
 padding:20px 0
}
.about-box .main .duty .title:before {
 position:absolute;
 left:0;
 bottom:0;
 width:30px;
 height:2px;
 content:"";
 display:inline-block;
 background-color:#d8171b
}
.about-box .main .duty .content {
 width:100%
}
.about-box .main .duty .content .t1 {
 color:#222430;
 line-height:40px;
 font-family:Fira Code Medium;
 font-weight:lighter;
 text-align:center
}
.about-box .main .duty .content .allItems {
 width:1000px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 margin:40px auto
}
.about-box .main .duty .content .allItems .item {
 width:100%;
 cursor:pointer;
 margin-top:40px;
 border-bottom:1px solid #ededed;
 padding-bottom:40px
}
.about-box .main .duty .content .allItems .item .one {
 width:100%;
 overflow:hidden
}
.about-box .main .duty .content .allItems .item .one img {
 width:100%;
 -o-object-fit:cover;
 object-fit:cover;
 -webkit-transition:all 1s;
 transition:all 1s
}
.about-box .main .duty .content .allItems .item .ti {
 font-size:20px;
 display:-webkit-box;
 -webkit-box-orient:vertical;
 -webkit-line-clamp:1;
 overflow:hidden;
 line-height:25px;
 margin:20px 0;
 -webkit-transition:all 1s;
 transition:all 1s
}
.about-box .main .duty .content .allItems .item .time {
 font-family:Fira Code Medium;
 font-weight:lighter;
 font-size:14px
}
.about-box .main .duty .content .allItems .item .time1 {
 margin:10px auto
}
.about-box .main .duty .content .allItems .item:hover .one img {
 -webkit-transform:scale(1.05);
 transform:scale(1.05)
}
.about-box .main .duty .content .allItems .item:hover .ti {
 color:#d8171b
}
.about-box .main .duty .content .more {
 width:100%;
 text-align:center
}
.about-box .main .duty .content .more a {
 cursor:pointer;
 font-family:Fira Code Medium;
 font-weight:lighter;
 font-size:14px;
 text-decoration:none;
 color:#fff;
 padding:10px 50px;
 border-radius:20px;
 -webkit-tap-highlight-color:transparent;
 display:inline-block;
 vertical-align:middle;
 -webkit-transform:translateZ(0);
 transform:translateZ(0);
 -webkit-box-shadow:0 0 1px transparent;
 box-shadow:0 0 1px transparent;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 position:relative;
 overflow:hidden;
 background:#d8171b;
 -webkit-transition-property:color;
 transition-property:color;
 -webkit-transition-duration:.3s;
 transition-duration:.3s
}
.about-box .main .duty .content .more a:before {
 content:"";
 position:absolute;
 z-index:-1;
 top:0;
 left:0;
 right:0;
 bottom:0;
 background:#222430;
 border-radius:100%;
 -webkit-transform:scale(2);
 transform:scale(2);
 -webkit-transition-property:transform;
 -webkit-transition-property:-webkit-transform;
 transition-property:-webkit-transform;
 transition-property:transform;
 transition-property:transform,-webkit-transform;
 -webkit-transition-duration:.6s;
 transition-duration:.6s;
 -webkit-transition-timing-function:ease-out;
 transition-timing-function:ease-out
}
.about-box .main .duty .content .more a:hover:before {
 -webkit-transform:scale(0);
 transform:scale(0)
}
/*.about-box .main .honor {
 width:100%;
 padding-bottom:60px
}
.about-box .main .honor .title {
 font-family:Fira Code Medium;
 font-weight:lighter;
 color:#222430;
 font-size:30px;
 position:relative;
 padding:20px 0
}
.about-box .main .honor .title:before {
 position:absolute;
 left:0;
 bottom:0;
 width:30px;
 height:2px;
 content:"";
 display:inline-block;
 background-color:#d8171b
}
.about-box .main .honor .content {
 width:100%
}
.about-box .main .honor .content .allItems {
 width:100%;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 margin:40px auto
}
.about-box .main .honor .content .allItems .item,
.about-box .main .honor .content .allItems {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row
}
.about-box .main .honor .content .allItems .item {
 width:50%;
 cursor:pointer;
 margin-top:40px
}
.about-box .main .honor .content .allItems .item .left {
 width:40%;
 overflow:hidden;
 border:1px solid #e1e1e1;
 text-align:center;
 padding:20px 0
}
.about-box .main .honor .content .allItems .item .left img {
 width:90%;
 -o-object-fit:contain;
 object-fit:contain;
 -webkit-transition:all 1s;
 transition:all 1s;
 height:200px
}
.about-box .main .honor .content .allItems .item .right {
 width:50%;
 margin-left:3%;
 padding-top:60px
}
.about-box .main .honor .content .allItems .item .right p:first-child {
 font-size:18px;
 padding-bottom:20px;
 -webkit-transition:all 1s;
 transition:all 1s
}
.about-box .main .honor .content .allItems .item .right p:nth-child(2) {
 font-family:Fira Code Medium;
 font-weight:lighter;
 color:#272727;
 line-height:30px
}
.about-box .main .honor .content .allItems .item:hover .left img {
 -webkit-transform:scale(1.05);
 transform:scale(1.05)
}
.about-box .main .honor .content .allItems .item:hover .right p:first-child {
 color:#d8171b
}
.about-box .main .honor .content .more {
 width:100%;
 text-align:center;
 margin:30px auto
}
.about-box .main .honor .content .more a {
 cursor:pointer;
 font-family:Fira Code Medium;
 font-weight:lighter;
 font-size:14px;
 text-decoration:none;
 color:#fff;
 padding:10px 50px;
 border-radius:20px;
 -webkit-tap-highlight-color:transparent;
 display:inline-block;
 vertical-align:middle;
 -webkit-transform:translateZ(0);
 transform:translateZ(0);
 -webkit-box-shadow:0 0 1px transparent;
 box-shadow:0 0 1px transparent;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 position:relative;
 overflow:hidden;
 background:#d8171b;
 -webkit-transition-property:color;
 transition-property:color;
 -webkit-transition-duration:.3s;
 transition-duration:.3s
}
.about-box .main .honor .content .more a:before {
 content:"";
 position:absolute;
 z-index:-1;
 top:0;
 left:0;
 right:0;
 bottom:0;
 background:#222430;
 border-radius:100%;
 -webkit-transform:scale(2);
 transform:scale(2);
 -webkit-transition-property:transform;
 -webkit-transition-property:-webkit-transform;
 transition-property:-webkit-transform;
 transition-property:transform;
 transition-property:transform,-webkit-transform;
 -webkit-transition-duration:.6s;
 transition-duration:.6s;
 -webkit-transition-timing-function:ease-out;
 transition-timing-function:ease-out
}
.about-box .main .honor .content .more a:hover:before {
 -webkit-transform:scale(0);
 transform:scale(0)
}
.about-box .big2 {
 position:absolute;
 width:100%;
 text-align:center;
 left:0;
 top:0;
 height:100%;
 background-color:rgba(0,0,0,.8);
 z-index:1000
}
.about-box .big2 img {
 width:500px;
 -o-object-fit:cover;
 object-fit:cover
}*/

/*.about-box .main .honor {
 width:100%;
 padding-bottom:20px !important
}

.honor-main{ border-bottom:1px solid #eee; margin:0; padding:0;}

.honor-list{
    margin-left: -12px;
    margin-right: -12px;
}
.honor-list li{
    padding: 0 12px;
	float:left;
	
}


.honor-item{
    margin-bottom: 12px;
}
.honor-img{
    width: 100%;
    overflow: hidden;
    border: 22px solid #f5f5f5;
	
}
.honor-img img{
    display: block;
    width: 100%;
    transition: all .5s;
}
.honor-item p{
    height:44px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 30px;
    color: #333;
    font-size: 14px;
    font-family: "PingMed";
}
.honor-item:hover .honor-img img{
    transform: scale(1.1);
}
.honor-item:hover p{
    color: #d8171b;
}*/


.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}



@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}




/*@media(max-width: 1200px){
    .honor-item{
        margin-bottom: 0px;
    }
    .honor-img{
        border: 18px solid #f5f5f5;
    }
}
@media(max-width: 991px){
    .honor-item p{
        height: 78px;
    }
    .honor-class-item{
        margin: 0 10px;
    }
    .honor-class-item a{
        width: 160px;
    }
}
@media(max-width: 499px){
    .honor-item p{
        height: auto;
        min-height: 52px;
    }
    .honor-click{
        margin-bottom:54px;
    }
}
*/


@media screen and (max-width:1440px) and (min-width:1000px) {
 .about-box .main {
  width:90%
 }
 .pro-conbox .main{ width:98%;}
 /*.about-box .big2 img {
  -o-object-fit:contain;
  object-fit:contain;
  max-height:500px
 }*/
}
@media screen and (max-width:1000px) {
 .about-box {
  overflow:hidden
 }
 .about-box .nav {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  margin-top:0
 }
 .about-box .nav .a-item {
  width:100%;
  margin-left:0;
  text-align:center;
  padding:15px 0
 }
 .about-box .main {
  width:90%
 }
 .about-box .main .about {
  padding-bottom:0
 }
 .about-box .main .about .content {
  margin:30px auto;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column
 }
 .about-box .main .about .content .left,
 .about-box .main .about .content .right {
  width:100%
 }
 .about-box .main .about .content .right {
  margin-left:0
 }
 .about-box .main .about .allImgs .swiper {
  display:none
 }
 .about-box .main .about .allImgs .swiper2 {
  display:block
 }
 .about-box .main .about .allImgs .swiper2 .item img {
  width:100%
 }
 .about-box .main .about .allImgs .btn {
  z-index:10000;
  top:40%
 }
 .about-box .main .about .allImgs .prev {
  left:-20px
 }
 .about-box .main .about .allImgs .next {
  right:-20px
 }
 .about-box .main .about .history .swiper {
  display:none
 }
 .about-box .main .about .history .swiper11 {
  display:block
 }
 .about-box .main .about .history .swiper2 {
  display:none
 }
 .about-box .main .about .history .swiper22 {
  display:block
 }
 .about-box .main .pp .content .t1 {
  font-size:14px;
  margin:30px auto
 }
 .about-box .main .pp .content .allItems {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
 }
 .about-box .main .pp .content .allItems .item {
  width:100%;
  margin-left:0
 }
 .about-box .main .ln .content .allItems {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
 }
 .about-box .main .ln .content .allItems .item {
  width:100%;
  margin-left:0;
  margin-top:30px
 }
 .about-box .main .duty .content .allItems {
  width:100%
 }
 /*.about-box .main .honor .content .allItems {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
 }
 .about-box .main .honor .content .allItems .item {
  width:100%;
  margin-left:0;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column
 }
 .about-box .main .honor .content .allItems .item .left,
 .about-box .main .honor .content .allItems .item .right {
  width:100%;
  margin-left:0
 }
 .about-box .main .honor .content .allItems .item .right {
  padding-top:20px
 }
 .about-box .main .honor .content .allItems .item .right p {
  text-align:center
 }
 /*.about-box .big2 img {
  width:90%
 }
}*/
video {
 border:none
}
video:focus {
 outline:none
}
.video-full {
 display:none
}
.video-full.showVideo {
 display:block;
 position:fixed;
 top:0;
 left:0;
 width:100%;
 height:100vh;
 background-color:rgba(0,0,0,.9);
 z-index:10000
}
.video-close {
 cursor:pointer;
 position:absolute;
 top:10%;
 right:20%;
 z-index:3200
}
.video-close i {
 -webkit-transition:opacity .4s ease-in-out;
 transition:opacity .4s ease-in-out;
 font-size:50px;
 color:#fff
}
.video-content {
 margin:150px auto;
 z-index:3000;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 width:1024px;
 min-height:660px;
 max-height:90vh
}
.video-content video {
 width:100%;
 height:100%
}
@media screen and (max-width:1440px) and (min-width:1000px) {
 .video-content {
  margin:70px auto
 }
 .video-close {
  top:5%;
  right:10%
 }
}
@media screen and (max-width:1000px) {
 .video-content {
  margin:70px auto;
  width:90%
 }
 .video-close {
  top:5%;
  right:10%
 }
}
body {
 margin:0;
 padding:0
}
a,
button,
div,
img,
input,
textarea {
 -webkit-tap-highlight-color:rgba(255,255,255,0)
}
a,
li,
p,
ul {
 margin:0;
 padding:0;
 text-decoration:none;
 color:#000
}
.el-input {
 width:45%!important
}
.el-input,
.el-textarea {
 margin-left:5%;
 margin-top:30px
}
.el-textarea {
 width:95%
}
input:focus,
textarea:focus {
 border-color:#dcdfe6!important;
 outline:0
}
textarea:focus {
 resize:none!important
}
.donghua {
 height:100vh;
 width:100%;
 position:absolute;
 top:0;
 left:0;
 z-index:999;
 color:#fff;
 background-color:#000;
 -webkit-animation-duration:.6s;
 animation-duration:.6s;
 -webkit-animation-delay:.1s;
 animation-delay:.1s
}
#app {
 font-family:Avenir,Helvetica,Arial,sans-serif;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
 width:100%;
 overflow:hidden
}
#scroller-wrapper {
 position:relative;

 overflow:hidden
}
.scrollbar-thumb {
 background-color:#d8171b!important
}
.scrollbar-thumb,
.scrollbar-track-y {
 width:3px!important
}
.fade-enter-active,
.fade-leave-active {
 -webkit-transition:opacity .5s;
 transition:opacity .5s
}
.fade-enter,
.fade-leave-to {
 opacity:0
}