/*@font-face{ font-family: fontR; src: url('../fonts/SourceHanSansCN-Regular.otf');}*/
html,body{padding: 0;margin: 0;font-family:fontR,"微软雅黑";font-size: 16px;color: #333;overflow-x:hidden;}
.wrap{max-width: 1200px;margin: 0 auto;}
ul{padding: 0;margin: 0;}
ul li{list-style: none;}
.fl{float: left;}
.fr{float: right;}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;background: none;text-decoration: none;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
img{max-width: 100%;}
input:focus,button:focus,textarea:focus{outline: none;}
.ovh{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ovh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ovh3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ovh4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.imgH {overflow: hidden;}
.imgH img{transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s; }
.imgH:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}

/**导航菜单**/
header{
	/*position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;*/
	background: #fff;
	text-align: center;
}
/*header.indexHeader{
	background: rgba(0,0,0,.2);
}
.on-fixed header.indexHeader{
	background: rgba(0,0,0,.6);
}*/

header .logo a{
	height: 108px;
	position: relative;
    z-index: 9999;
    display:flex;justify-content:center;align-items:center;
}
header .logo img{max-height: 90%;}
header .rightDiv{float: right;max-width: 255px;text-align: left;font-style: italic;height: 108px;display:flex;justify-content:flex-start;align-items:center;}
header .rightDiv span{font-size: 18px;font-weight: bold;display: block;}
header .rightDiv small{font-size: 16px;}
header .hbd{background: #6a981a;}
header .leftDiv .menu{
	text-align: left;
	position: relative;
	height: 50px;
}
header .leftDiv .menu>ul{
	display: block!important;
	/*overflow: hidden;*/
}
header .leftDiv .menu>ul>li{
	float: left;
	position: relative;
	width: 14.28%;
}
header .leftDiv .menu>ul>li>a{
	height: 50px;
	text-align: center;
    display:flex;justify-content:center;align-items:center;
	color: #fff;
	position: relative;
	font-size: 16px;
}
/*header .leftDiv .menu>ul>li.has-sub>a:after{
	content: "";width: 14px;height: 100%;
	position: absolute;
	right: 8px;
	top: 0;
	background: url(../img/xia.png) no-repeat center center;
}*/


header .rightDiv .menu>ul>li:hover,
header .rightDiv .menu>ul>li:focus,
header .rightDiv .menu>ul>li.on,
header .rightDiv .menu>ul>li.active{
	/*background: #024097;*/
}
header .leftDiv .menu>ul>li:hover>a,
header .leftDiv .menu>ul>li:focus>a,
header .leftDiv .menu>ul>li.on>a,
header .leftDiv .menu>ul>li.active>a{
	opacity: .8;
}

header .mbtn {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(../img/menu1.png) no-repeat center center;
    background-size: 22px auto;
    position: absolute;
    top: 0;
    right: 0;
    display: none;
}
/*header.indexHeader .mbtn{
    background: url(../img/menu.png) no-repeat center center;
}*/
header .mbtn:active{
    opacity: .8;
}
body.on-menu header .mbtn{
    background: url(../img/menu-hide1.png) no-repeat center center;
    background-size: 22px auto;
}

/****底部***/
.footerDiv{background: #25282d;color: #fff;}
.footerDiv .hdDiv{padding: 50px 0;border-bottom: 1px solid #4c5055;}
.footerDiv .hdDiv .row>div .conDiv{height: 100%;}
.footerDiv .hdDiv .row>div .conDiv.logoDiv{display:flex;justify-content:center;align-items:center;}
.footerDiv .hdDiv .row>div .conDiv.rightDiv{text-align: right;display:flex;justify-content:center;align-items:flex-start;}
.footerDiv .hdDiv .row>div .conDiv.rightDiv .listDiv{width:25%;margin-left: 10%;}
.footerDiv .hdDiv .row>div .conDiv.rightDiv .listDiv span{font-weight: bold;}
.footerDiv .hdDiv .row>div .conDiv.rightDiv .listDiv a{display: block;margin-top: 10px;font-size: 14px;color: #b3b3b3;}

.footerDiv a{color: #fff;}
.footerDiv a:hover{opacity: .8;}
.footerDiv .bdDiv{padding: 20px 0;text-align: center;border-top: 1px solid #000;font-size: 12px;color: #999999;}


/********************************* 首页 **********************************/

/*banner轮播*/
.index-banner{
    width: 100%;
	position:relative;
}
.ui-homebanner .swiper-slide{
	overflow: hidden;
}
.ui-homebanner .img{
	width: 100%;
	display: block;
	height: 31.25vw;
	background: none no-repeat center;
	background-size: cover;
	
}
.ui-homebanner .swiper-container-horizontal>.swiper-pagination-bullets{
	bottom: 24px;
}
.ui-homebanner .swiper-pagination-bullet{
	width: 25px;
	height: 7px;
	border-radius: 4.5px;
	background: #fff;
	opacity: 1;
}
.ui-homebanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin: 0 4px;
}
.ui-homebanner .swiper-pagination-bullet-active{
	background: #6a981a;
}
.ui-homebanner .swiper-button-next, .ui-homebanner .swiper-button-prev{opacity: 1;background-size: 100% 100%;width: 49px;height: 49px;margin-top: -25px;}
.ui-homebanner .swiper-button-prev{background: url(../img/left.png) no-repeat center center;left: 10px;background-size: 100% 100%;}
.ui-homebanner .swiper-button-next{background: url(../img/right.png) no-repeat center center;right: 10px;background-size: 100% 100%;}


/*.main{padding-top: 80px;}
.index-main{padding-top: 0;}*/
.index-title{text-align: center;color: #6a981a;font-size: 24px;}
.index-title span{color: #000;}
.index-title small{text-transform: capitalize;color: #999999;}

.indexDiv1{padding: 70px 0;}
.indexDiv1 .row{margin:50px -13.5px 0;position: relative;}
.indexDiv1 .row>div{padding: 0 13.5px;}
.indexDiv1 .row>div a{display: block;}
.indexDiv1 .row>div a .imgDiv{position: relative;border: 1px solid #e1e1e1;overflow: hidden;}
.indexDiv1 .row>div a .titleDiv{font-size: 14px;color: #000;padding: 20px 0 30px;text-align: center;}
.indexDiv1 .row>div a .bgDiv{position:absolute;width:100%;height: 80%;display:none;justify-content:center;align-items:center;top: 10%;background: rgba(0,0,0,.5);color: #fff;text-align: center;font-size: 14px;}
.indexDiv1 .row>div a .bgDiv .line{width: 50%;margin: 15px auto;height: 2px;background: #fff;}
.indexDiv1 .row>div a .bgDiv .price span{font-size: 18px;}
.indexDiv1 .row>div a:hover .bgDiv{display: flex;}

a.moreBtn{display: block;width: 150px;line-height: 40px;text-align: center;background: #6a981a;color: #fff;border-radius: 5px;margin: 20px auto 0;}
a.moreBtn:hover{opacity: .8;}

.indexDiv2 .row{margin: 0;}
.indexDiv2 .row>div{padding: 0;}
.indexDiv2 .row>div .conDiv{height: 100%;}
.indexDiv2 .row>div .leftDiv{background: #6a981a;color: #fff;}
.indexDiv2 .row>div .leftDiv .textDiv{padding: 70px 0;max-width: 600px;padding-right: 45px;margin: 0 0 0 auto;text-align: center;}
.indexDiv2 .row>div .leftDiv .textDiv span{font-size: 24px;}
.indexDiv2 .row>div .leftDiv .textDiv .p{text-align: left;line-height: 2;margin: 40px 0;}
.indexDiv2 .row>div .leftDiv .textDiv a{display: block;width: 120px;line-height: 40px;border-radius: 5px;background: #fff;color: #6A981A;margin: 0 0 0 auto;}
.indexDiv2 .row>div .leftDiv .textDiv a:hover{opacity: .8;}
.indexDiv2 .row>div .rightDiv{background: url(../img/i-a.jpg) no-repeat center center;background-size: cover;}

.indexDiv3{padding: 70px 0;}
.indexDiv3 .row{margin: 50px 0 0;}
.indexDiv3 .row>div{padding: 0;}
.indexDiv3 .row>div .conDiv{height: 100%;}
.indexDiv3 .row>div .conDiv .imgDiv{width: 50%;}
.indexDiv3 .row>div .conDiv .textDiv{width: 50%;float: left;background: #f3f3f3;height: 100%;padding: 30px 25px;}
.indexDiv3 .row>div .conDiv .textDiv span{display: block;color: #6a981a;}
.indexDiv3 .row>div .conDiv .textDiv p{font-size: 14px;color: #666666;line-height: 2;margin: 15px 0 15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.indexDiv3 .row>div .conDiv .textDiv a{display: block;width: 80px;line-height: 28px;border: 1px solid #6A981A;border-radius: 5px;color: #6A981A;font-size: 12px;text-align: center;margin: 0 0 0 auto;}
.indexDiv3 .row>div .conDiv .textDiv a:hover{background: #6A981A;color: #fff;}

.indexDiv4{padding: 70px 0;background: #f3f3f3;}
.indexDiv4 .row{margin-top: 50px;}
.indexDiv4 .row .leftDiv a{display: block;}
.indexDiv4 .row .leftDiv a .imgDiv{background: #fff;text-align: center;}
.indexDiv4 .row .leftDiv a .textDiv{font-size: 14px;color: #fa0000;margin-top: 15px;line-height: 1.6;}
.indexDiv4 .row .rightDiv ul li a{display: block;padding: 20px 0;border-bottom: 1px dashed #666666;}
.indexDiv4 .row .rightDiv ul li:last-child a{border: 0;}
.indexDiv4 .row .rightDiv ul li a .dateDiv{text-align: center;color: #666666;}
.indexDiv4 .row .rightDiv ul li a .dateDiv span{display: block;font-size: 30px;font-weight: bold;color: #333;}
.indexDiv4 .row .rightDiv ul li a .textDiv{padding-left: 90px;}
.indexDiv4 .row .rightDiv ul li a .textDiv span{font-weight: bold;color: #333;}
.indexDiv4 .row .rightDiv ul li a .textDiv p{color: #666666;margin: 15px 0 0;}



.ny-banner{width: 100%;position:relative;}
.ny-banner .imgDiv{position: relative;height: 20.8vw;}
/*.ny-banner .imgDiv .wrap{height: 100%;display:flex;justify-content:flex-start;align-items:center;color: #fff;}
.ny-banner .imgDiv .textDiv span{font-size: 3vw;font-weight: bold;display: block;margin-bottom: 10px;}
.ny-banner .imgDiv .textDiv p{font-size: 1.5625vw;display: block;margin: 0;}*/

/*.ny-title{font-size: 24px;text-align: center;text-transform: uppercase;font-weight: bold;}
.ny-title img{display: block;margin: 10px auto 0;}*/

.twoMenuDiv{color: #fff;background: #6a981a;text-align: left;line-height: 50px;}
.twoMenuDiv .wrap{text-align: center;}
.cateDiv a{font-size: 20px;color: #fff;padding:0 20px;background: url(../img/line.png)no-repeat right center;}
.cateDiv a.active{opacity: .8;}
.breadcrumbDiv{font-size: 12px;}
.breadcrumbDiv a{color: #fff;}

.productDiv .row{margin-top: 0;}

.pageDiv{text-align: center;margin-top: 70px;}
.pageDiv span,.pageDiv a{display: inline-block;padding:0 10px;height: 30px;text-align: center;line-height: 30px;font-size: 14px;color: #999;border: 1px solid #ddd;margin: 0 5px;}
.pageDiv span,.pageDiv a:hover{background: #6A981A;color: #fff;border: 1px solid #6A981A;}

.joinDiv{padding: 67px 0 0;}
.joinDiv .listDiv .row{border: 2px dashed #6A981A;border-radius: 20px;margin-bottom: 67px;padding: 30px;}
.joinDiv .listDiv .row .leftDiv{text-align: center;}
.joinDiv .listDiv .row .leftDiv span{display: block;font-size: 20px;}

.aboutDiv{padding: 70px 0;}
.aboutDiv img{margin-right: 30px;}
.aboutDiv .textDiv .index-title small{text-transform: uppercase;margin-left: 10px;}
.aboutDiv .textDiv .p{margin-top: 30px;}
.aboutDiv .textDiv p{line-height: 2;}

.contactDiv{padding: 70px 0;}
.contactDiv .conDiv{display:flex;justify-content:center;align-items:center;height: 400px;}

.newsDiv{padding: 70px 0;}
.newsDiv .row>div{margin-bottom: 40px;}
.newsDiv .row>div a{display: block;}
.newsDiv .row>div .imgDiv{overflow: hidden;text-align: center;}
.newsDiv .row>div .textDiv{position: relative;text-align: center;padding-top: 15px;}
.newsDiv .row>div .textDiv .title{font-size: 18px;color: #333;}
.newsDiv .row>div .textDiv span{font-size: 12px;color: #999;}
.newsDiv .row>div .textDiv .p{text-align: left;color: #666;font-size: 14px;margin-top: 10px;line-height: 1.6;}

.detailDiv .hdDiv{text-align: center;margin-bottom: 40px;}
.detailDiv .hdDiv .title{font-size: 24px;}
.detailDiv .hdDiv span{font-size: 15px;color: #999;margin-top: 5px;display: block;}

/*.categoryDiv{background: #fff;text-align: center;box-shadow: 0px 0px 38px rgba(0,0,0,.08);border-bottom: 1px solid #eee;}
.categoryDiv a{display: inline-block;padding: 0 65px;font-size: 20px;color: #666;line-height: 70px;}
.categoryDiv a.active{background: #009A44;color: #fff;}*/

/*
.rightFloat{
	position: fixed;
	right: 0;
	top: 30%;
	z-index: 1111;
	text-align: center;
	background: #eeedeb;border-radius: 10px 0 0 10px;padding:20px 10px 0;
}
.rightFloat a{display: block;margin: 14px auto;position: relative;padding: 0 15px;}
.rightFloat a .ewmDiv{position: absolute;right: -140px;width: 120px;top: 50%;margin-top: -60px;}
.rightFloat a:hover .ewmDiv{right:83px;}
.rightFloat a.backTop{
	display: none;
	float: right;
}

.rightFloat1{
	position: fixed;
	right: 0;
	top: 20%;
	z-index: 1111;
	text-align: center;
}
.rightFloat1 .bd{
	border: 1px solid #0A8BC6;
	background: #fff;
}
.rightFloat1 a{width: 194px;height: 44px;background: #0A8BC6;margin: 1px 0;display: block;color: #fff;padding-left: 12px;text-align: left;line-height: 40px;}
.rightFloat1 .ewmDiv{padding: 16px 0;}
.rightFloat1 .ewmDiv img{width: 150px;}*/


/*body:after {
    content: '';
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    display: none;
}
body.on-menu:after {
    display: block;
}*/

.menu,.menu ul li,.menu ul li a,.menu #menu-button{margin:0;padding:0;border:0;list-style:none;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.menu:after,.menu>ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.menu #menu-button{display:none}
.menu{width:auto;}
#menu-line{position:absolute;top:0;left:0;height:3px;background:#009ae1;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out}
.menu>ul>li{float:left}
/*.menu.align-center>ul{font-size:0;text-align:center}
.menu.align-center>ul>li{display:inline-block;float:none}
.menu.align-center ul ul{text-align:left}
.menu.align-right>ul>li{float:right}
.menu.align-right ul ul{text-align:right}*/
.menu>ul>li>a{padding:0;font-size:15px;text-decoration:none;color:#555555;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease}
.menu>ul>li:hover>a,.menu>ul>li.active>a{color:#fff}
/*.menu>ul>li.has-sub>a{padding-right:25px}*/
/*.menu>ul>li.has-sub>a::after{position:absolute;top:50%;margin-top:-6px;right:-15px;width:8px;height:8px;border-bottom:1px solid #fff;border-right:1px solid #fff;content:"";-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:border-color .2s ease;-moz-transition:border-color .2s ease;-ms-transition:border-color .2s ease;-o-transition:border-color .2s ease;transition:border-color .2s ease}*/
.menu>ul>li.has-sub:hover>a::after{border-color:#fff}
.menu ul ul{position:absolute;left:-9999px;text-align: center;width: 100%;box-shadow: 0px 0px 10px rgba(0,0,0,.1);z-index: 111;}
.menu li:hover>ul{left:0%;}
/*.menu.align-right li:hover>ul{right:0}*/
.menu ul ul ul{right:100%;top:10px;}
.menu ul ul li:hover>ul{left: auto;margin-left: 0;}
/*.menu.align-right ul ul ul{margin-left:0;margin-right:100%}*/
.menu ul ul li{-webkit-transition:height .2s ease;-moz-transition:height .2s ease;-ms-transition:height .2s ease;-o-transition:height .2s ease;transition:height .2s ease;padding: 0 10px;background: #fff;}
/*.menu ul ul li:first-child{border-radius: 6px 6px 0 0;}
.menu ul ul li:last-child{border-radius: 0 0 6px 6px;}*/
.menu ul ul{padding: 0;/*background: url(../img/sj.png) no-repeat center 2px;*/}
.menu ul ul li a{padding:10px 0;font-size:16px;text-decoration:none;color:#666;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease;border-bottom: 1px solid #eeeeee;}
.menu ul ul li:hover>a,.menu ul ul li a:hover{color:#DC3545}
/*.menu ul ul li.has-sub>a::after{position:absolute;top:13px;right:10px;width:4px;height:4px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;content:"";-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:border-color .2s ease;-moz-transition:border-color .2s ease;-ms-transition:border-color .2s ease;-o-transition:border-color .2s ease;transition:border-color .2s ease}
.menu.align-right ul ul li.has-sub>a::after{right:auto;left:10px;border-bottom:0;border-right:0;border-top:1px solid #ddd;border-left:1px solid #ddd}
.menu ul ul li.has-sub:hover>a::after{border-color:#fff}*/
@media (max-width:1560px) {
}
@media (max-width:1420px) {
	
}
@media (max-width:1220px) {
	.wrap{padding: 0 15px;}
	
}
@media (max-width:1150px) {
}
@media (min-width:992px) and (max-width:1024px) {
	
}
@media (max-width:991px) {
	header .wrap{display: block;}
	header {
		position: fixed !important;
		z-index: 9999;
		top: 0;
		left: auto;
		right: 0;
		width: 100%;
		height: 50px;
		/*background-color: transparent;*/
		transition: right 300ms !important;
	}
	/*header .rightDiv{font-size: 12px;margin-right: 40px;}
	header .rightDiv .telDiv{margin: 5px 0;background-size: 10px;padding-left: 15px;}
	header .rightDiv .mailDiv{background-size: 10px;padding-left: 15px;}*/
	header .rightDiv{display: none;}
	
	.on-fixed header{box-shadow: 0px 0px 10px rgba(0,0,0,.1);}
	header .logo a{height: 50px;line-height: 50px;width: initial;}
	header .logo img{max-height: 60%;}
	/*body.on-menu header {right: 45%;}*/
	header .mbtn {display: block;}
	body.on-menu header .mbtn{z-index: 1;}
	header .leftDiv .menu {
		float: right;
		position: fixed;
		top: 0px;
		right: 0;
		width: 100%;
		height: 100%;
		padding-top: 0;
		background-color: rgba(255, 255, 255, .95);
		/*border-bottom: 1px solid #f8f8f847;*/
		transition: right 300ms;
		right: -100%;
		padding: 0;
		overflow-y: auto;
	}
	header .leftDiv .menu ul li {
		padding: 0;
		margin: 0;
		/*border-bottom: 1px solid #f8f8f847;*/
		float: none;
		width: auto;
	}
	header .leftDiv .menu ul li a {
		display: block;
		line-height: 50px;
		height: 50px;
		/*color: #fff;*/
		/*padding: 0 15px;*/
		text-align: left;
		font-size: 16px;
	}
	header .leftDiv .menu>ul {display: block;padding-top: 50px;}
	body.on-menu header .leftDiv .menu {right: 0;}
	body.on-menu .main {right: 0;}
	header .leftDiv .menu>ul>li>a{padding:0 15px;background: none;}
	header .leftDiv .menu ul li>a{margin: 0;width: 100%;}
	header .leftDiv .menu ul li>a:hover, header .leftDiv .menu ul li>a:focus, header .leftDiv .menu ul li>a.on{color: #FFF;}
	header .leftDiv .menu>ul>li>a::before{display: none;}
	header .leftDiv .menu>ul>li:hover,header .leftDiv .menu>ul>li:focus,header .leftDiv .menu>ul>li.on{background: none;}
	header .leftDiv .menu>ul>li.on>a{color: #6A981A;}
	header .leftDiv .menu>ul>li>a{color: #333;}
	header .leftDiv .menu>ul>li:hover>a, header .leftDiv .menu>ul>li:focus>a, header .leftDiv .menu>ul>li.on>a, header .leftDiv .menu>ul>li.active>a{background: none;}
	header .searchDiv{display: none;}
	
}
.hidden-xs{display: block;}
.visible-xs{display: none;}

/*手机*/
@media (max-width:768px) {
	.hidden-xs{display: none;}
	.visible-xs{display: block;}
	/*header .wrap{display: block;}
	header {
		position: fixed !important;
		z-index: 9999;
		top: 0;
		left: auto;
		right: 0;
		width: 100%;
		height: 50px;
		transition: right 300ms !important;
	}
	.on-fixed header{box-shadow: 0px 0px 10px rgba(0,0,0,.1);}
	header .logo a{height: 50px;line-height: 50px;width: initial;}
	header .logo img{max-height: 80%;}
	header .mbtn {display: block;}
	body.on-menu header .mbtn{z-index: 1;}
	header .rightDiv .menu {
		float: right;
		position: fixed;
		top: 0px;
		right: 0;
		width: 100%;
		height: 100%;
		padding-top: 0;
		background-color: rgba(255, 255, 255, .9);
		transition: right 300ms;
		right: -100%;
		padding: 0;
		overflow-y: auto;
	}
	header .rightDiv .menu ul li {
		padding: 0;
		margin: 0;
		float: none;
	}
	header .rightDiv .menu ul li a {
		display: block;
		line-height: 50px;
		height: 50px;
		text-align: left;
		font-size: 16px;
	}
	header .rightDiv .menu>ul>li>a small{display: none;}
	header .rightDiv .menu>ul {display: block;padding-top: 50px;}
	body.on-menu header .rightDiv .menu {right: 0;}
	body.on-menu .main {right: 0;}
	header .rightDiv .menu>ul>li>a{padding:0 15px;background: none;}
	header .rightDiv .menu ul li i{display: block;}
	header .twoMenu{position: relative;top: 0px;background: none;padding:0;width: initial;}
	header .twoMenu dl{margin-bottom: 10px;}
	header .twoMenu dl dd{margin-top: 0;}
	header .rightDiv .menu ul li .twoMenu dl dt>a{color: #fff;}
	.on-fixed header .rightDiv .menu ul li .twoMenu dl dt>a{color: #000;}
	header .rightDiv .menu ul li .twoMenu{top: 10px;box-shadow: none;}
	header .rightDiv .menu ul li .twoMenu .liDiv>a{line-height: 32px;height: 32px;font-weight: normal;}
	header .twoMenu .liDiv>a:after{top: 0;}
	header .rightDiv .menu ul li.relativeLi .twoMenu .ulDiv{margin:0 15px;}
	header .rightDiv .menu ul li>a{margin: 0;width: 100%;}
	header .rightDiv .menu ul li>a:hover, header .rightDiv .menu ul li>a:focus, header .rightDiv .menu ul li>a.on{color: #FFF;}
	header .rightDiv .menu ul li .twoMenu dl dt>a{line-height: 50px;height: initial;}
	header .rightDiv .menu>ul>li>a::before{display: none;}
	header .rightDiv .menu>ul>li:hover,header .rightDiv .menu>ul>li:focus,header .rightDiv .menu>ul>li.on{background: none;}
	header .rightDiv .menu>ul>li.on>a{color: #024097;}*/
	.main {position: relative;right: 0;transition: right 300ms !important;padding-top: 50px;}
	.ui-homebanner .img{height: 55vw;}
	.ui-homebanner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0;}
	.ui-homebanner .swiper-pagination-bullet{width: 20px;height: 5px;}
	.ui-homebanner .swiper-button-next, .ui-homebanner .swiper-button-prev{display: none;}
	
	.indexDiv1{padding: 35px 0;}
	.index-title{font-size: 20px;}
	.indexDiv1 .row{margin: 30px -5px 0;}
	.indexDiv1 .row>div{padding: 0 5px;}
	.indexDiv1 .row>div a .titleDiv{padding: 10px 0 20px;}
	.indexDiv1 .row>div a .bgDiv .textDiv>span{display: none;}
	.indexDiv1 .row>div a .bgDiv .line{margin: 6px auto;width: 30px;}
	.indexDiv1 .row>div a .bgDiv .price span{font-size: 16px;}
	.indexDiv2 .row>div .leftDiv .textDiv{padding: 35px 15px;}
	.indexDiv2 .row>div .leftDiv .textDiv span{font-size: 20px;}
	.indexDiv2 .row>div .leftDiv .textDiv .p{margin: 20px 0;font-size: 14px;}
	.indexDiv3{padding: 35px 0;}
	.indexDiv3 .row{margin-top: 30px;}
	.indexDiv3 .row>div .conDiv .imgDiv{width: 100%;}
	.indexDiv3 .row>div .conDiv .textDiv{width: 100%;height: initial;}
	.indexDiv4{padding: 35px 0;}
	.indexDiv4 .row{margin-top: 30px;}
	.indexDiv4 .row .rightDiv ul li a .textDiv{padding-left: 80px;}
	.indexDiv4 .row .rightDiv ul li a .textDiv p{font-size: 14px;}
	.footerDiv .hdDiv{padding: 25px 0;}
	.footerDiv .hdDiv .row>div .conDiv.rightDiv{margin-top: 20px;text-align: center;}
	.footerDiv .hdDiv .row>div .conDiv.rightDiv .listDiv span{font-size: 14px;}
	.footerDiv .hdDiv .row>div .conDiv.rightDiv .listDiv a{font-size: 12px;}
	.footerDiv .hdDiv .row>div .conDiv.rightDiv .listDiv{margin-left: 0;}
	
	.twoMenuDiv .wrap{padding: 0;}
	.cateDiv {float: initial;width: 100%;text-align: left;}
	.cateDiv a{font-size: 16px;padding: 0 15px;}
	.breadcrumbDiv{width: 100%;float: initial;text-align: right;padding-right: 15px;}
	.productDiv .row{margin-top: 0;}
	.pageDiv{margin-top: 35px;}
	
	.aboutDiv{padding: 35px 0;}
	.aboutDiv img{float: initial;margin: 0 auto;}
	.aboutDiv .index-title{margin-top: 30px;}
	.contactDiv{padding: 35px 0;}
	.contactDiv .conDiv{height: 300px;display: block;}
	.contactDiv .conDiv.rightDiv{height: auto;padding: 25px 0;}
	
	.newsDiv{padding: 35px 0;}
	.newsDiv .row{margin: 0 -5px;}
	.newsDiv .row>div{padding: 0 5px;margin-bottom: 20px;}
	.newsDiv .row>div .textDiv .title{font-size: 16px;}
	
	
	
	@media (max-width:320px) {
		
	}
	
}

@media (max-width:1220px) {
}
/*@media (min-width:992px) and (max-width:1024px) {
	.menu ul ul,.menu ul ul li{width: 180px;}
	.menu li:hover>ul{margin-left: -90px;left: 50%;}
}
@media (min-width:768px) and (max-width:991px) {
	.menu ul ul,.menu ul ul li{width: 180px;}
	.menu li:hover>ul{margin-left: -90px;left: 50%;}
	
}*/
@media all and (max-width:991px){
/*only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1024px),
only screen and (min--moz-device-pixel-ratio:2) and (max-width:1024px),
only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:1024px),
only screen and (min-device-pixel-ratio:2) and (max-width:1024px),
only screen and (min-resolution:192dpi) and (max-width:1024px),
only screen and (min-resolution:2dppx) and (max-width:1024px){*/
header .rightDiv .menu>ul>li:hover>a, header .rightDiv .menu>ul>li:focus>a{color: #666;}
	.menu{width:100%}
	.menu ul{width:100%;display: block;}
	.menu>ul>li>a{padding: 0 20px;}
	.menu.align-center>ul,.menu.align-right ul ul{text-align:left}
	.menu ul li,.menu ul ul li,.menu ul li:hover>ul>li{width:100%;height:auto;border-top:1px solid rgba(120,120,120,.15)}
	.menu ul li a,.menu ul ul li a{width:100%}
	.menu>ul>li,.menu.align-center>ul>li,.menu.align-right>ul>li{float:none;display:block}
	.menu ul ul li a{padding:0 20px 0 30px;font-size:12px;color:#666;background:0 0}
	.menu ul ul li:hover>a,.menu ul ul li a:hover{color:#666}
	.menu ul ul ul li a{padding-left:40px}
	.menu ul ul,
	.menu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0}
	.menu>ul>li.has-sub>a::after,.menu ul ul li.has-sub>a::after{display:none}
	#menu-line{display:none}
	.menu #menu-button{display:block;padding:20px;color:#000;cursor:pointer;font-size:12px;text-transform:uppercase}
	.menu #menu-button::after{content:'';position:absolute;top:20px;right:20px;display:block;width:15px;height:2px;background:#fff}
	.menu #menu-button::before{content:'';position:absolute;top:25px;right:20px;display:block;width:15px;height:3px;border-top:2px solid #fff;border-bottom:2px solid #fff}
	.menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(120,120,120,.15);height:52px;width:52px;cursor:pointer}
	.menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#000;z-index:99}
	.menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#000;z-index:99}
	.menu .submenu-button.submenu-opened:after{display:none}
	.menu ul ul{background: transparent;border-bottom:none;padding: 0;}
	.menu ul ul ul{top: 0;}
	.menu ul ul li{background: transparent;}
	.menu li:hover>ul{left: auto;margin-left: auto;}
	
}