body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0; }
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block; }
body {  color:#666; font-size:14px; text-decoration:none; line-height:160%;}
textarea { resize: none; }
iframe,img { border:0; }
ul,ol,li { list-style:none; }
input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; }
input { -webkit-appearance: none; }
a{ text-decoration:none; color:#666; }
a:hover{ color:#e80000; text-decoration:underline;}
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.fl{ float:left;}
.fr{ float:right;}

.wrapper{ width:1156px; margin:0 auto;}
.wrapper1{ width:95%; margin:0 auto;}



.top1{ background:#009b4d; height:45px; color:#fff; font-size:14px; line-height:45px;}
.top1 a{ color:#fff;}
.top1 img{ vertical-align:middle; margin-right:3px;}
.top1 span{ color:#666; padding:0 13px; display:inline-block;}
.top2{ height:92px;}
.top2 .logo{ margin-right:10%; float:left;}
.top2 .logo img{ height:50px; padding-top:20px;}
.top2 .menu{ float:left;}
.top2 .menu li{ float:left; line-height:92px;}
.top2 .menu li.no{ display:none;}
.top2 .menu li:hover{ background:#009b4d;}
.top2 .menu li a{ font-size:16px; color:#333; padding:0 12px;}
.top2 .menu li:hover a{ color:#fff; text-decoration:none;}
.top2 .hotline_click{ float:right; text-align:right; font-size:13px; padding-top:20px; line-height:22px; cursor:pointer; position:relative;}
.top2 .hotline_click span{ font-size:15px; background:#009b4d; color:#fff; padding:10px 20px; display:inline-block; font-weight:bold;}
.top2 .hotline_click:hover .hotline_hover{ display:block}
.top2 .hotline_hover{ display:none; background:#fff; box-shadow:0 0 5px #666; padding:15px; border-radius:5px; font-size:13px; text-align:center; position:absolute; right:0; top:65px; z-index:9999; width:150px;}
.top2 .hotline_hover h3{ margin-top:5px; font-size:16px;}



.bannerslide {width: 100%; height:640px; position: relative; }
.bannerslide .swiper-slide { background-position: center; background-size: cover; position: relative; }
.bannerslide .swiper-slide a{ width:100%; height:100%; display:block;}
.bannerslide .swiper-slide img{ width:100%; height:auto;}
.pagination { position: absolute; left: 0; text-align: center; bottom:15px !important; width: 100%; z-index: 9; }
.swiper-pagination-switch { display: inline-block; width: 36px; height: 4px; background: #fff; margin: 0 6px; cursor: pointer; }
.swiper-active-switch { background: #005f9b; width:72px;}
.bannerslide .arrow-left { background: url(../images/arrows.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; }
.bannerslide .arrow-right { background: url(../images/arrows.png) no-repeat left bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; }


.box3{ height:45px; background:#fff; border-bottom:1px #eee solid; line-height:45px; display:block}
.txt{ float:left; border:1px #eee solid; border-bottom:1px #ccc solid; font-size:12px; color:#666; padding:10px; display:block; margin-top:5px;}
.bbtn{ margin-top:5px;}
.box4{ text-align:center;}
.box4 li{ float:left; width:50%;}
.box4 li.partner{ background:#f6fbff url(../images/bh.png) no-repeat right; height:281px;}
.box4 li h1{ font-size:40px; margin-top:70px; font-weight:normal; color:#222;}
.box4 li p{ margin-top:50px; font-size:14px; line-height:24px; padding:0 18%;}


.box5{ background:#f7f7f7; padding:50px 0;}
.box5 .title{ color:#222; font-weight:bold; font-size:40px; text-align:center;line-height:140%;}
.box5 .title span{ color:#009b4d;}
.box5 .ppp{ font-size:14px; text-align:center; margin-top:18px;}
.box5 .protit{ text-align:center; margin-top:50px; height:45px; overflow:hidden;}
.box5 .protit li{ float:left; padding:10px 20px; border:#CCC 1px solid; margin-right:5px; font-size:13px; margin-bottom:3px;}
.box5 .protit li.on{ background:#009b4d; color:#fff;}
.box5 .proimg{ margin-top:30px;}
.box5 .proimg li{ float:left; width:24%; margin-right:1%; margin-top:20px;}
.box5 .proimg li:nth-child(4n){ margin-right:0;}
.box5 .proimg li .img{ width:100%; height:180px; position:relative;}
.box5 .proimg li .img h2{ position:absolute; top:60px; color:#fff; font-size:17px; font-weight:normal; text-align:center; width:100%; padding:20px; box-sizing:border-box;}
.box5 .proimg li .text{ background:#fff; padding:20px 30px; text-align:center; line-height: 140%; color: #666;}
.box5 .proimg li .text h3{ font-size: 17px; font-weight: normal; margin-bottom:12px; height:46px;}
.box5 .proimg li .text a{ border:#CCC 1px solid; display:block; width:35px; padding:10px 10px; border-radius: 50px; margin:auto; margin-top:10px;}
.box5 .more{ width:180px; height:44px; line-height:44px; margin:auto; text-align:center; background:#009b4d; margin-top:32px;}
.box5 .more img{ margin-right:8px; vertical-align:middle;}
.box5 .more a{ color:#fff;}


.box6{ text-align:center; padding:70px 0 45px 0;}
.box6 h2{ font-size:50px; color:#222; height:50px; margin-bottom:40px;}
.box6 h2 span{ color:#009b4d;}
.box6 p{ margin-top:40px; font-size:14px; line-height:24px;}
.box6 em{ margin-top:30px; width:30px; height:1px; background:#ccc; display:inline-block;}
.box7{ background:url(../images/lvse.jpg) no-repeat center top; height:320px; text-align:center; color:#fff;}
.box7 p{ font-size:16px; padding-top:68px;}
.box7 h2{ font-weight:normal; font-size:30px; padding-top:60px; line-height:42px; text-transform:uppercase;}
.box7 .tele{ background:url(../images/tele.png) no-repeat center; width:180px; margin:auto; height:30px; font-size:17px; margin-top:32px; padding-top:45px;}


.box8{ background:#f7f7f7; padding:50px 0;}
.box8 .newstitle{ color:#666;}
.box8 .newstitle .fl{ font-size:15px; color:#999;}
.box8 .newstitle .fl span{ font-size:21px; color:#666;}
.box8 .newstitle .tit{}
.box8 .newstitle .tit li{ float:left; font-size:14px;}
.box8 .newstitle .tit li.on{ color: #009b4d; text-decoration: underline;}
.box8 .newstitle .tit li em{ width:5px; height:5px; border-radius:5px; display:inline-block; background:#666; margin:0 15px;}
.box8 .news{ margin-top:36px;}
.box8 .news .newbig{ width:45%;}
.box8 .news .newbig .img{}
.box8 .news .newbig .text{ background:#fff; border:1px #eee solid; padding:45px 55px; width:388px; color:#222;}
.box8 .news .newbig .text em{ font-style:normal;}
.box8 .news .newbig .text h2{ font-size:21px; font-weight:normal; margin-top:5px;}
.box8 .news .newbig .text p{ margin-top:20px; font-size:14px; color:#666;}
.box8 .news .newsmall{ margin-left:2%; width:53%;}
.box8 .news .newsmall li{ background:#fff; padding:40px;}
.box8 .news .newsmall li.on{ background:#f6fbff;}
.box8 .news .newsmall li .time{ margin-top:20px;}
.box8 .news .newsmall li .time h2{ color:#ccc; font-size:61px; margin-right:35px; font-weight:normal;}
.box8 .news .newsmall li .time em{ font-style:normal; color:#222; margin-top:-12px; display:block;}
.box8 .news .newsmall li .time p{ font-size:21px; color:#222;}
.box8 .news .newsmall li a:hover .time p{ text-decoration:none;}
.box8 .news .newsmall li .ttt{ font-size:13px; margin-top:20px;}

.box9{ background:url(../images/pbg.jpg) no-repeat center; height:486px; text-align:center; color:#fff;}
.box9 h1{ font-weight:normal; font-size:40px; padding-top:90px; line-height: 140%;}
.box9 p{font-size: 16px;}
.box9 .contact{ margin-top:35px; padding-left:100px;}
.box9 .contact li{ float:left; font-size:14px; padding:15px 20px; border:#1eb95f 1px solid; margin-right:15px;margin-bottom: 15px;}
.box9 .contact li.ask{ color:#416c2c; font-size:14px; padding:15px 20px; border:#1eb95f 1px solid; background:#FFF;}
.box9 .cont{ font-size:14px; line-height:160%; margin-top:15px;}

.box10{ height:90px; line-height:90px;}
.box10 img{ margin-right:8px; vertical-align:middle;}
.box10 a{ margin-right:10px; color:#333;}
.box10 a.big{ font-size:13px;}

.foot{ background:#222; color:#fff; padding-top:40px; padding-bottom:40px; font-size:13px; color:#ddd;}
.foot span{ color:#fff;}
.foot a{ font-size:14px; color:#fff;}
.foot em{ color:#fff; margin-right:10px; font-style:normal;}


.inbanner{ height:400px;background:url(../images/about_bg.jpg) no-repeat center; background-size:cover;}
.menux{}
.menux li{ float:left; padding:0 15px;}
.menux li.on{ background:#009b4d;}
.menux li a{ font-size:15px;}
.menux li.on a{ color:#fff;}
.menuxp{ float:left; width:320px;}
.menuxp h3{ background:#e9e9e9; height:60px; line-height:40px; color:#666; font-size:22px;}
.menuxp h3 em{ background:#009b4d; color:#fff; width:60px; height:60px; font-size:36px; font-weight:bold; font-style:normal; display:inline-block; text-align:center; margin-right:15px;}
.menuxp ul{ background:#f9f9f9; padding:15px;}
.menuxp li{ float:none; background:#fff; border:1px #eee solid; padding:5px 10px; margin-bottom:3px; transition:all 0.5s; box-sizing:border-box;}
.menuxp li:hover{ padding-left:15px;}
.menuxp li.on{ background:#009b4d;}
.menuxp li a{ font-size:15px;}
.menuxp li.on a{ color:#fff;}
.main{ padding:40px 0; font-size:15px; line-height:180%; box-sizing:border-box;}


.newslist { }
.newslist .item { width: 100%; float: left; margin-bottom: 20px; box-sizing: border-box; border: 1px solid #dedede; -webkit-transition: all .4s; transition: all .4s; background: #fff; padding: 30px; }
.newslist .item:hover { -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }
.newslist .item .time { font-size: 12px; line-height: 20px; margin-bottom: 10px; color: #999; }
.newslist .item .time .split { margin: 0 10px; color: #ccc; }
.newslist .item .name { font-size: 18px; line-height: 28px; margin-bottom: 25px; height: 28px; overflow: hidden; }
.newslist .item .name a { color: #009b4d; }
.newslist .item .name a:hover { color: #ea0000; }
.newslist .item .text { color: #777; font-size: 14px; line-height: 24px; height: 72px; overflow: hidden; margin-bottom: 16px; }
.newslist .item .link { overflow: hidden; margin-bottom: -12px; }
.newslist .item .link a { width: 24px; height: 24px; display: block; background: url(../images/hb01img01.png) no-repeat center; float: left; }
.newslist .item .link a.l02 { float: right; background-image: url(../images/hb01img02.png); }
.cptit{ font-size:22px; margin-bottom:20px;}

.product{ width:calc(100% - 350px); float:right;}
.product li{ float:left; margin-bottom:30px; margin-right:3%; width:31%;}
.product li:nth-child(3n){ margin-right:0;}
.product li img{ width:100%;}
.product li p{ background:#eee; height:42px; line-height:42px; text-align:center; font-size:14px; overflow:hidden;}
.product .hd { height: 20px; border-bottom: 1px solid #dedede; margin-bottom: 60px; }
.product .hd h1 { float: left; background: #fff; line-height: 40px; font-weight: normal; color: #39424b; padding-right: 20px; font-size: 30px; }
.product .now { float: right; background: #fff; line-height: 40px; color: #999; padding-left: 10px; font-size: 12px; }
.product .now .split { margin: 0 4px; font-family: simsun; }
.product .now a { color: #999; }
.product .now a:hover { color: #d00c18; }

.productshow{} 
.productshow .cptit{ font-size:20px; border-bottom:1px #eee solid; padding-bottom:10px; padding-left:10px; color:#333;}
.productshow .bd{ padding:10px;}
.inprotit{font-size:17px; font-weight:normal; background:linear-gradient(to right, rgba(72,52,129,1), rgba(0,155,77,1)); color:#fff; padding:6px 25px; border-radius:20px 0 0 0; margin-bottom:20px; margin-top:20px;}
.inprotxt{ margin-bottom:20px;}
.inproimg{ margin-bottom:20px;}
.inproimg img{ width:100%;}

.inprotxt ul{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:10px;}
.inprotxt ul li{ padding:40px; box-sizing:border-box; background:linear-gradient(to right, rgba(241,243,247,1), rgba(232,235,241,1));}
.inprotxt ul li .num{ text-align:center; background:linear-gradient(to right, rgba(72,52,129,1), rgba(0,155,77,1));; font-size:26px; font-weight:bold; color:#fff; width:60px; height:60px; line-height:60px; border-radius:40px; margin:auto; margin-bottom:30px;}
.inprotxt ul li .text{ text-align:center;}
.inprotxt ul li .text h3{ color:#333; margin-bottom:10px;}

.box6 ul{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:10px;}
.box6 ul li{ padding:40px; box-sizing:border-box; background:linear-gradient(to right, rgba(241,243,247,1), rgba(232,235,241,1));}
.box6 ul li .num{ text-align:center; background:linear-gradient(to right, rgba(72,52,129,1), rgba(0,155,77,1));; font-size:26px; font-weight:bold; color:#fff; width:60px; height:60px; line-height:60px; border-radius:40px; margin:auto; margin-bottom:30px;}
.box6 ul li .text{ text-align:center;}
.box6 ul li .text h3{ color:#333; margin-bottom:10px; font-size:24px;}
.box6 ul li .text p{ margin-top:20px;}

.incul{ background:url(../images/inculbg.jpg) no-repeat center; padding:50px 0;}
.incultit{ margin-bottom:20px;}
.incultit span{font-size:17px; font-weight:normal; background:linear-gradient(to right, rgba(72,52,129,1), rgba(0,155,77,1)); color:#fff; padding:6px 40px; border-radius:20px;}

.inabout{ background:url(../images/inabbg.jpg) no-repeat center; padding:60px 50% 60px 50px; box-sizing:border-box;}
.inabout p{ text-indent:32px; line-height:32px;}

.newsdetail{ width:calc(100% - 10px); float:right;}
.newsdetail li{ float:left; margin-bottom:30px; margin-right:3%; width:31%;}
.newsdetail li:nth-child(3n){ margin-right:0;}
.newsdetail li img{ width:100%;}
.newsdetail li p{ background:#eee; height:42px; line-height:42px; text-align:center; font-size:14px;}
.newsdetail .hd { height: 20px; border-bottom: 1px solid #dedede; margin-bottom: 60px; }
.newsdetail .hd h1 { float: left; background: #fff; line-height: 40px; font-weight: normal; color: #39424b; padding-right: 20px; font-size: 30px; }
.newsdetail .now { float: right; background: #fff; line-height: 40px; color: #999; padding-left: 10px; font-size: 12px; }
.newsdetail .now .split { margin: 0 4px; font-family: simsun; }
.newsdetail .now a { color: #999; }
.newsdetail .now a:hover { color: #d00c18; }



.message{ margin-top:50px;}
.messagecon { font-size: 14px; line-height: 24px; margin-bottom: 20px;  }
.messagecon p { margin-bottom: 20px; }
.messagetit { font-size: 14px; font-weight: bold; line-height: 30px; height: 30px; }
.messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 16px; line-height: 26px;  color: #666; resize: none; width: 96%; height: 90px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messagetarea:focus { color: #333; outline: none; background: #fff; }
.messageinput { padding: 10px; height: 26px; line-height: 26px; font-size: 14px; border: 1px solid #dedede; margin: 0 5px 0 0;  color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messageinput:focus { color: #333; outline: none; background: #fff; }
.messagebtn { width: 30%; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #68a953; color: #f1f1f1; border-radius: 4px;  cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon { width: 50%; color: #fff; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }
.main .con .yanzhengma { display: inline; }

.messagebtn.btnon { background: #009b4d; }

.itemBox { margin-top: 5vw; display: flex;}
.itemBox .item {width: 30vw; background-color: #ffffff; box-shadow: 0 5px 30px 2px #e9e9e9; border-radius: 5px; text-align: center; margin-right: 2vw;}
.itemBox .item .icon { width: 6vw; margin: 0 auto; position: relative; top: -3vw;}
.itemBox .item .icon img{ width:100%; max-width:100%;}
.itemBox .item .des { font-size: 16px; color: #696969; position: relative; top: -1vw;  padding: 0 1vw;}
.itemBox .item .des .phones { font-size: 18px; margin: 1vw auto; color: #474747;}
.itemBox .item .icon1 { width: 13vw; margin: 0 auto;  position: relative; top: -1vw; cursor: pointer;}
.itemBox .item:last-child { margin-right: 0;}




@media (max-width: 1140px){
.wrapper{ width:95%;}
.inbanner{ height:280px;}
.top2 .logo{ margin-right:0;}

.top2 .menu{ float:right;}
.top2 .hotline { display:none;}	
.bannerslide{ height:400px;}	
.box3 span{ display:none;}

.box4 li h1 { font-size:32px; margin-top:40px;}	
.box4 li p{ margin-top:30px; font-size:13px; padding:0 14%;}
.box8 .news .newbig .img img{ width:100%;}
.box8 .news .newbig .text{ width:auto;}
.box8 .news .newsmall li{ padding:30px;}
.box8 .news .newsmall li .time h2{ margin-right:auto;}
.box9 .contact li{ margin-bottom:15px;}
.product li{ width:48%;}
.product li:nth-child(2n){ margin-right:0}
.product li:nth-child(3n){ margin-right:3%;}
.product li:nth-child(6n){ margin-right:0}
.top2 .hotline_click{ display:none;}
}
	
	
@media (max-width: 920px){
.top1 .fr .no{ display:none;}
.top2{ width:100%; height:auto;}
.top2 .logo{ width:250px; margin:auto; float:none; margin-bottom:30px;}	
.top2 .logo img { height:40px; margin-top:0;}	
.top2 .menu{ float:none;}	
.top2 .menu li{ box-sizing: border-box; border-right:1px solid #535353; margin-left:0; width:33.33%; transition: all 0.5s ease-in 0s; -o-transition: all 0.5s ease-in 0s; -moz-transition: all 0.5s ease-in 0s; -ms-transition: all 0.5s ease-in 0s; -webkit-transition: all 0.5s ease-in 0s; background:#222; line-height:50px; text-align:center;}
.top2 .menu li.li0{ border-bottom:1px #535353 solid;}
.top2 .menu li a{ color:#fff; text-align:center; padding:0;}
.bannerslide{ height:230px;}
.box3 .fl{ display:none;}
	
.box4 li h1 { font-size:24px; margin-top:30px;}	
.box4 li p{ margin-top:20px; font-size:13px; padding:0 10%;}
.box4 li p span{ display:none;}	
.box4 li.partner{ padding-bottom:20px; height:inherit;}
.box5 .title { font-size:24px;}
.box5 .ppp{ display:none;}
.box5 .protit{ width:330px; margin-top:20px;}
.box5 .protit li{ padding:10px;}

.box5 .proimg li{ width:48%; margin-right:1%;}
.box5 .proimg li .img{ width:100%; height:140px;}
.box5 .proimg li .text{ padding:20px;}
.box5 .proimg li .text p{ display:none;}
.box6 h3{ font-size:30px;}	
.box7 h2{ line-height:140%;}

.box8 .news .fl{ float:none;}
.box8 .news .newbig{ width:100%;}
.box8 .news .fr{ float:none;}
.box8 .news .newsmall{ width:100%; margin-top:30px; margin-left:0;}
.box8 .news .newsmall li .time h2{ display:none;}
.box8 .news .newsmall li .time em{ display:none;}
.box9 p{ display:none;}	
.box9 h1{ font-size:32px; padding-top:70px;}
.box9 .contact { margin-top:30px; padding-left:10px;}
.box9 .contact li{ float:none;}

.foot em{ display:none;}
.box10 .fl{ display:none;}

.menuxp{ float:none; width:100%;}
.menuxp li{ float:left; width:49%; height:40px; line-height:40px; overflow:hidden;}
.product{ float:none; width:100%; margin-top:40px; }

.itemBox{ display:block;}
.itemBox .item{ width:100%; margin-bottom:50px;}
.itemBox .item .icon{ width:12vw;}
.inabout{ padding-right:60px; color:#000;}
.inprotxt ul{ grid-template-columns: repeat(1, minmax(0, 1fr));}
.box6 ul{ grid-template-columns: repeat(1, minmax(0, 1fr));}

	}	
	
	
@media (max-width: 450px){
.wrapper1 .fl{ display:none;}
.menuxp li{ width:100%;}
.product li{ width:100%;}
.inabout{ background:none; padding:0; color:#666;}
.inbanner{ height:180px;}
.box6 h2{ font-size:36px;}
.box7 h2{ font-size:26px;}
.box7 h2 br{ display:none;}
.box5 .proimg li .img h2{ font-size:14px; padding:10px;}
.menux li{ padding:0 10px;}
}