@charset "utf-8";
*{font-family: Arial,微软雅黑;}
html{font-size:14px;color:#444;} 
html,body,div,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,p,blockquote,pre,form,fieldset,table,th,td,span,input,textarea{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:14px;}
small{font-size:14px;}
li,ol{list-style:none;}
input,textarea{border:none;outline:none;}
textarea{resize:none;}
em,i{font-style:normal;}
a{text-decoration:none;color:#444;}
a:hover{color:#005bac;}
a:focus{outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
a img{border:none;}
.clearfix:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}
.aligncenter{text-align:center;}
.alignright{text-align:right;}
.floatleft{float:left;}
.floatright{float:right;}
.fontsize_12{font-size:12px;}
.fontsize_18{font-size:18px;}

.MenuList_c1{width:100%;height:60px; }
.MenuList_c1 .MenuItems { width:100%;}
.MenuList_c1 .MenuItems>li {width:8%;height:60px;margin-top:63px; margin-right:3%; float:left;position:relative;}
.MenuList_c1 .MenuItems>li:last-child { margin-right:0;}
.MenuList_c1 .MenuItems>li:nth-child(5){margin-left:15%;}
.MenuList_c1 .MenuItems>li a { width:100%; height:57px;display:block;font-family:"微软雅黑";color: #333;text-align:center;font-size:18px;line-height:57px;/*padding: 0 17px;*/}
.MenuList_c1 .MenuItems>li.hover>a {color:#00aa30; font-weight:normal;border-bottom: 5px solid #00aa30;}
.MenuList_c1 .MenuItems>li.on>a{color: #00aa30;font-weight: normal;border-bottom: 5px solid #00aa30;}

/*二级导航样式*/
.MenuList_c1 .MenuItems li div { position:absolute; margin-top:-4px; z-index:20; display:none; padding-top:4px;}
.MenuList_c1 .MenuItems>li.hover div { position:relative; display:block; width:100%; }
.MenuList_c1 .MenuItems li div ul{width:100%;}
.MenuList_c1 .MenuItems li div ul li{width:100%;height: 37px;float:left;}
.MenuList_c1 .MenuItems li div ul li a {width:100%;height: 36px;line-height: 36px;display:block;color: #333 !important;text-align: center  !important;background: #eee;border-bottom: 1px solid #ffffff;font-size: 14px;transition-duration:.3s;-moz-transition-duration:.3s;-webkit-transition-duration:.3s;}
.MenuList_c1 .MenuItems li div ul li a:hover { color:#fff !important; background:#00aa30;transition-duration:.3s; -moz-transition-duration:.3s; -webkit-transition-duration:.3s; }
.MenuList_c1 .move-bg{ display:none !important;position:absolute;left:0px;top:60px; margin-left:50px; width:85px; height:2px; background:#00aa30;}


.footer .MenuList_b1{max-width: 1110px;margin:0 auto;}
.footer .MenuList_b1 .container{position:relative;overflow:visible; z-index:99;}
.footer .MenuList_b1 .menu{padding:0 10px;}
.footer .MenuList_b1 .menu li h3{font-weight:normal;display: block;}
.footer .MenuList_b1 .menu li a.drop{display:inline-block;color: #333;height: 60px;text-decoration:none;font-size: 16px;width: 100%;text-align: center;}
.footer .MenuList_b1 .menu li a.drop span{height: 60px;line-height: 60px;display: block;font-weight: normal;text-align: left;}
.footer .MenuList_b1 .menu ul.child{}
.footer .MenuList_b1 .menu ul.child li{    display: block;}
.footer .MenuList_b1 .menu ul.child li h3{
    text-align: center;
}
.footer .MenuList_b1 .menu ul.child li a{height: 30px;line-height: 30px;overflow:hidden;display:block;color: #666;text-align: center;text-decoration:none;font-size: 14px;}
.footer .footer .MenuList_b1>ul.menu>li>h3>a{ cursor:default;}
.footer .MenuList_b1 .menu ul.child a span {
    display: block;
    text-align: left;
}

.MenuList_d1-main {
	position:fixed;
	top:0;
	z-index:1000;
	width:280px;
	height:100%;
	overflow:hidden
}
.MenuList_d1-left .MenuList_d1-main {
	left:-280px;
	-webkit-transition:left .4s cubic-bezier(0.19,1,.22,1);
	-o-transition:left .4s cubic-bezier(0.19,1,.22,1);
	transition:left .4s cubic-bezier(0.19,1,.22,1)
}
.MenuList_d1-left.MenuList_d1-open .MenuList_d1-main {
	left:0
}
.MenuList_d1-right .MenuList_d1-main {
	right:-280px;
	-webkit-transition:right .4s cubic-bezier(0.19,1,.22,1);
	-o-transition:right .4s cubic-bezier(0.19,1,.22,1);
	transition:right .4s cubic-bezier(0.19,1,.22,1)
}
.MenuList_d1-right.MenuList_d1-open .MenuList_d1-main {
	right:0
}
.MenuList_d1-overlay {
	position:relative
}
.MenuList_d1-left .MenuList_d1-overlay,.MenuList_d1-left .MenuList_d1-hamberger {
	left:0;
	-webkit-transition:left .4s cubic-bezier(0.19,1,.22,1);
	-o-transition:left .4s cubic-bezier(0.19,1,.22,1);
	transition:left .4s cubic-bezier(0.19,1,.22,1)
}
.MenuList_d1-left.MenuList_d1-open .MenuList_d1-overlay,.MenuList_d1-left.MenuList_d1-open .MenuList_d1-hamberger {
	left:280px
}
.MenuList_d1-right .MenuList_d1-overlay,.MenuList_d1-right .MenuList_d1-hamberger {
	right:0;
	-webkit-transition:right .4s cubic-bezier(0.19,1,.22,1);
	-o-transition:right .4s cubic-bezier(0.19,1,.22,1);
	transition:right .4s cubic-bezier(0.19,1,.22,1)
}
.MenuList_d1-right.MenuList_d1-open .MenuList_d1-overlay,.MenuList_d1-right.MenuList_d1-open .MenuList_d1-hamberger {
	right:280px
}
.MenuList_d1-overlay-upper {
	position:fixed;
	top:0;
	z-index:999;
	display:none;
	height:100%;
	background-color:#000;
	background-color:rgba(0,0,0,.6)
}
.MenuList_d1-left.MenuList_d1-open .MenuList_d1-overlay-upper {
	right:0
}
.MenuList_d1-right.MenuList_d1-open .MenuList_d1-overlay-upper {
	left:0
}
.MenuList_d1-default {
background-color:#f5f5f5;
	-webkit-box-shadow:inset 0 0 0 rgba(0,0,0,.5);
	box-shadow:inset 0 0 0 rgba(0,0,0,.6)
}
.MenuList_d1-default+.MenuList_d1-overlay {
	background-color:#fff
}
.MenuList_d1-default .MenuList_d1-brand a {
	display:block;
	width:100%;
	padding:20px 15px;
	font-size:22px;
	color:#fff
}
.MenuList_d1-default .MenuList_d1-brand a:hover {
	color:#444;
	text-decoration:none
}
.MenuList_d1-default .MenuList_d1-nav-title {
	display:block;
	padding:15px 15px 0 15px;
	font-size:18px
}
.MenuList_d1-default .MenuList_d1-nav-list {
	padding:0;
	margin:0 0 20px 0;
	list-style:none
}
.MenuList_d1-default .MenuList_d1-nav-list li {
	display:block;
	border-bottom: 1px solid #dfdfdf;
}
.MenuList_d1-default .MenuList_d1-nav-list li a {
	display:block;
	padding:20px;
	color:#00aa30;
}
.MenuList_d1-default .MenuList_d1-nav-list li a:hover{  background:#00aa30; color:#FFFFFF;}
.MenuList_d1-default .MenuList_d1-nav-list li a.on{  background:#00aa30; color:#FFFFFF;}
.MenuList_d1-default .MenuList_d1-nav-list li ul a {
	padding:8px 20px
}
.MenuList_d1-hamberger {
	position: absolute;
	z-index:1000;
	display:block;
	width:40px;
	height:40px;
	padding-top:25px;
	right:0;
	padding-right:2%;
	background-color:transparent;
	border:0
}
.MenuList_d1-hamberger span {
	margin-top:10px;
}
.MenuList_d1-hamberger span,.MenuList_d1-hamberger span:before,.MenuList_d1-hamberger span:after {
	position:absolute;
	display:block;
	width:30px;
	height:2px;
	cursor:pointer;
	content:'';
	background-color:#00aa30;
	border-radius:1px;
	-webkit-transition:all .4s cubic-bezier(0.19,1,.22,1);
	-o-transition:all .4s cubic-bezier(0.19,1,.22,1);
	transition:all .4s cubic-bezier(0.19,1,.22,1)
}
.MenuList_d1-hamberger span {
	margin-top:10px;
	width:25px;
	
}
.MenuList_d1-hamberger span:before {
	top:-10px
}
.MenuList_d1-hamberger span:after {
	bottom:-10px
}
.MenuList_d1-open .MenuList_d1-hamberger span {
	background-color:transparent;
}
.MenuList_d1-open .MenuList_d1-hamberger span:before,.MenuList_d1-open .MenuList_d1-hamberger span:after {
	top:0
}
.MenuList_d1-open .MenuList_d1-hamberger span:before {
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}
.MenuList_d1-open .MenuList_d1-hamberger span:after {
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.MenuList_d1-hamberger:hover {
	cursor:pointer
}
@media (min-width:767px) {
	.MenuList_d1-responsive.MenuList_d1-left .MenuList_d1-toggle,.MenuList_d1-responsive.MenuList_d1-right .MenuList_d1-toggle {
	display:none;
	visibility:hidden
}
.MenuList_d1-responsive.MenuList_d1-left .MenuList_d1-main {
	left:0
}
.MenuList_d1-responsive.MenuList_d1-right .MenuList_d1-main {
	right:0
}
}@media (min-width:768px) {
	.MenuList_d1-responsive {
	background-color:#222
}
.MenuList_d1-responsive.MenuList_d1-left .MenuList_d1-main,.MenuList_d1-responsive.MenuList_d1-right .MenuList_d1-main {
	position:absolute;
	width:150px!important;
	height:auto!important;
	overflow:visible!important
}
.MenuList_d1-responsive.MenuList_d1-left .MenuList_d1-main {
	float:left
}
.MenuList_d1-responsive.MenuList_d1-left .MenuList_d1-overlay {
	margin-left:150px
}
.MenuList_d1-responsive.MenuList_d1-right .MenuList_d1-main {
	float:right
}
.MenuList_d1-responsive.MenuList_d1-right .MenuList_d1-overlay {
	margin-right:150px
}
}@media (min-width:1200px) {
	.MenuList_d1-responsive.MenuList_d1-left .MenuList_d1-main,.MenuList_d1-responsive.MenuList_d1-right .MenuList_d1-main {
	width:280px!important
}
.MenuList_d1-responsive.MenuList_d1-left .MenuList_d1-overlay {
	margin-left:280px
}
.MenuList_d1-responsive.MenuList_d1-right .MenuList_d1-overlay {
	margin-right:280px
}
}

.toubu{height: 36px;border-bottom: 1px solid #eee;}
.topbar span{display:inline-block; line-height:36px; font-size:14px; color:#999; text-align:center;}
.topbar red{display:inline-block; color:#FF0000; font-size:16px; font-weight:bold; text-align:center;}
.topbar span.map a{ display:inline-block; line-height:36px; font-size:14px; color:#666; text-align:center;}
.topbar {max-width: 1440px;margin: 0 auto; position:relative;}
.topbar span.map{float: right;text-align:right;padding-right: 15px;cursor:pointer; position:absolute; right:0;}
.topbar span.map a {display: none; text-align:center; padding:0 8px; }
.topbar span.map a.drop{display:inline-block; padding:0 8px;position:relative; z-index:10;}
.topbar span.map a.drop:hover{ color:#199ce0;}
.topbar span.map a.on { display: inline-block; color:#00aa30;}
.yuyan{ display:none;}
/*nav*/
.topnav{ height:125px; }
.topnav_container{ max-width:1440px; margin:0 auto; position:relative;}
.logo {position: absolute;left: 50%;margin-left: -108px; z-index:2;}
.logo img{ display: block; height:auto;}
.menusize_m{ display:none;}
/*footer*/
.footercontainer{ /*max-width:1720px;*/ padding: 0 5%; margin:0 auto; text-align:center;}
.footer-br{ max-width:1200px; margin:0 auto; line-height:60px; text-align:center;}
.footer-br span,.footer-br span a{ font-size:14px; color:#666;}
.footer-b{ border-top:1px solid #eee; margin-top:60px;}
.footer .border-b{ display: inline-block;}
.footerimg{ max-width:320px; display:inline-block; float:left;}
.footerimg img{ max-width:140px; display:block;}
.footerimg h3{ font-size:22px; color:#00aa30; line-height:32px; padding-top:20px;}
.footerimg h4{font-size:16px; color:#00aa30; line-height:18px; text-align:left;}
li.stmenu:last-child{ margin-right:0;  }
.footer .MenuList_b1 .menu>li{position:relative;float:left;display:inline;font-size:14px;width: auto;padding: 0 1.56vw;text-align: center;}
.footer .MenuList_b1 .menu>li.stmenu:first-child{ padding-left:0;  }

.footerchat{ width:120px; float:right;}
.footerchat span{ font-size:14px; line-height:18px; color:#999999; display:inline-block; text-align:center;}
.footer .footerchat { display:inline-block;}
@media only screen and (max-width:1439px){
	.menusize_m{ display:block;}
	div#MenuList_c1{ display:none;}
	.logo img{ height:150px;}
	.topnav{ height:70px;}
	.toubu .topbar span.map{ display:none;}
	.menusize_m .map{display: block;}
	.menusize_m .map a{text-align: left;}
	.menusize_m { position:relative;}
.footer .MenuList_b1{ }
.footer-b{ margin-top:60px;}
.footerimg{ margin-right:20px;display:none;}
.footer .MenuList_b1{max-width:auto;}
.footer .MenuList_b1 .menu>li{ width:auto;}
	
	}
@media only screen and (max-width:1000px){.footer .footerchat{ display:none;}}
@media only screen and (max-width:960px){
	.footer-b{ height:60px; padding:10px 0;}
	.footer-br{ line-height:20px; padding-top:10px;}
	.footer-br span, .footer-br span a{ display:inline-block;}
	.footer .MenuList_b1 .menu>li:nth-of-type(1),.footer .MenuList_b1 .menu>li:nth-of-type(7),.footer .MenuList_b1 .menu>li:nth-of-type(5),.footer .MenuList_b1 .menu>li:nth-of-type(6){ display: none;}
	.footer .MenuList_b1 .menu>li{ width:13vw;}
	}	
@media only screen and (max-width:720px){
	/*top*/
	.toubu{ display:none;}
.MenuList_d1-hamberger {
	padding-top:3.3vw;

}
	.topnav{ height:14vw;}
	.menusize_m .map{ display:block;}
	.logo img{height: 21vw;min-height: 80px;}
		.yuyan{ display:block;}
	.yuyan a{ display:inline-block; width:7vw; height:7vw; border-radius:100%; background: #EEEEEE; color:#00aa30; font-size:3.3vw;line-height:7vw; text-align:center; }
	.yuyan{height: 14vw;padding-top:0;padding-left: 4%; line-height:14vw;}


	/*footer*/
	.footer-br span{ display:block; line-height:6vw;}
	 .footerimg,.footerchat{ display:none !important;} 
  .footer-b{ height:auto; margin-top:0; border:none; padding-bottom:40px;}
  .footer-br span, .footer-br span a{ font-size:14px; color:#333;  line-height: 1.5;}
	.footercontainer{ display:none}
	
	
	}
	
@charset "utf-8";
/*banner*/
div#BannerShow_b1 .swiper-slide
 img {
    width: 100%; display:block;
}
div#BannerShow_b1 .swiper-slide {    margin-right: 0 !important;}
div#BannerShow_b1 .swiper-pagination{bottom:0; left:50%;}
.swiper-pagination-bullet{
	width: 40px;
    height: 4px;
    display: inline-block;
    border-radius: 0;
    background: #fff;
    opacity: .3;
	
	}
	.swiper-pagination-bullet-active{ opacity:1; background: #FFFFFF;}
	.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{ margin:0 10px; margin-bottom:2.6vw;}
	.arrow-left,.arrow-right{ color:#ccc; position:absolute; top:45%; z-index:1001;	 font-size: 48px; font-family:宋体; font-weight:normal;}
.arrow-left:hover,.arrow-right:hover{color:#ffd100;}
.arrow-left{ left:2%;}
.arrow-right{ right:2%;}
	.ban_mob{display: none;}
.ch_tx{font-size: 14px;line-height: 30px;color: #666;}
.en1{ font:bold 48px/48px Arial;  text-transform:uppercase; color:#00aa30;}
.en2{font:36px/36px Arial; text-transform:uppercase; color:#00aa30; }
.ch{font:bold 48px/50px "微软雅黑";color:#00aa30;padding: 20px 0 2.7vw;}
a.more{font-size: 14px;line-height: 60px;color: #666;font-weight: normal;display: block;border: 1px solid #dddddd;width: 180px;text-align: center;margin-top: 3.64vw;transition: all 0.3s ease 0s;}
a.more:hover {
     background: #00aa30;
    border-color:#00aa30;
    color:#fff;
}

#aboutus{position: relative; background-size:100%;}
#aboutus:before{content: '';width: 50%;height: 100%;position: absolute;left: 50%;top: 0;background: #f3fafd;z-index: -1;}
.about_content{ max-width: 1720px;margin: 0 auto; padding: 100px 0;}
.about_txt{display: inline-block;vertical-align: middle;width: 40%;margin: auto; margin-left:2%;}
.about_img{display: inline-block;width: 51.5%;margin-left: 4%;vertical-align: middle;}
.about_img img{ width: 100%;}
/*.about_X4 .count_list .counter.wow.fadeInUpBig{ float: left;}
*/.about_X4{width:100%;position:relative;margin-top: 4.47vw;text-align: center;}
	.count_list {width: 96%;z-index:100;margin: 0 auto;}
	.counter{margin:0;padding:0;width: 22%;display:inline-block;float: left;color:#222; text-align:left;}
	.counter:nth-last-of-type(1){ width:12%;}
	.counter_ls{ display:inline-block; text-align:center;}
	.count-number {margin-bottom:6px;font-size: 56px;line-height:48px;color: #00aa30;font-weight: normal;text-align: left;display: inline-block;}
	.count-text {width:100%;font-size: 16px; font-weight: normal;  text-align: center; }
	.count-unit {font-size: 16px;color: #00aa30;text-align: right;display: inline-block;}
	
	.about_more{ position:absolute; right:0; bottom:2px;}
/*product*/
#product_mob{display: none;}
#product .productl,#product .productr{ width: 50%; float: left; height:44.4vw; background:#ececec;}
#product .productl img{ width: 100%;}
#product .productl{position: relative;}
#product .productl .Rtitle{ margin-bottom: 2.8vw;}
#product .productl dl{position: absolute; bottom: 12vw; right: 20%; text-align: center; margin-left: 190px;}
#product .productl dl dt span{font-size: 60px;color: #FFFFFF;display: block;line-height: 60px;text-transform: uppercase;font-weight: bold;}
#product .productl dl dt i{font-size: 30px;color: #FFFFFF;line-height: 52px;}
#product .productl dl dd{display: inline-block; margin:1vw 1vw;}

#product .productl dl dd a{font-size: 22px; color: #FFFFFF;width:7.5vw;height: 6.5vw;border: 1px solid #FFFFFF;display: inline-block;line-height: 10vw;}
#product .productl dl dd.on{background: #00aa30;}
#product .productl dl dd.on a{border-color:#00aa30;}
#product .productl dl dd:hover {transition: background-color 0.5s ease 0s; background: #00aa30;}
#product .productl dl dd:hover a{border-color:#00aa30;}
.icon1{background: url(../images/product1.png) no-repeat center 20%;background-size: 20%;}
#product .productr .R1 ul li,#product .productr .R2 ul li{width: 32.5%;float: left; position: relative; overflow: hidden; margin-left:5px;}
#product .productr .R1 ul li,#product .productr .R2 ul li:nth-of-type(1) a:after{margin-bottom:6px;}
#product .productr .R1 ul li,#product .productr .R2 ul li:nth-of-type(2) a:after{margin-bottom:6px;}
#product .productr .R1 ul li,#product .productr .R2 ul li:nth-of-type(3) a:after{margin-bottom:6px;}
#product .productr li a{ display:block;}
#product .productr li img{width: 100%; display: block; transition:1s ease 0s;}
#product .productr .R2{display: none;}
#product .productr .R3{display: none;}
#product .productr .R4{display: none;}
#product .productr .R5{display: none;}
#product .productr .R1 ul li:nth-of-type(1) a:after{content: '天然石膏粉';}
#product .productr .R1 ul li:nth-of-type(2) a:after{content: '免胶石膏';}
#product .productr .R1 ul li:nth-of-type(3) a:after{content: '粉刷石膏';}
#product .productr .R1 ul li:nth-of-type(4) a:after{content: '粉刷石膏';}
#product .productr .R1 ul li:nth-of-type(5) a:after{content: '嵌缝石膏';}
#product .productr .R1 ul li:nth-of-type(6) a:after{content: '嵌缝石膏';}
#product .productr .R1 ul li a:before, #product .productr .R2 ul li a:before, #product .productr .R3 ul li a:before, #product .productr .R4 ul li a:before, #product .productr .R5 ul li a:before{content: ''; opacity: 0;width:90%; display: block;height: 90%;
border:1px solid #fff; background: url(../images/beforearraw.png) no-repeat center 11vw;
 position: absolute;transition: all 0.5s ease 0s; left:5%; top:5%;}
#product .productr .R1 ul li a:after, #product .productr .R2 ul li a:after, #product .productr .R3 ul li a:after, #product .productr .R4 ul li a:after, #product .productr .R5 ul li a:after{font-size: 1.8vw;text-align: center;color: #fff;line-height: 18vw;opacity: 0;width: 16.6667vw;display: block;height:100%;position: absolute;transition: all 0.5s ease 0s;top: 0;}
#product .productr .R1 ul li:hover img{transform: scale(1.1);}
#product .productr .R2 ul li:hover img{transform: scale(1.1);}
#product .productr .R3 ul li:hover img{transform: scale(1.1);}
#product .productr .R4 ul li:hover img{transform: scale(1.1);}
#product .productr .R5 ul li:hover img{transform: scale(1.1);}
#product .productr .R1 ul li:hover a:after, #product .productr .R2 ul li:hover a:after, #product .productr .R3 ul li:hover a:after, #product .productr .R4 ul li:hover a:after, #product .productr .R5 ul li:hover a:after{background: rgba(93,167,57,0.9); opacity:1;}
#product .productr .R1 ul li:hover a:before, #product .productr .R2 ul li:hover a:before, #product .productr .R3 ul li:hover a:before, #product .productr .R4 ul li:hover a:before, #product .productr .R5 ul li:hover a:before{ opacity:1; z-index:10;}

#product .productr li:hover{}
#product a.more{font-size: 14px;line-height: 3.6vw;padding: 0;bottom: 3.8VW;color: #fff;font-weight: normal;display: block;width: 10.4vw;margin: 0 auto;text-align: center;margin-top: -5vw;position: relative;z-index: 10;transition: all 0.3s ease 0s;}
#product a.more:hover {
 background: rgb(1, 167, 59);
    border-color: rgb(1, 167, 59);
    color:#fff;
}
/*news*/
.Ntitle{
    margin: 0 3%;
    width: 140px;
    padding: 0 30px;
    border-left: 10px solid #00aa30;
    height: 80px;
    margin-bottom: 68px;
}
.Ntitle span{display: inline-block;font-size: 48px;font-weight: bold;text-transform: uppercase;color: #333;margin-top: -10px;}
.Ntitle i{
    display: inline-block;
    font-size: 30px;
}
#news .Ntitle a.more{font-size: 14px;line-height: 70px;color: #666;font-weight: normal;display: block;border: 1px solid #dddddd;width: 180px;text-align: center;margin-top: 0;right: 3%;position: absolute;top: 5px;transition: all 0.3s ease 0s;}
#news .Ntitle a.more:hover {background: rgb(1, 167, 59);border-color: rgb(1, 167, 59);color:#fff;}
#news #NewsList_a1>ul>li{float: left;width: 23%;position: relative;margin: 0 1%;}
#news #NewsList_a1>ul>li .newimg{width:100%; overflow:hidden; height:17.4vw;}
#news #NewsList_a1>ul>li .newimg img{width: 100%; transition: 1s ease 0s;}
#news #NewsList_a1>ul>li a:after{
 content:'查看详情';
 font-size: 14px;
 line-height: 24px;
 width:80px;
 color: #999;
 display: block;
 background: url(../images/newsafter.png) no-repeat right center;
 transition:all 0.5s ease 0s;
 position:absolute; bottom:0; left:40px;
 }
div#NewsList_a1>ul>li a {display: block;/* height:610px;*/}
#news #NewsList_a1>ul>li:hover .newimg img{ transform: scale(1.1);}
#news #NewsList_a1>ul>li:hover a .newnr b{ color:#00aa30; transition:all 0.5s ease 0s;}
#news #NewsList_a1>ul>li:hover a:after{color:#00aa30; background: url(../images/newsafteron.png) no-repeat right center; }
div#news {margin-top: 80px;position: relative; margin-bottom:110px;}
.data b {    /* display: block; */}

.data span {display: block;line-height: 57px;font-size: 24px;color: #fff;font-weight:normal;padding-top: 3px;}
.data i {    display: none;}
.data {display: block;width: 80px;background: #00aa30; z-index:20; text-align: center;color: #fff;font-size: 24px;line-height: 0px;position: absolute;top: -20px; left:40px;}
.newnr b {font-size: 24px;color: #363636;line-height: 84px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: block;}
.newnr {text-align: left;padding-top: 30px;margin-bottom: 50px; padding-left:40px; padding-right:40px;}
.newnr p {text-align: left;font-size: 14px;line-height: 24px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
/*bnav*/
#botnav{margin-top: 80px;background: url(../images/bnavb.jpg) no-repeat center;height:20.8vw;background-size: 100%;	margin-bottom: 55px;}
div#botnav .bnav
 ul li {    float: left;    font-size: 24px;    width: 15%;    margin: 0 5%;    text-align: center;}

div#botnav .bnav ul li a {
    color: #fff;
    text-align: center;
    display: block;
   margin-top: 4.8vw;
}
.bnav_img {
    width: 6.35vw;
    height: 6.35vw;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.36);
    border-radius: 143px;
    line-height: 6.35vw;
    margin-bottom: 10px;
}
div#botnav .bnav ul li a img {
    width: 60%;
    vertical-align: middle;
}
div#botnav .bnav ul li a span,div#botnav .bnav
 ul li a i {
    display: block;
}

div#botnav .bnav ul li a span {
    line-height: 38px;
}

div#botnav .bnav ul li a i {
    font-size: 14px;
    line-height: 28px;
}
div#page { display: none;}

a#load_more_button {display: none;}

#botnav .bnav li a:hover{color: #ffffff; transition: color 0.3s ease 0s;}
.bnav {width: 82%;margin: 0 auto;}
#botnav .bnav li a:hover .bnav_img{background: #FFFFFF;}

#botnav .bnav li a:hover .bnav_img:after{opacity: 1; margin-top: -6.6vw; margin-left: 2.9vw;}

@media 	only screen and (max-width:960px){
	/*about*/
	.about_txt{ display:block;width:96%; margin:0 auto;}
	.en1,.en2,.ch{ text-align:center;}
	.about_txt a.more{ float:right;}
	.about_img{display: block;width: 70%;margin-left: 2%;margin-top: 3.64vw;vertical-align: middle;}
	/*pro*/
	#product_mob{display: block;}

	div#product_mob { margin-top: 8vw;}
	.about_txt{display: block;vertical-align: middle;width: 94%;margin: 0 auto;margin-bottom: 15px;}
.about_img{display: block;width: 68%;margin: 0;margin-left: 2%;vertical-align: middle; margin-top:3.64vw;}
	.font16{font: normal 16px/28px "微软雅黑";}
	.font30{font: bold 18px/32px "微软雅黑";}
		.count_list {width:94%;z-index:100;margin: 0 auto;}
	.counter{margin:0;padding:0;width: 20%;display:inline-block;float: left;color:#222;padding-bottom: 15px;padding-top: 15px;border-bottom: 0;}
.about_content{ padding: 60px 0;}
#product{display: none;}
div#product_mob .Rtitle span {
    font-size: 30px;
    font-family: arial;
    text-transform: uppercase;
    display: block;
    text-align: center;
    line-height: 48px;
}

div#product_mob .Rtitle i {
    font-size: 20px;
    display: block;
    text-align: center;
    line-height: 28px;
}

div#product_mob dl dd {
    display: inline-block;
    padding: 0;
    font-size: 16px;
    line-height: 60px;
    margin-top: 20px;
    margin-left: 15px;
    margin-right: 15px;
    width: 37vw;
	background: #DDDDDD;
}

div#product_mob dl { text-align: center;}

div#product_mob dl dd a { display: block; color:#fff;}
div#product_mob dl dd.on{background: #00aa30;}
div#product_mob dl dd.on a{color: #FFFFFF;}
.icon1{ border:none; color:#FFFFFF;    background: url(../images/product1.png) no-repeat 4vw center;background-size: 4vw;text-indent: 5vw;}
dd.on .tl{background: url(../images/product1.png) no-repeat 4vw center;background-size: 4vw;text-indent: 5vw; }
dd.on .mb{background: url(../images/product2.png) no-repeat 7vw center;background-size: 10%;text-indent: 4vw;color: #FFFFFF;}
#product_mob .productl{ margin-bottom:6.25vw;}
#product_mob .productr .R1 ul li,#product_mob .productr .R2 ul li{width: 50%;float: left; position: relative; overflow: hidden;}
#product_mob .productr li a{ display:block;}
#product_mob .productr li img{width: 100%; display: block; transition:1s ease 0s;}
#product_mob .productr .R2{display: none;}
#product_mob .productr .R1 ul li:nth-of-type(1) a:after{content: '天然石膏粉';}
#product_mob .productr .R1 ul li:nth-of-type(2) a:after{content: '免胶石膏';}
#product_mob .productr .R1 ul li:nth-of-type(3) a:after{content: '粉刷石膏';}
#product_mob .productr .R1 ul li:nth-of-type(4) a:after{content: '粉刷石膏';}
#product_mob .productr .R1 ul li:nth-of-type(5) a:after{content: '嵌缝石膏';}
#product_mob .productr .R1 ul li:nth-of-type(6) a:after{content: '嵌缝石膏';}
#product_mob .productr .R1 ul li a:before, #product_mob .productr .R2 ul li a:before{content: ''; opacity: 0;width:90%; display: block;height: 90%;border:1px solid #fff; background: url(../images/beforearraw.png) no-repeat center 70%;
 position: absolute;transition: all 0.5s ease 0s; left:5%; top:5%;}
#product_mob .productr .R1 ul li a:after, #product_mob .productr .R2 ul li a:after{font-size: 3vw;text-align: center;color: #fff;line-height: 34vw;opacity: 0;width:100%;display: block;height:100%;position: absolute;transition: all 0.5s ease 0s;top: 0;}
#product_mob .productr .R1 ul li:hover img{transform: scale(1.1);}
#product_mob .productr .R2 ul li:hover img{transform: scale(1.1);}
#product_mob .productr .R1 ul li:hover a:after, #product_mob .productr .R2 ul li:hover a:after{background: rgba(93,167,57,0.9); opacity:1;}
#product_mob .productr .R1 ul li:hover a:before, #product_mob .productr .R2 ul li:hover a:before{ opacity:1; z-index:10;}
/*news*/
div#NewsList_a1>ul>li a{/* height:480px;*/}
.newnr b{ font-size:16px;}
.newnr{ padding-top:0;}

div#botnav .bnav ul li {float: left;font-size: 16px;width: 15%;margin: 0 5%;text-align: center;}
div#botnav .bnav ul li a span {    line-height: 24px;}
div#botnav .bnav ul li a i {font-size: 12px;line-height: 18px;}

	}




@media only screen and (max-width:880px) {
	#product .productl dl dd a{font-size: 18px;color: #FFFFFF;width:11.5vw;height: 11.5vw;border: 1px solid #FFFFFF;display: inline-block;line-height: 18vw;}
	#product .productl .Rtitle{margin-bottom: 20px;}
	#product .productl dl{position: absolute;top: 15%;right: 20%;text-align: center;margin-left: -100px;}

}
/*@media 720*/
@media only screen and (max-width:720px) {

	/*banner mob*/
	.ban_pc{ display:none;}
	.ban_mob{ display:block;}
#news #NewsList_a1>ul>li{float: left;width:100% !important;position: relative;margin:0 auto;}
.swiper-container{    padding-bottom:0; padding-top:0;}
.swiper-pagination.banner-pagination2.swiper-pagination-clickable {
    bottom: 30px;
    left: 50%;
}
/*about mob*/
	.about_txt{ display:block;width:92%; margin:0 auto;}
	.en1,.en2,.ch{ text-align:left;}
	.ch{font: bold 6.7vw/7vw "微软雅黑";color:#00aa30;padding: 2.7vw 0 6.7vw;}
	.en1{ font:bold 6.7vw/6.7vw Arial;  text-transform:uppercase; color:#00aa30;}
	.en2{font:5vw/5vw Arial; text-transform:uppercase; color:#00aa30; }
	.ch_tx{ font-size:3.33vw; line-height:5.55vw; text-align:justify;}
	.about_txt a.more{float: none;line-height: 10vw;width: 33.3vw;font-size: 3.33vw;color: #666;margin-top: 6.8vw;margin-bottom: 13.18vw;}
	a.more:hover {
     background: none;
    border-color: #DDDDDD;
    color:#333;
}
	.about_img{display: block;width: 100%;margin: 0;vertical-align: middle;}
	.about_X4{ display:none;}	
	#aboutus:before{ display:none;}
	#aboutus{ background-size:300%;}
	div#BannerShow_b2 img{ display:block; width:100%;}
	.about_img img{ display:block;}
	.about_content { padding-top:12.5vw; padding-bottom:0;}
	/*pro mob*/
	div#product_mob{margin-top:11vw;padding-bottom: 7vw;border-bottom: 1px solid #ddd;}
div#product_mob dl dd{margin-top: 5.5vw;line-height: 40px;}
	div#product_mob dl dd{ background: #bbb; }
	div#product_mob .Rtitle span {font-size: 7.8vw;font-family: arial;text-transform: uppercase;display: block;text-align: center;font-weight:bold;line-height: 12vw;}
	.mb{ border:none; color:#FFFFFF;    background: url(../images/product2.png) no-repeat 8vw center; background-size:13% ; text-indent:6.944vw;}
	.tl{ border:none; color:#FFFFFF;    background: url(../images/product1.png) no-repeat 6.95vw center;background-size: 6.9vw;text-indent: 9.9vw;}
	div#product_mob .Rtitle i{ font-size:4.5vw; line-height:4.5vw;}
	div#product_mob dl dd{margin-top:5.55vw;width: 38.2vw;height: 12.5vw;}
div#product_mob dl dd a{ font-size:3.9vw; line-height:12.5vw;}
dd.on .tl{background: url(../images/product1.png) no-repeat 6.95vw center;background-size: 6.9vw;text-indent: 9.9vw;}
dd.on .mb{background: url(../images/product2.png) no-repeat 8vw center; background-size:13% ; text-indent:6.944vw;}
	#product_mob .productl{ margin-bottom:8vw;}
	#product_mob .productr .R1 ul li a:before, #product_mob .productr .R2 ul li a:before{ display:none;}
	#product_mob .productr .R1 ul li a:after, #product_mob .productr .R2 ul li a:after{font-size: 4vw;text-align: center;color: #333;line-height:11.1vw;opacity: 1;width:100%;display: block;position: relative;transition: all 0.5s ease 0s;}
#product_mob .productr .R1 ul li, #product_mob .productr .R2 ul li{ padding-bottom:25px; width:47%; margin-left:2%;}
#product_mob .productr .R1 ul li:hover a:after, #product_mob .productr .R2 ul li:hover a:after{background: none; opacity:1;}
#product_mob .productr .R1 ul li:hover img{transform: scale(1);}
#product_mob .productr .R2 ul li:hover img{transform: scale(1);}


	#product_mob .productr .R1 ul li:nth-of-type(2n), #product_mob .productr .R2 ul li:nth-of-type(2n){ margin-right:2%;}
	div#news {margin-top:12vw;position: relative; margin-bottom:11vw;}
/*news mob*/
#news #NewsList_a1>ul>li .newimg{width:100%; overflow:hidden; height:64vw;}
#news .Ntitle a.more{font-size: 14px;line-height: 10vw;color: #666;font-weight: normal;display: block;border: 1px solid #dddddd;width: 25vw;text-align: center;margin-top: 0;right: 3%;position: absolute;top: 5px;transition: all 0.3s ease 0s;}
.Ntitle span{ font-size:6.7vw; margin-top:0; line-height:6.7vw;}
.Ntitle{
    margin: 0 3%;
    width: 140px;
    padding: 0 4.2vw;
    border-left: 1.4vw solid #00aa30;
    height: 11.1vw;
    margin-bottom:8.3vw;
}
.Ntitle i{display:block;font-size: 4.1vw; line-height:4.1vw;}
.data {    display: block;    width: 80px;  background: #00aa30; z-index:20; text-align: center;    color: #fff;    font-size: 18px;    line-height: 0px;    position: absolute;    top: -20px;}
 #news .swiper-container{padding-bottom:0;padding-top: 20px;width: 84%;margin: 0 auto; height:auto;}

	#news #NewsList_a1>ul>li a:after { display:none;}
	div#NewsList_a1>ul>li a{/*height:auto;*/padding-bottom: 7.25vw;}
	.newnr b {font-size: 4.5vw;color: #333;line-height: 10vw;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: block;padding-bottom:5px;}
.newnr {text-align: center;margin-bottom: 7vw;padding: 5.5vw;padding-bottom: 11vw;background: #f5f5f5;height: 30vw;}
.newnr p {font-size: 3.33vw;line-height: 4.7vw;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;text-align: justify;}
div#news .swiper-pagination{bottom:0;width: 170px;left: 50%;margin-left: -85px;}
div#news .swiper-pagination-bullet{
	width: 2.8vw;
	height: 2.8vw;
	min-height:15px;
	min-width:15px;
	display: inline-block;
	border-radius: 0;
	background: #fff;
	opacity: 1;
	border: 1px solid #d4d4d4;
	}
div#news .swiper-pagination-bullet-active{ border-color: #00aa30; background: #00aa30;}
#news #NewsList_a1>ul>li:hover .newimg img{ transform: scale(1);}
#news #NewsList_a1>ul>li:hover a .newnr b{ color:#363636; transition:all 0.5s ease 0s;}
#botnav .bnav li a:hover .bnav_img{background:rgba(255, 255, 255, 0.36);}

div#news {margin-top: 12.5vw;position: relative; margin-bottom:11.1vw;}
#news .Ntitle a.more:hover {background:none;border-color: #ddd;color:#333;}

/*b_nav*/	
#botnav{ height:84vw;}
#botnav{margin-top: 0;	background: url(../images/mbnavb.jpg) no-repeat center;}
div#botnav .bnav ul li {float: left;font-size: 16px;width: 50%;margin: 0 auto;text-align: center;}
div#botnav .bnav ul li a span {    line-height: 24px;}
div#botnav .bnav ul li a i {font-size: 12px;line-height: 18px;}
.bnav_img {width: 17vw;height: 17vw;margin: 0 auto;background: rgba(255, 255, 255, 0.36);border-radius: 143px;line-height: 17vw;}
.bnav{ padding-top:0;}
div#botnav .bnav ul li a {color: #fff;text-align: center;display: block;padding-top: 0; margin-top:12.5vw; margin-bottom:1.38vw;}
div#botnav .bnav ul li a i{ display:none;}
div#botnav .bnav ul li a span{font-size: 4vw;line-height: 4vw;padding-bottom: 0; padding-top:3.88vw;}
#botnav .bnav li a .bnav_img:after{ display:none;}
#botnav { margin-bottom:0; background-size: 100%;}
}
/*一键拨号*/
@media(min-width:1000px){
.footbox{display:none;}}
.footbox{height: 4.5rem;background: #00aa30;bottom: 0; left: 0; width: 100%; position: fixed; padding:0.5rem 0 0 0; border-top:1px solid #e5e5e5;z-index: 1000;}
.flexbox{text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.footbox ul li{-webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1;flex: 1; text-align:center;}
.footbox ul li a{ display:block;color:#fff;font-size:16px;}
.footbox ul li a img{ display:block; width:2.5rem; height:2.5rem; margin:0 auto}