body{padding: 0;margin: 0;font-family: "Noto Sans SC","Source Han Sans CN","微软雅黑";font-size: 16px;color: #333;overflow-x:hidden;font-weight: 400;}
.wrap{max-width: 1200px;margin: 0 auto;}
ul{padding: 0;margin: 0;}
ul li{list-style: none;}
p{margin: 0;}
.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;}
.ovh1{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;}
.bgf3f3f3{background: #f3f3f3;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
.imgH{overflow: hidden;}
.imgH img{transition-duration: .6s;-ms-transition-duration: .6s;-moz-transition-duration: .6s;-webkit-transition-duration: .6s; }
.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);}
.hidden-xs{display: block;}
.visible-xs{display: none;}
*{box-sizing: border-box;}
.db{display: block;}
.tc{text-align: center;}
img{max-width: 100%;}
.c_center{width: 1200px;margin: 0 auto;}
.baibg{background: #ffffff;}
.huibg{background: #f8f8f8;}
.pore{position: relative;}
.flexb{display: flex;align-items: center;justify-content: center;}
@media (min-width:1200px) {.container{max-width: 1200px;padding: 0;}}




/**导航菜单**/
.topDiv{height: 100px;}
header{position: fixed;top: 0;left: 0;z-index: 99;height: 100px;width: 100%;transition: all .3s;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
header>.wrap{padding: 0;border-radius: 6px;margin: 0 auto;}
.on-fixed header{background: #fff;top: 0;box-shadow: 0px 0px 20px rgba(132,132,132,0.15);}
header .logo a{height: 100px;position: relative;z-index: 99;display:flex;justify-content:center;align-items:center;}
header .logo img{max-height: 80%;}
header .rightDiv .menu{text-align: right;height: 100px;}
header .rightDiv .menu>ul{display: inline-block!important;/*overflow: hidden;*/}
header .rightDiv .menu>ul>li{float: left;padding: 0 15px;}
header .rightDiv .menu>ul>li>a{height: 100px;line-height: 100px;text-align: center;color: #000000;font-size: 18px;display: block;text-transform:capitalize;}
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: none;position: relative;}
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: #333333;}
header .rightDiv .menu>ul>li:hover::before,
header .rightDiv .menu>ul>li:focus::before,
header .rightDiv .menu>ul>li.on::before,
header .rightDiv .menu>ul>li.active::before{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -35px;
	background-color: rgb(0, 149, 83);
	width: 70px;
	height: 5px;
}
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/menu1.png) no-repeat center center;background-size: 22px auto;}
header .mbtn:active{opacity: .8;}
body.on-menu header .mbtn{background: url(../img/menu-hide1.png) no-repeat center center;background-size: 22px auto;}
header .telDiv {font-size: 14px;color: rgb(51, 51, 51);line-height: 100px;position: relative;}
header .telDiv::before{
	content: "";
	background-color: rgb(153, 153, 153);
	position: absolute;
	left: 0;
	top: calc(50% - 10px);
	width: 1px;
	height: 20px;
}
header .telDiv a{color: rgb(51, 51, 51);margin-left: 15px;}
header .telDiv a.on{color: #009552;}
header .telDiv img{vertical-align: middle;margin-right: 4px;}
header .telDiv span{vertical-align: middle;}
.menu,.menu ul li,.menu ul li a,.menu #menu-button{margin:0;padding:0;border:0;list-style:none;display:block;;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position: relative;}
.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>ul>li>a{padding:0;font-size:15px;text-decoration:none;text-transform:uppercase;color:#282828;-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::after{position:absolute;top:50%;margin-top:-3px;right:0;width:10px;height:6px;content:"";background:url(../img/xia.png) no-repeat;}
.menu ul ul{position:absolute;left:-9999px;text-align: center;background: rgba(67, 161, 84,0.8);padding: 8px;}
.menu li:hover>ul{left:-15px;}
.menu ul ul ul{right:100%;top:0;width: 100%;}
.menu ul ul li:hover>ul{;margin-left: 0;}
.menu ul ul{width: calc(100% + 30px);text-align: center;top: 100px;}
.menu ul ul .ul{border-radius: 6px;}
.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;text-align: center;}
.menu ul ul li>a{font-size: 16px;color:#ffffff;text-decoration:none;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease;padding: 8px 0;}
.menu ul ul li>a:hover,.menu ul ul li a:hover{color: #ffffff;}
.menu ul ul li:last-child>a{border: 0;}



/********************************* 首页 **********************************/
/*banner轮播*/
.banner .bn_tt{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	font-size: 90px;
	color: rgb(255,255, 255);
	/* display: none; */
}
.banner .bn_tt .kuang{height: 100%;}
.banner .bn_tt h1{
	font-size: 90px;
	font-weight: 100; 
	letter-spacing:20px;
	position: relative;
	display: block;
	width: 100%;
	text-align: center;
}
.banner .bn_tt h1 i{display: block;z-index: 2;position: relative;}
.banner .bn_tt h1 .bg{
	display: block;
	background-color: rgb(31, 154, 82);
	width: 100%;
	height: 55px;
	margin-top: -40px;
	z-index: 1;
	position: relative;
}
.banner .bn_tt b{
	font-weight: 700; 
} 
.banner .bn_img{
    transition: 0.8s 1.5s;
    transform: perspective(1000px) translate3d(0, 0, 0);
}
.banner .swiper-slide-active .bn_img{
    transition: 10s 0.2s;
    transform: perspective(1000px) translate3d(0, 0, 50px);
}
/* .banner .bn_tt h1 i{
    transition: 0.8s 1.5s;
    transform: translateY(50px);
}
.banner .swiper-slide-active .bn_tt h1 i{
    transition: 1s 0.2s;
    transform: translateY(0);
}
.banner .bn_tt h1 .bg{
    transition: 0.8s 1.5s;
    transform: translateY(50px);
}
.banner .swiper-slide-active .bn_tt h1 .bg{
    transition: 1.2s 0.2s;
    transform: translateY(0);
} */
  
@media (max-width:1200px) {
	header,
	header .logo a,
	header .rightDiv .menu>ul>li>a,
	header .telDiv,
	header .rightDiv .menu,
	.topDiv{height: 80px;line-height: 80px;}
	header .logo{max-width: 120px;}
	header .telDiv a{margin-left: 8px;}
	header .rightDiv .menu>ul>li{padding: 0 8px;}
	header .rightDiv .menu>ul>li>a{font-size: 16px;}
	.banner .bn_tt h1{font-size: 64px;letter-spacing: 8px;}
	.banner .bn_tt h1 .bg{height: 32px;margin-top: -24px;}
}
@media all and (max-width:996px){
	.topDiv{height: 50px;}
	header.indexHeader{background: #fff;top: 0;}
	.on-fixed header.indexHeader{top: 0;}
	.menu{width:100%}
	.menu ul{width:100%;display: block;}
	.menu ul ul{top: 0;border: 0;}
	.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;background:0 0}
	/*.menu ul ul li:hover>a,.menu ul ul li a:hover{color:#fff}*/
	.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:#333;z-index:99}
	.menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#333;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 li:hover>ul{left: auto;margin-left: auto;}
	.menu ul ul li>a{color: #333333;}
	.menu ul ul li>a:last-child{border-bottom: 0;}
	header {
		position: fixed !important;
		z-index: 99;
		top: 0;
		left: auto;
		right: 0;
		width: 100%;
		height: 50px;
		transition: right 300ms !important;
	}
	header .logo a{height: 50px;line-height: 50px;width: initial;z-index: 0;}
	header .logo img {max-height: 70%;}
	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, .94);
		transition: right 300ms;
		right: -100%;
		padding: 0;
		overflow-y: auto;
	}
	header .rightDiv .menu ul li {
		padding: 0;
		margin: 0;
		position: relative;
		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 {display: block;padding-top: 50px;}
	header .rightDiv .menu ul li a span {display: none;}
	header .rightDiv .menu ul li a.on {background: none;}
	body.on-menu header .rightDiv .menu {right: 0;}
	body.on-menu .main {right: 0;}
	header .rightDiv .menu ul li i{display: block;}
	header .rightDiv .menu ul li>a{margin: 0;width: calc(100% - 50px);}
	header .rightDiv .menu .linkDiv{display: none;}
	header .rightDiv .menu>ul>li.has-sub{padding: 0;}
	
	header .rightDiv .menu>ul>li>a::before{display: none;}
	.menu ul ul .wrap{padding: 0;border: 0;}
	.menu ul ul,.on-fixed header.indexHeader .wrap,.menu ul ul .ul{box-shadow: none;background: none;border-radius: 0;}
	.menu ul ul li .alist a{margin-top: 0;line-height: 40px;height: 40px;font-size: 14px;}
	.main {position: relative;right: 0;transition: right 300ms !important;margin-top: 50px;}
	header .rightDiv .menu>ul>li:hover::before, header .rightDiv .menu>ul>li:focus::before, header .rightDiv .menu>ul>li.on::before, header .rightDiv .menu>ul>li.active::before{display: none;}
	.hidden-xs{display: none;}
	.visible-xs{display: block;}
}

.indp,footer{padding: 64px 0;}
.pubTit{
	font-size: 36px;
	color: rgb(51, 51, 51);
	text-align: center;
	letter-spacing: 4px;
	margin-bottom: 40px;
}
.pubTit span{
	color: #019652;
	font-weight: 600;
}
.indp1 .descBox{
	font-size: 18px;
	color: rgb(51, 51, 51);
	line-height: 36px;
	text-align: center;
	margin-bottom: 24px;
}
.indp1 .linkBox{text-align: center;margin-bottom: 30px;}
.indp1 .linkBox a{
	font-size: 18px;
	color: rgb(51, 51, 51);
	line-height: 36px;
	margin: 0 20px;
	display: inline-block;
	border-bottom: 2px solid #019652;
}
.indp1 .nrBox li{padding: 15px 20px;}
.indp1 .nrBox .imgBox{position: relative;}
.indp1 .nrBox .imgBox img{width: 100%;}
.indp1 .nrBox .imgBox:after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	transition: all 0.3s;
}
.indp1 .nrBox li:hover .imgBox:after{background: rgba(51,149,104,0.5);}
.indp1 .nrBox .textBox{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 40px 24px;
	color: #ffffff;
	transition: all 0.3s;
}
.indp1 .nrBox .tit{
	font-size: 20px;
	color: rgb(255, 255, 255);
	font-weight: bold;
	line-height: 1.8;
}
.indp1 .nrBox .desc{
	font-size: 16px;
	color: rgb(255, 255, 255);
	line-height: 30px;
}
.indp1 .nrBox .more{
	font-size: 16px;
	color: rgb(255, 255, 255);
	line-height: 1.875;
	position: absolute;
	left: 24px;
	bottom: 40px;
	border-bottom: 2px solid #019652;
	transition: all 0.3s;
}
/* .indp1 .nrBox li:hover .textBox{padding: 32px 24px;}
.indp1 .nrBox li:hover .more{bottom: 32px;} */
.indp2{
	background: url(../img/indp2bg.jpg) center no-repeat;
	background-size: cover;
}
.indp2 .textBox{
	width: 80%;
	font-size: 26px;
	color: rgb(255, 255, 255);
	font-weight: bold;
	line-height: 40px;
	text-align: justify;
}
.indp3{
	background: url(../img/indp3bg.jpg) center no-repeat;
	background-size: cover;
}
.indp3 .clickBox{text-align: center;margin-bottom: 40px;}
.indp3 .clickBox .eachBox{
	display: inline-block;
	border:1px solid rgb(1, 150, 82);
	height: 40px;
	line-height: 40px;
	padding: 0 16px;
	margin: 0 24px;
	font-size: 20px;
	color: rgb(1, 150, 82);
	cursor: pointer;
}
.indp3 .clickBox .eachBox.on{ 
	background-color: rgb(1, 150, 82);
	color: rgb(255, 255, 255);
}
.indp3 .showBox .eachBox{display: none;}
.indp3 .showBox .imgBox{overflow: hidden;}
.indp3 .showBox .imgBox img{transition: all 0.3s;}
.indp3 .showBox li:hover .imgBox img{transform: scale(1.1);}
.indp3 .showBox .tit{
	font-size: 18px;
	color: rgb(51, 51, 51);
	line-height: 26px;
	padding: 16px 0;
	text-align: center;
	display: block;
}
.moreBtn{
	font-size: 16px;
	color: rgb(1, 150, 82);
	line-height: 32px;
	border-bottom: 1px solid rgb(1, 150, 82);
	display: inline-block;
	margin-top: 48px;
}
.indp4 .nrBox .kaung{
	background-color: rgb(236, 236, 236);
	width: 100%;
	padding: 32px 24px;
	transition: all 0.3s;
	position: relative;
	overflow: hidden;
}
.indp4 .nrBox .kaung:before{
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
	top: 0%;
	left: 0;
	right: 0;
    transition: 0.5s;
    transform: translate3d(0, 100%, 0);
    background: #019652;
	z-index: 1;
}
.indp4 .nrBox .tit{
	font-size: 22px;
	color: rgb(51, 51, 51);
	font-weight: bold;
	line-height: 30px;
	transition: all 0.3s;
	z-index: 2;
	position: relative;
}
.indp4 .nrBox .time{
	font-size: 16px;
	color: rgb(102, 102, 102);
	margin-top: 40px;
	transition: all 0.3s;
	z-index: 2;
	position: relative;
}
.indp4 .nrBox li:hover .kaung:before{ 
    transition: 0.5s;
    transform: translate3d(0, 0, 0);
}
.indp4 .nrBox li:hover .tit,
.indp4 .nrBox li:hover .time{
	color: #ffffff;
}
footer{
	background: #333333;
	color: #ffffff;
	font-size: 16px;
	line-height: 32px;
}
footer a,
footer a:hover{color: #ffffff;}
footer .leftBox{
	position: relative;
	height: 100%;
	width: 62.5%;
}
footer .leftBox .line1{
	justify-content: space-between;
	align-items: flex-start;
}
footer .leftBox .logoBox{
	width: 44%;
}
footer .leftBox .logoBox .ewmBox{
	padding: 20px 30px;
}
footer .leftBox .footNav{
	width: 28%;
}
footer .leftBox .footNav .tit{
	font-size: 18px;
	color: rgb(255, 255, 255);
	font-weight: bold;
}



footer .leftBox .banquan{
	font-size: 14px;
	color: rgb(255, 255, 255);
	line-height: 24px;
	margin-top: 40px;
}
footer .rightBox{
	background: #656565;
	font-size: 16px;
	color: rgb(255, 255, 255);
	line-height:36px;
	width: 37.5%;
}
footer .rightBox .kuang{
	padding: 40px 24px; 
}
footer .rightBox .biaoti{
	font-size: 22px;
	line-height: 30px;
	color: rgb(255, 255, 255);
	font-weight: bold;
	margin-bottom: 32px;
}
.nyBanner{
	height: 400px;
	background: url() center no-repeat;
	background-size: cover;
}
.xiaocms-page{text-align: center;margin-top: 48px;}
.xiaocms-page a,
.xiaocms-page span{
	background-color: rgb(222, 222, 222);
	min-width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 16px; 
	color: rgb(0, 0, 0); 
	padding: 0 8px;
	display: inline-block;
	text-align: center;
}
.xiaocms-page span{
	background-color: #074082;
	color:#ffffff; 
}
@media (max-width:768px) {
    .xiaocms-page a, .xiaocms-page span{
        margin-bottom: 4px;
        min-width: 24px;
        height: 24px;
        line-height: 24px;
        padding: 0px 4px;font-size: 14px;}
    .xiaocms-page{margin: 16px 0;}
}
.nyP{padding: 0 0 88px;}
.posi{
	font-size: 16px;
	color: rgb(153, 153, 153);
	padding: 24px 0;
}
.posi a{color: rgb(153, 153, 153);}
.leftNav{
	width: 214px;
}
.leftNav .leftBox{
	margin-bottom: 40px;
}
.leftNav .leftBox:last-child{margin-bottom: 0;}
.leftNav .leftBox .dabt{
	background-color: rgb(1, 150, 82);
	width: 100%;
	font-size: 20px;
	color: rgb(255, 255, 255);
	font-weight: bold;
	padding: 24px 8px;
	text-align: center;
}
.leftNav .leftBox .nrBox{
	border: 1px dashed #c2c2c2;
	border-top: 0;
	padding: 16px 8px;
}
.leftNav .leftBox .font1{
	font-size: 16px;
	color: rgb(1, 150, 82);
	font-weight: bold;
	text-align: center;
	margin-bottom: 8px;
}
.leftNav .leftBox .font2{
	font-size: 14px;
	color: rgb(51, 51, 51);
	line-height: 24px;
	/* font-weight: 100; */
}
.leftNav .leftBox .font2>p{
	padding: 8px 0;
}
.leftNav .leftBox .font2>p span{
	font-weight: 400;
}
.leftNav .dhUl li .zktit{
	border-bottom: 1px dashed #c2c2c2;
	padding: 8px 0;
	/* text-align: center; */
	color: #666666;
	position: relative;
	padding-left: 8px;
	padding-right: 8px;
}
.leftNav .dhUl li.on .zktit{color: rgb(1, 150, 82);}
.leftNav .dhUl li .zktit:after{
	content: "";
	display: block;
	width: 9px;
	height: 9px;
	position: absolute;
	right: 0;
	top: calc(50% - 5px);
	background: url(../img/down.png) top center no-repeat;
}
.leftNav .dhUl li.on .zktit:after{
	background-position: bottom center;
}
.leftNav .dhUl li .zhshow{display: none;}
.leftNav .dhUl li.on .zhshow{display: block;}
.leftNav .dhUl li .zhshow a{
	border-bottom: 1px dashed #c2c2c2;
	padding: 8px 0;
	/* text-align: center; */
	color: #666666;
	font-size: 14px;
	padding-left: 16px;
}
.leftNav .dhUl li .zhshow a.on{color: rgb(1, 150, 82);}
.rightCon{width: calc(100% - 264px);}
.prodP .prodList{margin: 0 -9px;}
.prodP .prodList li{padding: 0 9px;margin-top: 36px;}
.prodP .prodList li:nth-child(-n+3){margin-top: 0;}
.prodP .prodList .imgBox{overflow: hidden;}
.prodP .prodList .imgBox img{width: 100%;transition: all 0.3s;}
.prodP .prodList li:hover .imgBox img{width: 100%;transform: scale(1.1);}
.prodP .prodList .catname{
	width: 100%;
	font-size: 18px;
	color: rgb(51, 51, 51);
	padding: 8px;
	text-align: center;
	background-color: rgb(235, 235, 235);
}
.prodP .prodList .tit{
	width: 100%;
	font-size: 18px;
	color: rgb(102, 102, 102);
	padding: 8px;
	text-align: center;
	border-bottom: 1px solid #dedede;
	position: relative;
}
.prodP .prodList .tit:after{
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	right: 10px;
	top: calc(50% - 8px);
	background: url(../img/more.png) top center no-repeat;
	filter:grayscale(100%); 
	-webkit-filter: grayscale(100%);
	opacity: 0.5;
}
.prodP .prodList li:hover .catname,
.prodP .prodList li:hover .tit{color: #019652;}
.prodP .prodList li:hover .tit:after{filter:grayscale(0);-webkit-filter: grayscale(0);opacity: 1;}
.pageP .rightCon .nrBox .pageTit{
	font-size: 36px;
	color: rgb(51, 51, 51);
	text-align: center;
	letter-spacing: 4px;
	margin-bottom: 40px;
}
.newsP li{
	background-color: rgb(255, 255, 255);
	width: 100%;
	padding: 24px 0;
	border-bottom: 1px solid #f0f0f0;
}
.newsP li .imgBox{
	width: 300px;
	margin-right: 24px;
}
.newsP li .textBox{
	width: calc(100% - 324px);
}
.newsP li .tit{
	font-size: 22px;
	color: rgb(51, 51, 51);
}
.newsP li .time{
	font-size: 14px;
	color: rgb(153, 153, 153);
	margin-top: 8px;
	vertical-align: middle;
}
.newsP li .time span{vertical-align: middle;}
.newsP li .desc{
	font-size: 14px;
	color: rgb(153, 153, 153);
	line-height: 28px;
	margin-top: 8px;
}
.newsP li .more{
	font-size: 14px;
	color: rgb(1 150 82);
	text-align: right;
	margin-top: 16px;
}
./* 详情页内容 */
.detailP .content {
	width: 900px;
	margin: 0 auto;
}

.detailP .pageTit{
	font-size: 30px;
	padding: 30px 0;
	text-align: center;
	border-bottom: 1px solid #e6e6e6;
}
.detailP .label {
	margin: 15px 0 40px;
	color: #666;
	font-size: 14px;
}
.detailP .label span {
	padding-left: 16px;
}
.detailP .label .name {
	background: url(../img/de-icon1.png) left center no-repeat;
}
.detailP .label .time {
	background: url(../img/de-icon2.png) left center no-repeat;
	margin-left: 2rem;
}
.detailP .label .new {
	background: url(../img/de-icon3.png) left center no-repeat;
}
.detailP .next {
	border-top: 1px solid #e6e6e6;
	font-size: 14px;
	padding: 4px 0;
	margin-top: 32px;
}
.detailP .next a{
	display: block;
	margin-top: 16px;
	color: #999999;
}
.detailP .next a:hover {
	color: #3776FF;
}
.contactP .formBox{
	
}
.contactP .formBox .subject{
    line-height: 35px;
    font-weight: normal;
    font-size: 15px;
    color: #696E6E;
	display: block;
}
.contactP .formBox .subject .red{
    color: #FF0000;
}
.contactP .formBox input{
    width: 95%;
    background: #F9F8F8;
    padding: 10px 10px;
    color: #696e6e;
    border: 2px solid #e4e4e2;
	box-shadow: none;
	display: block;
}
.contactP .formBox textarea{
    width: 95%;
    background: #F9F8F8;
    padding: 10px 10px;
    color: #696e6e;
    border: 2px solid #e4e4e2;
	box-shadow: none;
	display: block;
	height: 184px;
}
.contactP .formBox .btn-submit,
.contactP .formBox .btn-reset{
    background: #008BD0;
    border: 2px solid #008BD0;
    color: #fff;
    height: 40px;
    margin-right: 20px;
    padding: 0 10px;
	display: inline-block;
	width: unset;
	cursor: pointer;
}
.contactP .formBox .feedback-tips {
    color: #E74C3C;
    line-height: 22px;
    padding-top: 20px;
}
.contactP .formBox .yzm input{
	 width: calc(95% - 116px);
	 margin-right: 16px;
	 float: left;
}
.contactP .formBox .yzm canvas{
	width: 100px;
	height: 40px;
	 float: left;
}


@media (max-width:1200px) {
	.indp1 .nrBox .textBox{padding: 16px;}
	.indp1 .nrBox .desc {
	    font-size: 15px;
	    line-height: 25px;
	}
	.indp1 .nrBox .tit{font-size: 18px;}
	.indp1 .nrBox .more{bottom: 16px;left: 16px;}
	.nyBanner{height: 240px;}
}
@media (max-width:996px) {
	header .telDiv{height: 50px;line-height: 50px;}
	header .telDiv::before{display: none;}
	.indp1 .nrBox li{width: 50%;}
	.indp1 .nrBox li{padding: 4px;}
	.indp1 .nrBox .desc{font-size: 14px;line-height: 22px;}
	.indp1 .nrBox .more{display: none;}
	.indp2 .textBox{width: 100%;font-size: 24px;}
	.indp3 .showBox .tit{font-size: 16px;padding: 8px 0;}
	.indp4 .nrBox li{margin-bottom: 8px;}
	footer .leftBox .line1{display: block;margin-bottom: 16px;}
	footer .leftBox .logoBox{width: 100%;}
	footer .leftBox .footNav{width: 50%;float: left;}
	footer .rightBox .kuang{padding: 16px;}
	.prodP .prodList li:nth-child(-n+3),
	.prodP .prodList li{margin-top: 16px;}
	.prodP .prodList li:nth-child(-n+2){margin-top: 0;}
	.nyBanner{height: 180px;}
	.newsP ul{margin: 0 -4px;}
	.newsP li{display: block;width: 50%;float: left;padding: 0 4px;margin-bottom: 8px;border: 0;}
	.newsP li .imgBox{width: 100%;}
	.newsP li .imgBox img{width: 100%;}
	.newsP li .textBox{width: 100%;}
	.newsP li .tit{font-size: 16px;}
	.newsP li .time,
	.newsP li .desc{margin-top: 4px;line-height: 22px;}
	.newsP li .more{display: none;}
	.detailP .pageTit{padding: 16px 0;font-size: 20px;}
	.detailP .label{margin: 8px 0 16px;}
	.detailP .next{margin: 16px 0;}
	.detailP .next a{margin-top: 4px;}
}
@media (max-width:768px) {
	body{font-size: 14px;line-height: 24px;}
	.banner .swiper-slide-active .bn_img img{display: none;}
	.banner .bn_tt{}
	.banner .swiper-slide-active .bn_img{
		height: 40vh;
		background: url() center no-repeat;
		background-size: cover;
	}
	.banner .bn_tt h1{font-size: 32px;letter-spacing: 4px;}
	.indp, footer{padding: 32px 0;}
	.pubTit{font-size: 24px;margin-bottom: 16px;}
	.indp1 .nrBox{margin: 0;}
	.indp1 .nrBox li{width: 100%;padding: 0;}
	.indp1 .nrBox .textBox{display: flex;justify-content: center;align-items: center;}
	.indp1 .nrBox .textBox>div{width: 100%;}
	.indp3 .clickBox .eachBox{font-size: 16px;height: 36px;line-height: 36px;margin: 0 8px;}
	.indp3 .clickBox{margin-bottom: 16px;}
	.indp3 .showBox ul{margin: 0 -4px;}
	.indp3 .showBox li{width: 50%;padding: 0 4px;}
	.indp4 .nrBox .kaung{padding: 16px;}
	.indp4 .nrBox .time{margin-top: 16px;}
	.moreBtn{margin-top: 16px;font-size: 14px;line-height: 24px;}
	footer .leftBox{width: 100%;clear: none;}
	footer .rightBox{width: 100%;clear: none;}
	footer .rightBox .biaoti{margin-bottom: 16px;}
	footer .leftBox .logoBox{text-align: center;margin: 8px 0;display: flex;justify-content: center;align-items: center;}
	footer .leftBox .logoBox .logo img{max-height: 56px;}
	footer .leftBox .logoBox .ewmBox img{max-width: 108px;}
	footer .leftBox .footNav{width: 100%;}
	footer .leftBox .footNav li{float: left;margin-right: 8px;}
	footer .leftBox .banquan{margin-top: 16px;}
	.posi{padding: 8px 0;font-size: 14px;}
	.rightCon{width: 100%;}
	.leftNav{width: 100%;}
	.prodP .prodList{margin: 0 -4px;}
	.prodP .prodList li{padding: 0 4px;width: 50%;}
	.prodP .prodList .catname,
	.prodP .prodList .tit{padding: 4px;}
	.leftNav .leftBox .dabt,
	.leftNav .leftBox .nrBox{padding: 8px;}
	.prodP{padding: 0 0 24px;}
	.leftNav .leftBox .font2>p{padding: 4px 0;}
	.nyBanner{background-position: left center;}
	.pageP .rightCon .nrBox{padding: 0 0 24px 0;}
	.pageP .rightCon .nrBox .pageTit{font-size: 24px;margin-bottom: 16px;}
	.nyP{padding-bottom: 32px;}
	
	
	
	
	
	
	
	
	
	
	.indp2 .textBox,
	footer .rightBox .biaoti,
	.leftNav .leftBox .dabt{font-size: 18px;line-height: 28px;}
	.indp4 .nrBox .tit,
	footer .leftBox .footNav .tit{font-size: 16px;line-height: 26px;}
	.indp1 .descBox,
	.indp4 .nrBox .time,
	footer .rightBox,
	footer .leftBox .footNav,
	.prodP .prodList .catname,
	.prodP .prodList .tit{font-size: 14px;line-height: 24px;}
	
}