@charset "utf-8";
/* CSS Document */

*{ margin:0; padding: 0; font-family: "微软雅黑","Microsoft Yahei";}
a{ text-decoration:none; font-size: 14px; color:#000;}
input{ outline:none;}
.clear{clear:both;}



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

header{ width:100%; border-bottom: 1px solid #ccc;}
header .share{ width:100%; max-width: 1200px; height: 41px; margin: 0 auto; line-height: 41px; font-size: 12px;}
header .share .left{ float: left;}
header .share .right{ float: right; position: relative;}
header .share .right span{ display:block; float: left;}
header .share .right img{ display:block; float: left; margin: 9px 10px 0 10px;  left: -8px; top: 33px; z-index: 99999;}
header .share .right img.ewm{ display:none; position: absolute;}

header .share .right .mail{ float: left; height: 50px;}
header .share .right .email{ display:none; position: absolute; background: #fefefe; border-radius: 10px; padding: 3px 20px; font-size: 16px;top: 40px; right: 0; box-shadow: 0px 11px 15px 0px #8989895c; color:#00bb5c; font-weight: bold;}


.moblie_nav{ display:none;}

.logobg{ width:100%; background:#f9f9f9;}
.logobg .logo{ width:100%; max-width:1200px; background:#f9f9f9; margin:0 auto; background: url(../images/logoc.jpg) right center no-repeat;}

nav{ width:100%; height: 35px; line-height: 35px; background: #f9f9f9; box-shadow: 0px 11px 15px 0px #8989895c; position: relative; z-index: 99;}
nav ul{ width:100%; max-width: 1200px; margin: 0 auto; border-right: 1px solid #ccc;}
nav ul li{ float: left; display: block; width: 16.65%; height: 35px; text-align: center;}
nav ul li a{ display: block; border-left: 1px solid #ccc; height: 30px; line-height: 30px; color:#797979; font-weight: bold;}
nav ul li:hover a{ border-bottom: 5px solid #00bb5c; color:#00bb5c;}
nav ul li.first{ display:none;}

.banner{ width: 100%; height: 583px; position: relative; z-index: 9;}
.frontCover{ z-index:9;}

.stitle{ text-align:center; margin:0 auto;}
.stitle span{ display: block;}
.stitle .cntitle{ font-size: 30px; font-weight: bold; color:#00bb5c;}
.stitle .entitle{ font-size: 20px; font-weight: bold;}
.stitle .entitle span.l{ width:53px; height: 7px; background: url(../images/tbg.png) center no-repeat; float: left; margin-top: 13px;}
.stitle .entitle span.r{ width:53px; height: 7px; background: url(../images/tbg.png) center no-repeat; float: right; margin-top: 13px;}
.stitle .entitle span.c{ float: left;}



.scase{ padding:100px 0; background: #f7f7f7;}
.scase .stitle{ width:190px;}
.scase .stitle .entitle span.c{ width:84px;}

.scaseul{ margin:50px 0 0 0;}
.scaseul ul li{ float: left; display: block; width: 23.5%; margin:0 2% 2% 0; text-align: center; border-bottom:5px solid #f7f7f7;}
.scaseul ul li .casepic{ overflow: hidden;}
.scaseul ul li .casepic img{ width:100%; max-height: 282px; min-height: 282px;transition: all 0.5s;transform: scale(1);}
.scaseul ul li:hover .casepic img{ width:100%; transition: all 0.5s;transform: scale(1.2);}
.scaseul ul li .casetext{ margin:10px 0 0 0; width: 90%; padding: 0 5%; border-bottom:1px solid #bbbbbb;}
.scaseul ul li .casetext .casetitle{ font-size: 18px; font-weight: bold;}
.scaseul ul li .casetext .casesmall{ font-size: 14px; line-height: 26px; margin: 10px 0;}
.scaseul ul li .casetext .casemore{ width:60px; height: 30px; margin: 10px auto 10px auto; background: url(../images/casemore.jpg) center bottom no-repeat;}
.scaseul ul li:hover{ border-bottom:5px solid #00bb5c;}
.scaseul ul li:nth-child(4),
.scaseul ul li:nth-child(8){ margin:0 0 2% 0;}



.sabout{ padding:100px 0; background: url(../images/abg.jpg) center bottom no-repeat;}
.sabout .stitle{ width:300px;}
.sabout .stitle .entitle span.c{ width:190px;}

.sabout .satext{ width:100%; max-width: 1200px; height: 390px; margin:0 auto;}
.sabout .satext .left{float: left;width: 530px;margin: 111px 0 0 90px;color: #fff;}
.sabout .satext .left h1{font-size: 30px;margin: 0 0 22px 0;}
.sabout .satext .left p{ font-size: 12px; line-height: 30px;}
.sabout .satext .left .amore{ font-size: 14px; line-height: 30px; margin:20px 0 0 0;}
.sabout .satext .left .amore img{ float: left; margin:0 5px 0 0;}
.sabout .satext .left .amore a{ color:#fff;}
.sabout .satext .right{ float: right; margin:90px 0 0 0;}


.xbanner{ width:100%; height: 146px; background: url(../images/xban.jpg) center no-repeat;}


.syewu{ width:100%; padding: 100px 0 100px 0; background: url(../images/ywbg.jpg) center no-repeat;}
.syewu .stitle{width: 356px;}
.syewu .stitle .entitle span.c{width: 250px;}

.syewu ul{ width:100%; max-width:1200px; margin: 100px auto 0;}
.syewu ul li{ display:block; float: left; width: 25%; text-align: center;}
.syewu ul li img{ height: 125px;}
.syewu ul li p{ line-height: 50px; font-size: 18px; font-weight: bold;}
.syewu ul li .more{ line-height: 30px; width: 100px; margin: 0 auto; border-radius: 15px; border: 1px solid #7c7c7c;}
.syewu ul li .more a{ font-size: 12px; color:#7c7c7c; display: block;}

.spro{ width:100%; max-width: 1100px; margin:0 auto; padding: 100px 0 0 0; }
.spro .stitle{width: 306px;}
.spro .stitle .entitle span.c{width: 200px;}
.spro ul{ margin: 30px 0;}
.spro ul li{ display:block; float: left; padding: 10px; font-size: 14px;}
.spro ul li .spropic{ overflow: hidden;}
.spro ul li img{ max-width: 337px; max-height: 202px; width: 100%;transition: all 0.5s;transform: scale(1);}
.spro ul li:hover img{transition: all 0.5s;transform: scale(1.2);}
.spro ul li p{ float: left; line-height: 60px; border-bottom: 1px solid #8e8e8e; color:#8e8e8e;}
.spro ul li:hover p{ border-bottom: 1px solid #fff; color:#fff;}
.spro ul li .more{ float: right; width: 60px; height: 60px; color:#8e8e8e; line-height: 60px; background: url(../images/more.png) right bottom no-repeat;}
.spro ul li:hover{ background: #00ba5c}
.spro ul li:hover .more{ background: url(../images/moreh.png) right bottom no-repeat; color:#fff;}


.snews{ width: 100%; padding: 90px 0; background: url(../images/newsbg.png) #f9f9f9 center bottom no-repeat;}
.snews .stitle{width: 216px;}
.snews .stitle .entitle span.c{width: 110px;}

.snews ul{ margin: 60px auto 0 auto; width:100%; max-width: 1150px;}
.snews ul li{ display: block; float: left; width:28%; margin:0 1.5%; padding:25px 10px 10px;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.snews ul li .title{ font-size: 14px; font-weight: bold; line-height: 40px;}
.snews ul li .date{ font-size: 12px; line-height: 24px; color:#8b8b8b; border-bottom: 1px solid #8b8b8b; float: left;}
.snews ul li p{ font-size: 12px; line-height: 20px; color:#797979; margin: 10px 0 25px 0;}
.snews ul li img{ width:100%; max-width:329px; max-height: 191px;}
.snews ul li:hover{box-shadow: 0 0 20px #cacaca; margin-top: -20px;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.nnews ul li{  margin:0 1.5% 1.5% 1.5%;}
.nnews ul li:hover{box-shadow: 0 0 20px #cacaca; margin-top: 0;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}


.spart{ width: 100%; padding: 90px 0; background: url(../images/partbg.jpg) center bottom no-repeat;}
.spart .stitle{width: 246px;}
.spart .stitle .entitle span.c{width: 140px;}

.spart ul{ width: 100%; max-width: 1072px; border-right: 1px solid #efefef; border-bottom: 1px solid #efefef; margin: 40px auto 0;}
.spart ul li{ display: block; float: left; border-left: 1px solid #efefef; border-top: 1px solid #efefef; position: relative; z-index: 9;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.spart ul li:hover{box-shadow: 0 0 20px #cacaca; z-index: 99;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}


.fmenubg{ width:100%; background: #515151; padding: 50px 0;}
.fmenubg .fmenu{ width:100%; max-width: 1200px; margin: 0 auto; background: #515151;}
.fmenubg .fmenu ul{ width:14.28%; height: 293px; float: left; background: url(../images/fmenuline.png) left bottom no-repeat;}
.fmenubg .fmenu ul li{ display: block; line-height: 30px;}
.fmenubg .fmenu ul li a{ color:#afafaf; padding: 0 0 0 15px;}
.fmenubg .fmenu ul li.first{ color:#fff; font-weight: bold; font-size: 20px; margin: 0 0 15px 0;}


footer{ width:100%; background: url(../images/fbg.jpg) #3f3f3f center no-repeat;}
footer .footertext{ max-width:1200px; width:610px; padding: 40px 325px 20px 265px; margin: 0 auto; color:#e6e6e6; font-size: 12px; line-height: 24px;}
footer .footertext a{color:#e6e6e6;}




.detail{ display:none;}


.slide.banner{ display:block;}
.block_home_slider{ display:none;}

/*---------------------------------关于我们---------------------------------------*/


.nbanner{ width: 100%; height: 380px; background: url(../images/banner.jpg) center no-repeat; position: relative; z-index: 9;}
.nbanner h1{ display: block; font-weight: normal; width: 90%; max-width:940px; margin:0 auto; color:#e2e2e2; font-size: 60px; padding: 78px 0 0 0;}
.nbanner h2{ display: block; font-weight: normal; width: 90%; max-width:940px; margin:0 auto; color:#e2e2e2; font-size: 30px;}


.contactbanner{ text-align:right;}
.contactbanner h1{ color: #fff; font-weight: bold; text-shadow: 3px 3px 3px #515151;}
.contactbanner h2{ color: #fff; text-shadow: 3px 3px 3px #515151;}
.contactbanner h2 img{ margin: 5px 0 0 0;}


.nowpos{ width:100%; max-width: 1180px; height: 45px; line-height: 45px; margin: 30px auto; padding:0 10px; font-size: 14px; border:1px solid #ccc;}
.ncon{ width:100%; max-width: 1200px; margin: 0 auto 50px auto;}
.ncon .left{ width: 20%; margin: 0 3% 0 0; float: left;}
.ncon .left ul{ margin:0 0 20px 0;}
.ncon .left ul li{ display: block; background: url(../images/limg.png) left 5px center no-repeat; padding: 5px 20px; line-height: 32px;}
.ncon .left ul li a{font-size: 16px; font-weight: bold;}
.ncon .left ul li.first{ background: none; padding:10px; font-size: 20px; color:#00bb5c; font-weight: bold; border-top: 3px solid #333; border-bottom: 1px solid #666;}
.ncon .left ul .ltext{ padding: 10px;}

.ncon .right{ width: 69%; float: left; border:1px solid #ccc; padding: 2%;}
.ncon .right img{ max-width: 100%;}




.ncon .right ul{ width: 100%; border-left: 1px solid #efefef; border-top: 1px solid #efefef;}
.ncon .right ul li{ display: block; text-align: center; width: 33.2%; float: left; border-right: 1px solid #efefef; border-bottom: 1px solid #efefef; position: relative; z-index: 9;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.ncon .right ul li:hover{box-shadow: 0 0 20px #cacaca; z-index: 99;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.ncon .right ul li img{ max-width:225px; max-height: 165px;}




.wappic{ display:none;}


.detailtable{ margin:50px 0 0 0;}

.spro #products li{ float:none; text-align: center; line-height: 30px;}
.spro #products li:hover .c{ color:#fff;}



.newstext img{ max-width:100%;}
.detailpic img{ max-width:100%;}
.detailpic{ padding:0 20px;}



.propic{ overflow: hidden;}






@media screen and (max-width: 1024px) {

.slide.banner{ display:none;}
.block_home_slider{ display:block;}

	.scaseul ul li .casepic img{ width:100%; max-height: 180px; min-height: 180px;}
	
	.sabout{background: url(../images/abg.jpg) bottom left -399px no-repeat;}
	.sabout .satext .left{margin: 111px 0 0 50px;}
	.sabout .satext .right{margin: 168px 50px 0 0;}
	.sabout .satext .right img{ width:333px;}
	
	.xbanner{background: url(../images/xban.jpg) center left -600px no-repeat;}
	
	.snews,
	.spart,
	.spro,
	.scase{ padding:50px 0;}
	
	
	
	.spro ul li{ width:30%;}
	.spro ul li img{height:195px;}
	
	.snews ul li .title{ font-size:12px;}
	
	.spart ul li{ width:33%; text-align: center;}
	.spart ul li img{ width:100%;}
	
	footer{ height:160px; background-size: cover;}
	footer .footertext{ width:535px; padding: 27px 180px 0 208px;}
	footer .footertext *{ font-size:12px !important;}
	
	.fmenubg .fmenu ul li a{ font-size:12px;}
	
	
	.ncon .right img{ max-width:100%;}
	
	.nowpos{ width:86%; padding: 0 2%; font-size: 12px; margin: 20px auto; line-height: 30px; height: 30px;}
	
		.ncon .left{ display:none;}
	.ncon .right{ width:86%; padding: 2%; margin: 0 auto; float: none;}
	
	
	
	.nbanner{ height:275px; background-size: cover; margin: 0 0 0 0;}
	
	
	
	}

@media screen and (max-width: 800px) {
	
	.scaseul ul li .casepic img{max-height: 140px;min-height: 140px;}
	
	.sabout{ background: none; padding:50px 0;}
	.sabout .satext{ height: auto;}
	.sabout .satext .left{ width:100%; margin:50px 0 0 0; padding: 20px 0 50px 0; float: none; background: #41bf5b;}
	.sabout .satext .left h1{ text-align:center;margin: 20px 0;}
	.sabout .satext .left p{ width:90%; margin:0 auto;}
	.sabout .satext .left .amore{ width:90%; margin:20px auto;}
	.sabout .satext .right{ float: none; margin: -45px auto 0 auto; text-align: center;}
	.sabout .satext .right img{ width: 90%;}
	
	
	.spro ul li img{ height:175px;}
	.scaseul ul li .casetext .casetitle{ font-size:14px;}
	.scaseul ul li .casetext .casemore{ font-size:12px;}
	.xbanner { background: url(../images/xban.jpg) center left -668px no-repeat;}
	
	.fmenubg .fmenu ul { width:25%;}
	
	footer{height: 190px;background: url(../images/fbg1.jpg) center right -310px no-repeat;}
	footer .footertext {    width: 460px;  padding:40px 320px 0 20px;  }
	.snews ul li{ padding:0; margin:0 1%; width:31.33%;}
	.snews ul li img{ height: 170px;}
	.snews ul li .title{overflow: hidden; height: 40px;}
}
@media screen and (max-width: 415px) {
	
	
	/*---------------------------------首页---------------------------------------*/
	



	
	header{width:100%;}
	header .share{ position: relative;}
	header .share .left{ width:100%; text-align: center; float: left; position: fixed; top: 0; background: #fff; z-index: 99;}
	header .share .right{ display:none;}
	
	.logobg{ position: fixed; top: 40px; z-index: 99; text-align: center; }
	.logobg .logo{ background: none;}
	.logobg .logo img{ width: 90%;}
	
	nav{ background:url(../images/top.jpg) #f9f9f9 left -352px top no-repeat; height: 0; position: fixed; top: 41px; z-index: 9999;}
	nav ul{ width: 40%; display:none; position: fixed; top: 0; right: 0; height: 100%; background: #41bf5b; z-index: 9999;}
	nav ul li{ float: none; width:100%; line-height: 50px; height: 50px;}
	nav ul li a{ line-height: 50px; height: 50px; color:#fff;}
	nav ul li.first{ display:block; font-size: 20px; font-weight: bold; line-height: 60px; height: 60px;}
	
	.moblie_nav{ display:block; position: absolute; right: 10px; top: 5px; width: 30px; height: 30px;}
	.moblie_nav .menubut{ position: fixed; right: 15px; top: 5px; z-index: 999; }
	.moblie_nav .menuclose{ display: none; position: fixed; right: 15px; top: 10px; z-index: 999999; }
	
	.block_home_slider{ margin: 91px 0 0 0;}
	
	.scase,
	.sabout,
	.syewu,
	.spro,
	.snews,
	.spart{ padding:50px 0;}
	
	.scaseul ul li{ width:46%; margin:0 2% 20px 2%;}
	.scaseul ul li .casepic{ height: 130px;}
	.scaseul ul li .casepic img{ height: auto; object-fit: cover;}
	.scaseul ul li:nth-child(4), .scaseul ul li:nth-child(8){ margin:0 2% 20px 2%;}
	

	.xbanner{ background-size:cover; height: 60px; background: url(../images/xban.jpg) center no-repeat; background-size: cover;}
	
	.syewu ul{ margin:50px auto 0}
	.syewu ul li{ width: 50%;}
	.syewu ul li img{ height:70px;}
	.syewu ul li p{ font-size:14px; line-height: 30px;}
	.syewu ul li .more{ width:80px;}
	
	.spro ul li{ width:90%; float: none; margin:0 auto 20px auto;}
	.spro ul li img{ max-width:100% !important; max-height: none !important;}
	
	.snews ul li{ width:90%; float: none; margin:0 auto 20px auto;}
	.snews ul li img{ max-width:100% !important; max-height: none !important;}
	
	.spart{ padding:50px 0 80px 0;}
	.spart ul li{ width:24.7%;}
	.spart ul li img{ width:100%;}
	
	.ncon .right{ padding:50px 0 80px 0; overflow: hidden;}
	.ncon .right ul li{ width:24.7%;}
	.ncon .right ul li img{ width:100%;}
	
	.ncon img{ max-width:100%;}
	.ncon .right iframe{ height: 200px !important;}
	.ncon .right.contactright iframe{ margin-left:-85px; margin-bottom: 30px;}
	
	.fmenubg .fmenu{ width:95%;}
	.fmenubg .fmenu ul{ width:33.33%; height: 270px; margin: 0 0 20px 0; background: url(../images/fmenuline.png) left top 38px no-repeat;}
	.fmenubg .fmenu ul li.first{ font-size:18px;}
	.fmenubg .fmenu ul li a{ font-size:12px; padding:0 0 0 12px;}
	
	.fmenubg .fmenu ul:nth-child(7){ height: 140px;}
	
	footer { background: url(../images/fbg1.jpg) #3f3f3f bottom right -300px no-repeat; height: auto; padding: 0 0 145px 0;}
	footer .footertext{ width:90%; padding: 40px 0;}
	
	
	
	
	
	
	
	/*---------------------------------关于我们---------------------------------------*/
	
	.nbanner{ height:120px; background-size: cover; margin: 83px 0 0 0;}
	
	.nowpos{ width:86%; padding: 0 2%; font-size: 12px; margin: 20px auto; line-height: 30px; height: 30px;}
	.nowpos a{ font-size: 12px; }
	
	.ncon .left{ display:none;}
	.ncon .right{ width:86%; padding: 2%; margin: 0 auto; float: none;}
	
	
	
	.nbanner{ width: 100%; height: 200px;  position: relative; z-index: 9;}
	.nbanner h1{width: 80%;font-size: 34px;padding: 30px 0 0 0;}
	.nbanner h2{width: 80%;font-size: 18px;}


	.casebanner{ height:140px;}
	
	
	
	
	.detailtable{ display:none;}
	.wappic{ display:block; width: 90%; margin: 50px auto 20px auto; text-align: center;}
	.wappic h2{ line-height:80px;}
	.wappic b{ font-size:12px; display: block; font-weight: normal; padding: 15px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 0 0 30px 0;}
	.wappic img{ margin:0 0 20px 0;}
	
	.detail{ width:86%; padding: 2%; margin: 0 auto;}
	
	
	
	
	
	
	
	
	
	
	
	
	
}
@media screen and (max-width: 411px) {
	/*.syewu ul li {margin: 0 5%;}*/
	
	footer{ background:url(../images/fbg1.jpg) #3f3f3f bottom right -331px no-repeat;}
}


@media screen and (max-width: 375px) {
	.block_home_slider{margin: 83px 0 0 0;}
	.nbanner{margin: 83px 0 0 0;}
	.scaseul ul li .casetext .casetitle{ font-size:14px;}
	.scaseul ul li .casetext .casesmall{ font-size:12px;}
	/*.syewu ul li {margin: 0 4%;}*/
	
	footer{ background:url(../images/fbg1.jpg) #3f3f3f bottom right -331px no-repeat;}
}


@media screen and (max-width: 360px) {
	/*.syewu ul li {margin: 0 3%;}*/
	
}


@media screen and (max-width: 320px) {
	
	
	
	.scaseul ul li .casetext .casetitle{ font-size:12px;}
	.scaseul ul li .casetext .casemore{ font-size:12px;}
	
	
	.sabout .satext .left h1{ font-size:22px;}
	
	.stitle .cntitle{ font-size:18px;}
	.stitle .entitle{ font-size:14px;}
	.syewu .stitle .entitle span.c{ width:180px;}
	
	.block_home_slider{margin: 70px 0 0 0;}
	.nbanner{margin: 70px 0 0 0;}
	.syewu .stitle{ width:90%;}
	/*.syewu ul li {margin: 0 2%;}*/
	.syewu ul li .more{ line-height:20px;}
	
	.fmenubg .fmenu ul{ width:50%;}
	
	.spart ul li{width: 24.6%;}
	
	footer{ background:url(../images/fbg1.jpg) #3f3f3f bottom right -353px no-repeat;}
}