@charset "utf-8";
img { max-width: 100%; }
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {margin:0;padding:0;word-wrap:break-word}
body, html, input {font:14px/1.5 "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#666;}
table {border-collapse:collapse;border-spacing:0;}
img {border:none}
a{color:#666; text-decoration:none; font-size:16px;}
a:hover{color:#159301; text-decoration:underline;}
ul li{ list-style-type:none;}

html { font-size:100%; }
@media (min-width: 640px) { body {font-size:1rem;} }
@media (min-width:960px) { body {font-size:1.2rem;} }
@media (min-width:1100px) { body {font-size:1.5rem;} }
@media (min-device-width:600px) {
    img[data-src-600px] {
        content: attr(data-src-600px, url);
    }
}
 
@media (min-device-width:800px) {
    img[data-src-800px] {
        content: attr(data-src-800px, url);
    }
}
/*主体信息*/
.main{margin:20px 0;}
/**清楚浮动**/
.clearfix:after {
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/**顶部**/
.top{ width:1440px; height:auto; background:#00572E;}
.topMain{width:100%/*1350px*/; height:26px; color:#fff; margin:0 auto; font-size:13px; line-height:27px;}
.topMain p{ float:right;margin:0px 100px 0px 100px;}
.topMain span{ float:left;margin:0px 100px 0px 100px;}


/**banner**/
.banner{width:1440px; height:490px; margin:0 auto;}
#kinMaxShow{;width:100%; height:100%;}

/**导航**/

.navMain{ width:1350px; height:90px; margin:0 auto;color:fff;}
.logo{ width:300px; height:90px;float:left; margin:0px 40px 0px 40px;}
.navList{ width:800px; height:90px; float:right;margin:0px 10px 0px 10px;}
.navList ul li{ float:left;}
.navList ul li a{ line-height:90px; padding:35px 24px; color:#FFF; font-size:18px;}
.navList ul li a:hover{ color:#159301; background:#fff; text-decoration:none; border-bottom:1px solid #127402;}

/**mainbody**/
.mainbody{margin:20px 0;}
/**产品展示**/
.product{ width:100%/*1350px*/; height:400px;  /*overflow:hidden;*/margin:0 auto;}
.productMain{ width:1200px;margin:20px 20px 20px 83px;}
.ptitle{  width:1200px; height:60px; margin:20px 20px 20px 83px;background:url(../images/products.png) no-repeat; }
.ptitle span{ float:right; margin-top:35px;}
.productMain ul li{ width:275px; height:235px; background:url(../images/cpbj.jpg)  no-repeat; margin:20px 0 20px 23px ; float:left;}
.productMain ul li p{ text-align:center; line-height:50px; font-size:18px;}
.productMain ul li img{ margin-left:6px; margin-top:6px;}

/**关于我们**/
.about{ width:100%/*1350px*/; height:450px; margin:0 auto;}
.indexabout{ width:1200px; margin:20px 20px 20px 83px; height:320px;}
.pabout{ background:url(../images/about.png) no-repeat; width:1200px; height:60px; margin:20px 20px 20px 83px;}
.pabout span{ float:right; margin-top:30px;}

.aboutimg{ width:300px; height:265px; float:left; margin-left:20px;}
.aboutcon{ width:550px;; height:265px; float:left; margin-left:40px; padding:0 20px}
.aboutjj{ line-height:35px; margin-top:25px; width:500px; height:150px; font-size:18px;}
.aboutjjj{ margin-top:15px;}
.aboutcon ul li{ width:112px; float:left; text-align:center; margin-left:6px; margin-right:7px;}
.aboutcon ul li p{ line-height:40px;}
.honorimg{ width:220px; height:265px; float:right; margin-left:30px;}

/**案例展示**/
.anli{ width:100%/*1350px*/; height:400px; /*overflow:hidden;*/ margin:0 auto;}
.anlititle{ width:90%; height:60px; margin:20px 20px 20px 63px;}
.anliList{ width:90%; height:a;margin:20px 20px 20px 63px;}
.anliList ul li{ width:22%; height:auto; background:url(../images/cpbj.jpg) top no-repeat; margin-top:20px; float:left; margin-left:8px; margin-right:8px; margin-bottom:8px; display:none;}
.anliList ul li img{ margin-left:3px; margin-top:3px;}
.char { margin-top:6px; font-size:20px; text-align:center;}
.char1 {  font-size:18px;  text-align:center; line-height:3px; margin-bottom:50px;}
.char2 {  font-size:15px;  text-align:left; line-height:5px; }

/**新闻和联系**/
.xwlx{ width:100%/*1350px*/; height:400px; margin:0 auto;}
.xwlxMain{ width:1200px; height:350px; margin:0px 20px 20px 80px;}
.newsMain{ width:440px; float:left; margin-left:20px;}
.ntitle{ background:url(../images/news.png) no-repeat; width:440px; height:60px; margin-bottom:5px;}
.ntitle span{ float:right; margin-top:35px;}

.consMain{ width:685px; float:right;}
.ctitle{ background:url(../images/lianxi.png) no-repeat; width:685px; height:60px; margin-bottom:5px;}
.ctitle span{ float:right; margin-top:35px;}

.newsMain ul li{line-height:40px; margin-top:10px; border-bottom:1px dashed #ccc;}
.newsMain ul li span{ float:right; font-size:12px; color:#aaa;}
.newsMain ul li a{ font-size:16px;}
.newsMain ul li b{ margin-right:5px; color:#159301;}

.conmap{ width:370px; height:235px; float:left; background:#ccc; margin-top:15px;}
.conxx ul{
	float: right;
	margin-top: 15px;
	width: 285px;
	height: 235px;
	/* [disabled]background-color: #000000; */
}
.conxx ul li{line-height:38px;}

/**底部**/
.foot{ width:1440px;text-align:center; line-height:30px; font-size:14px; background:#00572E; padding:15px 0px; color:#fff; margin-top:20px; font-family:Arial, Helvetica, sans-serif;}
.foot a{ color:#fff;}


@-webkit-keyframes bounceIn{
0%{opacity:0;
-webkit-transform:scale(.3)}
50%{opacity:1;
-webkit-transform:scale(1.05)}
70%{-webkit-transform:scale(.9)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes bounceIn{
0%{opacity:0;
-moz-transform:scale(.3)}
50%{opacity:1;
-moz-transform:scale(1.05)}
70%{-moz-transform:scale(.9)}
100%{-moz-transform:scale(1)}
}

#al1{-webkit-animation:bounceIn 1s .2s ease both; -moz-animation:bounceIn 1s .2s ease both; display:block;}
#al2{-webkit-animation:bounceIn 1s .4s ease both; -moz-animation:bounceIn 1s .2s ease both; display:block;}
#al3{-webkit-animation:bounceIn 1s .6s ease both; -moz-animation:bounceIn 1s .2s ease both; display:block;}
#al4{-webkit-animation:bounceIn 1s .8s ease both; -moz-animation:bounceIn 1s .2s ease both; display:block;}
#al5{-webkit-animation:bounceIn 1s 1.0s ease both; -moz-animation:bounceIn 1s .2s ease both; display:block;}
#al6{-webkit-animation:bounceIn 1s 1.2s ease both; -moz-animation:bounceIn 1s .2s ease both; display:block;}
#al7{-webkit-animation:bounceIn 1s 1.4s ease both; -moz-animation:bounceIn 1s .2s ease both; display:block;}
#al8{-webkit-animation:bounceIn 1s 1.6s ease both; -moz-animation:bounceIn 1s .2s ease both; display:block;}

/* Tablet Landscape */
@media screen and (max-width: 1060px) {
    #primary { width:67%; }
    #secondary { width:30%; margin-left:3%;} 
}
 
/* Tabled Portrait */
@media screen and (max-width: 768px) {
    #primary { width:100%; }
    #secondary { width:100%; margin:0; border:none; }
}

.navList {
	
}

.navList {
	
}