@charset "gb2312";
/* CSS Document */

*{padding:0; margin:0; font-size:14px; color:#000000; font-family: "΢ÈíÑźÚ", "ËÎÌå";}
a{text-decoration:none;color:#000;cursor:pointer;outline:none;blr:expression(this.onFocus=this.blur());}
ul li{list-style:none;}
a:hover{transition-property:color;transition-duration:.5s;}
img{border:none;}

.main_box{width:80%; min-width:1200px; margin:0 auto;}

/*top*/
#top{width:100%; min-width:1200px; height:100px; min-width:1200px; margin:0 auto; position:fixed; top:0; z-index:9900;}

#top .logo{float:left; margin-top:10px;}

#top .nav{float:right; margin-right:75px;}
#top .la{float:right; margin-right:25px;}
#top .la a{font-size:20px; font-weight:bold; display:block; width:50px; height:50px; background:#ccc; line-height:50px; text-align:center; margin-top:25px;}
#top .la a:hover{background:#007036; color:#fff;}

#top .top_contact{float:right;}
#top .top_contact .top_tel{padding-left:25px; background:url(../images/phone.png) no-repeat center left; line-height:40px; font-size:16px; color:#e4007f; margin-top:10px;}
#top .top_contact .top_mail{padding-left:25px; background:url(../images/mail.png) no-repeat center left; line-height:40px;}.
#top .top_contact .top_mail a{font-size:16px; color:#333;}

/*nav*/
#top .nav ul li{float:left;}

#top .nav ul li a{line-height:100px; font-size:16px; padding:0 25px;}

/*search*/
#search{width:100%; height:60px; background:#007036 url(../images/search_line.jpg) no-repeat center center;}
#search .main_box{overflow:hidden;}
#search .news{width:710px; line-height:60px; height:60px; background:url(../images/news.png) no-repeat center left; float:left; padding-left:50px; font-weight:bold; font-size:18px;}
#search .news a{font-size:18px; font-weight:normal;}
#search .search{width:300px; height:60px; height:60px; float:right;}

.index_t1{font-size:50px; text-align:center; line-height:60px;}
.index_t1 span{color:#007036; font-size:50px;}
.index_t2{font-size:16px; text-align:center; line-height:30px;}
/*line1*/
#line1{width:100%; min-width:1200px; padding:50px 0;}

/*line1 index_product*/
.scroll_horizontal{position:relative;width:1120px;height:460px; margin:0px auto; margin-top:60px;}
.scroll_horizontal .box{overflow:hidden;position:relative;width:1120px;height:460px;margin:0 auto;}
.scroll_horizontal .list{overflow:hidden;width:9999px;}
.scroll_horizontal .list li{float:left;width:545px; padding-right:30px; height:460px;}
.scroll_horizontal:hover .plus{position:absolute;top:205px;width:56px;height:56px;background: url(../images/prevArrow.png) no-repeat center center; cursor:pointer;}
.scroll_horizontal:hover .minus{position:absolute;top:205px;width:56px;height:56px;background: url(../images/nextArrow.png) no-repeat center center; cursor:pointer;}
.scroll_horizontal .plus{left:-30px;}
.scroll_horizontal .minus{right:-30px;}

.scroll_horizontal .list li .top{width:530px; padding-left:15px; height:70px; background:url(../images/list_top.jpg) no-repeat center center; line-height:70px; font-size:50px; color:#fff;}
.scroll_horizontal .list li .top span{font-size:24px; color:#fff; line-height:40px;}
.scroll_horizontal .list li .bottom{width:520px; padding-left:25px; background:#007036; color:#03c968; font-size:40px; line-height:45px; font-weight:bold;}
.scroll_horizontal .list li .bottom a{float:right; display:block; width:100px; height:45px; color:#fff; font-size:16px; text-align:center; line-height:45px; background:#e4007f;}


/*line2*/
#line2{width:100%; min-width:1200px; height:509px; padding:80px 0; background:url(../images/service.jpg) no-repeat center center;}
#line2 .index_t1,#line2 .index_t1 span,#line2 .index_t2{color:#fff;}

#line2 .service_box{float:left; width:33.3%; margin-top:40px; text-align:center;}
#line2 .service_box .s_t1{font-size:24px; font-weight:bolder; line-height:80px; color:#fff; text-transform:uppercase;}
#line2 .service_box .s_t2{font-size:16px; font-weight:normal; line-height:25px; color:#fff; text-transform:capitalize; width:80%; margin:0 auto;}

/*line3*/
#line3{width:100%; min-width:1200px; padding:50px 0; overflow:hidden;}

#line3 .img,#line3 .main_news_box{width:50%; min-width:600px; float:left; overflow:hidden; margin-top:60px;}

#line3 .img .n_title{font-size:20px; line-height:60px;}
#line3 .img .date{font-size:16px; line-height:40px; border-top:1px solid #cccccc;}

#line3 .main_news_box .index_news_box{width:100%; overflow:hidden; margin-bottom:35px;}
#line3 .main_news_box .index_news_box .nember{width:100px; height:100px; border-right:3px solid #ccc; text-align:center; line-height:100px; font-size:80px; color:#ccc; font-weight:bold; float:left; margin-left:60px;}
#line3 .main_news_box .index_news_box .index_news_content{float:left; margin-left:15px; width:70%; max-width:500px;}
#line3 .main_news_box .index_news_box .index_news_content .n_title{font-size:18px; line-height:40px; color:#333;}
#line3 .main_news_box .index_news_box .index_news_content .n_about{font-size:14px; line-height:25px; color:#666;}
#line3 .main_news_box .index_news_box .index_news_content .n_about a{font-size:14px; color:#333;}

/*foot*/
#footer{width:100%; background:#292929; min-width:1200px; padding:34px 0;}
#footer .main_box{overflow:hidden;}
#footer ul li{float:left; height:230px;}

#footer .foot_logo{width:360px; text-align:center; border-right:1px solid #cccccc}
#footer .foot_logo img{margin-top:60px;}
#footer .foot_contact_us{width:320px; padding-left:80px; border-left:1px solid #000000; padding-right:50px; border-right:1px solid #cccccc}
#footer .foot_nav{padding-left:80px; border-left:1px solid #000000;}

#footer .foot_contact_us .phone{font-size:14px; color:#fff; padding-left:40px; background:url(../images/tel.png) no-repeat left center; line-height:25px; margin-top:20px;}
#footer .foot_contact_us .fax{font-size:14px; color:#fff; padding-left:40px; background:url(../images/fax.png) no-repeat left center; line-height:25px; margin-top:15px;}
#footer .foot_contact_us .mail{font-size:14px; color:#fff; padding-left:40px; background:url(../images/mail.png) no-repeat left center; line-height:25px; margin-top:15px;}
#footer .foot_contact_us .add{font-size:14px; color:#fff; padding-left:40px; background:url(../images/add.png) no-repeat left top; line-height:25px; margin-top:15px;}
#footer .foot_contact_us p:first-child{font-size:20px; color:#fff; line-height:40px;}

#footer .foot_nav p:first-child{font-size:20px; color:#fff; line-height:40px;}
#footer .foot_nav a{display:block; color:#fff; line-height:30px; font-size:14px;}

#copy{width:100%; min-width:1200px; background:#4d4d4d; font-size:16px; color:#fff; text-align:center; line-height:70px;}
#copy *{font-size:16px; color:#fff;}

/*in_banner*/
#in_banner{width:100%; min-width:1200px; margin-top:100px; overflow:hidden; position:relative; z-index:0}
#in_banner img{position:relative; z-index:0;}
#in_banner .main_title{position:absolute; width:100%; text-align:center; z-index:9999; font-size:48px; color:#007036; letter-spacing:8px; top:38%;}
#in_banner .location{position:absolute; width:100%; text-align:center; z-index:9999; font-size:16px; color: #fff; letter-spacing:2px; top:62%;}
#in_banner .location a{font-size:16px; letter-spacing:2px;  color:#fff;}

/*list*/
#list{width:100%; min-width:1200px; padding:30px 0 10px 0;}
#list .main_box{overflow:hidden;}
#list a{display:block; float:left; width: calc(20% - 20px); text-align:center; font-size:18px; line-height:58px; height:58px; background:#007036; color:#fff; margin-right:20px; margin-bottom:20px;}

/*product*/
#product{background-color:#fafafa; padding:30px 0;}
#product .main_box{overflow:hidden;
	-moz-column-count:4;
	/* Firefox */
        -webkit-column-count:4;
	/* Safari ºÍ Chrome */
        column-count:4;
	-moz-column-gap:0em;
	-webkit-column-gap:0em;
	column-gap:0em;
}
#product .product_box{width:calc(100% - 40px); overflow:hidden; float:left; margin:20px; background-color:#ffffff; padding-bottom:20px;
	-moz-page-break-inside:avoid;
	-webkit-column-break-inside:avoid;
	break-inside:avoid;
}
#product .product_box .p_name{font-size:20px; line-height:40px; font-weight:bold; margin-left:15px; margin-top:10px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;}
#product .product_box .p_type{font-size:16px; line-height:30px; font-weight:normal; margin-left:15px;}

#product .product_box:hover{background-color:#007036; transition-property:background;transition-duration:.5s; box-shadow:0px 0px 20px #ccc}

#product .product_box:hover .p_name,#product .product_box:hover .p_type{color:#fff;}

/*foot_search*/
#foot_search{width: 100%; padding: 20px 0; background: #007036;}

/*product_show*/
#product_show{width:100%; min-width:1200px; padding:30px 0; overflow:hidden}

#product_show .line1{overflow:hidden;}
#product_show .img_box{width:42%; text-align:center; float:left;}
#product_show .img_box img{border:1px solid #ccc;}
#product_show .product_about{width: calc(50% - 50px); float:left; margin:0 25px;}
#product_show .product_about .product_name{font-size:30px; font-weight:700; text-align:left; border-bottom:1px solid #ccc; color:#007036; line-height:50px;}
#product_show .product_about .product_type{font-size:24px; font-weight:300; text-align:left; color:#333; line-height:30px;}
#product_show .product_about .product_introduction{font-size:16px; line-height:25px; margin-top:20px;}

#product_show .product_details{width: calc(100% - 50px); margin-top:50px; padding:25px; line-height:25px;}
#product_show .product_details .title{width:25%; height:58px; line-height:58px; padding:0 10px; font-size:20px; text-align:center; background:#000; color:#007036; font-weight:700; margin-bottom:25px;}

/*news*/
#news{background-color:#fff; padding:30px 0; width: 100%;}
#news .main_box{overflow: hidden; margin-bottom: 30px;}
#news .main_box .main_news_box{width: calc(50% - 50px); height:240px; float: left; margin-right: 50px; background: #f8f8f8; padding: 25px 0 25px 0; overflow: hidden; margin-top: 50px;}
#news .main_box .main_news_box .img_box{width: calc(40% - 30px); float: left; margin-right: 30px;}
#news .main_box .main_news_box .news_content{width: calc(60% - 30px); float: left;}
#news .main_box .main_news_box .news_content .n_title a{font-size: 24px; color: #333; line-height: 40px;}
#news .main_box .main_news_box .news_content .n_content{font-size: 16px; color: #666; line-height: 25px;}
#news .main_box .main_news_box .news_content .n_date{padding-left: 40px; background: url(../images/date.png) no-repeat left center; line-height: 60px; font-size: 14px; color: #666;}
#news .main_box .main_news_box .news_content .n_b{display: block; width: 140px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; background: #007036; color: #fff; font-weight: bold; margin-top: 15px;}

/*news_show*/
#news_show{width: 100%; min-width: 1200px; padding: 30px 0;}
#news_show .main_box{overflow: hidden;}

#news_show .n_title{font-size: 24px; font-weight: bold; color: #007036; line-height: 60px; text-align: center;}
#news_show .n_date{font-size: 16px; color: #666; border-bottom: 1px dotted #ccc; text-align: center; line-height: 40px;}
#news_show .n_content{line-height: 25px; padding: 15px;}

/*about*/
#about{width: 100%; min-width: 1200px; padding: 30px 0;}
#about .title{font-size: 30px; line-height: 60px; color: #007036; text-align: center;}
#about .content{padding: 15px; line-height: 25px;}

/*equipment*/
#equipment{width: 100%; min-width: 1200px; padding: 30px 0;}
#equipment .main_box{overflow: hidden;}

#equipment .main_box ul{overflow: hidden;}
#equipment .main_box ul li{width: calc(33.3% - 50px); float: left; margin: 30px 25px; text-align: center;}
#equipment .main_box ul li img{width: 80%;}

/*Contact*/
#contact{width: 100%; min-width: 1200px; padding: 30px 0;}
#contact .title{font-size: 30px; line-height: 60px; color: #007036; text-align: center;}
#contact .company{font-size:32px; color:#007036; line-height:60px; text-align:center;}
#contact .c1{text-align:center; font-size:16px; line-height:30px;}
#contact .c1 a{font-size:16px; line-height:30px;}
#contact .c1 a:hover{color:#007036;}
#contact .c2{text-align:center; color:#007036; font-weight:bold; font-size:18px; line-height:30px;}

/*top nav*/
.top_nav{text-align: center; line-height: 50px; margin-top: 10px; border-bottom: 1px solid #333;}
.top_nav a{font-size: 20px; font-weight: bold; padding: 0px 25px; line-height: 50px;}
.top_nav a:hover{color: #007036;}

.b1{display:block; width:180px; height:50px; line-height:50px; border:2px solid #333; font-size:18px; font-weight:bold; color:#333; text-align:center; border-radius:15px; float:right;}
.b1:hover{border:2px solid #007036; color: #007036;}

/*show paging*/
DIV.page table tr td{color:#333;}
DIV.page table tr td b{color:#333;}
DIV.page font{color:#f00;}
DIV.page {text-align:center; border:0px; margin:5px; padding:5px;}
DIV.page A { border: #eee 1px solid; border-radius:3px; padding:2px 5px 2px 5px; margin-right:5px; font-weight:bold; text-decoration:none}
DIV.page A:hover { border:#007036 1px solid; padding:2px 5px 2px 5px; margin-right:5px; background:#007036; color:#fff; text-decoration:none}
DIV.page A:active { border:1px #007036 solid; padding:2px 5px 2px 5px; margin-right:5px}
DIV.page SPAN.current { border:1px #007036 solid; border-radius:3px; padding:2px 5px 2px 5px; margin-right:5px; background:#007036; color:#fff; font-weight:bold}
DIV.page SPAN.disabled { border:1px #eee solid; border-radius:3px; padding:2px 5px 2px 5px; color:#333;}