body {
	margin: 0;
	padding: 0;
	line-height: 1.7em;
	letter-spacing: 1px;
	font-family:Microsoft YaHei, Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #222;
	background: #ffffff url(../images/body-bg2.jpg);no-repeat center top;}

*{margin:0;padding:0;}
ul{list-style: none;}
ul, menu, dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}
li{list-style:none;}
	 	
a:link, a:visited { color: #073475; text-decoration: none; font-weight: normal; } 
a:active, a:hover { color: #E49800; text-decoration: underline; }
img { border: none; }
p{word-wrap:break-word;word-break:break-all;}
p { margin: 1px; padding: 1px; color:#222;}
.banner
{
    clear: both;
	width: 980px;
	margin: 0 auto;
	height: 335px;
	text-align: center;
	background: url(../images/templatemo_banner_bg.jpg) no-repeat;
 
 }
 
 .font-family{font-family:Microsoft YaHei;color:#222;}

.put_top{background:Red;border:1px solid Red;}


.float_l {
	float: left;
}
.float_r {
	float: right;
	padding:25px 20px 0 0;
}
.float_d {
	float: right;
	padding:30px 0 0 0px;
}
.float_c {
	float: left;
	padding:0px 0 0 15px;
}
.fl {float: left;}

.divider {
	background: url(../images/divider.jpg) repeat-x bottom;
}

.cleaner { clear: both;height: 0px; font-size: 0px;  }

.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }
.sublist li {
    padding-left: 40px;
    height: 31px;
    border-bottom: 1px dashed #57a757;
    overflow: hidden;
    background: url(../images/sub_li.png) no-repeat 20px 12px;
}
.sublist li a{color:#fff;}
.sublist li a:hover{text-decoration: underline;}

.margin_10{margin:10px 35px;}

.margin_t10{margin-top:10px;}

.button_01 a {
	display: block;
}

h3 {    display: block;
    font-size: 1.17em;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}}
h3 {padding-left:36px;left center no-repeat;font-weight: bolder;}

.ProductionLine_Title{border-bottom:2px solid #dedede;height:30px;}

h3 {
	font-size: 26px;
	font-weight: normal;
	color:#339633;
}

.products_default img
{
    border:1px solid #63B5DC;
    border-radius:5px;
    padding:2px;
}
#templatemo_content {
    clear: both;
	width: 980px;
	border-bottom:2px solid #52D843;
    
	margin: 0 auto;
	padding: 0 10px;
	background: url(../images/templatemo_content_bg.jpg) repeat-y;}
.header {overflow: hidden;}
.header-logo{
    width: 980px;
    margin: 0 auto;
    height: 120px;
}
.logo_slogan {
    padding: 25px 0 0 15px;
    color: #333;
    width: 440px;
}

.logo_slogan .p1{    font:bold 16px "Microsoft YaHei"; color: #e77401;}
.logo_slogan .p1 strong{font: bold 22px "Microsoft YaHei";color: #0093DD;}
.header-logo .logo{float:left;}
.header-logo .telpho{float: right;}
.logo{
	margin-left: 30px;
    padding-right:18px;
    background: url(../images/logo_line.png) no-repeat right;}
.top_tel {width: 218px;
    overflow: hidden;
padding-left: 60px;
    margin-top: 30px;
    color: #333;
    font: 12px "Microsoft YaHei";
    background: url(../images/tel.gif) no-repeat left top;}
.top_tel span{color: #308a30;font: 28px "Arial";}
.fr {
    float: right;
}
.pro_nav_box {
	clear: both;
	margin-bottom: 15px;
	padding-bottom: 15px;

}
.sub_cont h3 {
    padding-top: 10px;
    padding-left: 47px;
    height: 36px;
    font: bold 16px/33px "Microsoft YaHei";
    background: url(../images/sub_h3.gif) no-repeat left bottom;
}
.sublist {
	list-style: none;
    font: 14px/31px "Microsoft YaHei";
}

.sub_cont {
    border-radius:5px;
    padding: 10px;
    background: url(../images/sub_bg.gif);
    overflow: hidden;
}
.DIV_Message_Success p
{
    margin-top:100px;
    text-align:center;
    font-size:16px;
 }

/* menu */
#pro_nav_side  {
	width: 250px;
	padding: 45px 0 0 58px;
}
#templatemo_menu {
	height: 56px;
	background: url(../images/templatemo_menu_bg.jpg) no-repeat center top;
}

#templatemo_menu ul {
	width: 826px;
	margin: 0 auto;
	padding: 0px;
	list-style: none;
}

#templatemo_menu ul li {
	padding: 0px;
	margin: 0px;
	display: inline;
	}

#templatemo_menu ul li a {
	position: relative;
	float: left;
	width: 100px;
	display: block;
	height: 50px;
	line-height:50px;
	margin:0 9px;
	text-align: center;
	font-size: 14px;
	text-decoration: none;
	color: #ffffff;	
	font-weight: bold;
	outline: none;
	background: url(../images/templatemo_menu_btn_right.png) no-repeat right top;
}

#templatemo_menu ul li a span {
	position: absolute;
	width: 8px;
	height: 49px;
	left: -8px;
	top: 0;
	background: url(../images/templatemo_menu_btn_left.png) no-repeat left top;
}

#templatemo_menu li a:hover, #templatemo_menu li .current {
	color: #ffffff;
	background: url(../images/templatemo_menu_btn__hover_right.png) no-repeat right top;
}

#templatemo_menu li a:hover span, #templatemo_menu li .current span {
	position: absolute;
	width: 8px;
	height: 49px;
	left: -8px;
	top: 0;
	background: url(../images/templatemo_menu_btn__hover_left.png) no-repeat left top;
}

/* end of menu */

/* site title */

#templatemo_site_title_bar_wrapper {
	width: 100%;

	margin: 0 auto;
	background: url(../images/mn.png) no-repeat top center;
}

.footer_top_img img{width:1080px;margin: 0 auto;display: block;}

#templatemo_site_title_bar {
	position: relative;
	width: 980px;
	margin:0 auto;
	padding: 0px 40px;
}

#templatemo_site_title_bar .site_title_left {
	float: left;
	width:600px;
	margin:12px 0;
}

.site_title_left a{color:#858585;margin:2px 2px 2px 10px;float:left;padding-left:15px; background:url('../images/style.gif') no-repeat left center;}

.site_title_left a:hover{color:#E49800;}

#templatemo_site_title_bar .site_title_right {
	float: right;
	margin:12px 0;
	text-align: right;
	margin-right:10px;
}
.site_title_right{}.site_title_right p.one{
	margin-bottom: 6px;
	font-size: 24px;
	font-weight: bolder;
    color: #858585;

}
.site_title_right p.sml{
	
	font-size: 12px;
	font-weight:normal;
    color: #b4b4b4;

}
#templatemo_site_title_bar #search_box {
	position: absolute;
	width: 340px;
	height: 30px;
	bottom: 23px;
	right: 110px;
}

#search_box form {
	width: 340px;
	height: 30px;
	margin: 0;
	padding: 0;
}

#searchfield {
	height: 20px;
	width: 290px;
	padding: 6px 5px 4px 5px;
	color: #000000;
	font-size: 12px;
	font-variant: normal;
	line-height: normal;
	background: none;
	border: none;	
}

#searchbutton {
 	height: 30px;
	width: 35px;
	margin: 0px;
	padding: 6px 0 0 0;
	cursor: pointer;
	font-size: 12px;
	text-align: center;
	vertical-align: bottom;
	white-space: pre;
	color: #000000;
	background: none; 
	border: none;
}
/* end of site title */



.section_About_menu h2
{
   background: url('../images/About-pho.png') ;    
    }
.section_News_menu h2
{
    background: url('../images/News-pho.png') ;  
    }
.section_Contact_menu h2
{
    background: url('../images/Contact-pho.png') ;  
    }
.section_Product_menu h2
{
    background: url('../images/Product-pho.png') ;  
    }
.section_Recruit_menu h2
{
    background: url('../images/Recruit-pho.png') ;  
    }

 /*-------------*/
 

.section_Contact_menu li,.section_About_menu li,.section_Recruit_menu li,.section_News_menu li,.section_Product_menu li,.section_Honor_menu
{
    text-align:left;
    display:block;
    margin:10px 0;
    padding-left: 40px;
    font-size:14px;  
    background-color:#426fae;
    height: 32px;
    line-height: 32px;
    color:#777;
    background: url('../images/secnavbg1.png')  no-repeat ;
 }

.section_Contact_menu li a:hover,.section_About_menu li a:hover,.section_Recruit_menu li a:hover,.section_News_menu li a:hover,.section_Product_menu li a:hover
{
	font-weight: 700;
	color:#073475;
	cursor: pointer;

 }
.section_Contact_menu li:hover,.section_About_menu li:hover,.section_Recruit_menu li:hover,.section_News_menu li:hover,.section_Product_menu li:hover
{
	background: url('../images/secnavbg2.png')  no-repeat ;

}

.section_Contact_menu li a.current{
	font-weight: 700;
	color:#073475;
	cursor: pointer;

}

/*--------------------*/

.section_pad {
	float: left;
	/*width: 590px;*/
	padding: 0px;
}
 /*--------------*/

.section_content
{
    border:1px solid #dedede;
    border-radius:5px;
    margin:10px 0px;
    padding:10px;
	background: #EFEFEF;
	color:#222;
    }
.section_w1100 {
	overflow: hidden;
	clear: both;
	width: 1100px;
	margin:0 auto;
}    
.section_w900 {
	overflow: hidden;
	clear: both;
	width: 980px;
	margin:0 auto;
}

.section_w240 h2{
	text-align: center;
	padding:8px 0 ;
	font-size: 24px;
	font-weight: normal;
	color: #073475;
	background-repeat:no-repeat;
	background-position: left center ;
}

/*.main-padd{padding:0px;border:5px solid #222;
      }*/

.section_w240 li a{color:#777;}


.imgl{
	float: left;
	margin: 10px 15px 4px 0;
}
.section_w520 {
	clear: both;
	width: 590px;
	padding: 6px 0 0 15px;
}
.section_w400 {
	width: 590px;
	padding: 18px;
}

.section_w260 {
	width: 420px;
}
.section_w600 {
	width: 680px;
}
.section_w240 {
	width: 240px;
	background-color: #EFEFEF;
    border: 1px solid #C0C0C0;
    border-radius: 3px;
   margin: 10px 0;
    padding:8px;
}
.section_w240 ul{
	padding: 10px 0;
	background: url(../images/templatemo_divider.jpg) repeat-x top;
}

.testimonial {
	font-style: italic;
}

.testimonial span {
	font-size: 16px;
	font-weight: bold;
}

.service {
	margin: 10px 0 0;
	padding: 0px;
	list-style: none;
}

.service li {
	padding: 5px 0 5px 30px;
	background: url(../images/templatemo_list_icon.png) left center no-repeat;
}

.news_box {
	margin: 10px 0;
}


.news_box ul{padding-left:15px;}
.news_box li
{
    background:url(../Images/News_Title.gif) no-repeat center left;
    padding-left:16px;
    border-bottom:1px dotted #dedede;
    height:24px;
    line-height: 24px;
    color:#222;
    display:block;
    
    }
.news_box .post_info {
	color: #999999;
}

.news_box .post_info a {
	color: #666666;
	font-weight: bold;
}

.news_box .post_info strong {
	color: #666666;
}

.news_box ul li a {
	color: #030303; text-decoration: none; font-weight: normal;
}
.news_box li span
{
    float:right;color:Silver;
}

/* footer */

#templatemo_footer_wrapper {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background:#FFFFFF;
}

#templatemo_footer {
	width: 900px;
	margin: 0 auto;
	 padding-top: 20px;
	color: #cccccc;
}

#templatemo_footer  a {
	color:#3d3d3d;
}

#templatemo_footer .section_w280 {
	width: 240px;

}

#templatemo_footer .section_w280 .WeChat{
	text-align: Right;

}
#templatemo_footer .section_w280 .Map{
	text-align: Right;
	

}

#templatemo_footer .section_w400 h3 {
	font-size:16px;
	font-weight: bold;
	color: #5A5A5A;
	margin-bottom: 10px;	
}

#templatemo_footer .sub_content p{    font-size: 13px;
    font-weight:normal;
    color: #5A5A5A;
    line-height: 24px;}

#templatemo_footer .footer_list {
	margin: 0px;
	padding: 0px;
	list-style: none;
}


#templatemo_footer .footer_list li {
	margin: 0px;
	padding: 3px 0;
}

#templatemo_footer .footer_list li a {
	color: #cccccc;
}

#templatemo_footer .footer_list li a:hover {
	color: #333;
	text-decoration: none;
}
/* end of footer */
#div_page{margin-top: 30px;text-align: center;}
#div_page a{font-size: 12px; border: 1px solid #dedede; padding: 4px 9px;margin: 5px; cursor: pointer; }


.Product_content{overflow: hidden;background:#fff}

.Product_content img{border:1px solid #ccc;width:300px;height:200px;margin:10px 18px 0px 18px;}
.Product_content p{text-align:center;}


.Honor_box{overflow: hidden;}
.Honor_box ul li{float:left;width:300px;text-align: center;margin-bottom:18px;}
.Honor_box li img{border:1px solid #ccc;width:270px;height:372px;}
.Honor_box li  p{width:172px;margin: 0 auto;display: block;font-weight: bolder;}

.news_tle{overflow: hidden;clear:both;margin-bottom: 12px;}
.news_tle h3{border-bottom: 1px solid #DEDEDE;padding-bottom: 6px;clear: both;}
.news_tle span.new-time{float:left;color:#999;}
.news_tle span.new-click{float:right;color:#999;}
.new_text {color:#333;overflow:hidden;}

.product-inf {overflow: hidden;}

.product-inf .pro-img{width:300px;float:left;border:1px solid #777;}

.product-inf .par-tex{float: right;overflow: hidden;width:310px;}

.par-tex ul li{ float: left;padding-left: 24px;text-align: left;margin-bottom: 18px;color: #777777;font-size: 13px; width: 260px;}

.product-tex {color:#777;}

.product-tex h3{margin:20px 0;color:#454545;font-size:15px;font-weight:700;padding-left: 14px;background:url('../images/ico03.png') left 6px no-repeat; }

.contact_box{overflow:hidden;padding: 18px;background-color:#EFEFEF;  border: 1px solid #52D843;border-top:0px;border-radius:0px 0px 5px 5px; margin:0px; }

.contact_inf{float:left;padding:20px;background: #E8E8E8;border: 1px solid #fff;height: 250px;width:400px;}

.contact-form{float:right;padding:20px;background: #E8E8E8;border: 1px solid #fff;width:420px;height:250px;}

.contact_inf p{line-height:30px;font-weight: bolder;}

.contact-form ul li{width:48%;float:left;}

.form-ul{float: left;}

.form-ok{float:left;    margin-top: 6px;}

.form-ok input{padding:5px;font-family:Microsoft YaHei;}

.form-ul li p{color:#333;font-weight: bolder;}

.form-ul li input{    background: #ffffff; outline: none;border: 1px solid #A9A9A9;-webkit-appearance: none; padding: 6px 0 6px 6px;}

.form-ul li textarea{width:374px;height: 60px;    resize: none;}

.form-ul li span{color:Red;}

.contact-map{clear: both;float: left;margin-top: 12px;width:100%;}

.contact-map img{width:100%;}

.myjQuery {OVERFLOW: hidden ;POSITION: relative;z-index: 0;width:256px;}
.myjQueryContent { OVERFLOW: hidden;    HEIGHT:194px;width:100%;}
.myjQueryContent DIV { POSITION: absolute;POSITION: absolute; HEIGHT: 100%;}
.myjQueryContent .smask { Z-INDEX: -1;width:100%;POSITION: absolute;HEIGHT: 100%;}
.myjQueryContent  a{position:relative;margin:0; display: block;height: 100%}
.myjQueryContent  p{position:absolute; width: 100%;bottom: 24px;text-align: center; font-weight:700;opacity: 0.8;padding: 0;background:#fff;color:#333; overflow: hidden;}
.myjQueryContent IMG {padding: 1px;border: 2px solid #dedede; }
.myjQueryNav { DISPLAY: block; OVERFLOW: hidden;HEIGHT: 18px; position: absolute; bottom:8px; right:6px; z-index: 5; }
.myjQueryNav li { DISPLAY: block; FLOAT: left; font-size:12px;WIDTH: 15px; CURSOR: pointer;TEXT-ALIGN: center; margin-left:2px; background: #666; color: #fff; }
.myjQueryNav .nbg { BACKGROUND: #666; }
.myjQueryNav a { DISPLAY: block; Z-INDEX: 12; MARGIN: 0px auto; TEXT-TRANSFORM: uppercase; WIDTH: 45px; COLOR: #ffffff; LINE-HEIGHT: 22px; POSITION: relative; HEIGHT: 22px; z-index: 20; }
.myjQueryNav .current { BACKGROUND: #347e0d; }
.myjQueryNav .current  a { COLOR: #fff; }
.myjQuery #flow { background: url(../images/fcurrent.gif) no-repeat; margin-top: -33px; WIDTH: 45px; HEIGHT: 22px; Z-INDEX: 22; left: 652px; POSITION: absolute; }
/*-----------------------------*/