/*基本样式------------------*/
*{padding:0px; margin:0px;}
h1,h2,h3,h4,h5,h6,b{ font-weight:normal; font-size:100%;}
input,select,button,textarea{vertical-align:middle;line-height:normal;font-size:100%;font-family:Arial;}
textarea{line-height:100%;} 
a{outline:0;cursor:pointer;*star:expression(this.onFocus=this.blur()); text-decoration:none; color:#333;}
a:hover{color:#029973;}
input:focus,select:focus,textarea:focus,button:focus{outline:none;}
table{border-spacing:1;}
img{border:0;}
ul,li{list-style:none;}
em,i{font-style:normal;}
p{word-break:break-all;text-justify:inter-ideograph; line-height:1.7em; color:#666;}
.fl{float:left;}
.fr{float:right;}
.tCen{ text-align:center;}
.clear{clear:both;height:0;font-size:0;line-height:0;visibility:hidden; overflow:hidden;} 
.hd{ overflow:hidden;}
.block{ display:block;}
.none{ display:none;}
img{ max-width:100%;}
body{color:#333;font-size:12px;}
/*-------基本样式end---------*/
/*-------内容区宽度---------*/
.pageMain{width:1140px; margin:0 auto;}
.pageMain2{width:1200px; margin:0 auto;}

/*-------顶部---------*/
.headerKong{height:75px;}
.header{ width:100%; background:#029973; border-bottom:1px solid #017E60; position:absolute; top:0; left:0; z-index:99;} 
.header .logo{ width:20%;float:left;padding:10px 0;}
.header .logo img{transition:all .5s; max-width:100%; max-height:65px;}
.header .logo span{ display:block; height:16px; font-size:14px; margin-top:2px;}
.header .nav{width:80%;float:left; height:100%; text-align:right; position:relative; margin-top:25px}
.header .nav a{font-size:16px; color:#fff;box-sizing: border-box; display:inline-block; padding:0 10px; margin:0 10px; height:38px; line-height:38px; text-align:center}
.header .nav a:hover{ color:#000;}
.header .nav a.active {color:#000;}
 
/*-------顶部 end ---------*/
.banner{ width:100%; height:600px; overflow:hidden; position:relative;}
.b-img{ height:500px;  position:absolute; left:0; top:0;font-size:12px}
.b-img a{ display:block; height:600px; float:left; background-size: auto 100%; font-weight:bold; font-size:4em; text-align:center}
.b-img a div{ margin:220px auto 0; line-height:160%; color:#029973;text-shadow: 0px -1px 2px #fff;}
.b-img a div span{ display:inline-block; vertical-align:super; font-size:0.7em}
.b-list{ height:50px; padding-top:580px; position:relative; margin:0 auto;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:5px; height:5px; border-radius:50%; border:2px solid #fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{border:2px solid #14ab04;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:225px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:225px;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}

/*-------标题和介绍---------*/
.titleBox{ width:100%; margin:0 0 50px 0;}
.titleBox h1{ font-size:2.6em; text-align:center; color:#029973; font-weight:bold;} 
.titleBox p{font-size:1.4em; text-align:center; text-transform:uppercase;}
.titleBox p span{ display:inline-block; width:60px; height:3px; background:#029973; margin-top:15px;}

.linebot{ border-bottom: 2px dashed #ccc; padding:0 0 80px 0 }
.pagebg{ padding:80px 0;}
.pagebg3{ padding:80px 0 40px;}
.pagebg2{ padding:10px 0 50px;}
.page1{ background:#DCF1EC;}

a.more{ display:inline-block; padding:6px 20px; border:2px solid #fff; font-size:1.4em; color:#fff; margin-top:15px;}
a.more:hover{ border:2px solid #14ab04;}
a.theme_button { border-radius:50px;margin: 30px 0 0; background-color:#029973; color: #fff; padding: 6px 20px; display: inline-block; -webkit-transition: 0.6s ease;  -moz-transition: 0.6s ease;}
a.theme_button:hover { background-color:#F0AA3E;}

.InBoutL{ width:44%; float:right; margin-top:2em;}
.titleBox3 h1{font-size:2em; font-weight:bold; margin-bottom:20px; line-height:150%;}
.titleBox3 p{font-size:1.2em; }
.InBoutR{ width:48%; float:left}
.InBoutR .img{ text-align:center;}
.InBoutR .img img{ width:100%;}
/*-------合作---------*/
.InClass{}
.InClass ul{margin:10px auto 30px; text-align:center}
.InClass ul li{ display:inline-block; margin-right:4px; margin-bottom:10px;}
.InClass ul li a { background: #fff; color: #333; font-size:1.2em; padding: 8px 20px; display:inline-block;}
.InClass ul li:first-child a {  padding: 8px 30px; }
.InClass ul li.active a { background: #029973; color:#fff;}
.InClass ul li:hover a {background: #029973; color:#fff;}

.InPro ul{ margin:0 auto; }
.InPro .box{ }
.InPro ul li{ background:#fff; float:left; width:49%;  margin-right:2%; margin-bottom:25px; position:relative}
.InPro ul li:nth-child(2n){margin-right:0%;}
.InPro ul li .pic{ float:left; width:38%; position: relative;overflow: hidden;} 
.InPro ul li .pic img{width: 100%;object-fit: cover;transform: scale(1.0);transition: all ease 0.5s;}
.InPro ul li:hover .pic img{transform: scale(1.05);transition: all ease 0.5s;}
.InPro ul li .info{float:right; width:60%;} 
.InPro ul li .info h1{ font-size:1.5em;margin:10px 0; font-weight:bold;} 
.InPro ul li .info p{ font-size:1.2em; line-height:180%;} 


.InNews ul{ margin:0 auto; }
.InNews ul li{ background:#fff; float:left; width:32%;  margin-right:1.5%; margin-bottom:16px; position:relative}
.InNews ul li:nth-child(3n){margin-right:0%;}
.InNews ul li .pic{text-align:center; position: relative;overflow: hidden;}
.InNews ul li .pic img{width: 100%;object-fit: cover;transform: scale(1.0);transition: all ease 0.5s;}
.InNews ul li h1{ font-size:1.3em;margin:10px 0;text-align:center} 
.InNews ul li:hover .pic img{transform: scale(1.05);transition: all ease 0.5s;}
.InNews ul li p{ font-size:1.2em; line-height:180%;} 

/*底部*/
.footer{ border-top:1px solid #ccc;padding:20px 0; }
.footer h2{ font-size:1.4em; margin-bottom:20px;}
.footer p{ line-height:200%;}
.footer .fotL{ float:left; width:24%; margin-top:10px;}
.footer .fotC{ float:left; width:56%; margin-left:2%;}
.footer .fotC .fotnav{ margin:0px 0 10px;}
.footer .fotC .fotnav a{color:#333;line-height:200%; display:inline-block; margin-right:10px; font-size:14px;}
.footer .fotC .fotinfo a{color:#333;line-height:200%; }
.footer .fotR{ float:right; width:20%; text-align:center;}
.footer .fotR img{ width:120px;}


/*about*/
.banbox{ height:340px;}
.banbox a{ display:block; height:100%;  text-align:center}
.banbox span{ text-align:center;color:#029973;text-shadow:0px -1px 2px #fff;
	display: inline-block;
	padding: 9rem 0 0;
	font-size: 3em;
	font-weight: bold;
	position: relative;
}
.banbox span:before{ background:#029973;content: '';display: block;width: 70px;height:1px; margin:30px 0 0 0px; position:absolute; left:-6rem; top:9rem; z-index:3} 
.banbox span:after{background:#029973;content: '';display: block;width: 70px;height:1px; margin:30px 0 0 0px; position:absolute; right:-6rem; top:9rem; z-index:3} 

.titleNow{ border-bottom:1px solid #eee; line-height:40px; margin: 30px 0 10px;}
.titleNow a{ font-size:1.2em;}
.titleNow .port3{ display:inline-block; float:right; }
.titleNow .port3 span{ background:#ccc; width:5px; height:5px; border-radius:3px; display:inline-block; margin-left:5px; margin-top:18px;}

.aBoutInfo{}
.aBoutInfo .pic{float:right; width:42%; text-align:center;  position: relative;overflow: hidden;}
.aBoutInfo .info{float:left; width:55%;margin-right:0%;} 
.aBoutInfo h1{ font-size:1.6em; margin:0.5em 0; font-weight:bold; text-align:center;}
.aBoutInfo h2{ font-size:1.6em; margin:0.5em 0; font-weight:bold;}
.aBoutInfo h3{ text-align:center; margin:0.6em 0 1em; color:#999; }
.aBoutInfo p{ font-size:1.3em; line-height:180%;margin-bottom:5px;}

.contact{margin-top:30px; min-height:300px;}
.contact .info{ width:100%; margin:0 auto; font-size:1.4em; line-height:180%;}
.showleft{ float:left; width:50%;}
.showRigth{ float:left; width:50%; text-align:center}

/*产品展示*/
._left{float:left;}
._right{float:right;}
.ProClass{ width:25%;border:1px solid #eee; background:#FCFCFC;}
.ProClass ul{margin:10px auto; }
.ProClass ul li{ margin-bottom:10px;border-bottom:1px solid #eee; line-height:30px; position:relative;}
.ProClass ul li .product_more {  font-size: 20px;  position: absolute;  right: 0px; line-height: 46px;  width: 18%;  top: 0; text-align: center;  cursor: pointer; color:#999;}
.ProClass ul li a { color: #333; font-size:1.4em; padding: 8px 0px 8px 20px; display:block;}
.ProClass ul li.active a {color:#029973;}
.ProClass ul li:hover a {color:#029973;}
.ProClass ul li dl{ margin:0px 0 10px 20px; display:none;}
.ProClass ul li.active dl{ display:block;}
.ProClass ul li dl dd{ margin-bottom:5px;line-height:30px;}
.ProClass ul li dl dd a { color: #666; font-size:1.2em; padding: 2px 0px 2px 20px; }
.ProClass ul li.active dl dd a { color: #666;}
.ProClass ul li:hover dl dd a { color: #666;}
.ProClass ul li dl dd.av a {color:#029973;}
.ProClass ul li:hover dl dd a:hover {color:#029973;}

.ProList{ float:right; width:73%;}
.ProList ul{ margin:0 auto; }
.ProList .box{ padding:10px;}
.ProList ul li{ background:#fff; border:1px solid #eee; float:left; width:31%;  margin-right:3%; margin-bottom:25px; position:relative}
.ProList ul li:nth-child(3n){margin-right:0%;}
.ProList ul li .pic{ text-align:center} 
.ProList ul li h1{ font-size:1.2em;margin:10px 0;text-align:center; height:21px; overflow:hidden} 
.ProList ul li p{ font-size:1.2em; line-height:180%;} 

/*分页*/
.pager{ padding:30px 0; text-align:center}
.pager a{ border:1px solid #ddd; display:inline-block; width:30px; height:30px; line-height:30px; border-radius:5px; margin:0 3px; font-size:1.2em; }
.pager a:hover{	text-decoration: none; font-weight:600;}
.pager a.cur, .pager a:hover{ color:#fff; background:#029973}
.pager a.pre, .pager a.next{position:relative;}
.pager a.moreto{border:0px solid #ddd;  }
.pager a.pre em {    -webkit-backface-visibility: hidden;
    position: absolute;    right:12px;    top: 9px;    width: 0;    height: 0;    border-width: 7px;    border-style: solid dashed dashed;
    border-color: transparent #666 transparent transparent;    font-size: 0;    line-height: 0;
}
.pager a.next em {    -webkit-backface-visibility: hidden;    position: absolute;    left:12px;    top: 9px;    width: 0;    height: 0;    border-width: 7px;    border-style: solid dashed dashed;    border-color: transparent transparent transparent #666;    font-size: 0;    line-height: 0;
}

.ProBody{}
.proHot{ margin:10px 0 30px;}
.proHot .Img{width:40%; border:1px solid #ddd;}
.proHot .Info{ width:53%;}
.proHot .Info h1{ font-size:2em; color:#333; font-weight:600; margin-bottom:20px;}
.proHot .Info p{ font-size:1.2em; line-height:180%;}
.proInfo{}
.proInfo .proSmTitle{ font-size:1.6em; color:#029973;  margin-bottom:20px; border-bottom:1px solid #ddd; padding-bottom:10px;}
.proInfo p{ font-size:1.2em; line-height:180%;}



.NewsList ul{ margin:0 auto; }
.NewsList ul li{ background:#fff;  margin-bottom:20px; position:relative}
.NewsList ul li .pic{float:left; width:26%;  margin-right:3%;text-align:center;  position: relative;overflow: hidden;}
.NewsList ul li .pic img{width: 100%;object-fit: cover;transform: scale(1.0);transition: all ease 0.5s;}
.NewsList ul li:hover .pic img{transform: scale(1.05);transition: all ease 0.5s;}
.NewsList ul li .info{float:left; width:71%;} 
.NewsList ul li .info h1{ font-size:1.2em;margin:10px 0;color:#000; overflow:hidden;} 
.NewsList ul li .info h1 span{ float:right; color:#999;} 
.NewsList ul li .info p{ font-size:1.2em; line-height:180%;}