@charset "utf-8";
/* CSS Document */
html,h1{ width:100%; padding:0; margin:0; display:block;}
body{   padding:0; margin:0; display:block;}
body,textarea,input,select,option{font-size:12px;color:#333;font-family:"Arial","Verdana","Helvetica",sans-serif;}
body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,textarea,input,select,option,form{margin:0 auto;}
th,td,ul,ol,textarea,input,select,option{padding:0}
a{text-decoration:none;color:#333}
a,textarea,input{outline:none}
a:hover{text-decoration:none}
textarea{overflow:auto;resize:none}
table{border-collapse:collapse}
li{list-style:none}
a img{border:none}
body{background-color:#fff}
.fl{float:left}
.fr{float:right}
.q:after { content: '\20'; clear: both; display: block; }
.q{zoom:1}
.clear{clear:both;height:0;overflow:hidden}
.clears:before,.clears:after{content:'';display:table}
.clears:after{clear:both}
.clears{zoom:1}
.img img{display:block}
label,label input{vertical-align:middle}
.btn{cursor:pointer;border:none}
.rel{position:relative}
.abs{position:absolute}
.m1080{ width:1080px; margin:0 auto;}
#top_bar_outer{ background: #333;}
/*.nav_list{margin-left:236px; display:inline-block;}*/


.wide{width:1200px; margin:0 auto; min-width:1200px;}
.wide.bigheight{ height:100%;}
.nav_list{ float: left;}
.nav_list .nav_item{ position: relative; float:left; line-height: 50px;}
.nav_list .nav_item.cur{ background: #86c457;}
.nav_list .nav_item>a{text-align:center; color:#fff; padding:0 18px; background: url('../images/nav_bg.jpg') no-repeat top right; 
display:inline-block; text-decoration:none;}
.nav_list .nav_item .nav_bottom_bg{ position: absolute; left: 50%; bottom: -8px; width: 15px; height: 8px; margin-left: -7.5px; 
	background: url('../images/nav_bottom_bg.png') no-repeat center;}

.nav_right{ float: right;}
.nav_right .nav_right_item{ float: left; color: #fff; height: 50px; line-height: 50px; padding-left: 12px;
 background: url('../images/nav_bg.jpg') no-repeat left center;}
.nav_right .nav_right_item:first-child{ padding-right: 12px; background: none;}
.nav_right .lang_item{ background: none;}


#header{ height: 136px; background: url('../images/header_bg.jpg') repeat left top;}
#header .logo{width: 500px; height: 100%; overflow: hidden;}
#header .logo h1{ width: 100%; height: 100%;}
#header .logo a{ width: 100%; height: 100%;}
#header .logo img{ max-width:100%; max-height:100%;}


.search{ width: 333px; height: 100%;}
.search form{ width: 100%; height: 41px; margin-top: 47px; background: #fff; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; overflow: hidden;}
.search input{ float: left; border:0; outline:0;}
.search .text{ width: 242px; height:41px; padding: 0 24px;}
.search .button{ width: 43px; height: 41px; cursor: pointer; background: url('../images/form_btn.png') no-repeat center;}

/*pic_box*/
.pic_box{ text-align:center; display: block;}
.pic_box span{vertical-align:middle; height:100%; display:inline-block;}
.pic_box img{ max-width: 100%; max-height: 100%; vertical-align:middle;}


#banner{width: 100%; max-height: 680px; background-color:#eee; position: relative; overflow:hidden;}
#banner .swipe{display:block; width: 100%; max-height:680px; background-color:#fff; overflow:hidden;}
#banner .pagenavi_outer{ width: 100%; min-height:15px; overflow:hidden; position:absolute; bottom:15px; z-index:1;}
#banner .pagenavi_outer #pagenavi{ width: 101px; height: 23px; line-height: 23px; background: rgba(0, 0, 0, 0.3); padding: 0 12px; margin: 0 auto; text-align: center; overflow:hidden; zoom:1; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px;}
#banner .pagenavi_outer #pagenavi a{ display: inline-block; width:13px; height:13px; margin-top: 5px; margin-left: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background:#f1f1f1; cursor:pointer;}
#banner .pagenavi_outer #pagenavi .active{ background: #85c557; color: #85c557;}


#main{ background: url('../images/header_bg.jpg') repeat left top; padding: 60px 0;}
/*#main .index_products{ text-align: center;}*/
#main .index_products .pro_title{ display: block; width: 100%; height: 80px; font-size:
38px; color: #79c242; background: url('../images/index_title_bg.png')
no-repeat center 50px; text-align: center; text-decoration: none;}

#main .index_products .pro_list_outer{ width: 100%; overflow: hidden;}
.sort_ul li{ width: 300px; float: left;  height: 91px; 
	background: url("../images/sort_ul_bg.png"); line-height: 80px; color: #fff; text-align: center;}
.sort_ul li.li_last{ width: 300px; border: none; }
.sort_ul li.li_active{ background: url("../images/sort_ul_active.png") top center no-repeat; }
.sort_ul li a{font-size:  16px; color: #fff; }
.sort_content{ height: 264px; }
.sort_content_left{ width: 900px; float: left; height: 264px;  }

.content_top{ height: 234px; position: relative; overflow: hidden; background: #fff; width: 885px; padding-left: 7px; padding-right: 8px;

 }
.content_bottom{ height: 30px; background: #9acc6b; height: 30px; line-height: 30px; text-align: center;}
.content_bottom a{ font-size: 14px; color:#fff; }
.content_ul{  }
.content_ul li{ float: left; width: 280px; background: #fff;   height: 234px; margin-left: 8px;
margin-right: 7px; display: inline;
 }
.sort_video{ width: 300px; float: left; height: 264px; }
.imga{ width: 280px; height: 208px; display: block; overflow: hidden; }
.texta{ width: 280px; height: 26px; display: block;  text-align: center; line-height: 26px; font-size: 14px;color: #8f8f8f;

 }
 .video_content_w{ height: 200px; width: 280px; padding:17px 10px; overflow: hidden; background: #fff; }
 .video_content{ border: 10px solid #9acc6b; background: #000;  width: 260px; height: 180px;}
 .texta2{ width: 300px; height: 30px; display: block;  text-align: center; line-height: 30px; font-size: 14px;color: #fff;
background: #9acc6b;
 }


 #main .what_we_do{ width: 100%; height: 664px; margin-top: 53px; background: #697f58;}
#main .what_we_do .what_title{ display: block; width: 1200px; height: 112px; margin: 0 auto; padding-top: 60px; 
	text-align: center; text-decoration: none;}
#main .what_we_do .what_title .title_top{ position: relative; width: 100%; height: 48px; font-size: 36px; color: #fff; border-bottom: 1px solid #fff;}
#main .what_we_do .what_title .title_top .title_top_bg{ position: absolute; left: 50%; bottom: -3px; width: 48px; height: 5px; background: #fff;
 margin-left: -24px;}
#main .what_we_do .what_title .title_bottom{ width: 100%; height: 60px; line-height: 60px; font-size: 14px; color: #fff;}

.about_nr_wrap{ padding-top: 29px; }

.about_nr{ width: 1182px; height:378px ; background: #2c2c2c;  margin: 0 auto;}

.about_nr_title{ height: 65px; line-height: 65px; font-size: 24px; color: #79c242; text-align: center;padding-top: 15px; 
	background: url("../images/square.png") center bottom no-repeat; }
.about_desc{ height: 192px; line-height: 24px; font-size: 12px; text-align: center; color: #fff; }	

.morea{ display: block; width: 125px; height: 35px; margin: 0 auto;  }
.footer{ height: 114px; background: #1e1e1f; padding-top: 36px; font-size: 14px; line-height: 24px; color: #fff; text-align: center; }

/*pro*/
.banner2{ height: 350px; background: url("../images/banner2.jpg") center center no-repeat; }

.pro_wrap{ width: 1200px; margin: 0 auto; padding-top: 40px; padding-bottom: 60px; }
.pro_left{ width: 249px; margin-right: 28px; float: left; display: inline; }
.pro_right{ width: 923px; float: left; }
.pro_title{ height: 41px; line-height: 41px; background:#79c242; font-size:18px; padding-left: 22px; color: #fff; }
.wrap_sortul{ border: 1px solid #e6e6e6; border-top: none; border-bottom: none; }
.sortul li{ height: 42px; line-height: 42px; border-bottom: 1px solid  #e6e6e6;
 background: url("../images/ul_bg.png") right no-repeat #fff;  padding-left: 21px; }
.sortul li a{font-size: 14px;color: #5c5c5c;}
.sortul li a:hover{ color:  #79c242;; }
.sortul li.li_last2{ border: none;}
.location{ height: 40px; border-bottom: 1px dashed #c8c8c8; line-height: 40px; }
.loca_left{  height: 40px; float: left; }
.loca_left{ font-size: 18px; color: #1b1b1b; line-height: 40px; }
.loca_right{  height: 21px;
    padding: 9px 0 10px 0;
    font: 10px/25px Verdana; float: right;font-size: 14px;color: #8f8f8f; }

.loca_right a{    float: left;font-size: 14px;color: #8f8f8f;text-decoration: none;}
.loca_right a.home{display: inline-block;
    width: 17px;
    height: 21px;
    margin-left: 6px;
    background: url('../images/position_home_img.png') no-repeat center;}
.loca_right span {
    float: left;
    display: inline-block;
    width: 6px;
    height: 21px;
    margin: 0 9px;
    background: url('../images/position_next_img.png') no-repeat center;
}
.pro_list{padding-top: 23px;}
.pro_a{ width:293px; height: 395px; border: 1px solid #e6e6e6; display: block; margin-right: 19px; float: left; }
.pro_a div{ width: 217px; height: 287px; margin:0 auto; overflow: hidden; background: #f00;}
.pro_a h2{ height: 70px; width: 217px; text-align: center;line-height: 18px;
    color: #6c6c6c; }  
.pro_a span{  display: block;
    width: 127px;
    height: 31px;
    line-height: 31px;
    font-size: 17px;
    color: #fff;
    text-indent: 51px;
    background: url('../images/inquiry_btn.png') no-repeat 26px center;
    background-color: #767676;
    margin: 0 auto;
    text-decoration: none; } 
.pro_view{ padding-top: 23px; } 

.about_content{padding-top: 23px; font-size: 14px; line-height: 24px; color: #8f8f8f;} 


.goback {
    padding-top: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    
}
.goback a:hover{color:#cf211a; text-decoration:underline;}
.h4 {
    font-size: 18px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-bottom:1px dashed #c8c8c8;
    
}   
.pro_view2{font-size: 14px; line-height: 24px; color: #8f8f8f;}  

.proul2 li{ width:295px; height: 261px; display: block; margin-right: 19px; float: left;
margin-bottom: 20px; display: inline;
 }  

.imga3{ width: 293px; height: 219px; display: block; border: 1px solid #e6e6e6; }
.texta3{ width: 293px; height: 40px; line-height: 20px; font-size: 14px;  font-size: 14px;
    color: #8f8f8f; display: block; text-align: center; }
/* 统一用翻页样式 */
#pageud a{ text-decoration:none; font-size:12px; font-weight:bold; color:#666666;}
#pageud a:hover{ text-decoration:none; font-size:12px;font-weight:bold; color:#cf211a;}
#pageupdn{border:1px solid #d1d1d1; background-color:#f3f3f3; float:left; padding:5px;margin:0px 4px 0px 4px;overflow:hidden;cursor:pointer;}
#pageupdn strong{color: #cf211a; }
#pageupdn_wz{float:left;padding:5px;margin:0 auto;overflow:hidden;font-family:Arial;}


.sep2{ height: 20px; border-bottom: 1px dashed #ddd; }
.cart_table{ width: 500px;  padding-top: 20px; }
.cart_table tr{ height: 50px; }
.td_left{ width: 80px; padding-right: 20px; font-size: 12px; color: #333; }
.name_input{ width: 282px; height: 32px; line-height: 32px; border: none; border: 1px solid #a9a9a9; }
.name_input2{ width: 202px; height: 32px; line-height: 32px; border: none; border: 1px solid #a9a9a9; }
.name_input3{ width: 70px; height: 32px; line-height: 32px; border: none; border: 1px solid #a9a9a9; margin-left: 10px; }