/*基本样式------------------*/
*{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:#196411;}
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:110px;}
.header{ width:100%; background:#fff;height:90px; padding-top:10px; border-bottom:1px solid #f6f6f6; padding-bottom:10px; position:fixed; top:0; left:0; z-index:99;} 
.header .logo{ width:26%;float:left;padding:8px 0;}
.header .logo img{transition:all .5s; max-width:100%;}
.header .nav{width:50%;float:left; height:100%; text-align:right; position:relative; margin-top:30px}
.header .nav a{font-size:14px; color:#333;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:#196411;}
.header .nav a.active {color:#196411;}
.header .ser{width:20%;float:right; text-align:right; position:relative; margin-top:32px}
.header .ser .search__input{width:80%; text-align:left; height:30px; line-height:30px; border:1px solid #ccc; padding:5px 30px 5px 10px; border-radius:3px;}
.header .ser .search-sub{ position:absolute; right:2px; top:3px; width:24px; height:24px;
 background:url(../images/sers.png) no-repeat 0 0;border:0;}
 
/*-------顶部 end ---------*/
.banner{ width:100%; height:700px; overflow:hidden; position:relative;}
.b-img h2{ font-size:4em; color:#fff; text-align:center; padding-top:18%; font-weight:bold; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}
.b-img{ height:500px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:700px; float:left;}
.b-list{ height:30px; padding-top:670px; position:relative; margin:0 auto;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:9px; height:9px; border-radius:50%; border:3px solid #fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{border:3px solid #196411;}
.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:325px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:325px;}
.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:3.5em; text-align:center; color:#196411;} 
.titleBox p{font-size:1.4em; text-align:center; color:#196411;}

.titleBox3 h1{font-size:3.5em; margin-bottom:20px;}
.titleBox3 p{font-size:1.2em; }


.linebot{ border-bottom: 2px dashed #ccc; padding:0 0 80px 0 }
.pagebg{ padding:80px 0;}
.pagebg15{ padding:15px 0;}
.page1{ background:#fcfcfc;}


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;}
.InBoutL{ width:50%; float:left}
.InBoutR{ width:40%; float:right}
.InBoutR .img{ text-align:center}

.InWhatL{ width:55%; float:right}
.InWhatR{ width:35%; float:left}
.InWhatR .img{ text-align:center}

a.theme_button { border-radius:50px;margin: 30px 0 0; background-color:#196411; color: #fff; padding: 6px 20px; display: inline-block; -webkit-transition: 0.6s ease;  -moz-transition: 0.6s ease;}
a.theme_button:hover { background-color:#196411;}

/*-------Quick---------*/

.InQuick{ }
.InQuick ul{ width:100%; margin:0 auto; }
.InQuick ul li{ float:left; width:24%; margin-right:1.1%; position:relative; border: 1px solid #eee;   border-radius: 4px;}
.InQuick ul li:last-child{ margin-right:0%; }
.InQuick ul li .box{ padding:10px;} 
.InQuick ul li .pic{ text-align:center; margin:10px 0;} 
.InQuick ul li h1{ font-size:1.2em;text-align:center; font-weight:600; margin:15px 0 10px} 
.InQuick ul li p{ height:100px;} 

/*-------合作---------*/
.InLogo ul{ margin:0 auto; }
.InLogo .box{ padding:10px;}
.InLogo ul li{ background:#fff; border:1px solid #eee; float:left; width:22%;  margin-right:3%; margin-bottom:30px; position:relative}
.InLogo ul li:nth-child(4n){margin-right:0%;}
.InLogo ul li .pic{ text-align:center} 
.InLogo ul li h1{ font-size:1.2em;margin:10px 0;text-align:center} 
.InLogo ul li p{ font-size:1.2em; line-height:180%;} 


.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;text-transform:uppercase;}
.InClass ul li:first-child a {  padding: 8px 30px; }
.InClass ul li.active a { background: #196411; color:#fff;}
.InClass ul li:hover a {background: #196411; color:#fff;}


/*底部*/
.footer{ border:1px solid #eee; padding:20px 0;color:#fff; margin-top:60px; }
.footer h2{ font-size:1.4em; margin-bottom:20px;}
.footer p{ line-height:200%;}
.footer .fotL{ float:left; width:25%;}
.footer .fotL img{ margin-top:30px;}
.footer .fotC{ float:left; width:56%; margin-left:8%}
.footer .fotC .fotpro a{color:#333;line-height:200%; display:block;}
.footer .fotC .fotpro img{ margin-top:10px; height:70px;}
.footer .fotR{ float:right; width:20%; text-align:center;}
.footer .fotR a{ display:inline-block; margin-left:10px;}
.footer .fotR img{}

.NewsList{float:right; width:74%;}
.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.2);transition: all ease 0.5s;}
.NewsList ul li .borlin{ border:1px solid #ccc; overflow:hidden}
.NewsList ul li .info{float:left; width:71%;} 
.NewsList ul li .info h1{ font-size:1.4em;margin:0 0 10px 0;color:#000; overflow:hidden;} 
.NewsList ul li .info h1 i{ width:50px; color:#df0448} 
.NewsList ul li .info h2{ font-size:1.2em; color:#999; margin-bottom:10px;} 
.NewsList ul li .info p{ font-size:1.2em; line-height:180%;} 
a.moreN{ display:inline-block; padding:6px 10px; border-radius:5px;  font-size:1.2em; color:#fff; margin-top:15px;background-color:#196411;-webkit-transition: 0.6s ease;  -moz-transition: 0.6s ease;}
a.moreN:hover{ background-color:#999;}

/*about*/
.banbox{ height:260px;}
.banbox a{ display:block; height:100%;}

.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;}

/*产品展示*/
._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; text-transform:uppercase;}
.ProClass ul li.active a {color:#196411;}
.ProClass ul li:hover a {color:#196411;}
.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:#196411;}
.ProClass ul li:hover dl dd a:hover {color:#196411;}

.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:#196411}
.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{ float:left; width:73%;}
.proHot{ margin:10px 0 30px;}
.proHot .Img{width:46%; border:1px solid #eee; padding:10px;}
.proHot .Info{ width:49%;}
.proHot .Info h1{ font-size:2em; color:#333; font-weight:600; margin-bottom:20px;}
.proHot .Info p{ font-size:1.2em; line-height:150%; margin-bottom:10px;}
.proInfo{}
.proInfo table{ width:100% !important;}
.proInfo .proSmTitle{ font-size:1.6em; color:#5EC3A3;  margin-bottom:20px; border-bottom:1px solid #eee; padding-bottom:10px;}
.proInfo p{ font-size:1.2em; line-height:180%;}

.newsInfo{}
.newsInfo h1{ font-size:2em; color:#333; font-weight:600; margin-bottom:10px; text-align:center}
.newsInfo h2{ font-size:1.2em; color:#999; margin-bottom:20px; text-align:center}
.newsInfo p{ font-size:1.2em; line-height:180%;}


.conbox{ width:80%; text-align:center; margin:0 auto; font-size:1.5em;}
.conbox p{ line-height:280%; }