@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{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;}

/**导航菜单**/
header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
	color: #ffF;
	background: #fff;
	text-align: center;
	height: 100px;
	/*overflow: hidden;*/
}

header .wrap{display: inline-block;padding: 0;}
header .logo a{
	height: 100px;
	position: relative;
    z-index: 9999;
    display:flex;justify-content:center;align-items:center;
}
header .logo img{max-height: 100%;}
header .rightDiv{float: right;}
header .rightDiv .menu{
	text-align: right;
	position: relative;
	height: 100px;
}
header .rightDiv .menu>ul{
	display: inline-block!important;
	/*overflow: hidden;*/
}
header .rightDiv .menu>ul>li{
	float: left;
	position: relative;
	/*width: 126px;*/
}
header .rightDiv .menu>ul>li>a{
	height: 100px;
    display:flex;justify-content:center;align-items:center;
	text-align: center;
	color: #666;
	position: relative;
	padding: 0 30px;
	font-size: 16px;
}


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: #009a44;
}
header .rightDiv .menu>ul>li:hover>a,
header .rightDiv .menu>ul>li:focus>a,
header .rightDiv .menu>ul>li.on>a,
header .rightDiv .menu>ul>li.active>a{
	color: #fff;
}

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 .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:#333333;color: #999999;}
/*.footerDiv .wrap{max-width: 1200px;margin: 0 auto;}*/
.footerDiv .hd{padding: 40px 0;}
.footerDiv .leftDiv img{width: 60%;}
.footerDiv .leftDiv div{margin-top: 30px;padding-left: 28px;font-size: 16px;}
.footerDiv .leftDiv div.addr{background: url(../img/addr.png) no-repeat left center;margin-top: 50px;}
.footerDiv .leftDiv div.tel{background: url(../img/tel.png) no-repeat left center;}
.footerDiv .leftDiv div.mail{background: url(../img/mail.png) no-repeat left center;}
.footerDiv .listDiv{float: left;margin-left:60px;}
.footerDiv .listDiv a{display: block;color: #999999;margin: 30px 0;}
.footerDiv .listDiv a:hover{color: #fff;}
.footerDiv .listDiv a:nth-child(1){color: #fff;}
.footerDiv .bd{padding: 10px 0;font-size: 14px;background: #292929;text-align: center;color: #999999;}
.footerDiv .bd a{color: #999999;}

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

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

/*
.ui-homebanner .wrap{
	height: 100%;
    display:flex;
    justify-content:center;
    align-items:center;
    color: #fff;
    text-align: center;
}

.ui-homebanner .txt .p1{
	font-size: 2.5vw;
	text-transform: uppercase;
	text-shadow: 0px 0px 5px rgba(0,0,0,.47);
}*/

.main{padding-top: 100px;}

.indexDiv1{padding: 52px 0 70px;}
.bgf9f9f9{background: #f9f9f9;}
.indexDiv1 .leftDiv{width: 57.1%;}
.indexDiv1 .index-title{text-align: left;}
.indexDiv1 .index-title .hd{border-bottom: 1px solid #eee;margin-bottom: 10px;}
.indexDiv1 .index-title .hd span{display: inline-block;border-bottom: 2px solid #009A44;padding-bottom: 15px;margin-bottom: 0;}
.indexDiv1 .index-title .hd a{font-size: 14px;color: #999999;float: right;line-height: 41px;}
.indexDiv1 .index-title .hd a:hover{color: #009A44;}
.indexDiv1 .leftDiv .row{margin: 46px -6.5px 0;}
.indexDiv1 .leftDiv .row>div{padding: 0 6.5px;}
.indexDiv1 .leftDiv .row>div a{border: 1px solid #eee;display: block;}
.indexDiv1 .leftDiv .row>div a .imgDiv{text-align:center;}
.indexDiv1 .leftDiv .row>div .textDiv{padding: 12px;background: #fff;}
.indexDiv1 .leftDiv .row>div .textDiv .title{font-size: 16px;color: #333;margin-bottom: 10px;text-align:center;}
.indexDiv1 .leftDiv .row>div .textDiv span{font-size: 16px;color: #999999;}
.indexDiv1 .leftDiv .row>div a:hover{box-shadow: 0px 0px 21px rgba(0,0,0,.08);}
.indexDiv1 .leftDiv .row>div a:hover .textDiv .title,.indexDiv1 .leftDiv .row>div a:hover .textDiv span{color: #009a44;}
.indexDiv1 .rightDiv{width: 37.1%;}
.indexDiv1 .rightDiv ul{margin-top: 46px;}
.indexDiv1 .rightDiv ul li a{display: block;padding: 15px 0;font-size: 16px;color: #333;}
.indexDiv1 .rightDiv ul li a:hover{color: #009A44;}


.index-title{text-align: center;line-height: 1;}
.index-title span{display: block;font-size: 24px;color: #333333;position: relative;margin-bottom: 10px;}
.index-title small{display: block;font-size: 18px;color:#666666;text-transform:capitalize;}
.index-title img{display: block;margin: 20px auto 10px;}

.indexDiv2{padding: 67px 0 116px;background: url(../img/i-bg1.jpg) no-repeat center center;background-size: cover;}
.indexDiv2 .index-title span{font-size: 30px;color: #fff;margin-bottom: 10px;}
.indexDiv2 .index-title small{font-size: 24px;color: #fff;} 
.indexDiv2 .row{margin: 112px 0 0;}
.indexDiv2 .row>div{padding: 0 ;}
.indexDiv2 .row>div .conDiv{text-align: center;color: #fff;}
.indexDiv2 .row>div .conDiv .numDiv{font-size: 36px;}
.indexDiv2 .row>div .conDiv .numDiv span{font-weight: bold;margin-right: 10px;}
.indexDiv2 .row>div .conDiv p{margin: 0 ;font-size: 18px;}

.indexDiv3{padding:95px 0 0;}
.indexDiv3 .rowDiv{margin: 103px 0;}
.indexDiv3 .rowDiv a:hover .textDiv span,.indexDiv3 .rowDiv a:hover .textDiv p{color: #009A44;}
.indexDiv3 .rowDiv .imgDiv{width: 42.8%;}
.indexDiv3 .rowDiv .textDiv{width: 42.8%;}
.indexDiv3 .rowDiv:nth-of-type(odd) .imgDiv{float: right;text-align: left;}
.indexDiv3 .rowDiv:nth-of-type(even) .imgDiv{float: left;text-align: right;}
.indexDiv3 .rowDiv:nth-of-type(odd) .textDiv{float: left;}
.indexDiv3 .rowDiv:nth-of-type(even) .textDiv{float: right;}
.indexDiv3 .rowDiv .textDiv span{font-size: 20px;color: #333333;}
.indexDiv3 .rowDiv .textDiv p{font-size: 16px;color: #666666;line-height: 1.6;margin: 20px 0;min-height: 10.5vw;}
.indexDiv3 .rowDiv .textDiv .imore_a{font-size: 14px;color: #009A44;display: block;width: 119px;height: 37px;border: 1px solid #009A44;line-height: 37px;text-align: center;border-radius: 30px;}
.indexDiv3 .rowDiv .textDiv .imore_a:hover{background: #009A44;color: #fff;}

.ny-banner{width: 100%;position:relative;}
.ny-banner .imgDiv{position: relative;min-height: 300px;height: 20.8vw;}
.ny-banner .imgDiv .wrap{height: 100%;display:flex;justify-content:flex-start;align-items:flex-end;padding-bottom: 90px;padding-left: 4.85%;color: #fff;}
.ny-banner .imgDiv .textDiv span{font-size: 36px;color: #fff;font-weight: bold;display: block;margin-bottom: 15px;}
.ny-banner .imgDiv .textDiv small{font-size: 18px;display: block;}

.breadcrumbDiv{color: #999999;padding: 38px 0;}
.breadcrumbDiv a{color: #999999;}

.productDiv .rowDiv:nth-child(1){margin-top: 50px;}
.productDiv .rowDiv{margin: 0 0 130px;}
.productDiv .rowDiv a:hover .textDiv span,.productDiv .rowDiv a:hover .textDiv .p{color: #009A44;}
.productDiv .rowDiv .imgDiv{width: 49.3%;}
.productDiv .rowDiv .textDiv{width: 49.3%;}
.productDiv .rowDiv:nth-of-type(odd) .imgDiv{float: right;text-align: center;}
.productDiv .rowDiv:nth-of-type(even) .imgDiv{float: left;text-align: center;}
.productDiv .rowDiv:nth-of-type(odd) .textDiv{float: left;}
.productDiv .rowDiv:nth-of-type(even) .textDiv{float: right;}
.productDiv .rowDiv .textDiv span{font-size: 20px;color: #333333;}
.productDiv .rowDiv .textDiv .p{font-size: 16px;color: #666666;line-height: 1.6;margin: 20px 0 0;}
.productDiv .rowDiv .textDiv p{margin: 10px 0 0;}

.casesDiv{padding: 0 0 45px;}
.casesDiv .row{margin: 0 -20.5px;}
.casesDiv .row>div{padding: 0 20.5px;margin-bottom: 45px;}
.casesDiv .row>div a{display: block;position: relative;padding-top: 70%;background: #fff;}
.casesDiv .row>div .imgDiv{position: absolute;height: 70%;top: 0;left: 0;width: 100%;display:flex;justify-content:center;align-items:center;}
.casesDiv .row>div .imgDiv img{max-width: 80%;max-height: 80%;}
.casesDiv .row>div .textDiv{font-size: 16px;color: #666666;line-height: 1.6;padding: 20px;text-align:center;}
.casesDiv .row>div .textDiv p{margin: 0;}
.casesDiv .row>div a:hover .textDiv{color: #fff;background: #009A44;}

.pageDiv{text-align: center;}
.pageDiv a,.pageDiv span{display: inline-block;font-size: 18px;color: #999999;padding: 0px 12px;line-height: 33px;margin: 0 15px;background: #fff;border:1px solid #ddd;border-radius: 5px;}
.pageDiv span{background: #009a44;color: #fff;border-color: #009A44;}

.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: 18px;color: #666;line-height: 70px;}
.categoryDiv a.active{background: #009A44;color: #fff;}

.aboutDiv{padding-bottom: 57px;}
.aboutDiv .bdDiv{padding: 50px 40px;background: #fff;border: 1px solid #eee;}
.aboutDiv .bdDiv .rowDiv .leftDiv{width: 45.8%;margin-right: 2.69%;}
.aboutDiv .bdDiv .rowDiv .text span{display: block;font-size: 24px;margin: 20px 0 40px;}
.aboutDiv .bdDiv .rowDiv .text .p{font-size: 20px;line-height: 1.6;}
.aboutDiv .bdDiv .textDiv{text-align: center;}
.aboutDiv .bdDiv .textDiv p{margin: 20px 0;font-size: 18px;line-height: 1.6;text-align: left;}

.articleDiv{padding-bottom: 57px;}
.articleDiv .bdDiv{padding: 50px 40px;background: #fff;border: 1px solid #eee;text-align: center;}
.articleDiv .titleDiv{font-size:24px;}
.articleDiv .timeDiv{font-size: 14px;color: #999;padding: 10px 0 40px;}
.articleDiv .textDiv{font-size: 18px;text-align: left;}

.zixunDiv .listDiv{margin: 70px 0;}
.zixunDiv .listDiv .index-title {margin-bottom: 34px;}
.zixunDiv .listDiv .rowDiv{position: relative;overflow: hidden;}
.zixunDiv .listDiv .row{margin: 0 -12px;width: 83.5%;}
.zixunDiv .listDiv .row>div{padding: 0 12px;}
.zixunDiv .listDiv .row>div a{border: 1px solid #eee;display: block;}
.zixunDiv .listDiv .row>div a .imgDiv{text-align:center;}
.zixunDiv .listDiv .row>div .textDiv{padding: 12px;background: #fff;}
.zixunDiv .listDiv .row>div .textDiv .title{font-size: 16px;color: #333;margin-bottom: 10px;min-height:66px;}
.zixunDiv .listDiv .row>div .textDiv span{font-size: 16px;color: #999999;}
.zixunDiv .listDiv .row>div a:hover{box-shadow: 0px 0px 21px rgba(0,0,0,.08);}
.zixunDiv .listDiv .row>div a:hover .textDiv .title,.indexDiv1 .leftDiv .row>div a:hover .textDiv span{color: #009a44;}
.zixunDiv .listDiv .moreDiv{width: 16.5%;background: #fff;border: 1px solid #eee;color: #fff;position: absolute;right: 0;top: 0;height: 100%;}
.zixunDiv .listDiv .more_a{color: #009a44;font-size: 18px;display: block;display:flex;justify-content:center;align-items:center;height: 100%;}
.zixunDiv .listDiv .more_a i{display: block;width: 25px;height: 28px;background: url(../img/more1.png) no-repeat center center;background-size: 100%;margin: 0 auto 20px;}
.zixunDiv .listDiv .more_a:hover{color: #fff;background: #009A44;border-color: #009A44;}
.zixunDiv .listDiv .more_a:hover i{background: url(../img/more2.png) no-repeat center center;}

.newsDiv{padding: 8px 0 45px;}
.newsDiv .rowDiv a{margin-bottom: 60px;position: relative;display: block;background: #fff;overflow: hidden;border: 1px solid #eee;}
.newsDiv .rowDiv .imgDiv{width: 28.9%;position: absolute;left: 0;top: 0;height: 100%;overflow: hidden;display:flex;justify-content:center;align-items:center;}
.newsDiv .rowDiv .imgDiv img{height: 100%;width: auto;max-width: initial;}
.newsDiv .rowDiv .textDiv{width: 68%;padding: 35px 30px 35px 54px;float: right;}
.newsDiv .rowDiv .textDiv .title{font-size: 28px;color: #333;font-weight: bold;}
.newsDiv .rowDiv .textDiv span{font-size: 16px;color: #999;display: block;margin: 20px 0;}
.newsDiv .rowDiv .textDiv p{font-size: 18px;line-height: 1.8;color: #666;margin: 0 0 40px;}
.newsDiv .rowDiv .textDiv .more{font-size: 14px;color: #666;line-height: 35px;width: 117px;border: 1px solid #ddd;border-radius: 30px;text-align: center;display: block;font-style: normal;}
.newsDiv .rowDiv a:hover .title,.newsDiv .rowDiv a:hover span,.newsDiv .rowDiv a:hover p{color: #009A44;}
.newsDiv .rowDiv a:hover .more{color: #fff;background: #009A44;border-color: #009A44;}

.newsDiv .row{margin: 0 -12px;}
.newsDiv .row>div{padding: 0 12px;margin-bottom: 40px;}
.newsDiv .row>div a{border: 1px solid #eee;display: block;}
.newsDiv .row>div a .imgDiv{text-align:center;}
.newsDiv .row>div .textDiv{padding: 20px 20px 8px;background: #fff;}
.newsDiv .row>div .textDiv .title{font-size: 16px;color: #333;}
.newsDiv .row>div .textDiv span{font-size: 14px;color: #999999;display: block;margin: 20px 0;}
.newsDiv .row>div a:hover{box-shadow: 0px 0px 21px rgba(0,0,0,.08);}
.newsDiv .row>div .textDiv .more{font-size: 14px;color: #666;line-height: 35px;width: 117px;border: 1px solid #ddd;border-radius: 30px;text-align: center;display: block;font-style: normal;}
.newsDiv .row>div a:hover .textDiv .title,.newsDiv .row>div a:hover .textDiv span{color: #009a44;}
.newsDiv .row>div a:hover .more{color: #fff;background: #009A44;border-color: #009A44;}

.contactDiv {padding-bottom: 60px;}
.contactDiv .bdDiv{padding: 30px 60px;background: #fff;border: 1px solid #eee;}
/*.contactDiv .bdDiv ul li a{}*/
.contactDiv .bdDiv ul li:last-child .hd{border: 0;}
.contactDiv .bdDiv ul li .hd{font-size: 16px;color: #333333;font-weight: bold;display: block;line-height: 34px;padding: 20px 0;border-bottom: 1px solid #eee;}
.contactDiv .bdDiv ul li .hd:hover,.contactDiv .bdDiv ul li .hd:hover span{color: #009a44;}
.contactDiv .bdDiv ul li .hd span{font-size: 14px;font-weight: normal;color: #999;}

.contactDiv .bdDiv ul li .bd{padding-top: 10px;}
.contactDiv .bdDiv ul li .bd a{font-size: 16px;color: #009a44;padding-top: 25px;}
.contactDiv .bdDiv ul li .bd a span:before{content: "展开全部";}
.contactDiv .bdDiv ul li.on .bd a span:before{content: "收起全部";}
.contactDiv .bdDiv ul li .bd a i{display: inline-block;width: 11px;height: 8px;background: url(../img/open.png) no-repeat center center;margin-right: 10px;}
.contactDiv .bdDiv ul li.on .bd a i{display: inline-block;width: 11px;height: 8px;background: url(../img/close.png) no-repeat center center;margin-right: 10px;}
.contactDiv .bdDiv ul li .bd .textDiv{padding-right: 110px;height: 80px;overflow: hidden;}
.contactDiv .bdDiv ul li .bd .textDiv p{font-size: 20px;color: #666666;line-height: 2;margin: 0;}
.contactDiv .bdDiv ul li.on .bd .textDiv{height: initial;}



/*
.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;text-transform:uppercase;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%;}
.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: 14px 0 0;background: url(../img/sj.png) no-repeat center 2px;}
.menu ul ul li a{padding:15px 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:#009a44}
/*.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:1220px) {
	.wrap{padding: 0 15px;width: 100%;}
	header .rightDiv .menu>ul>li>a{padding: 1.9vw;}
	.footerDiv .listDiv{margin-left: 3.125vw;}
	.categoryDiv a{padding: 0 3.38vw;}
}
@media (max-width:1100px) {
	header .logo a{width: 200px;}
	header .rightDiv .menu>ul>li>a,.menu ul ul li a{font-size: 16px;}
	.menu ul ul li a{padding: 15px 0;}
}
@media (min-width:992px) and (max-width:1024px) {
	header .logo a{width: 150px;}
	header .rightDiv .menu>ul>li>a{padding: 0 1.2vw;}
}
@media (min-width:768px) and (max-width:991px) {
	header .logo a{width: 150px;}
	header .rightDiv .menu>ul>li>a{padding: 0 1.2vw;}
	
}

/*手机*/
@media (max-width:768px) {
	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;
	}
	.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%;margin-left: 15px;}
	/*body.on-menu header {right: 45%;}*/
	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);
		/*border-bottom: 1px solid #f8f8f847;*/
		transition: right 300ms;
		right: -100%;
		padding: 0;
		overflow-y: auto;
	}
	header .rightDiv .menu ul li {
		padding: 0;
		margin: 0;
		/*border-bottom: 1px solid #f8f8f847;*/
		float: none;
	}
	header .rightDiv .menu ul li a {
		display: block;
		line-height: 50px;
		height: 50px;
		/*color: #fff;*/
		/*padding: 0 15px;*/
		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: #009A44;}
	
	.main {position: relative;right: 0;transition: right 300ms !important;padding-top: 50px;}
	.ui-homebanner .img{/*height: 55vw;*/min-height: initial;}
	.ui-homebanner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 10px;}
	.ui-homebanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 4px;}
	.ui-homebanner .swiper-button-next, .ui-homebanner .swiper-button-prev{width: 50px;height: 50px;}
	
	.indexDiv1{padding: 30px 0 30px;}
	.indexDiv1 .leftDiv{width: 100%;}
	.indexDiv1 .rightDiv{width: 100%;margin-top: 20px;}
	.index-title span{font-size: 24px;}
	.index-title small{font-size: 18px;}
	.indexDiv1 .index-title .hd span{padding-bottom: 10px;}
	.indexDiv1 .index-title .hd a{line-height: 26px;}
	.indexDiv1 .leftDiv .row{margin: 20px -5px 0;}
	.indexDiv1 .leftDiv .row>div{padding: 0 5px;margin-bottom: 10px;}
	.indexDiv1 .leftDiv .row>div .textDiv{padding: 6px;}
	.indexDiv1 .leftDiv .row>div .textDiv .title{font-size: 18px;}
	.indexDiv1 .leftDiv .row>div .textDiv span{font-size: 16px;}
	.indexDiv1 .rightDiv ul{margin-top: 20px;}
	.indexDiv1 .rightDiv ul li a{padding: 10px 0;font-size: 16px;}
	.indexDiv2{padding: 30px 0 50px;}
	.indexDiv2 .row{margin-top: 60px;}
	.indexDiv2 .index-title span{font-size: 30px;}
	.indexDiv2 .index-title small{font-size: 20px;}
	.indexDiv2 .row>div{margin-bottom: 20px;}
	.indexDiv2 .row>div .conDiv .numDiv{font-size: 26px;}
	.indexDiv2 .row>div .conDiv p{font-size: 16px;}
	.indexDiv3{padding: 40px 0 0;}
	.indexDiv3 .rowDiv{margin: 50px 0;}
	.indexDiv3 .rowDiv .imgDiv img{width: 80%;}
	.indexDiv3 .rowDiv .textDiv{width: 50.8%;}
	.indexDiv3 .rowDiv .textDiv span{font-size: 20px;}
	.indexDiv3 .rowDiv .textDiv p{font-size: 14px;margin: 10px 0;}
	.indexDiv3 .rowDiv .textDiv .imore_a{line-height: 30px;height: 30px;width: 100px;font-size: 12px;}
	.footerDiv .hd{padding: 20px 0;}
	.footerDiv .leftDiv img{width: 50%;}
	.footerDiv .leftDiv div.addr{margin-top: 25px;}
	.footerDiv .leftDiv div{margin-top: 15px;font-size: 14px;}
	.footerDiv .listDiv{width: 33.3%;margin-left: 0;}
	.footerDiv .bd{font-size: 12px;}
	
	
	.ny-banner .imgDiv{min-height: initial;height: 30vw;}
	.ny-banner .imgDiv .wrap{padding-bottom: 10px;}
	.ny-banner .imgDiv .textDiv span{font-size: 20px;margin-bottom: 5px;}
	.ny-banner .imgDiv .textDiv small{font-size: 14px;}
	.breadcrumbDiv{padding: 18px 0;}
	.productDiv .rowDiv{margin-bottom: 50px;}
	.productDiv .rowDiv .imgDiv{width: 100%;float: initial;}
	.productDiv .rowDiv .imgDiv img{width: 60%;}
	.productDiv .rowDiv .textDiv{width: 100%;margin-top: 30px;}
	.productDiv .rowDiv .textDiv span{font-size: 24px;}
	.productDiv .rowDiv .textDiv .p{font-size: 16px;}
	.casesDiv .row{margin: 0 -5px;}
	.casesDiv .row>div{padding: 0 5px;margin-bottom: 15px;}
	.casesDiv .row>div .textDiv{font-size: 14px;padding: 10px;line-height: 1.4;}
	.pageDiv a, .pageDiv span{margin: 0 5px;font-size: 16px;margin-bottom: 5px;}
	.categoryDiv{overflow: hidden;}
	.categoryDiv a{line-height: 45px;font-size: 16px;width: 33.3%;float: left;padding: 0;}
	.aboutDiv{padding-bottom: 30px;}
	.aboutDiv .bdDiv{padding: 20px;}
	.aboutDiv .bdDiv .rowDiv .leftDiv{width: 100%;float: initial;}
	.aboutDiv .bdDiv .rowDiv .text span{font-size: 24px;margin: 20px 0;}
	.aboutDiv .bdDiv .rowDiv .text .p{font-size: 16px;}
	.aboutDiv .bdDiv .textDiv p{margin: 25px 0;font-size: 16px;}
	
	.zixunDiv .listDiv{margin: 35px 0;}
	.zixunDiv .listDiv .row{width: 100%;margin: 0 -5px;}
	.zixunDiv .listDiv .row>div{padding: 0 5px;margin-bottom: 10px;}
	.zixunDiv .listDiv .row>div:last-child{position: absolute;bottom: 0;right: 5px;height: calc(50% - 10px);width: 50%;}
	.zixunDiv .listDiv .row>div a.more_a{display: flex;font-size: 16px;}
	.zixunDiv .listDiv .more_a i{width: 20px;height: 22px;background-size: 100%;}
	.zixunDiv .listDiv .more_a:hover i{background-size: 100%;}
	.zixunDiv .listDiv .row>div .textDiv{padding: 10px;}
	.zixunDiv .listDiv .row>div .textDiv .title{font-size: 16px;margin-bottom: 5px;}
	.zixunDiv .listDiv .row>div .textDiv span{font-size: 14px;}
	
	
	.newsDiv .rowDiv .imgDiv{width: 100%;float: initial;position: relative;height: initial;}
	.newsDiv .rowDiv .imgDiv img{height: initial;width: 100%;}
	.newsDiv .rowDiv .textDiv{width: 100%;padding: 15px 15px 25px;}
	.newsDiv .rowDiv .textDiv .title{font-size: 20px;}
	.newsDiv .rowDiv .textDiv span{font-size: 14px;margin: 10px 0;}
	.newsDiv .rowDiv .textDiv p{font-size: 16px;margin-bottom: 20px;}
	.newsDiv .row{margin: 0 -5px;}
	.newsDiv .row>div{padding: 0 5px;margin-bottom: 20px;}
	.newsDiv .row>div .textDiv{padding: 10px 10px 1px;}
	.newsDiv .row>div .textDiv .title{font-size: 18px;}
	.newsDiv .row>div .textDiv span{font-size: 14px;margin: 10px 0;}
	.newsDiv .row>div .textDiv .more{width: 97px;line-height: 30px;font-size: 12px;}
	
	.contactDiv{padding-bottom: 30px;}
	.contactDiv .bdDiv{padding: 15px;}
	.contactDiv .bdDiv ul li{padding: 15px 0;}
	.contactDiv .bdDiv ul li .bd .textDiv{padding-right: 0;}
	.contactDiv .bdDiv ul li .hd{font-size: 20px;}
	.contactDiv .bdDiv ul li .bd .textDiv p{font-size: 16px;line-height: 1.8;}
	.contactDiv .bdDiv ul li .bd a{padding-top: 10px;}
	
	
	
	@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:768px){
/*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;}
	
}