html,body{font-family: "Microsoft YaHei" ,"微软雅黑" ,Helvetica Neue,Tahoma,Arial;}
.clearfix:before,
.clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
.row {margin: 0;}
.jumbotron,.container{ padding: 0;}

a{
	-moz-transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-o-transition:all .5s ease;
	transition:all .5s ease;
}
a:hover{
	text-decoration:none;
	color: #e50012;	
}

.header-bg{
	/*
	position: fixed;
	*/
    z-index: 20;
    box-sizing: border-box;
    width: 100%;
    height: 190px;
    -moz-transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-o-transition:all .5s ease;
	transition:all .5s ease;
	-webkit-transition: background .3s ease;
    -o-transition: background .3s ease;
    -moz-transition: background .3s ease;
    transition: background .3s ease;
    background-color: #000;
    background-image: url(../images/b4.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}
.header-bg.no{
    background-color: #ffffff50;
	background-color: hsla(0, 0%, 0%, 0.8);
	background-color: rgba(255, 255, 255, 0.8);
}

.header-up{
	color: #fff;
	line-height: 30px;
	background-color: #e50012;
}
.header-bottom{
	background-color: #000;
}
.header-logo{
	padding:20px 0;
	padding-bottom: 0;
}
.header-nav{
	padding: 0;
	text-align: right;
	
}
.header-nav ul{
	margin: 0;
	padding: 0;
}
.header-nav ul li {
	display: inline-block;
	padding: 3px 10px;
}
.header-nav ul li a{
	color: #fff;
	/*font-weight: 100;*/
	line-height: 30px;
	font-size: 18px;
	-moz-transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-o-transition:all .5s ease;
	transition:all .5s ease;
}
.header-nav ul li.in a,
.header-nav ul li a:hover{
	color: #e50012;
}




.header_top{
	width: 100%;
	height: 154px;
	margin: 0;
	padding: 0;
	margin-bottom: 40px;
}
.index_slide{
	height: 500px;
}


.index_slide .swiper-slide{
	background-size: cover;
	background-position:center center;
	background-repeat:no-repeat;
	height:100%;
	overflow:hidden;
	width:100%;	
}
.index_slide .swiper-slide a{
	width: 100%;
	height:100%;
	display: block;
}


.swiper-container-horizontal>.swiper-pagination-bullets, 
.swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 20px;	
}
.index_slide .swiper-pagination-bullet{
	color: #fff;
	background: #000000;
	opacity: .2;
    filter:Alpha(opacity=20);
	-moz-transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-o-transition:all .5s ease;
	transition:all .5s ease;
	width: 32px;
	height: 6px;
	border-radius: 0px;
}
.index_slide .swiper-pagination-bullet.swiper-pagination-bullet-active{
	width: 32px;
	height: 6px;
	border-radius: 0px;
	background: #e50012;
	opacity: .8;
    filter:Alpha(opacity=80);
}



.indexProSwiperBg{
	margin: 0;
	padding:50px 0;
	background-color: none;
	background-image: url(../images/b33.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size:100% 100%;
}
.indexTitleBg{
	padding: 30px 0;
	margin-bottom: 0;
	background-color: #7b8785;
}
.indexTitle.title{
	text-align: center;
	line-height: 30px;
}
.indexTitle.title .indexTitleBox{
	background-color: none;
	display: inline-block;	
}
.indexTitle.title span{
	line-height: 40px;	
	font-size: 36px;
	color: #fff;
	display: inline-block;
	text-shadow: 1px 1px 2px #000;
}
.indexTitle.title span.en{
	font-size: 20px;
	font-weight: 200;
	line-height: 30px;	
}


.indexProSwiper .swiper-container {
	width: 100%;
	height: 450px;
	
}
.indexProSwiper .swiper-slide {
	position: relative;
	background-color: #fff;
	-moz-transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-o-transition:all .5s ease;
	transition:all .5s ease;	
	transform: scale(0.8);
}
.indexProSwiper .swiper-slide-active,
.swiper-slide-duplicate-active{
  transform: scale(1);
  box-shadow: 0px 2px 10px #000;
}

.indexProSwiper .swiper-slide .photo{
	width: 100%;
	padding: 0;
	margin: 0;
	border: 0px;
	border-radius: 0;
}
.indexProSwiper .swiper-slide .name{
	text-align: center;
	padding: 15px 0;
	font-size: 20px;	
}
.indexProSwiper .swiper-slide a{
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.indexAboutBg{
	margin: 0;
	padding:50px 0;
	background-color: none;
	background-image: url(../images/b112.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size:100% 100%;
}


.indexAboutBox{
	padding-top: 30px;
	padding-bottom: 30px;
}
.indexAboutLeft{
	padding-top: 20px;
}
.indexAboutLeft .indexAbout{
	padding-top: 50px;
	color: #fff;
	text-shadow: 1px 1px 2px #000;
	padding-right: 50px;
}
.indexAboutLeft .indexAbout .title{
	font-size: 16px;
	line-height: 25px;
	font-weight: 100;
	margin-bottom: 20px;
}
.indexAboutLeft .indexAbout .title span{
	font-size: 30px;
	color: #fff;
}
.indexAboutLeft .indexAbout .txt{
	line-height: 38px;
	font-size: 16px;
}

.indexAboutLeft .indexAbout .more{
	text-align: left;
	padding: 30px 0; 	
}
.indexAboutLeft .indexAbout .more a{
	color: #fff;
	font-size: 18px;
	background-color: #7b7573;
	border-radius: 15px;
	padding: 5px 15px;
}
.indexAboutLeft .indexAbout .more a:hover{
	background-color: #e50012;
}


.indexAboutLeft .indexAbout .more a:active::before,
.indexAboutLeft .indexAbout .more a:focus::before,
.indexAboutLeft .indexAbout .more a:hover::before{
	animation:shake 1.5s infinite;
	-moz-animation:shake 1.5s infinite;
	-webkit-animation:shake 1.5s infinite;
}

.indexAboutRight{
	padding-right: 	0;
	padding-left: 0;
}
.indexAboutRight .thumbnail{
	padding: 0px;
	border: 0px;
	margin: 0px;
	border-radius: 0px;
}

.indexCultureBox{
	padding-top: 50px;
}

.indexCulture .item{
	cursor: pointer;
	text-align: center;
	color: #fff;
	font-size: 16px;
	width: 96%;
	border-radius: 15px;
	padding-bottom: 20px;
	padding-left: 2%;
	padding-right: 2%;
	-moz-transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-o-transition:all .5s ease;
	transition:all .5s ease;
	
}
.indexCulture .item:hover{
	color: #fff;	
	-moz-transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-o-transition:all .5s ease;
	transition:all .5s ease;
	background: #494949;
	
}
.indexCulture .item .pic{
	max-width: 158px;
	height: 158px;
	border: 0px solid #19588c;
	border-radius: 0%;
	margin: 0 auto;	
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	-moz-transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-o-transition:all .5s ease;
	transition:all .5s ease;	
}
.indexCulture .item:hover .pic{
	border: 0px solid #fff;
}
.indexCulture .item .title{
	font-size: 18px;
	margin-bottom: 10px;
}
.indexCulture .item .txt{
	font-size: 12px;
	width: 80%;
	margin: 0 auto;
}











.indexProHotBg{
	background-color: #000;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 0;
}
.indexProHot{
}
.indexProHot .title{
	position: relative;
}
.indexProHot .title .thumbnail{
	padding: 0px;
	border: 0px;
	margin: 0px;
	border-radius: 0px;
}
.indexProHot .title .txt{
	position: absolute;
	width: 100%;
	text-align: center;
	top: 20%;
}
.indexProHot .title .txt span{
	background-color: #fff;
	border-radius: 20px;
	font-size: 28px;
	padding: 5px 20px;
}
.indexProHot .title .txt2{
	position: absolute;
	width: 100%;
	text-align: center;
	top: 60%;
	color: #fff;
}
.indexProHot .indexProHotList{
	margin-top: 20px;
}
.indexProHotList .listItem{
	margin-bottom: 30px;
	position: relative;
}
.indexProHotList .listItem .thumbnail{
	padding: 0px;
	border: 0px;
	margin: 0px;
	border-radius: 0px;	
	-moz-transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-o-transition:all .5s ease;
	transition:all .5s ease;
}
.indexProHotList .listItem:hover .thumbnail{
	transform:scale(1.05);
	box-shadow: 0px 0px 4px #d7434f; 
}
.indexProHotList .listItem .name{
	font-size: 24px;
	position: absolute;
	left: 10%;
	bottom: 5%;
	background-image: url(../images/l2.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size:100% auto;
	-moz-transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-o-transition:all .5s ease;
	transition:all .5s ease;
}
.indexProHotList .listItem a{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 2;	
}	
.indexProHotList .listItem:hover .name{
	color: #e50012;
	opacity: 0.8;
	filter: alpha(opacity=80);
	text-shadow: 1px 1px 2px #000;
}


.indexysBg{
	margin: 0;
	padding:80px 0;
	background-color: none;
	background-image: url(../images/b3.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size:100% 100%;
}
.indexys{
	padding: 80px 0;
}
.indexys .thumbnail{
	padding: 0px;
	border: 0px;
	margin: 0px;
	background: none;
	border-radius: 0px;	
	-moz-transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-o-transition:all .5s ease;
	transition:all .5s ease;
}


.footerTop{
	text-align: center;
	font-size: 20px;
}
.footerBottom{
	text-align: center;
	color: #fff;
	line-height: 30px;
}
.footerBottom a{
	color: #fff;
	line-height: 30px;
}


.newsBanner {
	background-color: #fff;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 466px;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
.newsNav{
	padding: 20px 0;
	background-color: #fff;
	margin-bottom: 0;
}
.newsNav .container a{
	width: 150px;
	height: 40px;
	display: inline-block;
	line-height: 40px;
	text-align: center;
	color: #000;
	font-size: 18px;	
	-moz-transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-o-transition:all .5s ease;
	transition:all .5s ease;
	border-radius: 2px;
}
.newsNav .container a:hover{
	background-color: #000;
	color: #fff;
}
.newsNav .container a.in{
	background-color: #e50012;
	color: #fff;
}
.aboutBg{
	padding: 40px 0;
	margin: 0;
	background-color: #f4f4f4;
	background-image: url(../images/a2.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.aboutBg .h{
	text-align: center;	
}

.aboutBg .title{
	display: inline-block;
	position: relative;
	font-size: 36px;
	font-weight: 200;
}
.aboutBg .title span{
	width: 60%;
	height: 1px;
	background-color: #ed6d00;
	position: absolute;
	bottom: -5px;
	left: 20%;
}
.aboutBg .txt{
	padding: 30px;
}
.aboutBg .txt p{
	text-indent: 2em;
}

.aboutBg .thumbnail{
	border: 0px;
	border-radius: 0px;
	padding: 0;
	background: none;
}

.aboutBg .aboutImg{
	padding-left: 10px;
	padding-right: 10px;
}


.productBanner {
	background-color: #fff;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 363px;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

.productBanner .title{
	width: 248px;
	height: 45px;
	position: absolute;
	bottom: 0;
	left: 43%;
	background: url(../images/pb.png) center center no-repeat;
	text-align: center;;line-height: 45px;
	color: #fff;
	font-size: 18px;
}

.productNav{
	border-bottom: 0px solid #d5d4d3;
	border-top: 0px solid #d5d4d3;
	border-right: 0px solid #d5d4d3;
	border-left: 1px dashed #a3a3a3;
	margin-top: 20px;
}
.productNav .nav{
	border-right: 1px dashed #a3a3a3;
	padding-left: 0px solid #d5d4d3;
	padding-right: 0;
	text-align: center;
	border-bottom: 0px solid #d5d4d3;
}
.productNav .nav a{
	color: #231815;
	font-size: 18px;
	width: 100%;
	height: 100%;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
}
.productNav .nav a span{
	padding-left: 10px;
}
.productNav .nav a.in,
.productNav .nav a:hover{
	color: #e50012;
}

.productNav .nav a .span {  
	width: 14px;
	height: 14px;
	display: inline-block;
	border: 1px solid #231815 ;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/j1.png);
}
.productNav .nav a.in .span,
.productNav .nav a:hover .span {  
	width: 14px;
	height: 14px;
	display: inline-block;
	border: 1px solid #e50012;
	background-image: url(../images/j2.png);
}

.productBg{
	padding: 40px 0;
	margin: 0;
	background-color: #f4f4f4;
}

.container.pro{
	padding-top: 30px;
}
.productBox {
	margin-bottom: 25px;
}
.productBox a{
	width: 100%;
	height: 100%;
	display: block;
	-webkit-transition: 0.2s ease-in 0s;
    -moz-transition: 0.2s ease-in 0s;
    -ms-transition: 0.2s ease-in 0s;
    -o-transition: 0.2s ease-in 0s;
    transition: 0.2s ease-in 0s;
    border: 0px solid #cfcecd;
    background: #fff;
    color: #d7000f;
	border: 1px solid #c9caca;
}
.productBox a.active, 
.productBox a:focus, 
.productBox a:hover {
    box-shadow: 0px 2px 10px #999;
    border: 1px solid #e50000;
}
.productBox .img .thumbnail {
	padding: 0px;
	border: none;
	margin: 0;
}
.productBox .txt {
	line-height: 30px;
	min-height: 80px;
	overflow: hidden;
	display: block;
	padding: 10px 0;
	-webkit-transition: 0.2s ease-in 0s;
    -moz-transition: 0.2s ease-in 0s;
    -ms-transition: 0.2s ease-in 0s;
    -o-transition: 0.2s ease-in 0s;
    transition: 0.2s ease-in 0s;
}


.productBox .details{
	width: 100%;
	background-color: #ebeae9;
	-moz-transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-o-transition:all .5s ease;
	transition:all .5s ease;
}
.productBox:hover .details{
	background-color: #474747;
}
.productBox .details .name{
	padding: 5px;
	text-align: center;
	font-size: 20px;
	color: #000;
	-moz-transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-o-transition:all .5s ease;
	transition:all .5s ease;
}
.productBox .details .txt{
	padding: 0 15px;
	font-size: 14px;
	color: #888888;
	padding-bottom: 15px;
	-moz-transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-o-transition:all .5s ease;
	transition:all .5s ease;
}

.productBox:hover .details .name,
.productBox:hover .details .txt{
	color: #fff;
}

.productShow{
	padding: 40px 0;
}
.productShow .swiper-container {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
}
.productShow .swiper-slide {
    background-size: cover;
    background-position: center;
    overflow: hidden;
}
.productShow .gallery-top {
    height: 698px;
    width: 100%;    
    border-radius: 20px;
}
.productShow .gallery-thumbs {
     height: 698px;
    box-sizing: border-box;
    padding: 0;
}
.productShow .gallery-thumbs .swiper-slide {
    width: 65%;
    opacity: 0.9;
    border-radius: 5px;
    opacity: 1;
    filter: alpha(opacity=100);
    cursor: pointer;
    border: 1px solid #a8a8a8;
    background-color: #000;
}
.productShow .gallery-thumbs .swiper-slide-active {
    opacity: .9;
    filter: alpha(opacity=90);
    border: 1px solid #e50012;
}
.productDetail{
	padding-bottom: 30px;
}
.productDetail img{
	width: 100%;
	margin: 0;
    padding: 0;
    vertical-align: middle;
	display:block;
	font-size: 0;
}



.container.newsList{
	margin: 30px auto;
	background: #ededed;
	position: relative;
}
.container.newsList a{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 22;
	width: 100%;
	height: 100%;
	display: block;
	-moz-transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-o-transition:all .5s ease;
	transition:all .5s ease;
}
.container.newsList a:hover{
	background-color:rgba(0,0,0,0.1);
}
.container.newsList .newsListLeft{
	padding: 0;
}
.container.newsList .thumbnail{
	border: none;
	padding: 0;
	border-radius: 0;
	margin: 0;
}
.container.newsList .newsListRight{
	position: relative;
	height: 300px;
}
.container.newsList .newsListRight .title{
	position: absolute;
	top: 20%;
	left: 20%;
	width: 70%;
	font-size: 20px;
}

.container.newsList .newsListRight .txt{
	position: absolute;
	top: 45%;
	left: 20%;
	width: 70%;
}

.container.newsList .newsListRight .more{
	position: absolute;
	bottom: 15%;
	right: 12%;
}
.container.newsList .newsListRight .more span{
	display: inline-block;
	background: #ed6d00;
	color: #fff;
	text-align: center;
	padding: 5px 10px;
	border-radius: 20px;
	font-size: 16px;
	font-weight: 100;
	-moz-transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-o-transition:all .5s ease;
	transition:all .5s ease;
}
.container.newsList:hover .newsListRight .more span{
	background-color: #000;
}
.container.contact{
	padding-top: 50px;
}

.contactTxt{
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 30px;
}
.aboutBg .contactTxt b{
	color: #d7000f;
}
.toolbar-item,.toolbar-layer{background:url(../images/toolbar.png) no-repeat;}
.toolbar{position:fixed;right:5px;bottom:50px; z-index: 999;}/*假设网页宽度为1200px，导航条在右侧悬浮*/
.toolbar-item{display:block;width:52px;height:52px;margin-top:10px; border-radius: 5px; box-shadow: 0 0 5px 0px #e1e0e0; position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s;}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-item-weixin{background-position:0 -798px;}
.toolbar-item-weixin:hover{background-position:0 -860px;}
.toolbar-item-weixin .toolbar-layer{height:212px;background-position:0 0;}
.toolbar-item-feedback{background-position:0 -426px;}
.toolbar-item-feedback:hover{background-position:0 -488px;}
.toolbar-item-app{background-position:0 -550px;}
.toolbar-item-app:hover{background-position:0 -612px;}
.toolbar-item-app .toolbar-layer{height:194px;background-position:0 -222px;}
.toolbar-item-top{background-position:0 -674px;}
.toolbar-item-top:hover{background-position:0 -736px;}
.toolbar-layer{position:absolute;right:46px;bottom:-10px;width:172px;opacity:0;filter:alpha(opacity=0);
transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);
-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}

.page_show {
	padding: 10px 0 0 0;
	margin: 0;
	font-family: "Verdana", sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	margin-bottom: 50px;
}
.page_show * {
	padding: 2px 6px;
	margin: 0;
}
.page_show a {
	
	background-color: #fff;
	color: #666666;
	text-decoration: none;
	margin: 0 2px;
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	font-weight: 100;
}

.page_show a:hover, 
.page_show a:active,
.page_show a.page_current {
	background-color: #ed6d00;
	color: #fff;
	text-decoration: none;
}

.tis{
	font-size: 18px;
	text-align: center;
	padding: 50px;
	color: #ff0000;
}
@media (min-width:1200px){
	.productShow .gallery-top {
	    height: 845px;
	}
	.productShow .gallery-thumbs {
	    height: 845px;
	}
	.productShow .gallery-thumbs .swiper-slide {
    width: 65%;

	}

	


}


@media (max-width: 990px){

	.productShow .gallery-top {
	    height: 698px;
	}
	.productShow .gallery-thumbs {
	    height: 698px;
	}
	.productShow .gallery-thumbs .swiper-slide {
    	width: 65%;
	}
	.header-bg{
		height: 115px;
	}
	.header-logo img{
		width: 280px;
	}
	.header-logo{
		padding: 8px 0;
		text-align: center;
	}
	.header-nav {
    	padding-top: 0px;
	}
	.index_slide{
		height: 321px;
	}
	.productNav{
		border-bottom: 1px dashed #a3a3a3;
		border-top: 0px solid #d5d4d3;
		border-right: 0px solid #d5d4d3;
		border-left: 1px dashed #a3a3a3;
		margin-top: 20px;
	}
	.productNav .nav{
		border-right: 1px dashed #a3a3a3;
		padding-left: 0px solid #d5d4d3;	
		border-top: 1px dashed #a3a3a3;
		border-bottom: 0px dashed #a3a3a3;
		padding-right: 0;
		text-align: center;
	}

	.indexAboutBox{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.indexAboutLeft .indexAbout {
		padding-top: 10px;
	    float: none;
	    width: 100%;
	    padding-right: 10px;
	}
	.indexAboutLeft .indexAbout .title{
		text-align: center;
	}
	.indexProHot .title .txt span{		
		font-size: 20px;
		padding: 5px 15px;
	}
	.indexProHot .title .txt2{
		top: 60%;
		font-size: 12px;
	}
	.indexProHotList .listItem{
		padding-right: 10px;
		padding-left: 10px;
		margin-bottom: 20px;
	}
	.indexProHotList .listItem .name{
		font-size: 18px;
	}
	.aboutBg .txt2 h1{
		font-size: 30px;
	}
	.productBg{
		padding: 25px 0px;
	}

}

@media (max-width: 768px){

	.header-bg{
		height: 106px;
	}

	.header-logo img{
		width: 250px;
	}
	.header-logo{
		padding: 0px 0;
		padding-top: 8px;
		margin-bottom: 10px;
		text-align: center;
	}
	.header-nav {
		margin-top: 0px;
		text-align: center;
    	padding: 7px 2px;
    	background-color: #000;
    	overflow:hidden;
	}
	.header-nav ul li{
		padding: 0 0px;
	}
	.header-nav ul li a{
		font-size: 14px;
		color: #fff;
		line-height: 20px;
	}
	.index_slide{
		height: 280px;
	}
	.swiper-container-3d {
	    perspective: 0px;
	}

	.swiper-container-horizontal > .swiper-pagination-bullets, 
	.swiper-pagination-custom, 
	.swiper-pagination-fraction{
		bottom: 5px;
	}
	.indexProSwiperBg{
		padding: 70px 0;
	}
	.indexTitleBg{
		padding-bottom: 15px;
	}
	.indexTitle.title{
		text-align: center;
		line-height: 18px;
	}

	.indexTitle.title span{
		line-height: 20px;
		font-weight: 200;
		font-size: 20px;
		display: inline-block;
	}
	.indexTitle.title span.en{
		font-size: 14px;
	}
	

	

	.indexAboutBox{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.indexAboutLeft{
		padding-bottom: 20px;
	}
	.indexAboutLeft .indexAbout {
		padding-top: 10px;
	    float: none;
	    width: 100%;
	    padding-right: 10px;
	}
	.indexAboutLeft .indexAbout .title{
		text-align: center;
		line-height: 36px;
	}
	.indexAboutLeft .indexAbout .txt{
		line-height: 30px;
	}

	.indexCulture{
		padding-right: 5px;
		padding-left: 5px;
	}
	
	.indexCulture .item .pic{
		max-width: 100px;
		height: 100px;
	}
	.indexProHot .title .txt span{		
		font-size: 16px;
		padding: 2px 5px;
	}
	.indexProHot .title .txt2{
		top: 65%;
		font-size: 12px;
	}
	.indexProHot .indexProHotList{
		margin-top: 10px;
	}
	.indexProHotList .listItem{
		padding-right: 5px;
		padding-left: 5px;
		margin-bottom: 10px;
	}
	.indexProHotList .listItem .name{
		font-size: 12px;
	}

	

	.newsBanner{
		height: 220px;
	}
	.newsNav{
		text-align: center;
		padding: 10px 0;
	}
	.newsNav .container a{
		width: 80px;
		height: 20px;
		line-height: 20px;
		font-size: 14px;
		
	}
	.aboutBg .title{
		font-size: 26px;
	}
	.aboutBg .txt{
		padding: 30px 10px;
	}
	.aboutBg .txt p,
	.aboutBg .txt2 p{
		font-size: 16px;
	}
	.aboutBg .txt2 h1{
		font-size: 24px;
	}

	.productNav .nav a{
		font-size: 14px;
	}
	.productBg{
		padding: 10px 0px;
	}
	.productBox{
		padding-left: 5px;
		padding-right: 5px;
		margin-bottom: 10px;
	}
	.productBox .details .name{
		font-size: 14px;
		padding: 5px;
	}
	
	.productShow .gallery-top {
	    height: 540px;
	}
	.productShow .gallery-thumbs {
	    height: 540px;
	}
	


	.productBanner {
    height: 210px;
}
	.productBanner .title {
	    left: 20%;
	    height: 35px;
	    line-height: 35px;
	}
	.container.newsList .newsListRight{
		height: 80px;
	}
	.container.newsList .newsListRight .title{
		font-size: 14px;
		position: absolute;
	    top: 20%;
	    left: 5%;
	    width: 90%;
	}
	.aboutBg{
		padding-top: 20px;
	}

	.indexProSwiper .swiper-container {
		height: 180px;
	}
	.indexProSwiper .swiper-slide .name{
		text-align: center;
		padding: 0;
		padding-top: 10px;
		font-size: 14px;	
	}
	.indexys{
		padding-left: 15px;
		padding-right: 15px;
	}


}

@media (max-width: 600px) {
	.productShow .gallery-top {
	    height: 380px;
	    border: 1px solid #a8a8a8;
	}
	.productShow .gallery-thumbs {
	    height: 380px;
	}
	
}