@import "font.css"; 

/* 
@import "font.css"; 


»ΖΙ«  ed8000 237,128,0





width: calc(50% - 75px);

 data-scroll-reveal='enter bottom and move 60px'
 data-scroll-reveal='enter bottom and move 60px after .2s'
 
 transition: all 0.3s linear;
 transition: all 0.3s ease-in;
 img	transform: scale(1.1);

transition: all 0.3s linear;
-webkit-transition: all .3s ease; 
-o-transition: all .3s ease; 
-moz-transition: all .3s ease;


*/

.wrapper { }

.color2 { color:#ffbc00;}
.h131 { width:100%; height:131px; overflow:hidden; }
.pline { width:50px; height:2px; overflow:hidden; background:#fff; }
.pline2 { width:70px; height:2px; overflow:hidden; background:#4d4d4d; margin:0 auto; }
.pline3 { width:240px; height:1px; overflow:hidden; background:#fff; }
.dline { width:50px; height:2px; overflow:hidden; background:#fff; margin:0 auto; }
.dline2 { width:50px; height:2px; overflow:hidden; background:#000; margin:10px auto; }
.p12 { line-height:30px; background:url(../img/p154x4.png) center 14px no-repeat; text-align:center; font-weight:900; font-size:20px; margin-top:36px;}
.p13 { font-size:40px; font-weight:bold; text-align:center; font-family:Arial, Helvetica; line-height:1.5;}
.p14 { text-align:center; font-size:20px; }
.d15 { width:120px; height:30px; line-height:1.5; background:#000; color:#fff; text-align:center; margin:50px auto 15px auto; font-size:20px; font-weight:900; border-radius:4px;}
.d16 { width:100%; height:40px; line-height:1.25; font-size:32px; background:url(../img/p650x4.png) center 23px no-repeat; text-align:center;}
.h150 { width:100%; height:150px; overflow:hidden;}
.h100 { height:100%;}

.h90 { height:90px;}
.none2 { display:none;}
.w70 { width:70%;}
.ptb140 { padding:140px 0;}

.more1 { width:180px; height:40px; line-height:40px; display:block; background:#ed8000; color:#fff; text-align:center; margin:0 auto; -webkit-transition: background 0.2s linear, border 0.2s linear, color 0.2s linear; transition: background 0.2s linear, border 0.2s linear, color 0.2s linear; position: relative; cursor: pointer; letter-spacing: 1px;} /* display: inline-block; */
.more1:hover {background:#333; }
.more1:before, .more1:after { content: ''; display: block; -webkit-transition: width 0.2s linear; transition: width 0.2s linear; background: rgba(255,255,255,.8); height: 1px; width: 0px; margin:0 auto;}
.more1:hover:before, .more1:hover:after { width: 100%;}
.more1:before {}
.more1:after { margin-top:-2px;}

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

.more1 { width:100px; height:30px; line-height:30px;}

}

.ttl-i { text-align:center; padding:80px 0 60px 0;}
	.ttl-i .ttl-en{ font-size:26px; font-family:en4; line-height:2; color:#555; text-transform:uppercase;}
	.ttl-i .ttl-en::after { content: ''; display: block; width: 60px; height: 1px; background-color: #999; font-size: 12px; margin:0 auto;}
	.ttl-i .ttl-cn{ font-size:28px; line-height:1.7; }/*  padding-bottom:20px; */
	.ttl-i p{ font-size:16px; color: #666; text-transform:uppercase; }
.ttl-i2 ,.ttl-i2 .ttl-en ,.ttl-i2 p{ color:#fff;}
.ttl-i3 { text-align:left;}
.ttl-i3 .ttl-en::after { margin:inherit;}

.ttl-b{ font-size:48px; line-height:1.5; color:#333; padding:80px 0 40px 0; text-transform: uppercase;}
.ttl-b span{ font-family:en4; padding-left:5px;}
.ttl-b-c{ text-align:center;}
.ttl-b-w{ color:#fff;}

.h_l {  height:130px;}

.ttl-l { height:auto; overflow:hidden; padding:50px 0 50px 0; text-transform:uppercase; text-align:center;}
.ttl-l h2{ font-size:18px; line-height:1.5; color:#555; font-family:en9; }
.ttl-l h1{ font-size:26px; line-height:1.5; color:#333; padding:10px 0 10px 0;}
.ttl-l h3{ font-size:16px; line-height:1.5; color:#666;}

.ttl-l2 h2{ color:#eee;}
.ttl-l2 h1{ color:#fff;}
.ttl-l2 h3{ color:#eee;}


.ttl2-i { padding:100px 0 60px 0;}
.ttl2-i-c{ text-align:center;}
.ttl2-en{}
.ttl2-cn{}
.ttl2-w{ color:#fff;}
.ttl2-b{ color:#333;}
.ttl2-i .txt1{ margin-top:20px;}





/* head */
	/* head-index */
	.itop { position: absolute; padding: 30px 35px 0px; z-index: 1000; left:0; top:0; }
	.itop .logo { float: left; }
	.itop .logo img{ width:auto; height:40px;}
	
	.sidecar-open { background: url(../../../upload/nav_open.svg) no-repeat scroll 0 0; background-size:34px 68px; width: 34px; height: 34px; float: right; display: block; }
	.sidecar-open:hover { background-position: 0 -34px; }
	.sidecar-close { background: url(../../../upload/nav_close.gif) no-repeat scroll center center !important; }
	
	#inav { -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; -ms-transition: .5s; transition: .5s; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); position: fixed; _position: absolute; background: url(../../../upload/nav_bg.png) no-repeat; width: 293px; height: 293px; left: 50%; top: 50%; margin: -191px 0px 0px -191px; text-align: center; padding: 45px; display: none; z-index: 900; background-size:cover; box-sizing:content-box; }
	#inavCover { cursor: pointer; width: 100%; height: 100%; top: 0; left: 0; position: fixed; background: #000; filter: alpha(opacity=80); opacity: 0.8; z-index: 800; }
	#inavCover, #inav { display: none; }
	#inav.push { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
	#inav a:link, #inav a:visited { color: #000000; }
	#inav a:active, #inav a:hover { color: #231815; }
	#inav li { text-align: center; position: relative; height: 40px; margin-bottom: 10px; }
	#inav li a { display: inline-block; position: relative; font: 18px/26px "Times New Roman", Times, serif; }
	#inav li a .txt { height: 26px; overflow: hidden; }
	#inav li a span.en { display: block; }
	#inav li a span.zh { display: block; font-family: 'Microsoft JhengHei','Microsoft YaHei','SimHei',Arial; font-size: 16px; }
	#inav li a i { border-bottom: 1px solid #000; width: 14px; display: block; margin: 0px auto; height: 8px; line-height: 8px; overflow: hidden; transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-in-out 0s; /* Firefox 4 */ -webkit-transition: all 0.2s ease-in-out 0s; /* Safari and Chrome */ -o-transition: all 0.2s ease-in-out 0s; /* Opera */ }
	#inav li a:hover i { width: 35px; transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-in-out 0s; /* Firefox 4 */ -webkit-transition: all 0.2s ease-in-out 0s; /* Safari and Chrome */ -o-transition: all 0.2s ease-in-out 0s; /* Opera */ }
	#inav li a.act .txt .en { margin-top: -26px; }

@media screen and (max-width: 991px){
	.itop { padding:10px 20px; height:60px;}
	.itop .logo {}
	.sidecar-open { margin-top:3px;}
}


	/* head-index end*/



/* head end */



/* index */

.title2 { padding:100px 0 60px 0;}
.title2 h3{ font-size: 20px; text-transform: uppercase; color: #333;  display:block; font-family:en9;  }
.title2 h2{ font-size:24px; color: #333; margin-top: 5px;} 
.title2 h2:after { content: ''; display: block; margin: 10px 0 0 0; width: 50px; height: 1px; background: #bbb;}  
.title2 .txt { margin-top:20px; font-size:16px; line-height:1.5;}
.title2 .txt a{ padding:0 15px; font-size:16px; line-height:1.5; border-right: 1px solid #aaa;}
.title2 .txt a:last-child { border:none;}
.title2 .txt2 {display: none;}

.title2-c { text-align:center;}
.title2-c h2:after { margin: 10px auto 0 auto; }

.title2-w {}
.title2-w h2{ color:#fff;}
.title2-w h2:after { background: #fff;}  
.title2-w h3{ color:#fff;}

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

.title2 { padding:40px 0 20px 0;}
.title2 h3{ font-size: 14px;  }
.title2 h2{ font-size:16px; margin-top: 5px;} 
.title2 h2:after { margin: 5px auto 0 auto; }  
.title2 .txt { margin-top:10px; font-size:12px; padding: 0 20%;}
.title2 .txt a{ width: 25%; display: inline-block; padding:0 2px; font-size:12px; margin-bottom: 4px; }
.title2 .txt a:nth-child(4) { border:none;}

}


.title3 { padding:100px 0 60px 0;}
.title3 h3{ font-size: 40px; text-transform: uppercase; color: #333;  display:block; font-family:en11;  }
.title3 h2{ font-size:24px; color: #333; margin-top: 5px;} 
.title3 h2:after { content: ''; display: block; margin: 10px 0 0 0; width: 50px; height: 1px; background: #bbb;}  
.title3 .txt { margin-top:20px; font-size:14px; line-height:1.5;}
.title3 .txt a{ padding:0 15px; font-size:16px; line-height:1.5; border-right: 1px solid #aaa;}
.title3 .txt a:last-child { border:none;}
.title3 .txt2 {display: none;}

.title3-c { text-align:center;}
.title3-c h2:after { margin: 10px auto 0 auto; }

.title3-w {}
.title3-w h2{ color:#fff;}
.title3-w h2:after { background: #fff;}  
.title3-w h3{ color:#fff;}
@media screen and (max-width: 991px){
.title3 { padding:50px 0 30px 0;}
.title3 h3 { font-size:16px;}
.title3 h2 { font-size:14px;}
.title3 .txt { font-size:12px; }
}

/* banner_i*/
.bannner_i {}
	.bannner_i .swiper-slide a{
	text-align:center !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	}
	.bannner_i a.bannera1 , .bannner_i a.bannera3{	-webkit-justify-content: left;	justify-content: left;}
	.bannner_i a.bannera2 , .bannner_i a.bannera4{	}
	.swiper-slide-active .bannera1 img , .swiper-slide-active .bannera3 img{-webkit-animation:fadeInUp 1s .5s ease both; -moz-animation:fadeInUp 1s .5s ease both; width:auto; max-width:100%;}/* fadeInRight */
	.swiper-slide-active .bannera2 img , .swiper-slide-active .bannera4 img{-webkit-animation:fadeInUp 1s 0.5s ease both;-moz-animation:fadeInUp 1s .5s ease both; width:auto; max-width:100%;}
	/* banner-i end*/
	.bannner_i {}
	.bannner_i .swiper-slide{ }
	.bannner_i .swiper-slide-active {  }
	.bannner_i .swiper-pagination-bullet {  width: 8px; height: 8px; display: inline-block; background: #999; opacity: 1; border-radius:4px; box-shadow:0 0 3px #fff; } 
	.bannner_i .swiper-pagination-bullet-active { width:40px; height:8px; position: relative; background:#999; }
	.bannner_i .swiper-pagination-bullet-active::after { content: ""; position: absolute; top: 0; left: 0; display: block; width: 8px; height: 8px; border-radius: 50%; background-color: #fff; animation: move linear 4s; animation-fill-mode: forwards; } 
	@keyframes move {
	  0% { left: 0; }
	  100% { left: 80%; }
	}

.bannner_i .swiper-slide a img.pc { display:block; margin:0 auto;}
.bannner_i .swiper-slide a img.mob { display:none;}

/* index end*/


/* about-pp */
.goto { position: absolute; bottom:50px; }
.goto a{ height:30px; display:block; background:url(../../../upload/to-b.svg) center center no-repeat; background-size:58px 30px;}
.goto a:hover { animation: up 1s linear infinite; }
@keyframes up{
	0% { background-position: center 0px;}
	50%{ background-position: center 30px;}
	100%{ background-position: center 0px;}
	}

.goto-l1 { padding-top:40px;  }
.goto-l1 a { background: #333; width: 50px; height: 50px; text-align:center; line-height:50px; display: block; margin: 0px auto; overflow: hidden; border-radius:50%; color:#fff; }
.goto-l1 .iconfont_goto:before { content: "\e7b0";}
@media (max-width: 1199px) { 
.goto-l1 { display:block;}
.goto-l1 a { width:30px; height:30px; line-height:30px; font-size:12px;}
}


/* about-pp end*/

/* about-ct*/

/* end about-ct */

/* aboutjm */

/* end about-jm  */


/* prolist */
.porl1 { background:url(../../../upload/pro/bg.jpg) center center no-repeat; background-size:cover; height:600px; position:relative;}
.porl1 .goto-l1 { display:none;}
.porl1 .box2{ text-align:center;}
.porl1 .txt1 { font: 72px/1 "Times New Roman", Times, serif; text-transform: uppercase; padding-bottom:10px;}
.porl1 .txt2 { font: 25px/1.2 "Times New Roman", Times, serif; }
.porl1 .txt3 { font: 16px/1.4 'Microsoft JhengHei','Microsoft YaHei','SimHei',"Times New Roman", Times, serif; margin-bottom: 20px; }
.porl1 .txt4 {  }
.porl1 .txt4 a{border: 1px solid #000; display: inline-block; margin: 0px auto;  font: 17px/1.4 'Microsoft JhengHei','Microsoft YaHei','SimHei',"Times New Roman", Times, serif; padding: 4px 34px; transition: all 0.3s linear; margin:0 auto; }
.porl1 .txt4 a:hover{ background:#000; color:#fff;}

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

.porl1 .goto-l1 { display:block;}
.porl1 .txt1 { font-size: 20px;}
.porl1 .txt2 { font-size: 16px;}
.porl1 .txt3 { font-size: 14px;}
.porl1 .txt4 a { font-size:14px;}

.porl1 { height: calc(100vh - 60px); }

}


.procate { width:100%; height:auto; position:absolute; z-index:2; bottom:50px; left:0;}
	.procate { display: flex; justify-content: center; } 
		.procate ul{ display: flex; justify-content: center; position: relative; padding:0 0 0px 0;} 
		.procate ul li{position: relative; margin:0 15px;}
		.procate ul li a{ padding:0 10px; display:block; color:#333; text-align:center; transition: all 0.2s linear; line-height:2; font-size:16px;}
		.procate ul li a.active , 
		.procate ul li a:hover{}
		.procate ul li a::after{ content:""; position:absolute; width:0%; height:1px; background:#ed8000; bottom:0px; left:50%; margin-left:0%;  transition: all 0.2s linear;}
		.procate ul li a.active::after, 
		.procate ul li a:hover::after { width:60%; margin-left:-30%;}
		.procate ul li a .iconfont{ height:33px; font-size:30px;}
		.procate ul li.i { display:none;}
@media screen and (max-width: 991px){
	.procate { display:block; padding:0 10%;}
	.procate ul li.procate-0 { display:none; }
	.procate ul li { width:16.66%; margin:0; text-align:center; }
	.procate ul li a { padding:0; text-align:center; font-size:14px;}
	.procate ul li.i{ width:8px; height:28px; display:block; background:url(../../../upload/bg-line-2.svg) center center no-repeat; background-size:8px 12px; filter:alpha(Opacity=60);-moz-opacity:0.6;opacity:0.6; }
	.procate ul li:last-child { display:none;}
}
.pro2 { padding:0 0 100px 0; }
	.prolist-cnt { padding:0 0 40px 0;}
		.prolist-cnt ul{}
		.prolist-cnt ul li:first-child {}
		.prolist-cnt ul li{ width:50%; float:left; display:inline; margin:0 0 20px 0; overflow:hidden; position:relative;}
		.prolist-cnt ul li .pic{ text-align:center;}
		.prolist-cnt ul li .pic a{display:block; overflow:hidden;}
		.prolist-cnt ul li .pic img{ width:50vw; height:25vw; transition: all 0.3s linear; transition: all 0.3s linear;}
		.prolist-cnt ul li:hover .pic img { transform: scale(1.05); }

		.prolist-cnt ul li .info { width: 90%; color:#333; margin-left:5%; padding:20px 0 40px 0;} 
		.prolist-cnt ul li .info h2{ font: 16px/1.4 'Microsoft JhengHei','Microsoft YaHei','SimHei',"Times New Roman", Times, serif; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
		.prolist-cnt ul li .info h3{ font: 18px/1.4 "Times New Roman", Times, serif; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} 
		.prolist-cnt ul li .info a{  font: 12px/1.2 'AndaleMonoRegular',"Times New Roman", Times, serif; text-transform: uppercase; display: inline-block; padding: 20px 10px; margin-top: 12px; color:#333; border:1px solid #333;} 
		.prolist-cnt ul li .info a:hover { background:#333; color:#fff;}		
				

@media screen and (max-width: 991px){
.pro2 { padding:0px 0 50px 0;}

.prolist-cnt { padding:0 0 0 0;}
.prolist-cnt ul li { width:100%; display:inherit; margin:0;}
.prolist-cnt ul li .pic img { width:100vw; height:56vw;}
.prolist-cnt ul li .info { width:90%; padding:20px 0 30px 0; margin:0 5%;}
.prolist-cnt ul li .info h2 { font-size:14px;}
.prolist-cnt ul li .info h3 { font-size:14px;}
.prolist-cnt ul li .info a { font-size:12px; width:100%; padding:5px 10px; border:1px solid #CCC; margin-top: 6px;}

}


	#product-gallery .gallery-item {display: none; position:relative; }
	#product-gallery .gallery-item.show {display: block !important;}
	
	
/* prolist end*/

/* banner-l */
.probanner {width: 100%;position: relative;overflow: hidden;}
	.probanner .img{width: 100%;position: relative;height: 6rem;z-index: 2;}
	
	.probanner .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
	.probanner .img img:nth-child(1) {z-index: 2;}
	.probanner .img:before {content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: #000;opacity: 0.2;z-index: 4;}
	.probanner .img2 { display:none;}
	
	.probanner .cont {position: absolute;top: 50%;left: 0;width: 100%;-webkit-transform: translateY(-50%);transform: translateY(-50%);z-index: 4;}
	.probanner .cont .font {text-align: center;color: #fff;}
	.probanner .cont .font .label {font-size: 28px;margin-bottom: 18px; color:#ed8000;}
	.probanner .cont .font .tit {line-height: 1.2;font-size: 0.36rem;}
	.probanner .bread {position: absolute;left: 0;bottom: 0;width: 100%;z-index: 5;}
	.probanner .bread {width: 100%;padding: 26px 0; color:#ddd;}
	.probanner .bread .f_cont {display: flex;}
	.probanner .bread .f_cont a,.bread .f_cont span {color: #ddd;display: inline-block;}
	.probanner .bread .f_cont span {margin: 0 14px;}
	.probanner .bread .f_cont .on {color: #fff;}


@media (max-width: 1440px) {
.bread {padding: 10px 0;}
.bread .f_cont span {margin: 0 10px;}
.probanner .cont .font .label {font-size: 20px;margin-bottom: 12px;} }
@media (max-width: 1199px) {.probanner .cont .font .tit {font-size: 0.7rem;} }
@media (max-width: 991px) {
.probanner .img{height: 7rem;}
}
@media (max-width: 991px) {
.probanner .bread { padding: 5px 0 10px 0; }
.probanner .bread .f_cont , 
.probanner .bread .f_cont a ,
.probanner .bread .f_cont span  { font-size:12px; margin:0 4px;} 
.probanner .bread .f_cont span {margin: 0 0px;}
.probanner .img { display:none;height: 16rem;}
.probanner .img2 {display: block;}
.probanner .cont .font .label {margin-bottom: 6px;font-size: 14px;}
.probanner .cont .font .tit {font-size: 16px;}
}

/* caselist */



/* caselist end */

/* prod */
.pord1 { }
.position { padding-top:400px; color:#ccc;}
.position  a{ color:#ccc;}
.position .icon_i { margin-right:5px;}

.pord2 { padding:20px 0 40px 0;}
.pord2 .box2{}

.pro-l {}
.pro-l .swiper-container {width: 100%;height: 100%;}
.pro-l .swiper-slide {text-align: center;font-size: 18px; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.pro-l .swiper-slide img{ width:auto; max-width:100%;}

.pro-r {}
/*
.pro-r .txt1 { font-size:24px; line-height:28px; padding-top:50px;}
.pro-r .txt2 { font-size:24px; line-height:30px;}
*/
.pro-r .txt3 { font-size:16px;  line-height:2; padding-top:20px;}
.pro-r .txt4 { font-size:14px; font-family:"Times New Roman", Times, serif; line-height:2;  border-bottom:1px solid #ed8000; margin-bottom:30px; padding-bottom:10px;}

/*
.pro-r .txt5 {}
.pro-r .txt51 { font-size:14px; line-height:26px; margin-top:40px; border-bottom:1px solid #ed8000; font-weight:600;}
.pro-r .txt52 { padding:40px 0 20px 0; min-height:156px;}
.pro-r .txt52 .tdlist { width:100%; height:auto; overflow:hidden; font-size:12px; line-height:16px; padding-bottom:20px;}
.pro-r .txt52 .tdlist span{ float:left; font-size:28px; line-height:32px; display:block; color:#ed8000; padding-right:10px; font-family:en9;}
.pro-r .txt6 {}
.pro-r .txt6 .color-ttl{ font-size:14px; line-height:26px; border-bottom:1px solid #ed8000; font-weight:600;}
.pro-r .txt6 .color-cnt { padding:20px 0 0 0;}
.pro-r .txt6 .colorlist { width:28%; float:left; display:inline; padding-bottom:18px;}
.pro-r .txt6 .colorlist .color { width:100%; height:28px; display:block;}
.pro-r .txt6 .colorlist .canshu { font-size:12px; text-align:right; line-height:20px;}
.pro-r .txt6 .colorlist .canshu span{ float:left;}
*/
.pagenavi { padding:20px 0 60px 0;}
.pro-r .txt6 .colorlist:nth-child(3n+2){ margin:0 8%;}
.pro-r .txt6 .colorlist a{ line-height:48px; display:block; cursor: -webkit-zoom-in; cursor:zoom-in;}


.pro-l .swiper-button-next, .pro-l .swiper-button-prev { filter:alpha(Opacity=40);-moz-opacity:0.4;opacity:0.4; transition: all 0.3s linear; }
.pro-l .swiper-button-next:hover, .pro-l .swiper-button-prev:hover { filter:alpha(Opacity=100);-moz-opacity:1;opacity:1; }

.proinfo { margin-top:30px; min-height:200px; margin-bottom:20px;}
.proimg { width:100%; height:auto; overflow:hidden; }
	.proimg .nTab2{width: 100%; height:auto; overflow:hidden;}
	.proimg .nTab2 .TabTitle{ overflow: hidden; width:60%; height:auto; margin:0 auto; border-radius:25px;}
	.proimg .nTab2 .TabTitle ul{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; height: 50px; }
	.proimg .nTab2 .TabTitle li{ cursor:pointer; font-size:16px; color:#fff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; border-left: 1px solid #5b5b5b; background-color: #484848; -webkit-transition: .2s ease all; -moz-transition: .2s ease all; -o-transition: .2s ease all; transition: .2s ease all; }
	.proimg .nTab2 .TabTitle li:first-child{ border-left: none;}
	.proimg .nTab2 .TabTitle li span{ font-family: "iconfont" !important; margin-right:5px; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
	.proimg .nTab2 .TabTitle li.active , .proimg .nTab2 .TabTitle li:hover{ background:#ed8000; color:#fff;}
	.proimg .nTab2 .TabTitle li.normal{}
	.proimg .nTab2 .TabContent{ width:100%; height:auto; min-height:400px; overflow:hidden; }
	.proimg .nTab2 .TabContent .cnt{ padding:50px 60px;}
	.proimg .nTab2 .TabContent .cnt a{}
	.proimg .nTab2 .TabContent img{ width:auto; max-width:100%;}

.proimg .title-box { margin-bottom:30px;}
	.proimg .title-box .img { width: auto; height: 30px; line-height: 30px; text-align: center; overflow:hidden; display:none; }
	.proimg .title-box .img img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; }
	.proimg .title-box .word { height:32px; line-height: 30px; font-size: 24px; color: #333; overflow:hidden; } /* padding-left: 5px; */
	.proimg .title-box .cn { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 10px; }
	.proimg .title-box .en{ line-height: 1; text-align: center; font-size: 12px; font-family: "Tahoma"; color: #858585; letter-spacing: 2px; text-transform: uppercase; }
	.proimg .line-bb1 { width:100%; height:1px; border-bottom:1px dotted #f1f1f1; margin-bottom:30px;}
.proimg .info2 { color:#333; font-size:14px; line-height:1.5;}
	.proimg .info2 p{ margin-bottom:5px; color:#333; font-size:16px; line-height:1.5; text-align:center;}
	.proimg .info2 p.text { margin-bottom:30px;}
	.proimg .info2 img{ width:auto; max-width:100%; margin-bottom:10px;}
@media screen and (max-width: 991px){

.pord1 { display:none;}
.pord2 { padding-top:0;}
.pord2 .box2 { padding:10px;}
.pro-r .txt3 { margin-top:10px; font-size:14px; text-align:center;}
.pro-r .txt4 { font-size:12px; text-align:center; margin-bottom:10px;}
}
/* prod end */


/* newslist */




/*news-page*/
.pagenavi1{ padding:60px 0; color:#fff; text-align:center;}
.pagenavi1 span{ border-radius:4px; padding:10px; margin:0 5px; overflow:hidden; color:#333; background:#eee;}
.pagenavi1 a{ border-radius:4px; padding:10px; margin:0 5px; overflow:hidden; color:#fff; background:#333;transition:background 0.3s linear,color 0.3s linear;}
.pagenavi1 a:hover{ background:#453327; color:#fff;}

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

.pagenavi1 { padding:20px 0;}
.pagenavi1 span { padding:10px 4px; margin:0 2px; font-size:12px;}
.pagenavi1 a { font-size:12px; padding:10px 4px;}

}


/* newslist end*/

/* news */




	/* prev-next */
	.pagenavi { padding:30px 0 60px 0; font-size:14px; border-top:1px dotted #f2f2f2;}
	.pagenavi .pageleft{ width:35%; height:40px; line-height:1.5;}
	.pagenavi .golist { width:30%; text-align:center;}
	.pagenavi .golist a{ height:40px; line-height:40px; display:block; text-align:center; }
	.pagenavi .golist a .ico-golist { font-size:40px;}
	.pagenavi .pageright{ width:35%; text-align:right; height:40px; line-height:1.5;}
	.pagenavi a:hover{ color:#ed8000;}

@media screen and (max-width: 991px){ 
	.pagenavi .golist { width:20%;}
.pagenavi .pageleft , .pagenavi .pageright{ width:40%; height:40px; line-height:1.2;}
.pagenavi { padding:10px 0 20px 0; font-size:12px;}


}

	/* prev-next end*/




/* news end*/

/* jm */

/* jm end */

/* about-sh */

/* about-sh end*/

/* gy */


.gy1 .cnt{ width:30%;}
.gy1 .cnt .cnt1 { font-size:60px; line-height:70px; font-family:en7;}
.gy1 .cnt .cnt2 { font-size:24px; line-height:40px; padding-bottom:80px;}
.gy1 .cnt .cnt3 {}
.gy1 .cnt .cnt3 .gytlist{ width:33%; float:left; display:inline; border-right:1px solid #A98F7B; box-sizing:border-box;}
.gy1 .cnt .cnt3 .gytlist .pic{ padding-bottom:15px;}
.gy1 .cnt .cnt3 .gytlist:last-child{ border:none;}

.gy2 .cnt{ width:26%; }
.gy2 .cnt .cnt1 { font-size:60px; line-height:70px; font-family:en7;}
.gy2 .cnt .cnt2 { font-size:24px; line-height:40px; padding-bottom:80px;}
.gy2 .cnt .cnt3 {}
.gy2 .cnt .cnt3 .gytlist{ float:left; display:inline; border-right:1px solid #A98F7B; box-sizing:border-box; text-align:center;}
.gy2 .cnt .cnt3 .gytlist .pic{ padding-bottom:15px;}
.gy2 .cnt .cnt3 .gytlist1 { width:40%;}
.gy2 .cnt .cnt3 .gytlist2 { width:60%; border:none;}

.gy3 .cnt{ width:30%;}
.gy3 .cnt .cnt0 { padding-bottom:30px;}
.gy3 .cnt .cnt2 { font-size:24px; line-height:40px; padding-bottom:15px;}
.gy3 .cnt .cnt4 {}

.gy4 .cnt{ width:50%;}
.gy4 .cnt .cnt1 { font-size:60px; line-height:70px; font-family:en7;}
.gy4 .cnt .cnt2 { font-size:24px; line-height:40px; padding-bottom:80px;}
.gy4 .cnt .cnt3 {}
.gy4 .cnt .cnt3 .gytlist{ width:33%; float:left; display:inline; border-right:1px solid #A98F7B; box-sizing:border-box;}
.gy4 .cnt .cnt3 .gytlist .pic{ padding-bottom:15px;}
.gy4 .cnt .cnt3 .gytlist:last-child{ border:none;}

.gy5 .cnt{ width:30%;}
.gy5 .cnt .cnt0 { padding-bottom:30px;}
.gy5 .cnt .cnt2 { font-size:24px; line-height:40px; padding-bottom:15px;}
.gy5 .cnt .cnt4 {}
.gy5 .cnt .cnt4 img{ float:right; margin-left:10px;}
/* gy end */


/* ln */



/* foot */
	/* foot-index  */
	.ipanel { position: fixed; _position: absolute; bottom: 0px; left: 0px; width: 100%; z-index: 100; }
	.ibox { padding-bottom: 15px; text-align: right; }
	.inbox { display: inline-block; margin-right: 43px; border: 1px solid rgba(255,255,255,.6); width: auto; color: #fff; overflow: hidden; height: 32px; line-height: 32px; padding: 0px 10px; }
	.inbox:hover { border: 1px solid #000; color: #fff; background-color: #000; }
	.inbox span { background: url(../../../upload/ico1.gif) no-repeat scroll right center; padding: 0px 32px 0px 0px; color: #fff; width: auto; display: block; height: 32px; line-height: 32px; overflow: hidden; box-sizing:content-box; }
	.ifooter a:link, .ifooter a:visited { color: #fff; }
	.ifooter a:active, .ifooter a:hover { color: #F3F3F3; }
	
	.ifooter { padding: 10px 35px; color: #fff; border-top: 1px solid rgba(255,255,255,0.2); font-family: Arial, Helvetica, sans-serif; font-size:14px; }
	.ifooter p a{ margin-right:5px;}
	.fnav { float: right; display: block; font-family: 'AndaleMonoRegular'; }
	.fnav .sharpbox{ margin-left:40px;}
	.fnav a :hover { color: #272727; }
	
	.fnav i { background: url(../../../upload/il1.gif) no-repeat scroll center center; padding: 0px 12px; }
	.sharpbox .share { background: url(../../../upload/sharebg.png) no-repeat center center; display: inline-block; height: 18px; width: 18px; margin-right: 6px; }
	.sharpbox .sinaminiblog { background-position: -1px 1px; }
	.sharpbox .qqmb { background-position: -22px 1px; }
	.sharpbox .qzone { background-position: -43px 1px; }
	.sharpbox .sharemore { background-position: -64px 1px; }
	.sidecar-open { background: url(../../../upload/nav_open.svg) no-repeat scroll 0 0;  background-size:34px 68px; width: 34px; height: 34px; float: right; display: block; }
	.sidecar-open:hover { background-position: 0 -34px; }
	.sidecar-close { background: url(../../../upload/nav_close.gif) no-repeat scroll center center !important; }
	.nav li.minnav .sidecar-close, .nav li.minnav .sidecar-close:hover { background: none #fff; }
	.sidecar-close span, .nav li.minnav .sidecar-close span { display: block; }
	@media screen and (max-width: 991px){
	.inbox span { font-size:12px;}
}
	/* foot-index end*/
	
/* foot end */



/* news_pub */

.newscnt { height:auto; overflow:hidden; padding:20px 0;}
	.newscnt .ttl_pd_img { text-align:center; padding:0 0 20px 0;}
	.newscnt .ttl_pd_img img{ width:auto; max-width:100%;}
	.newscnt .newscnt_w100 { background:url(http://test.asp.wzkex.com/upload/p1x40.jpg) 430px top repeat-y; }
	.newscnt .pbzc{ background:url(http://test.asp.wzkex.com/upload/pbzc.png) left bottom no-repeat;}	

	.newscnt .newscnt1 { width:820px; overflow:hidden; line-height:30px;}
		.newscnt .newscnt1_cn { width:370px; padding:0 0 20px 0; line-height:28px; font-size:16px; color:#444;}
		.newscnt .newscnt1_cn img{ width:auto; max-width:370px; padding-bottom:20px;}
		.newscnt .newscnt1_cn p{ margin-bottom:20px;}
		.newscnt .newscnt1_en { width:330px; padding:0 0 0 60px; line-height:20px; color:#5d5d5d;}
		.newscnt .newscnt1_en p{ margin-bottom:20px;}
	
	.newscnt .newscnt2 { width:330px; text-align:center;}
		.newscnt .newscnt2  img{ width:330px; max-width:100%;}

.newscnt_t2{ width:830px !important; float:left; display:inline; font-family:cn2; font-size:16px; line-height:28px; padding-bottom:20px; min-height:300px; }
	.newscnt_t2 p{ margin-bottom:30px;}
	.newscnt_t2 .pc1 { font-size:32px; line-height:50px; padding:20px 0 20px 0; margin-bottom:30px;}
	.newscnt_t2 .pc1 p{ margin-bottom:0;}


.newscntpic { height:auto; overflow:hidden; margin-bottom:30px;}
.newscntpic .pic1 { width:584px; margin-right:32px;}
.newscntpic .pic2 { width:276px; margin-right:32px;}
.newscntpic .pic3 { width:276px;}
.newscntpic img{ width:auto; max-width:100%;}

.newscntpic2 { height:auto; overflow:hidden; margin-bottom:30px;}
.newscntpic2 .pic1 { width:276px; margin-right:32px;}
.newscntpic2 .pic2 { width:276px; margin-right:32px;}
.newscntpic2 .pic3 { width:584px;}
.newscntpic2 img{ width:auto; max-width:100%;}

.newscntpic3 { height:auto; overflow:hidden; margin-bottom:30px;}
.newscntpic3 .pic1 { width:584px;}
.newscntpic3 .pic2 { width:584px; margin-left:32px;}
.newscntpic3  img{ width:auto; max-width:100%;}

.newscntpic4 { height:auto; overflow:hidden; margin-bottom:30px;}
.newscntpic4 .pic1 { width:276px; margin-right:32px;}
.newscntpic4 .pic2 { width:276px; margin-right:32px;}
.newscntpic4 .pic3 { width:276px; margin-right:32px;}
.newscntpic4 .pic4 { width:276px;}
.newscntpic4 img{ width:auto; max-width:100%;}

.newscntpic5 { width:100%; height:760px; overflow:hidden;background-repeat: no-repeat;background-position: center top;background-attachment: fixed; background-size:cover; margin-bottom:30px;}
.newscntpic5 img{ display:none; filter:alpha(Opacity=0);-moz-opacity:0;opacity:0;}

@media screen and (max-width: 980px) {
.newscntpic5 { height:auto;}
.newscntpic5 img { width:auto; max-width:100%; display:block;filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;}
}

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


.newscntpic6 { height:auto; overflow:hidden; margin-bottom:30px;}
.newscntpic6 .pic1 { width:380px; margin-right:30px;}
.newscntpic6 .pic2 { width:380px; margin-right:30px;}
.newscntpic6 .pic3 { width:380px;}
.newscntpic6 img{ width:auto; max-width:100%;}

.newscntpic7 { height:auto; overflow:hidden; margin-bottom:30px; text-align:center;}
.newscntpic7 img{ width:auto; max-width:100%;}

.newscntpic8 { background:url(http://test.asp.wzkex.com/upload/t2/g1920x40.gif) center top repeat-y; padding:20px 0; margin-bottom:120px;}
	.newscntpic8 .mores { font-size:22px; line-height:80px; font-family:cn2; text-align:right; background:url(../../../upload/t2/p45x2.jpg) right top no-repeat; margin:50px 0 20px 0;}
	.newscntpic8 .slogan_en { font-size:14px; line-height:22px; padding-top:20px;}

.newscnttext { margin-bottom:20px; font-size:14px; color:#333; text-align:center;}
.newscnttext p{  margin-bottom:10px; font-size:14px;}
.newscnttext img{ width:auto; max-width:100%; padding:10px;}

@media screen and (max-width: 991px){
.newscnttext p { font-size:12px;}
.newscnttext ,
.newscntpic5 ,
.newscntpic7 { margin-bottom:10px;}
}



.picScroll-left{ width:1200px;  overflow:hidden; position: relative; padding:30px 0 0 0 ; margin:0 auto;}

	.picScroll-left .bd{ padding:0 0 0 0;   }
	.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
	.picScroll-left .bd ul li{ width:590px; margin:0 5px; float:left; _display:inline; overflow:hidden; text-align:center;  }
	.picScroll-left .bd ul li .pic{ text-align:center; }
	.picScroll-left .bd ul li .pic a{ height:840px; display:block;}

	.picScroll-left .hd ul{ width:1200px; height:auto; overflow:hidden; margin:22px auto; zoom:1; float:left; text-align:center;}
	.picScroll-left .hd ul li{ display:inline-table; width:100px; height:22px; overflow:hidden; text-indent:-999px; cursor:pointer; background:url(../../../upload/t2/g100x22.gif) center -10px repeat-x;}
	.picScroll-left .hd ul li.on{ background-position:center 10px;}

	.w70{ width:70%;}







/* news_pub */



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

}

@media screen and (min-width: 1200px) {

}



i.ico-golist:before {content: "\e70c"; }
i.icon_i:before {content: "\e61d"; }




/*










*/