@charset "UTF-8";



@font-face {    font-family: "title-font1";    src: url(../other/BONKERS.TTF);}



html, body, figure, dl, dd, img, form, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p, button, input, textarea, a, span, em {

	margin: 0;	padding: 0;	border: 0;	box-sizing: border-box;	-moz-box-sizing: border-box;	-webkit-box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;}



body {	font-family:'Microsoft Yahei', '思源黑体 CN';	font-size: 20px;	overflow-x: hidden;	overflow-y: auto;
	-webkit-font-smoothing: antialiased;	-moz-osx-font-smoothing: grayscale;	-webkit-tap-highlight-color: transparent;
	/* tap-highlight-color: transparent; */	background: #fff;}

input, textarea, button {	padding: 0;	/* font-family: Verdana, Arial; */	font-family: 'Microsoft Yahei','思源黑体 CN';
	-webkit-appearance: none;}

select{	-webkit-appearance: none;}

h1, h2, h3, h4, h5, h6 {	font-weight: normal;}

img {	border: 0;	vertical-align: middle;	max-width: 100%;}

ul, ol, li {	list-style-type: none;}

a {	color: #333;	-webkit-tap-highlight-color: transparent;	-webkit-touch-callout: none;	-webkit-user-select: none;}
a:link {	text-decoration: none;}
a:visited {	text-decoration: none;}
a:hover {	text-decoration: none;	cursor: pointer;}
a:active {	text-decoration: none;}

.hidden {	display: none;	visibility: hidden;}
.wrap {	border: 0;	padding: 0;	margin: 0 auto;	*zoom: 1;	position: relative;}
.wrap:after {	clear: both;	content: "";	display: table;}
.clear {	clear: both;	font-size: 0;	line-height: 0;	height: 0;	visibility: hidden;}
.clearfix:before, .clearfix:after {	content: "";	display: table;}
.clearfix:after {	clear: both;}
.clearfix {	zoom: 1;}

.wrap:after, .wrap:before, .container:after, .container:before {	content: "";	display: table;}
.wrap:after, .container:after {	clear: both;}

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

.clear {	clear: both;}

.fl {	float: left;}
.fr {	float: right;}

.absolute {	position: absolute;}

.pors {	position: relative;}

.tl {	text-align: left;}
.tc {	text-align: center;}
.tr {	text-align: right;}

.hide {	opacity: 0;}

nav li, .index-banner li, .item-list li, .inner-tab li {	list-style-type: none;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {	color: #6f6f6f;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {	color: #6f6f6f;}

.box{	width: 1600px;	margin: auto;}
.header{	width: 100%;	position: absolute;	left: 0;	top: 0;	z-index: 99; background: rgba(0,0,0,.1);}
.header .logo{	float: left;	margin-top: 25px;}
.header .menu{	float: right;	margin-top: 25px;}
.header .menu li{	float: left;	font-size: 16px;	line-height: 40px;	margin-right: 90px;}
.header .menu li:last-child{	margin-right: 0;}
.header .menu li .menu-link{	color: #fff;	display: block;}

.banner{	width: 100%;	position: relative;}
.banner .swiper-container{	width: 100%;}
.banner .swiper-slide{	width: 100%;	overflow: hidden;}
.banner .swiper-slide a{	width: 100%;	display: block;	position: relative;}
.banner .swiper-slide a img{	max-width: initial;	width: 100%;}
.banner .swiper-slide a img:first-child{	display: block;}
.banner .swiper-slide a img:last-child{	display: none;}
.banner .swiper-button-next.swiper-button-disabled, .banner.swiper-button-prev.swiper-button-disabled {	opacity: 1;}
.banner .swiper-pagination {width: auto;	position: absolute;	font-size: 0;	left: 8.5%;	bottom: 63px;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {	margin: 0;}

.banner .swiper-pagination .swiper-pagination-bullet {	width: 15px;	height: 15px;	background: #fff;	border-radius: 0;
	box-sizing: border-box;	opacity: .3;	border-radius: 50%;	margin-right: 15px;}
.banner .swiper-pagination .swiper-pagination-bullet-active {	opacity: 1;}
.banner .numbox{	position: absolute;	right: 8.5%;	bottom: 70px;	color: #fff;	font-family: "苹方";
	font-size: 14px;	z-index: 9;}
.banner .numbox .n1{	font-size: 24px;}
.banner .explore{	font-size: 14px;	color: #fff;	position: absolute;	left: 50%;	transform: translateX(-50%);
	bottom: 45px;	z-index: 9;}
.banner .explore .line{	width: 3px;	height: 0;	background: #fff;	position: absolute;	left: 50%;	transform: translateX(-50%);
	top: 28px;	animation: telescopic 1.5s ease-out infinite;}

@-webkit-keyframes telescopic {
	0% {		height: 0px;	}
	100% {		height: 60px;	}
}

@keyframes telescopic {
	0% {		height: 0px;	}
	100% {		height: 60px;	}
}


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

	.header .menu li, .info-header .menu li{		height: 64px;		position: relative;	}
	.header .menu li::after, .info-header .menu li::after{		width: 0;		height: 3px;		background: #313131;
		content: '';		position: absolute;		left: 0;		bottom: 0;		transition: all ease .5s;	}
	.header .menu li::after{		background: #fff;	}
	.header .menu li:hover::after, .info-header .menu li:hover::after{		width: 100%;	}
	.header .menu li.on::after, .info-header .menu li.on::after{		width: 100%;	}
	.header .menu li .menu-link, .info-header .menu li .menu-link{		padding: 0 24px;	}

	.menu-s{opacity: 0; position: fixed; left: 0; top: 89px; z-index: 10; background: rgba(33,73,155,.9);
		width: 100%;		height: 0;		border-top: 1px solid #21499b;		text-align: center;
		overflow: hidden;		transition: all ease .5s;	}

	.menu-s .menu-s-link{ line-height: 50px; font-size: 16px; color: #fff; margin: 0 40px;	}

	.menu-s.s-product .menu-s-link{		margin: 0 20px;	}

	.menu-s .menu-s-link:hover{		color: #fff;	}

	.header .menu li:hover .menu-s, .info-header .menu li:hover .menu-s{ height: 50px; opacity: 1;	}


}

.menu-s{	display: block;}

.head-height{	width: 100%;	height: 110px;}
.info-banner{	width: 100%;}
.info-banner img:last-child{	display: none;}
.breadcrumbs{	width: 100%;	background: #141414;	line-height: 70px;	font-size: 14px;	color: #999;}
.breadcrumbs a{	color: #999;}
.breadcrumbs span{	color: #999;}
.breadcrumbs.b1{	background: #fff;	color: #999;	line-height: 86px;}
.breadcrumbs.b1 a{	color: #999;}
.breadcrumbs.b1 span{	color: #999;}

.info-menu{	width: 100%;	background: #212121;	display: table;}

.info-menu ul{	float: right;}

.info-menu li{	float: left;}

.info-menu li a{	display: block;	line-height: 80px;	font-size: 16px;	color: #fff;	padding: 0 55px;	transition: all ease .5s;}

.info-menu li:hover a{	background: #2f2f2f;}

.info-menu li.on a{	background: #2f2f2f;}




.footer{width: 100%;	background: #2c2c2c;}
.footer .box2{	width: 100%;	display: table;	border-top: 1px solid #444;	font-size: 14px;	line-height: 1;	color: #999;	padding: 9px 0px 8px 0px;}
.footer .box2 .copyright{	float: left;}
.footer .box2 .copyright a{	color: #999;}
.footer .box2 .jszc{	float: right;}
.footer .box2 .jszc a{	color: #999;}








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

	.box{width: 100%;padding: 0 4%;	}
	.header .menu li, .info-header .menu li{margin-right: 60px;	}
	.banner .swiper-pagination, .banner .numbox{bottom: 40px;	}
}



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

	.header .menu li, .info-header .menu li{margin-right: 40px;	}
	.banner .swiper-pagination, .banner .numbox{bottom: 30px;	}

	.footer .box1 .f-menu ul{		width: 140px;	}
	.company .box3 .list li{		width: 48.4%;	}
	.news-info .news-other{		width: 21.75%;	}
	.contact .boxs1 .sz-add .ewms{		margin-top: 60px;	}
	.product-info{		width: 100%;	}
}



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

	.header .menu li, .info-header .menu li{margin-right: 30px;	}


}





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

	.header .logo{		margin-top: 12px;	}
	.header .menu{		margin-top: 22px;	}
	.header .menu li, .info-header .menu li{		margin-right: 10px;		height: 58px;	}
	.header .menu li .menu-link, .info-header .menu li .menu-link{		padding: 0 15px;	}
	.menu-s{		top: 80px;	}

	.info-header{		height: 80px;	}
	.info-header .logo{		padding-top: 12px;	}
	.info-header .menu{		padding-top: 22px;	}
	.banner .swiper-pagination, .banner .numbox{		bottom: 20px;	}


	.company .box2 .list li .tbox .add2, .company .box2 .list li .tbox .add3{

		width: 45%;

	}



	.product-list2 .more, .product-list .more, .product-list3 .more, .p5 .box-list .more, .product-info .more{

		height: 60px;

		line-height: 60px;

	}





	.breadcrumbs, .bread-menu{

		line-height: 60px;

	}

	.bread-menu .menus li a{

		font-size: 14px;

	}



	.contact .boxs2 .left li .add2{

		width: 100%;

	}



	.footer .box1 .f-menu ul{

		width: 100px;

	}

	.footer .box1 .contact{

		width: 240px;

	}

	.footer .box1 .contact .tbox1 .t1{

		padding-top: 18px;

	}



}



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

	

	.header .menu li, .info-header .menu li a{		font-size: 14px;	}

	.banner .explore{		bottom: 30px;	}

	.footer .box1 .f-menu ul{		width: 105px;	}

	.contact .boxs1 .sz-add, .contact .boxs2 .left{		width: 45%;	}

	.contact .boxs1 .sz-add .ewms{		margin-top: 10px;	}

	.breadcrumbs, .bread-menu{		line-height: 50px;	}

	.bread-menu .menus li a{		padding:  0 25px;	}

	.info-menu li a{		line-height: 50px;		padding: 0 25px;	}

	.history, .company{		padding-top: 60px;	}

	.history .list, .company .box3{		padding-bottom: 60px;	}

	.company .box2 .list li .tbox{		padding-top: 0;	}

	
}


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

	.box{		padding: 0 5%;	}
	.header{		position: relative;		z-index: 15;		background: #242424;		padding: 8px 0 11px;
		display: table;	}
	.header .logo{		width: 18%;		margin-top: 0;	}
	.header .menu{		width: 30px;		height: 60px;
		background: url(../images/m-icon1.png) center center no-repeat;
		background-size: 100%;		margin-top: 0;	}

	.header .menu.on{		background: url(../images/m-icon2.png) center center no-repeat;
		background-size: 100%;
	}

	.header .menu ul{
		position: fixed;

		z-index: -1;

		width: 100%;

		height: calc(100% - 80px);

		left: 0;

		top: 79px;

		background: #242424;

		padding: 0 5%;

		border-top: 1px solid #545454;

		overflow-y: scroll;

		display: none;

	}

	.header .menu li{

		float: initial;

		border-bottom: 1px solid #545454;

		margin-right: 0;

		line-height: 60px;

		font-size: 15px;

	}

	.header .menu li:last-child{

		border-bottom: none;

	}

	.header .menu li a{

		padding-left: 7px;

	}



	.info-header{

		position: relative;

		z-index: 15;

		background: #242424;

		padding: 10px 0;

		/* height: 50px; */

		display: table;

	}

	.info-header .logo{

		height: 60px;

		padding-top: 0;

	}

	.info-header .logo img{

		height: 100%;

	}

	.info-header .logo img:first-child{

		display: none;

	}

	.info-header .logo img:last-child{

		display: block;

	}

	.info-header .menu{

		width: 30px;

		height: 60px;

		background: url(../images/m-icon1.png) center center no-repeat;

		background-size: 100%;

		margin-top: 0;

		position: absolute;

		right: 5%;

		top: 0;

		padding-top: 0;

	}

	.info-header .menu.on{

		background: url(../images/m-icon2.png) center center no-repeat;

		background-size: 100%;

	}

	.info-header .menu ul{

		position: fixed;

		z-index: -1;

		width: 100%;

		height: calc(100% - 80px);

		left: 0;

		top: 79px;

		background: #242424;

		padding: 0 5%;

		border-top: 1px solid #545454;

		overflow-y: scroll;

		display: none;

	}

	.info-header .menu li{

		float: initial;

		border-bottom: 1px solid #545454;

		margin-right: 0;

		font-size: 15px;

	}

	.info-header .menu li:last-child{

		border-bottom: none;

	}

	.info-header .menu li a{

		padding-left: 7px;

		line-height: 60px;

		color: #fff;

	}





	.banner .swiper-slide a img:first-child{

		display: none;

	}

	.banner .swiper-slide a img:last-child{

		display: block;

	}

	.banner .swiper-pagination, .banner .numbox, .banner .explore{

		display: none;

	}


	.footer .box2{		border-top: none;		text-align: center;		padding: 0 0 28px;	}
	.footer .box2 .copyright, .footer .box2 .jszc{float: initial;font-size: 12px;margin: 6px 0;	}
	.go-top{		display: none;	}
	.m-footer{		display: flex;		left: 0;		bottom: 0;		display: table;		background: #242424;
		width: 100%;		padding: 14px 0;	}
	.m-footer li{		width: 25%;		float: left;	}
	.m-footer li a{		display: block;	}
	.m-footer li .icon{		width: 29px;		margin: auto;		position: relative;	}
	.m-footer li .icon img:last-child{		position: absolute;		opacity: 0;		left: 0;		top: 3px;	}
	.m-footer li.on .icon img:last-child{		opacity: 1;	}
	.m-footer li .txt{		text-align: center;font-size: 14px;color: #999;margin-top: 6px;	}
	.m-footer li.on .txt{		color: #fff;	}

	.info-banner img:first-child{

		display: none;

	}

	.info-banner img:last-child{

		display: block;

	}

	.info-banner img:last-child{

		width: 100%;

	}



	.info-menu{

		width: 100%;

	}

	.info-menu ul{

		width: 100%;

	}

	.info-menu.about li{

		width: 33.3%;

	}

	.info-menu.about li a{

		display: block;

		text-align: center;

	}


	.company .box1 .title, .company .box2 .title, .company .box3 .title, .contact .boxs1 .sz-add .t1,

	 .contact .boxs2 .left .title, .contact .boxs2 .right .title, .contact2 .title{

		font-size: 15px;

		line-height: 17px;

		padding: 0 0 10px;

	}

	.company .box1 .img{

		margin-top: 12px;

	}

	.company .box1 .address{

		margin-top: 15px;

	}

	.company .box1 .address .add1, .company .box1 .address .add2, .company .box1 .address .add3{

		width: 100%;

		font-size: 12px;

		background-size: 12px;

		padding-left: 20px;

		line-height: 30px;

	}

	.company .box2{

		margin-top: 45px;

	}

	.company .box2 .list li{

		margin-bottom: 25px;

	}

	.company .box2 .list li .simg, .company .box2 .list li .tbox, .company .box2 .list li .simg img{

		width: 100%;

		float: initial;

	}

	.company .box2 .list li .tbox{

		padding-top: 15px;

	}

	.company .box2 .list li .tbox .add1{

		background: url(../images/icon4.png) left 7px no-repeat;

	}

	.company .box2 .list li .tbox .add2{

		background: url(../images/icon2.png) left center no-repeat;

	}

	.company .box2 .list li .tbox .add3{

		background: url(../images/icon3.png) left center no-repeat;

	}

	.company .box2 .list li .tbox .add1, .company .box2 .list li .tbox .add2, .company .box2 .list li .tbox .add3{

		width: 100%;

		font-size: 12px;

		line-height: 30px;

		background-size: 12px;

		padding-left: 20px;

	}



	.company .box3{

		margin-top: 35px;

	}

	.company .box3 .select{

		width: 100%;

		padding-left: 0;

		font-size: 12px;

		margin-top: 15px;

	}

	.company .box3 .select select{

		width: calc(100% - 60px);

		float: right;

		margin-left: 0;

		padding: 0 10px;

	}

	.company .box3 .list{

		margin-top: 27px;

	}

	.company .box3 .list li{

		width: 100%;

		float: initial;

		margin-right: 0;

		margin-bottom: 26px;

		min-height: initial;

	}

	.company .box3 .list li:nth-child(2n){

		float: initial;

	}

	.company .box3 .list li .add1{

		background: url(../images/icon4.png) left 7px no-repeat;

	}

	.company .box3 .list li .add2{

		background: url(../images/icon2.png) left center no-repeat;

	}

	.company .box3 .list li .add3{

		background: url(../images/icon3.png) left center no-repeat;

	}

	.company .box3 .list li .add1, .company .box3 .list li .add2, .company .box3 .list li .add3{

		width: 100%;

		font-size: 12px;

		line-height: 30px;

		background-size: 12px;

		padding-left: 20px;

	}

	

	

	.breadcrumbs{

		display: none;

	}

	.bread-menu .breads{

		display: none;

	}

	.bread-menu .menus{

		float: initial;

		width: 100%;

	}

	.bread-menu .menus li{

		width: 33.3%;

		text-align: center;

	}

	.bread-menu.news .menus li{

		width: 25%;

		text-align: center;

	}

	.bread-menu.news .menus li a{

		display: block;

		padding: 0;

		text-align: center;

	}




	.head-height{

		display: none;

	}


}





li.wow.fadeInUp.animated.animated.xinjia.animated {
    width: 83.5%;
    overflow: hidden;
    float: right;
}
li.wow.fadeInUp.animated.animated.xinjia.animated:hover .img img {
    transform: scale(1.05);
    transition: all ease .5s;
}
li.wow.fadeInUp.animated.animated.xinjia.animated .img img{
	width: 100%;
    transition: all ease .5s;
}
.img.xinjia {
    overflow: hidden;
}



li.wow.fadeInUp.animated.animated.xinjia.animated:hover .tbox{
	    background: #212121;
	    transition: all ease .5s;
}
li.wow.fadeInUp.animated.animated.xinjia.animated .tbox{
	    
	    transition: all ease .5s;
}


  
  
  
  #preview { float:left; margin:0px auto; width:600px; padding-top:20px; margin-left:20PX;}

.jqzoom { border-width: 1px; border-style: solid; border-color: #666; width:600px; height:600px; margin-bottom: 10px; overflow: hidden; position: relative; overflow: hidden; text-align:center; }

.jqzoom img{ width:600PX; height:600px; overflow:hidden; text-align:center; background-position:center center;}

.zoomdiv { width:365px; height:260px; left:859px; z-index: 100; border-bottom:#666 1px solid; position: absolute; text-align: center; border-left: #666 1px solid; display: none; background: url(../images/loading.gif) #fff no-repeat center center; height: 365px; overflow: hidden; border-top: #666 1px solid; top: 1px; border-right: #666 1px solid; left: 0px }

#spec { position: relative; width:600px; height:95px; margin-left:0px; overflow: hidden; }

.specLeftT { position: absolute; width:5px; background: url(../images/proddetlicon.gif) no-repeat -157px 0px; float: left; height:9px; top:28px; cursor: pointer; left: 0px }

.specRightT { position: absolute; width: 5px; background: url(../images/proddetlicon.gif) no-repeat -164px 0px; float: left; height:9px; top:28px; cursor: pointer; right: -15px }

.specLeftF { position: absolute; width: 5px; background: url(../images/proddetlicon.gif) no-repeat -145px 0px; float: left; height:9px; top:28px; cursor: pointer; left: 0px }

.specRightF { position: absolute; width: 5px; background: url(../images/proddetlicon.gif) no-repeat -151px 0px; float: left; height:9px; top:28px; cursor: pointer; right: 0px }

#specList { display: inline; float: left; margin-left: 2px }

#specList { position:absolute; text-align:left; width:552px; height:90px; overflow:hidden; top:0px; left:20px }

#specList ul{ position:absolute; width:600px; left:0px }

#specList ul li { float:left; width:82px; height:78px; display:inline; margin-right:5px; margin-left:5px; border:1px solid #666}

#specList ul li img {/* border:#ccc 1px solid;*/ padding-bottom:2px; padding-left:2px; width:78px; height:78px; padding-right:2px; margin-bottom:1px; padding-top:2px }

.bigimg { width:700px; height:684px }

.jqZoomPup { z-index:10; border-bottom:#666 1px solid; position: absolute; filter: alpha(opacity=50); border-left: #666 1px solid; width:50px; height:50px; background:#666 no-repeat 50% top; visibility:hidden; border-top:#666 1px solid; top:0px; cursor:move; border-right:#666 1px solid; left:0px; opacity:0.5; -moz-opacity:0.5; -khtml-opacity:0.5}

  
  



/* 居左 */

.m-page-lt { text-align: left; }

/* 居右 */

.m-page-rt { text-align: right; }

/* 较小 */

.m-page-sm { float: left; width: 100%; line-height: 22px; margin-bottom: 50px;}

.m-page-sm a, .m-page-sm i { padding: 5 10px; }

/* 分离 */

.m-page-sr a, .m-page-sr i { margin: 0 3px; border-radius: 2px; }

.m-page-sr i { border: 0; }

.m-page-sr a:first-child, .m-page-sr a:last-child { border-radius: 2px; }
/*分页end*/