@charset "utf-8";


html body{background:#1b1b1b;color:#909090}

.head{
	position:fixed;
	width:100%;
	top:0;
	left:0;
	background:#000000;
	padding:0px 7%;
	z-index:999;
}

.navv{
	box-shadow:0px 0px 10px rgba(0,0,0,.4);
}
.tian{
	height:90px;
	background:#131313;
}

.navv .logo img{height:40px;}

.top{
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.top .menu ul{
	display:flex;
}
.top .menu ul li{
	padding:20px 30px;
	transition:.5s;
}
.top .menu ul li>a{
	display:block;
	color:#ffb718;
	font-weight:bold;
	font-size: 1.6rem;
	transition:.5s;
	line-height:50px;
}
.navv .top .menu ul li{
	padding:10px 20px;
}
.navv .top .menu ul li>a{
	line-height:40px;
}
.top .menu ul li:hover>a{
	text-decoration:underline;
}
.top .menu ul i{
	display:block;
	width:2px;
	height:12px;
	margin:39px 0px;
	background:rgba(255,255,255,.2);
	transition:.5s;
}
.navv .top .menu ul i{
	margin:24px 0px;
}

.top .menu ul li:hover .tmenu{
	display:block;
}
.top .menu ul li:hover .tmenu dl{
	animation: fadeInDown 1s;
	-webkit-animation: fadeInDown 1s;
}
.top .menu ul li .tmenu{
	position:absolute;
	width:100%;
	top:100%;
	display:none;
	left:0;
	background: #1c1c1c;
	z-index:100;
}
.top .menu ul li dl{
	display:flex;
	align-items:center;
	margin:0;
	padding:30px 0px;
}
.top .menu ul li dl dt{
	width:30%;
}
.top .menu ul li dl section{
	width: 90%;
	display:flex;
	flex-wrap:wrap;
	padding-left:5%;
}

.top .menu ul li dl section ol{
	width: 25%;
	padding-left:2%;
	float:left;
}

.top .menu ul li dl section ol b{
	float:left;
	width:100%;
	height:32px;
	border-bottom:2px solid #6e6e6e;

}

.top .menu ul li dl section ol b a{
	font-size: 16px;
	padding:12px 0;
	width:100%;
	color:#ffb718;
}

.top .menu ul li dl section ol b a:hover{
	color:#ffffff;
}

.top .menu ul li dl .ppp dd{
	width:30%;
	float:Left;
}


.top .menu ul li dl section.shu{
	display:block;
	width:40%;
}
.top .menu ul li dl section dd{
	width: 100%;
	float:left;
	margin-right:15px;
}
.top .menu ul li dl section dd a{
	line-height:20px;
	font-size:15px;
	display:block;
	padding: 8px 0px;
	color:rgb(255, 183, 24);
	border-bottom:1px rgba(169, 169, 169, 0.15) solid;
	position:relative;
	transition:color 0s .5s;
	transition:.8s;
	overflow:hidden;
}

.top .menu ul li dl section dd a:hover{
	color:#ffffff;
	padding-left:10px
	

}

@media (max-width:1200px) {
	.top .menu ul li dl section dd a{
		font-size:1.2rem;
		padding:8px 0px;
	}
}
.top .menu ul li dl section dd:nth-of-type(1) a,.top .menu ul li dl section dd:nth-of-type(2) a,.top .menu ul li dl section dd:nth-of-type(3) a{
	/* border-top:1px rgba(0,0,0,.15) solid; */
}
.top .menu ul li dl section.shu dd:nth-of-type(2) a,.top .menu ul li dl section.shu dd:nth-of-type(3) a{
	border-top:0px rgba(0,0,0,.15) solid;
}
.top .menu ul li dl section dd a p{
	position:absolute;
	z-index:2;
	top:0;
	left:-100%;
	width:100%;
	height:100%;
	line-height:20px;
	display:flex;
	align-items:center;
	padding-left:10px;
	background:#008d9b;
	color:#fff;
}
.top .menu ul li dl section dd a p.trans {
	transition: all .2s;
	backface-visibility: hidden;
}
.top .menu ul li dl section.tup{
	width:100%;
	justify-content:space-between;
}
.top .menu ul li dl section.tup dd{
	border:0;
	width:15.5%;
	margin:0;
}
.top .menu ul li dl section.tup dd a{
	border:0;
	padding:0;
}
.top .menu ul li dl section.tup dd a p{
	padding:0;
	justify-content:center;
	background:rgba(1,144,158,.8);
}
.top .menu ul li dl section dd a img{
	width:100%;
}

.top .ench{
	display:flex;
}
.top .ench i{
	display:block;
	width:2px;
	height:12px;
	margin:19px 20px;
	background:rgba(255,255,255,.2);
}
.top .ench .langua{
	position:relative;
}
.top .ench .langua big{
	display:flex;
	cursor:pointer;
}
.top .ench .langua small{
	display:block;
	width:24px;
	height:24px;
	background:url(../images/diqiu.png) center no-repeat;
	margin:13px 0px;
	-webkit-animation:rotate 3s infinite linear;
	-o-animation:rotate 3s infinite linear;
	animation:rotate 3s infinite linear;
}
.top .ench .langua p{

	line-height:50px;
	font-weight:bold;

	color:#fff;
	font-size:1.4rem;
	display:flex;
	margin-left:15px;
}
.top .ench .langua section{
	position:absolute;
	display:none;
	width:110%;
	z-index:99;
	top:100%;
	left:0;
	padding:5px 0px;
	background:#fff;
	border-radius:3px;
	box-shadow:0px 0px 5px rgba(0,0,0,.4);
}
.top .ench .langua section a{
	display:block;
	text-align:center;
	color:#000;
	line-height:30px;
}
.top .ench .langua section a:hover{
	color:#f00;
}
.top .ench span{
	display:block;
	width:20px;
	background:url(../images/fdj.png) right center no-repeat;
	cursor:pointer;
}
.sousuo{
	position:absolute;
	width:100%;
	left:0;
	top:100%;
	z-index:98;
	display:none;
	background: rgba(8, 8, 8, 0.8);
	padding:20px 0px;
}
.sousuo form{
	display:flex;
}
.sousuo form input{
	width:85%;
	border: 1px #d1d1d1 solid;
	border-right:0;
	outline:none;
	line-height:20px;
	padding:10px 0px 10px 15px;
}
.sousuo form button{
	color: #000;
	background: #ffb718;
	font-family:Anton;
	border:0;
	border-radius:0;
	font-size:1.6rem;
	letter-spacing:2px;
	width:15%;
	transition:.3s;
}
.sousuo form button:hover{
	background:#b4252d;
	color:#fff;
}



/* slider-container */
.slider-container{/* padding-bottom:24px; */height: 800px;overflow:hidden;position:relative;background:#1b1b1b;}
.main-slider{width:100%; height:800px;position:relative;overflow:hidden;}
.slide-item{min-width:996px;width:100%; height:800px;/* position:absolute; *//* left:0; *//* top:0; */display:none;}
.slide-item img{width:100%;height:auto;/* min-height:760px */}

.thumbs{position: relative;z-index:4;width:300px;height: auto;padding: 0 2%;margin:-50px auto 0 auto}
.thumbs li{background:#8b8b8b;float:left;list-style:none;position:relative;width:42px;height:5px;margin: 20px 6px;opacity:0.5;}

.thumbs li.curr,.thumbs li:hover{opacity:1;background:#f6c004;}
.thumbs li div{}
.thumbs li div img{max-width:100%;}
.thumbs li.curr i,.thumbs li:hover i{display:block;background:#f6c004}
.thumbs li span{display:block;margin:0 18px;padding:10px 30px 0;height:56px;font-size:12px;color:#fff;text-transform:uppercase}
/* .thumbs li.curr span,.thumbs li:hover span{}*/
/* .thumbs li.curr em{display:block;width:11px;height:6px;overflow:hidden;background:url(../images/yellow-arrow.gif) no-repeat;position:absolute;top:-5px;left:51%;margin:0 0 0 -6px;}*/


/* index-product */
.inpro{padding:30px 0;background:url(../images/bj002.jpg);}
.inpro .intitle{text-align:center;padding:10px 0;}
.inpro .intitle p{color:#747474;font-size:16px;}
.inpro .intitle h3{font-size:42px;font-weight:bold;color:#f7c105;padding:10px 0}
.inpro .probox{width: 85%;height:800px;margin: 30px auto;}
.inpro .probox .probox-l{float:left;width: 23.5%;}
.inpro .probox .probox-l .proli{float:Left;width:100%;}
.inpro .probox .probox-l .proli li{float:left;width:50%;margin-bottom: 15px;height: 45px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.inpro .probox .probox-l .proli li a{border:1px solid #fbe661;color:#f6c005;border-color: #ffb718;font-size:14px;letter-spacing: 0px;float:left;width:96%;padding:10px 5px;margin: 0 10px 0 0;transition: all .6s ease;}
.inpro .probox .probox-l .proli li a:hover{color:#000000;background:#f6c005;border:1px solid #f6c005;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.inpro .probox .probox-l .proli-ad{float:Left;width:100%;height:560px;margin-top: 5px;background: url(../images/pr_bj.jpg) top center no-repeat;}

.inpro .promain{float:left;width: 76.5%;}
.inpro .promain ul li{width: 23.2%;float:Left;text-align:center;margin:0 0px 20px 20px;padding:10px;/* background:#393939; */transition: all .6s ease;}
.inpro .promain ul li .picm{/* border:1px solid #6b6b6b; */  -webkit-box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.15);}
.inpro .promain ul li img{width:80%;;padding:20px 0;transition: all .8s ease;}

.inpro .promain ul li .picm h3{font-size:16px;color:#f7c105;font-weight:bold;padding:5px 0;}
.inpro .promain ul li .picm p{font-size:14px;color:#adadad;padding:5px 0 15px 0;height:40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.inpro .promain ul a:hover li .picm{/*border:1px solid #f7b624;*/}
.inpro .promain ul a:hover li {/*margin-top:-10px;padding-bottom:20px*/}
.inpro .promain ul a:hover li img{transform: scale(1.1);}


.sitewidget-bd{text-align:center;margin:0 auto;width:240px;}
.sitewidget-bd a{background:#ffb718;color:#000;border-radius:36px;;width: 240px;height:60px;float:Left;margin-top:40px;line-height:60px;transition: all .6s ease;}
.sitewidget-bd a:hover{border:1px solid #ffb718;background:none;color:#ffb718}



.card {
	width: 23%;
	-webkit-perspective: 150rem;
	perspective: 150rem;
	-moz-perspective: 150rem;
	position: relative;
	height: 366px;
	margin:0 10px;
	float:left;
	text-align:center;
}

.card__side {
  padding:15px;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align:center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 10px;
  overflow: hidden;
  -webkit-box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.15);
}

.card__side a img{max-width:100%;}
.card__side p{line-height:2em;padding-top:10px;font-size:16px;}

.card__side--back {
	background:rgba(80, 80, 80,0.9);
	padding:50px 0;
	height: 320px;
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.card__side--back a .inner{text-align:center;}
.card__side--back a .inner h3{font-size: 24px;color:#f7c105;width:100%;float:left;padding:20px 0}
.card__side--back a .inner p{font-size:18px;color:#fff;width:100%;float:left;}
.card__side--back a .inner span{float:left;width:80%;margin:20px 10%;height:42px;line-height:42px;color:#fff;border:1px solid #666;}
.card__side--back a:hover .inner span{background:#f7c105;color:#000;border:1px solid #666;}

.card:hover .card__side--front-1

 {
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}

.card:hover .card__side--back {
  -webkit-transform: rotateY(0);
          transform: rotateY(0);
}





/* index-about */
.about-block{padding: 50px 0;background:#333333;height: 400px;}
.about-block .about-main{width:85%;margin:0 auto}
.about-block .about-main .about-video{width: 35%;float:Left;padding-right: 3%;}
.about-block .about-main .about-video video{background:#000;}
.about-block .about-main .about-content{width: 38%;float:Left;padding-right:3%;}
.about-block .about-main .about-content h4{font-size:32px;color:#fff;font-weight:bold;margin:0}
.about-block .about-main .about-content .about-des{font-size:14px;color:#a2a2a2;margin-top:10px;}
.about-block .about-main .about-content .about-des .sitewidget-bd{float:left;}
.about-block .about-main .about-content .about-des .sitewidget-bd a{float:left; margin-top:20px; }
.about-block .about-main .about-number{width:25%;float:Left;}
.about-block .about-main .about-number ul li{float:left;width:50%;padding:20px;text-align:center;font-family: Comfortaa;}
.about-block .about-main .about-number ul .nb01{border-right:1px solid #565656;border-bottom:1px solid #565656;}
.about-block .about-main .about-number ul .nb02{border-bottom:1px solid #565656;}
.about-block .about-main .about-number ul .nb03{border-right:1px solid #565656;}
.about-block .about-main .about-number ul li .num-box{font-size:52px;color:#fff}
.about-block .about-main .about-number ul li .unit-box{font-size:16px;color:#808080;font-family: Comfortaa;}


/* index-news */
.news-block{width:100%;height:640px;background:#080808}
.news-block .news-left{position:relative;width:46%;height:600px;margin-right:4%;float:left;/* background:url(../images/news_bj.jpg) right top no-repeat */}
.news-block .news-left .news-word{position: absolute !important;z-index: 3;top: 0;right: 0;height: 600px;width: 100px;white-space: nowrap;overflow: hidden;}
.news-block .news-left .news-word p{transform: rotate(90deg);margin-top: 40px;font-size: 60px;font-weight:bold;color: #e2e2e2;}

.news-block .news-right{width:50%;float:left;position:relative;padding:20px 0 50px 0;}
.news-block .news-right .news-line{width:4px;height:520px;background:#666;position:absolute;left:0;top:50px;z-index:0;}
.news-block .news-right .news-lists{}
.news-block .news-right .news-lists ul li{position:relative;padding-left:5%;float:left;margin-top:30px;}
.news-block .news-right .news-lists ul li i{position:absolute;z-index:3;top:0;left:-8px;background:#666;border:3px solid #ffb718;border-radius:10px;width:20px;height:20px;float:left;}
.news-block .news-right .news-lists ul li:hover i{background:#ffb718;border:3px solid #ffb718;}
.news-block .news-right .news-lists ul li .ppic{float:Left;width:27%;overflow:hidden;border:2px solid #1b1b1b;}
.news-block .news-right .news-lists ul li:hover .ppic{border:2px solid #ffb718;}
.news-block .news-right .news-lists ul li .ppic a img{width:100%;transition: all .8s ease;}
.news-block .news-right .news-lists ul li .ppic a:hover img{transform: scale(1.1);}
.news-block .news-right .news-lists ul li .tt{float:Left;padding-left:3%;width:60%;padding-right:5%;}
.news-block .news-right .news-lists ul li .tt h5 a{font-size:18px;color:#d8d8d8;font-weight:bold;}
.news-block .news-right .news-lists ul li:hover .tt h5 a{color:#ffb718;}
.news-block .news-right .news-lists ul li .tt p{font-size:14px;color:#d8d8d8;}
.news-block .news-right .news-lists ul li:hover .tt p{color:#ffb718;}



.js-silder{
	position: relative;	
	min-width: 320px;
}
.silder-scroll{
	width: 100%;
	overflow: hidden;
}
.silder-main{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.silder-main-img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.silder-main-img img{
	width: 100%;
}
.js-silder-ctrl{
	width: 100%;
	text-align: center;
	font-size:0;
}
.silder-ctrl-prev,
.silder-ctrl-next{
	position: absolute;
	z-index:999;
	bottom:0;
	width: 40px;
	padding:10px 10px;
	height: 50px;
	vertical-align: middle;
	cursor: pointer;
	color: #fff;
	font-size: 24px;
	background:rgba(0,0,0,0.5);
	/* text-shadow: #666 2px 2px 5px; */
}



.silder-ctrl-prev{
	right: 45px;
	text-align: left;
}
.silder-ctrl-prev:hover{background:#ffb718}

.silder-ctrl-next{right: 0;text-align: right;}
.silder-ctrl-next:hover{background:#ffb718}


@media (max-width: 768px){
	.silder-ctrl-prev,
	.silder-ctrl-next{
		width: 10%;
		font-size: 26px;
		margin-top: -25px;
	}
	.silder-ctrl-con{
		width: 14px;
		height: 14px;
		padding: 0;
		margin: 0 5px;
	}
	.silder-ctrl-con>span{
		display: block;
		width: 100%;
		height: 100%;
		border-radius: 50%;
		padding: 0;
	}
}

/* footer */

.footer{padding: 40px 0;width:100%;height: 320px;background:#222222;}
.footer .footer-main{width:85%;margin:0 auto;}
.footer .footer-main h3{width:100%;float:left;font-size: 20px;color:#fff;border-bottom:2px solid #ffb718;line-height:2em;margin-bottom:20px;font-family: Anton;}
.footer .footer-main .footabout{float:left;width: 28%;height:260px;padding-right:4%;font-size:12px;line-height:1.6em;}
.footer .footer-main .social .social__link {float: left;opacity: 0.78;padding-top:10px;}
.footer .footer-main .social .social__link:hover {opacity: 1}
.footer .footer-main .social a li {float: left;margin-right: 10px;list-style:none;}


.footer .footer-main .footproduct{float:left;width: 28%;height:260px;padding-right:4%;}
.footer .footer-main .footproduct ul li{width:100%;float:left;text-align:center;border:1px solid #a5a5a5;margin-bottom:10px;padding:8px 0;}
.footer .footer-main .footproduct ul li a{padding-right:20px;color:#a5a5a5;background:url(../images/ljt.jpg) right center no-repeat}
.footer .footer-main .footproduct ul li:hover{border:1px solid #ffb718}
.footer .footer-main .footproduct ul li:hover a{color:#ffb718}

.footer .footer-main .footcontact{float:left;width: 28%;height:260px;padding-right:4%;}
.footer .footer-main .footcontact p{padding-left:22px;margin-bottom:10px;float:left;width:100%;}
.footer .footer-main .footcontact .icon01{background:url(../images/icon01.jpg) left top no-repeat;}
.footer .footer-main .footcontact .icon02{background:url(../images/icon02.jpg) left top no-repeat;}
.footer .footer-main .footcontact .icon03{background:url(../images/icon03.jpg) left top no-repeat;}
.footer .footer-main .footcontact .icon04{background:url(../images/icon04.jpg) left top no-repeat;}

.footer .footer-main .footlogo{float:right;width:15%;padding-top: 60px;}
.footer .footer-main .footlogo img{max-width:100%;;}

.copyright{padding:30px 0;background:#000000;}
.copyright .copyright-main{width:85%;margin:0 auto;}
.copyright .copyright-main p{float:left;}
.copyright .copyright-main span{float:right;}
.copyright .copyright-main span a{color:#797979;}
.copyright .copyright-main span a:hover{color:#ffb718;}


@media (max-width:1680px) {

  .main-slider{/* height: 650px; */}
  .inpro .probox{width: 95%;}
  .inpro .probox .probox-l{width:25%;}
  .inpro .promain{width: 70%;}
  .inpro .promain ul li{width: 22.5%;}
  .card {width: 22.5%;}
  
}


@media (max-width:1400px) {
	.head{
		padding:0px 3%;
	}

	.thumbs{/* width:100%; *//* padding: 0 1%; */}
    .thumbs li{width: 20%;/* height:auto; */margin: 20px 5px;}
  
  .main-slider{/* height: 600px; */}

  .inpro .probox{width: 95%;}
  .inpro .probox .probox-l{width:25%;}
  .inpro .promain{width: 74%;}

  .inpro .promain ul li{width: 22.5%;}
  .inpro .probox .probox-l .proli-ad{width: 290px;height:450px;/* margin-top:20px; */}
  .inpro .probox .probox-l .proli li a{font-size:12px;}
  .about-block .about-main .about-content h4{font-size:20px;}
  .about-block .about-main .about-number ul li{padding:10px;}
  .about-block .about-main .about-number ul li .num-box{font-size:42px;}

  .card__side--back {height: 260px;}

  .card {width: 22.5%;height: 300px;}

}



@media (max-width:1200px) {
	
	.tian{
		height:135px;
	}
	
	.top{
		flex-wrap:wrap;
		padding:25px 0px 0px;
		transition:.3s;
	}
	.navv .top{
		padding:15px 0px 0px;
	}
	.top .menu{
		width:70%;
		/*order:3;*/
	}
	.top .menu ul{
		justify-content:space-between;
	}
	.top .menu ul li{
		padding:5px 0px;
	}
	.top .menu ul i{
		margin:24px 0px;
	}
	.navv .top .menu ul li{
		padding:5px 0px;
	}
	.navv .top .menu ul i{
		margin:18px 0px;
	}


}

/**=====================  浮动客服 =========================**/

#floatDivBoxs {
	width: 170px;
	background: #fff;
	position: fixed;
	top: 180px;
	right: 0;
	z-index: 999;
}

#floatDivBoxs .floatDtt {
	width: 100%;
	height: 45px;
	line-height: 45px;
	background: #f08326;
	color: #fff;
	font-size: 18px;
	text-indent: 22px;
	position: relative;
}

#floatDivBoxs .floatDqq {
	padding: 0 14px;
}

#floatDivBoxs .floatDqq li {
	height: 45px;
	line-height: 45px;
	font-size: 15px;
	border-bottom: 1px solid #e3e3e3;
	padding: 0 0 0 50px;
}

#floatDivBoxs .floatDtxt {
	font-size: 16px;
	color: #333;
	padding: 12px 14px;
}

#floatDivBoxs .floatDtel {
	padding: 0 0 15px 10px;
}

#floatDivBoxs .floatwx img {
	width: 132px;
}

#floatDivBoxs .floatDtel p {
	font-size: 22px;
	color: #c10;
	letter-spacing: -1px;
}

#floatDivBoxs .floatDbg {
	width: 100%;
	height: 20px;
	background: url(../images/online_botbg.jpg) no-repeat;
	box-shadow: -2px 0 3px rgba(0,0,0,0.25);
}

.floatShadow {
	background: #fff;
	box-shadow: -2px 0 3px rgba(0,0,0,0.25);
}

#rightArrow {
	width: 50px;
	height: 45px;
	background: url(../images/online_arrow.jpg) no-repeat;
	position: fixed;
	top: 180px;
	right: 170px;
	z-index: 999;
}

#rightArrow a {
	display: block;
	height: 45px;
}


/**=====================     内页     =========================**/

#main {
	min-height: 480px;
	padding: 30px 0;
	background: url(../images/m_bj.jpg);
	color: #adadad;
	width: 100%;
}

#main .container{width: 85%;}


.sidebar {
	float: left;
	width: 15%;
	/* background:#2d2d2d; */
}

.sidebar .s-name {
	background: #212121;
	color: #FFFFFF;
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-size: 26px;
	font-family: Tahoma, Geneva, sans-serif;
}

ul#menu1, ul#menu1 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

ul#menu1 a {
	display: block;
	text-decoration: none;
}

ul#menu1 li {
	margin-top: 2px;
	position: relative;
}

ul#menu1 li a {
	background: #1b1b1b;
	color: #a7a7a7;
	padding-left: 1em;
	padding-top: 0.8em;
	padding-bottom: 0.8em
}

ul#menu1 li a:hover {
	background: #febd17;
	color: #000
}

ul#menu1 li #sub li a {
	background: #444;
	color: #c7c6c6;
	padding-left: 30px;
	padding-top: 0.5em;
	padding-bottom: 0.5em
}

ul#menu1 li ul li {
}

ul#menu1 li #sub li a:hover,ul#menu1 li ul .current a {
	background: #3c3c3c;
	color: #febd17;
	border-left: 5px #febd17 solid;
	padding-left: 15px;
}

#menu1 .subnavigationlist li a{
	background: none;
	color: #a2a2a2;
	padding-left: 30px;
	border-bottom:1px solid #353535;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

#menu1 .subnavigationlist li a:hover{color: #ffb718;background:none}

.column {
	padding-top: 20px;
}

.column h3 {
	padding-bottom: 6px;
	color: #bdbdbd;
	/*background: url(../images/bolang.png) left bottom no-repeat;*/
	margin-bottom: 8px;
}

.column li {
	border-bottom: 1px dotted #444;
	padding-top: 10px;
	padding-bottom: 8px;
}

.column li a {
	color: #7b7b7b;
	line-height: 24px;
}

.column li a:hover {
	color: #febd17;



}

.hotproduct {
	padding-top: 20px;
}

.hotproduct h3 {
	padding-bottom: 6px;
	color: #bdbdbd;
	/*background: url(../images/bolang.png) left bottom no-repeat;*/
	margin-bottom: 15px;
	margin-top: 10px;
}

.hotproduct li {
	border-bottom: 1px dotted #444;
	padding-top: 12px;
	padding-bottom: 8px;
	width: 100%;
	float: left;
}

.hotproduct li dd {
	float: Left;
	width: 80px;
	margin-right: 8px;
}

.hotproduct li h4 {
	color: #b7b7b7
}

.hotproduct li h4:hover {
	color: #febd17
}

.hotproduct li  p {
	color: #7d7d7d;
	line-height: 18px;
}

.hotproduct li dd img {
	width: 72px;
}

.hotproduct li a {
	color: #bdbdbd;
}

.main-right {
	float: right;
	width: 83%;
}

.main-right .location {
	width: 100%;
	height: 36px;
	font-size: 14px;
	border-bottom: 1px solid #3a3a3a;
	line-height: 24px;
	color: #666;
}

.main-right .location a {
	color: #565656
}

.main-right .location a:hover {
	color: #febd17
}

.main-right h1 {
	font-size: 32px;
	line-height: 60px;
	color: #d6d6d6;
/* text-transform:uppercase; */
}


/**======= 新闻  =======**/

.met-news-list ul li {
	border-bottom: 1px dotted #525252;
	margin-top: 30px;
	padding-bottom: 20px;
	margin-bottom: 30px;
	width: 100%;
	float: left;
}

.met-news-list ul li .media-left {
	padding: 0px;
	float: left;
	width: 30%;
	overflow:hidden;
	/* padding:15px; */
	border:2px solid #444;
}

.met-news-list ul li .media-left a img {
	width: 100%;
	transition: all .6s ease;


}

.met-news-list ul li .media-left a:hover img {
	    transform: scale(1.1);

}

.met-news-list ul li:hover .media-left {border:2px solid #ffb718;}

.met-news-list ul li .media-body {
	overflow: hidden;
	padding:10px 8% 0 5%;
}

.met-news-list ul li .media-body .red {
	color: #c10;
}

.met-news-list ul li .media-body a {
	color: #febd17;
}

.met-news-list ul li .media-body h4 a {
	font-size: 24px;
	color: #febd17;
	line-height:2em;
}

.met-news-list ul li .media-body h4 a:hover {
	color: #ffffff;
}

.met-news-list ul li .media-body .des {
	font-size: 16px;
	padding:10px 0;
	font-weight: lighter;
	color: #8a8a8a;
}

.met-news-list ul li .media-body .info span {
	font-size: 14px;
	font-weight: lighter;
	color: #636363;
}

.new_tit {
/* border-bottom:1px solid #484848; */
	padding-bottom: 15px;
	margin-bottom: 10px;
	color: #8a8a8a;
	overflow: hidden;
	text-align: left;
}

.new_tit h1 {
	float: left;
	width: 100%;
	font-size: 24px;
	color: #b3b3b3;
	margin: 20px 0 14px 0;
	line-height: 48px;
	text-align: center;
}

.new_tit span {
	float: left;
	margin-right: 10px;
}

.new_zy {
	text-align: center;
	color: #5f5f5f
}

.new_page {
	overflow: hidden;
	padding-top: 30px;
}

.new_page p {
	padding: 10px 20px;
	border: 1px solid #6d6d6d;
	border-radius: 1000px;
	float: left;
	margin-right: 40px;
}

.new_page p:hover {
	border: 1px solid #f4b416;
}

.new_page p:hover a {
	color: #f4b416;
}

.new_page p:hover b {
	color: #f4b416;
}

.new_page a {
	color: #888;
}

.new_prev {
	float: left;
}

.new_next {
	float: right;
}


/*===============产品===============*/

.product-list ul {
	width: 100%;
	float: Left;
}

.product-list ul li {
	border-radius:3px;
	width: 23%;
	height: auto;
	float: left;
	padding: 10px 2% 20px 2%;
	margin-right: 20px;
	margin-bottom: 30px;
	/* background: #353535; */
	text-align: center;
	position: relative;
	-webkit-box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.15);
	box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.25);
}

.product-list ul li ii {
	position: absolute;
	top: 4px;
	right: 0;
	left: 4px;
	width: 200px;
	/* height: 298px; */
}

.product-list ul li a {
/* border:1px solid #dedede; */
}

.product-list ul li img {
	width: 100%;
	transition: all .8s ease;
}

.product-list ul li:hover img {
	transform: scale(1.1);
}

.product-list ul li p {
	text-align: center;
	font-size: 14px;
	float:left;
	color: #febd17;
	line-height: 20px;
	/* background:#000; */
	width:100%;
	padding-top: 7px;
	height: 42px;
	/* margin-top:18px; */
}


.product-list ul li h3 {
	font-weight:normal;
	font-size:16px;
	text-align: center;
	color: #ffffff;
	float:left;
	width:100%;
	/* margin-top:15px; */
	/* background:#febd17; */
	line-height:32px;
	height:32px;
}

.product-list ul li span {
	margin: 0 auto;
	text-align: center;
	display: block;
	background: #444444;
	width: 160px;
	height: 32px;
	color: #febd17;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 32px;
}

.product-list ul a:hover li span {
	background: #febd17;
	color: #080808;
}

.product-list ul a:hover li ii {
	/*border: 1px solid #5d5337; */
}

.product-list ul a:hover li {
	/* border: 2px solid #febd17 */
	/* background:#464646; */
}

.p-images {
	width: 430px;
/* height:400px; */
	float: left;
/* border: 1px solid #353535; */
	margin-top: 40px;
	position:relative;
}

.sp-loading {
	text-align: center;
	max-width: 270px;
	padding: 15px;
	border: 5px solid #eee
	border-radius: 3px;
	font-size: 12px;
	color: #888;
}



/* Element wrapper */



.sp-wrap {
	display: none;
	line-height: 0;
	font-size: 0;
	/* background: #eee; */
	/* border: 5px solid #eee; */
	border-radius: 3px;
	position: relative;
	margin: 0 25px 15px 0;
	float: left;
	/**************
	  Set max-width to your thumbnail width
	***************/
	max-width: 430px;
}



/* Thumbnails */

.sp-thumbs {
	margin-top: 30px;
	text-align: left;
	display: inline-block;
}

.sp-thumbs img {
	min-height: 50px;
	min-width: 50px;
	max-width: 50px;
}

.sp-thumbs a:link, .sp-thumbs a:visited {
	width: 50px;
	height: 50px;
	margin-left: 10px;
	overflow: hidden;
	opacity: .3;
	display: inline-block;
	background-size: cover;
	background-position: center;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.sp-thumbs a:hover {
	opacity: 1;
}



/* Styles for the currently selected thumbnail */



.sp-thumbs a:active, .sp-current {
	opacity: 1!important;
	position: relative;
}

/* Image currently being viewed */


.sp-large {
	position: relative;
	overflow: hidden;
	top: 10px;
	left: 25px;
}

.sp-large a img {
	width: 300px;
	;
}

.sp-large a {
	display: block;
}



/* Panning Zoomed Image */



.sp-zoom {
	position: absolute;
	left: -50%;
	top: -50%;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
	display: none;
}

/* Lightbox */



.sp-lightbox {
	position: fixed;
	z-index:99999;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, .9);
}

.sp-lightbox img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	max-width: 90%;
	max-height: 90%;
	border: 2px solid #fff;
}

#sp-prev, #sp-next {
	position: absolute;
	top: 50%;
	z-index: 501;
	box-sizing: border-box;
	margin-top: -25px;
	padding: 14px;
	width: 50px;
	height: 50px;
	border: 2px solid #fff;
	border-radius: 25px;
	background: #000;
	color: #fff;
	text-decoration: none;
	transition: .2s;
}

#sp-prev {
	left: 10px;
}

#sp-prev:before {
	position: absolute;
	top: 16px;
	left: 7px;
	border: 7px solid transparent;
	border-right: 15px solid #fff;
	content: '';
}

#sp-next {
	right: 10px;
}

#sp-next:before {
	position: absolute;
	top: 16px;
	left: 18px;
	border: 7px solid transparent;
	border-left: 15px solid white;
	content: '';
}

#sp-prev:hover, #sp-next:hover {
	background: #444;
}

#Button1{border: 1px solid #666;font-size: 0;width: 100%;height: 60px;float:left;z-index:3;background: url(../images/video.png) center center no-repeat #1b1b1b;}

.black_overlay{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
-moz-opacity: 0.9;
opacity:.80;
filter: alpha(opacity=80);
}
.white_content {display: none;position: fixed;top: 10%;left: 26%;width: 780px;height: 440px;padding:20px;/* border: 20px solid #292929; */background:rgb(35, 35, 35);z-index:1002;/* overflow: auto; */}
.white_content span{position:absolute;right: 5px;top: 0px;color:#888;}
.white_content_small {
display: none;
position: absolute;
top: 20%;
left: 30%;
width: 40%;
height: 50%;
border: 16px solid lightblue;
background-color: white;
z-index:1002;
overflow: auto;
}


.p-gaishu {
	float: left;
	margin-top: 40px;
	padding-left: 40px;
	width: 440px;
}

.p-gaishu h1 {
	color: #febd17;
	font-size: 20px;
	line-height: 24px;
}

.p-gaishu h3 {
	color: #a7a7a7;
	font-weight: normal;
	font-size: 18px;
	line-height: 46px;
}

.p-detail {
	float: left;
	margin-top: 30px;
	width: 100%;
}

.p-detail h3 {
	float: left;
	width: 100%;
	border-bottom: 1px solid #464646;
	font-size: 18px;
	line-height: 46px;
}

.p-gaishu .tabs {
	position: relative;
	float: left;
	margin-top: 15px;
	padding-top: 25px;
	width: 100%;
	border-top: 1px solid #424242;
	list-style: none;
	text-align: left;
}

.p-gaishu .tabs li {
	float: left;
	display: block;
}

.descrp h4 {
	padding: 12px 0px;
	color: #febd17;
}

.descrp-w {
	line-height: 1.8em;
}

#example-two .list-wrap {
	margin: 0 0 15px 0;
	padding: 10px;
	border-top: 1px solid #4e4e4e;
}
#featured2, #core2, #jquerytuts2, #classics2{width:100%;float:left;min-height:200px;height:auto;padding-bottom:20px;}
#example-two ul {
	list-style: none;
}
#example-two .hider{display:none;}
#example-two ul li a {
	display: block;
	padding: 4px;
	border-bottom: 1px solid #666;
	color: #666;
}

#example-two ul li a:hover {
	background: #333;
	color: #4e4e4e;
}

#example-two ul li:last-child a {
	border: none;
}

#example-two .nav {
	overflow: hidden;
}

#example-two .nav li {
	float: left;
	margin: 0 10px 0 0;
	width: 140px;
}

#example-two .nav li.last {
	margin-right: 0;
}

#example-two .nav li a {
	display: block;
	padding: 5px;
	border: 0;
	background: #4e4e4e;
	color: white;
	text-align: center;
	font-size: 16px;
}

#example-two li a.current,#example-two li a.current:hover {
	background-color: #febd17 !important;
	color: black;
}

#example-two .nav li a:hover, #example-two .nav li a:focus {
	background: #febd17;
	color: #000;
}

.list-wrap table{width:100%;border-top: 2px solid #fdbc17;border-bottom: 2px solid #fdbc17;border-spacing: 0px;}
.list-wrap table tr:nth-child(even) td,
.list-wrap table tr:nth-child(even) th {background-color:#1f1f1f;border:none;border-top: 1px solid #fdbc17;border-left:1px solid #313131}
.list-wrap table tr:nth-child(odd) td,
.list-wrap table tr:nth-child(odd) th {background-color:#2f2f2f;border:none;border-top: 1px solid #fdbc17;border-left:1px solid #3c3c3c}
.list-wrap table td{padding:10px 25px}


.dm {
	margin-top: 20px;
	padding: 0 10px;
/* height:35px; */
	border-bottom: 1px solid #615d5d;
	color: #bdbdbd;
	font-weight: bold;
	font-size: 16px;
	line-height: 35px;
}

.wzxq {
	float: Left;
	width: 100%;
}

.wzxq strong {
	color: #cacaca;
	font-size: 12px;
}

.wzxq li {
	float: inherit;
	margin-bottom: 0;
	margin-left: 30px;
	border: none;
	color: #333;
	list-style-position: inside;
	list-style-type: disc;
	font-size: 12px;
}

.likecp li {
	float: left;
	margin-top: 20px;
	margin-right: 25px;
	margin-bottom: 25px;
	margin-left: 0;
	width: 200px;
	border: 1px solid #5d5d5d;
	list-style: none;
}

.likecp li:hover {
	float: left;
	margin-top: 20px;
	margin-right: 25px;
	margin-bottom: 25px;
	margin-left: 0;
	width: 200px;
	border: 1px solid #febd17;
	list-style: none;
}

.likecp li .pic {
	margin: 0 auto;
	margin-top: 15px;
	width: 160px;
	height: 160px;
}

.likecp li .pic img {
	width: 150px;
	height: 150px;
}

.likecp li .name {
	margin-top: 10px;
	padding: 0 12px;
	text-align: center;
	font-size: 14px;
	line-height: 18px;
}

.likecp li .name a {
	color: #febd17;
}

.likecp li .brief {
	overflow: hidden;
	margin-top: 5px;
	padding: 0 15px;
	color: #555;
	text-align: center;
	font-size: 12px;
}

.likecp li .price {
	margin-top: 10px;
	padding: 0 15px;
}

.likecp li .price .more {
	display: inline-block;
	margin-bottom: 15px;
	margin-left: 40px;
	width: 94px;
	height: 33px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #000;
	color: #fff;
	text-align: center;
	line-height: 33px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
}

.likecp li .price .more:hover {
	background: #febd17;
	text-decoration: none;
}



.new_content img{max-width:100%;height:auto!important}

/*===============分页===============*/

.pageinfor {
	float: left;
	overflow: hidden;
	padding: 20px 10px;
	padding-right: 35px;
	font-size: 14px;
}

.pageinfor {
}

.pageinfor span {
	float: left;
	margin: 0 10px;
	line-height: 24px;
	padding: 10px 10px;
}

.pageinfor a {
	float: left;
	margin-right: 10px;
	list-style: none;
}

.pageinfor li:last-child {
	margin-right: 0px;
}

.pageinfor a {
	float: left;
	display: block;
	padding: 10px 15px;
	border: 1px solid #636363;
	border-radius: 3px;
	text-align: center;
	font-family: "arial";
}

.pageinfor  a:link,.pageinfor a:visited {
	color: #b5b5b5;
	text-decoration: none;
}

.pageinfor a:hover {
	background: #febd17;
	color: #000;
}

.pageinfor .c {
	margin-top: 6px;
	color: #b5b5b5;
}



/*------------在线留言-------------------*/



.message_title {
	float: left;
	padding: 15px 15px;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 18px;
}

.guestbook_table {
	margin: 0 auto;
	width: 80%;
}

.message_body tr {
	float: left;
	margin: 10px 10px;
	width: 640px;
}

.guestbook_table input {
    /* float: right; */
	margin: 5px 10px 10px 0;
	height: 32px;
	border: 1px solid #777777;
	color: #bbbbbb;
	text-indent: 1em;
	font-size: 14px;
	line-height: 36px;
}

.guestbook_table .form_text {
	width: 500px;
}

.form_textarea {
    /* float: right; */
    /* margin-left: 25px; */
	width: 500px;
	height: 150px;
	border: 1px solid #777777;
	color: #8a8a8a;
	text-indent: 1em;
	font-size: 14px;
	line-height: 24px;
}

.message_body tr th {
	float: left;
	padding-right: 10px;
	width: 100px;
	text-align: right;
}

.code_image {
}

.message_body tr td {
	position: relative;
	float: left;
}

.guestbook_table .form_button {
	float: left;
	margin: 10px 0 0 90px;
	width: 120px;
	height: 42px;
	border: 1px solid #202020;
	background: #febd17;
	color: #8a8a8a;
	color: #000;
	text-indent: 0.1em;
	font-size: 14px;
	font-size: 14px;
	line-height: 42px;
}

.guestbook_table .form_button:hover {
	background: #d05d00;
}


#gallery-overlay {background-color:#000;}
#gallery {background:#fff url(../images/loading.gif) center 100px no-repeat; color:#999; display:none; height:200px;margin:0 auto; position:relative; width:300px; box-shadow:0 0 64px #000; -moz-box-shadow:0 0 64px #000; -webkit-box-shadow:0 0 64px #000;}
#gallery-image-container {display:none; height:100%;}
#gallery-loading {padding:8px;}
#gallery-controls {display:none; height:100%; left:0; position:absolute; top:0; width:100%;}
#gallery-controls div {float:left; height:100%; width:50%;}
#gallery-controls a {background:#fff; color:#000; font-size:12px; outline-style:none; position:absolute; text-decoration:none; top:40px;}
#gallery-previous-link {left:0; padding:6px 10px 6px 6px; border-radius:0 6px 6px 0; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; -moz-border-radius-topright:6px; -webkit-border-top-right-radius:6px;}
#gallery-next-link {padding:6px 6px 6px 10px; right:0; border-radius:6px 0 0 6px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-topleft:6px; -webkit-border-top-left-radius:6px;}
#gallery-meta-container {background:#fff; color:#999; display:none; margin:0 auto; overflow:auto;}
#gallery-image {padding:8px;}
#gallery-meta {display:none;height:44px;padding:0px 8px;}
#gallery-meta div {float:left;}
#gallery-info {text-align:center; width:100%;}
#gallery-close {line-height:30px; text-align:right; width:20%;position:absolute;top:5px;right:10px;}
#gallery-close a {color:#4c4c4c; font-size:24px; font-weight:lighter; outline-style:none; text-decoration:none;}
#gallery-close a:hover {color:#ca0000;}
#gallery-title a, #gallery-title a:link, #gallery-title a:visited {color:#666; font-size:14px;  line-height:14px;}
#gallery-title a:visited:hover {color:#999}
#gallery-pages {color:#999; display:block; font-size:10px; line-height:14px;}

/* flickr styles */

.flickr_badge_image {float:left; padding:2px;margin:10px;}
.flickr_badge_image a img{width:196px;height:240px;padding:4px;border: 1px solid #4e4e4e;}
.flickr_badge_image a:hover img{border:1px solid #febd17}
.flickr_badge_image h3 {text-align:center;width:100%;line-height:20px;font-size:14px;margin-top:10px;color:#666;font-weight:normal}
#flickr_www {font-size:12px;}
#flickr_link {clear:both;}


ul#menu1 li a.active {
	    color: #FEBD17;
}

ul#menu1 li.newpro a {
        background: #1b1b1b;
        color: #FFFFFF;
        padding-left: 1em;
        padding-top: 0.8em;
        margin-top:35px;
        padding-bottom: 0.8em;
}

ul#menu1 li.newpro a:hover{
        background: #febd17;
        color: #0e0e0e;
}

ul#menu1 li.other{
        /* background: #353535; */
        color: #a7a7a7;
        /* text-transform:uppercase;*/
        font-weight:bold;
        /* padding-left: 0.5em; */
        padding-top: 0.8em;
        padding-bottom: 0.8em;
}



/*-----------产品详情------------------*/

.icontt{padding:30px 0px;}

.iprod .prdwz {width: 100%;color: rgba(255,255,255,.8);}

.iprod .prdwz .location a{color:#888888}
.iprod .prdwz .location a:hover{color:#ffb718}

.icontt .iprodimg{
	display:flex;
	justify-content:space-between;
	margin:40px 0px 0px;
	width:48%;
	float:Left;
}
.icontt .iprodtxt{
	width:45%;
	float:right;
}
.icontt .iprodimg dl{
	width:82px;
	margin:0;
	padding:0;
}
.icontt .iprodimg dl dt{
	background:#000;
	width: 100%;
	float:left;
}
.icontt .iprodimg dl dd{
	position:relative;
	padding:30px 0px;
	float:left;
}
.icontt .iprodimg dl #iprodimg{
	height:450px;
	position:static;
}
@media (max-width:1400px) {
.icontt .iprodimg dl #iprodimg{height:350px;}

#main .container {width: 95%;}
.main-right{width: 75%;}
.sidebar{width: 20%;}
.product-list ul li {width: 22.5%;margin-right: 12px;}

}


@media (max-width:1200px) {
	.icontt .iprodimg dl #iprodimg{
		height:260px;
	}
}
.icontt .iprodimg dl #iprodimg .swiper-slide{
	/* background:#fff; */
	height:82px;

}
.icontt .iprodimg dl #iprodimg .swiper-slide span{
	display:block;
	position:relative;
	cursor:pointer;
}
@media (max-width:1400px) {
	.icontt .iprodimg dl #iprodimg .swiper-slide span{
		display:flex;
		height:100%;
		justify-content:center;
	}
	.icontt .iprodimg dl #iprodimg .swiper-slide span img{
		height:100%;
		width:auto;
	}
}
.icontt .iprodimg dl #iprodimg .swiper-slide span:after{
	content:"";
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	border: 1px #ffb718 solid;
	opacity:0;
}
.icontt .iprodimg dl #iprodimg .swiper-slide span.active:after,.icontt .iprodimg dl #iprodimg .swiper-slide span:hover:after{
	opacity:1;
}
.icontt .iprodimg dl #iprodimg .swiper-slide span.active img,.icontt .iprodimg dl #iprodimg .swiper-slide span:hover img{
	opacity:1;
}
.icontt .iprodimg dl #iprodimg .swiper-slide img{
	width:100%;
	padding:5px;
	opacity:.7;
}
.icontt .iprodimg dl #iprodimg .swiper-button-next{
	bottom:0;
	margin:0;
	width:100%;
	right:0;
	height:30px;
	background:url(../images/ipdxjt.png) center no-repeat;
	top:auto;
	opacity:1;
}
.icontt .iprodimg dl #iprodimg .swiper-button-prev{
	margin:0;
	width:100%;
	left:0;
	height:30px;
	background:url(../images/ipdsjt.png) center no-repeat;
	top:0;
	opacity:1;
}
.icontt .iprodimg .ipdph{
	/* background:#fff; */
	width:calc(100% - 100px);
	margin-bottom:30px;
	position:relative;
}
.icontt .iprodtxt{color:#fff;margin:40px 0px 0px;}
.icontt .iprodtxt h3{line-height:40px;color:#ffb718;font-weight:bold;font-size:42px}
.icontt .iprodtxt h5{line-height:40px;font-size:20px;}
.icontt .iprodtxt h6{line-height:36px;font-size:18px;}

.icontt .iprodtxt section{
	line-height:30px;
	padding:5% 0px 0px;
}
@media (max-width:1200px) {
	.icontt .iprodtxt section{
		line-height:18px;
		padding:2% 0px 0px;
	}
	.icontt .iprodtxt{
		width:48%;
	}
}
.iprdtt{
	font-size:2.4rem;
	color:#fff;
	font-weight:bold;
	line-height:30px;
	margin-bottom:25px;
}
@media (max-width:1200px) {
	.iprdtt{
		font-size:2.0rem;
	}
}
.iprodct{
	padding:50px 0px;
	background:#1a2224;
}
.iprdctt{
	color:rgba(255,255,255,.9);
	line-height:26px;
	font-family:Fontnine;
	margin-bottom:60px;
}
.iprdctt img{
	max-width:100%;
	height:auto;
}
.xqtj{
	margin-bottom:40px;
	margin-left:-100px;
	margin-right:-100px;
	position:relative;
}
@media (max-width:1200px) {
	.xqtj{
		margin-left:0px;
		margin-right:0px;
	}
}
.xqtj .swiper-slide a{
	display:block;
	border:1px solid #383838;
	color:#fff;
}
.xqtj .swiper-slide a img{
	width:100%;
	padding:12px;
}
.xqtj .swiper-slide a section{
	padding:0px 20px 20px;
}
.xqtj .swiper-slide a section p{
	font-size:1.8rem;
	font-family:Fonteight;
	line-height:20px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}
.xqtj .swiper-slide a section span{
	display:block;
	line-height:16px;
	font-size: 1.4rem;
	color:rgb(254, 179, 4);
	margin:10px 0px 30px;
}
.xqtj .swiper-slide a section small{
	color:#fbfbfb;
	font-weight:bold;
	border-bottom:2px #e4e4e4 solid;
	padding:0px 5px 2px 3px;
	font-size:1.4rem;
}
#xqtj{
	position:static;
	margin:0px 100px;
}
#xqtj .swiper-button-white{
	width:55px;
	height:92px;
	background-color:#000;
	background-size:auto 20%;
	margin-top:-46px;
	opacity:.7;
	transition:.3s;
}
#xqtj .swiper-button-white:hover{
	
	
}
#xqtj .swiper-button-next{
	right:0;
}
#xqtj .swiper-button-prev{
	left:0;
}
.xqtj .swiper-slide a:after{
	content:"";
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	/*background:rgba(1,133,147,.7) url(../images/yan.png) center no-repeat;
	transform:scale(0);
	transition:.3s;*/
}
.xqtj .swiper-slide:hover a:after{
	transform:scale(1);
}

.jqzzoom{
	position:relative;
	z-index:9;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
}
.jqzoom{
	position:relative;
	overflow:hidden;
	font-size:0;
}
.jqzz{
	z-index:12;
}
.zoomdiv{
	float:left;
	top:0 !important;
	left:101% !important;
	border:3px solid #484848;
	display:none;
	text-align:center;
	overflow: hidden;
	position:absolute;
	z-index:999;
	background-color:#272727;
	font-size:0;
}
.zoomdiv img{
	max-width:none;
}
.bigimg{
	width:800px;
	height:800px;
}
.jqZoomPup{
	z-index:10;
	visibility:hidden;
	position:absolute;
	top:0px;
	left:0px;
	width:100px !important;
	height:100px !important;
	border:1px solid #aaa;
	opacity:0.5;
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
	filter:alpha(Opacity=50);
	cursor:move;
}


.pdfcat{
	overflow:hidden;
}
.pdfcat ul{
	display:flex;
	flex-wrap:wrap;
}
.pdfcat ul li{
	width: calc(25% - 20px);
	margin-bottom:30px;
	margin-right:30px;
}
.pdfcat ul li:nth-child(3n+0){
	margin-right:0;
}
 .pdfcat ul li a{
	display:block;
	background: #1b1b1b;
	position:relative;
	padding: 0px 0px 20px;
}
.pdfcat ul li a big{
	display:block;
	overflow:hidden;
}
.pdfcat ul li a big img{
	width:100%;
	transition:1s;
}
.pdfcat ul li a:hover big img{
	transform:scale(1.1);
}
.pdfcat ul li a p{
	color: #ffffff;
	font-family:Fonteight;
	font-size:1.8rem;
	line-height:20px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	padding:20px 0px 10px 8%;
}
.pdfcat ul li a span{
	display:flex;
	margin:10px 0px 0px 7.5%;
	width: 60%;
}
.pdfcat ul li a span small{
	width:calc(100% - 40px);
	font-size: 1.2rem;
	font-weight:bold;
	color:#fff;
	text-align:center;
	background: #feac19;
	line-height:40px;
}
.pdfcat ul li a span:after{
	content:"";
	display:block;
	width:40px;
	height:40px;
	background: #242424 url(../images/dwpic.png) center no-repeat;
}
@media (max-width:1200px) {
	.pdfcat ul li a p{
		font-size:1.5rem;
	}
	.pdfcat ul li a span{
		width:60%;
	}
	.pdfcat ul li a span small{
		font-size:1.3rem;
	}
}
.pdfcat ul li a .tp{
	height:7px;
	width:0;
	background:#2b2b2b;
	top:0;
	left:0;
	position:absolute;
	transition:.1s;
}
.pdfcat ul li a .rt{
	width:7px;
	height:0;
	background:#333333;
	top:0;
	right:0;
	position:absolute;
	transition:.1s;
}
.pdfcat ul li a .bt{
	height:7px;
	width:0;
	background:#006a65;
	bottom:0;
	right:0;
	position:absolute;
	transition:.1s;
}
.pdfcat ul li a .lt{
	width:7px;
	height:0;
	background:#006a65;
	bottom:0;
	left:0;
	position:absolute;
	transition:.1s;
}
.pdfcat ul li a.xuz .tp{
	width:100%;
	transition:.5s;
}
.pdfcat ul li a.xuz .rt{
	height:100%;
	transition:.5s;
}
.pdfcat ul li a.xuz .bt{
	width:100%;
	transition:.5s;
}
.pdfcat ul li a.xuz .lt{
	height:100%;
	transition:.5s;
}


.tips{
	position:fixed;
	background:rgba(0,0,0,.8);
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	transform:scale(0);
	opacity:0;
	transition:opacity .3s;
}
.tipson{
	transform:scale(1);
	opacity:1;
}
.tips .tpct{
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	height:100%;
}
.tips .tpct .tpsr{
	width:550px;
	height:480px;
	background:#fff;
	border-radius:10px;
	overflow:hidden;
}
.tips .tpct .tpsr h3{
	display:flex;
	justify-content:space-between;
	background:#dfdfdf;
	border-bottom:1px rgba(0,0,0,.1) solid;
	line-height:60px;
	padding:0px 20px;
}
.tips .tpct .tpsr h3 p{
	font-size:2.6rem;
	font-weight:bold;
}
.tips .tpct .tpsr h3 i{
	width:20px;
	display:block;
	background:url(../images/close.png) right center no-repeat;
	cursor:pointer;
}
.tips .tpct .tpsr section{
	text-align:center;
	padding:45px;
	font-size:1.8rem;
	line-height:32px;
	color:#000;
}
.tips .tpct .tpsr section font{
	color: #070707;
}
.tips .tpct .tpsr form{
	width:80%;
	margin:0 auto;
}
.tips .tpct .tpsr form input{
	line-height:20px;
	padding:15px;
	font-size:1.2rem;
	width:100%;
	border:1px rgba(0,0,0,.1) solid;
	border-radius:3px;
	outline:none;
	color:#008290;
}
.tips .tpct .tpsr form button{
	height:50px;
	width:60%;
	background: #070707;
	color:#fff;
	font-size:1.8rem;
	border:0;
	border-radius:3px;
	margin:30px auto 0px;
	display:block;
	transition:.3s;
}
.tips .tpct .tpsr form button:hover{
	background: #feac19;
	color:#000;
}