/* CSS Document */
body{ background-color:#fff; overflow-x:hidden; }
.wdiv{ width:1120px; margin:0px auto; padding:0px; position:relative;}
.wdiv01{ width:1120px; margin:0px auto; padding:0px;}
.wdiv98{width:98%; margin:0px auto; padding:0px;}
.hdiv{ height:100%;}
.fleft{ float:left;}
.fright{float:right;}
.clear{ clear:both;}
.colorfff{ background-color:#fff;}
.ptop10{ padding-top:10px!important;}
.ptop5{ padding-top:5px!important;}
.mtop10{ margin-top:10px!important;}
.mleft10{ margin-left:10px!important;}
.mleft5{ margin-left:5px!important;}
.mtop5{ margin-top:5px!important;}

.borderColor{ border:solid 1px #7e0000;}
.fontStyle00{ font-size:12px; font-family:"新宋体";}
.fontStyle01{ font-size:12px; font-family:"新宋体"; line-height:26px;}
.fontStyle01 span{ color:#7e0202;}


li,dd{ list-style:none;}
p{ margin:0px auto; padding:0px;}
.a_aboutus{ color:#860f0f;}
.a_kstd{ color:#f76f01;}

.head{ width:100%; height:186px;position:relative; z-index:50;}
.topbk{width:100%; height:40px; background-image:url(../images/topbk.jpg); background-repeat:repeat-y;}
.langSet{ text-align:right; padding-top:10px; }
.langSet a{ display:inline-block;  width:108px; text-align:left;color:#fff; line-height:27px;}
.langSet a i{ display:block; width:25px; height:25px; margin-right:8px;  background-image:url(../images/langset.png); background-repeat:no-repeat; float:left;}
.langSet a .langeset_cn{ background-position:0px 0px}
.langSet a .langeset_en{ background-position:-107px 0px}
.langSet a .langeset_ar{ background-position:-207px 0px}

.logoDiv{ height:115px; text-align:left;}
.logoDiv .logoImg{ max-height:75px; float:left; padding-top:10px;}

.searchDiv{ width:300px; height:36px; margin-top:45px; float:right;}
.searchDiv .keywordsDiv{ width:218px; height:36px;  float:left; font-family:Arial, Helvetica, sans-serif; color:#666; font-size:14px; text-indent:8px;}
#keywordText{height:22px;width:218px;}
.searchDiv .submitDiv{ width:53px; height:36px;float:left;}



nav{ height:34px;width:100%; background-image:url(../images/navbk.jpg); background-repeat:repeat-x; position:absolute; bottom:0px;}
nav ul{ width:100%; height:100%; position:relative;}
nav ul li{ width:14.2%; height:100%; text-align:center; float:left; background-image:url(../images/menu_fg.png); background-position:right 10px; background-repeat:no-repeat;}
nav ul li:last-child{ background-image:none;}
nav ul li a{ font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:34px; color:#fff;}
nav ul li a:hover{ color:#ec1b24;}

#main-menu{ width:100%; height:100%; margin:0px auto; padding:0px;}
#main-menu li{ width:15.3%; height:100%; margin:0px auto; padding:0px; text-align:center; float:left;}
#main-menu li a{ line-height:34px; font-family:"微软雅黑"; font-size:14px; color:#fff;}
#main-menu li:hover .downMenuUl{ display:block; opacity:1; transition:opacity 0.3s;}

#main-menu .downMenuUl{ width:100%; margin:0px auto; padding:0px; opacity:0; transition:opacity 0.3s; display:none;}
#main-menu .downMenuUl li{ width:100%; height:40px; background-image:none; border-bottom:dotted 1px #263238; background-color:#3c505a; text-align:left; text-indent:10px;}
#main-menu .downMenuUl li a{line-height:40px; font-family:"微软雅黑"; font-size:12px; color:#fff;}
#main-menu .downMenuUl li:hover{ background-color:#263238;}

.zwDiv{ height:800px;}
.bannerDiv{width:100%;height:580px; margin:0px auto; position:relative; overflow:hidden;}
@media only screen and (max-width:1440px) 
{
	.bannerDiv{width:100%;height:430px; margin:0px auto; position:relative; overflow:hidden;}
}


.appDiv{ height:120px; position:relative; overflow:hidden; margin-top:20px;} 
/* 多个左滚动 - 公用类 */ 
.leftLoop{ overflow:hidden; position:relative; height:100%; } 
.leftLoop .hd{ overflow:hidden;  height:30px; background:#f4f4f4;  } 
.leftLoop .hd .prev,.leftLoop .hd .next{ display:block;  width:5px; height:9px; line-height:10px; float:right; margin-right:10px; margin-top:10px;  overflow:hidden;cursor:pointer; background:url("../images/icoleft.gif") no-repeat;} 
.leftLoop .hd .next{ background:url("../images/icoright.gif") no-repeat;  } 
.leftLoop .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;  } 
.leftLoop .hd ul li{ position:relative; _display:inline; float:left;  width:10px; height:10px; overflow:hidden; background:#ccc; margin-right:10px; text-indent:-999px; cursor:pointer; 
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(../images/pie.htc);} 
.leftLoop .hd ul li.on{ background:#f00;  } 
/* 多个左滚动 - 公用类 --  滚动图片设置 */ 
.leftLoop .bd{ padding:10px;   } 
.leftLoop .bd ul{ overflow:hidden; zoom:1; } 
.leftLoop .bd ul li{ margin:0 10px; text-align:center; float:left;display:_inline;  }  
/* 通用图片列表_普通式 */ 
.picList li{ width:126px;  }  
.picList .title{ line-height:24px;   }  

.imgGd01{ width:100%; height:110px; text-align:center;}
.imgGd01 li{ width:100px; height:100%; position:relative; display:inline-block;} 
.imgGd01 li .pic{ width:100%; height:100%; display:table-cell; vertical-align:middle; text-align:center;  } 
.imgGd01 li .pic img{ max-width:100%; max-height:100%; display:table-cell; vertical-align:middle; text-align:center; margin:0px auto;} 
.imgGd01 li .pic a:hover img{ border-color:#f00;  } 

.title_prods{ width:100%; height:88px; text-align:center;}
.prods_catgDiv{ margin-top:45px; margin-bottom:45px; height:20px; text-align:center;}
.prods_catgDiv a{ font-family:"微软雅黑"; font-size:16px; color:#000; background-color:#e2e2e2; border-radius:20px; padding:10px; padding-left:20px; padding-right:20px; margin-left:18px; margin-right:18px; font-weight:bold;}
.prods_catgDiv a:hover{color:#fff; background-color:#273238;}

.prods_list{ width:100%; height:325px; overflow:hidden; position:relative;}
.prods_list li{ width:25%; height:100%; float:left; position:relative;}
.prods_list li div{ width:240px; height:100%; margin:0px auto; position:relative;}
.prods_list li div span{ display:table-cell; width:240px; height:240px; margin:0px auto; position:relative; background-image:url(../images/prods_list_bk.jpg); background-position:center top; background-repeat:no-repeat; background-size:100% 100%;}
.prods_list li div span img{ display:table-cell; width:230px; height:180px; margin:0px auto; margin-left:5px; margin-top:30px; position:relative;transform:scale(1); transition:transform 0.3s}
.prods_list li div p{font-family:"微软雅黑"; font-size:14px; color:#000; padding-top:10px; line-height:30px; }

.prods_list li:hover span img{ transform:scale(1.1); transition:transform 0.3s}


.prods_list_page{ width:100%; margin:0px auto; position:relative;}
.prods_list_page li{ width:33.3%; height:305px; float:left; position:relative;}
.prods_list_page li div{ width:240px; height:100%; margin:0px auto; position:relative;}
.prods_list_page li div span{ display:table-cell; width:240px; height:240px; margin:0px auto; position:relative; background-image:url(../images/prods_list_bk.jpg); background-position:center top; background-repeat:no-repeat; background-size:100% 100%;}
.prods_list_page li div span img{ display:table-cell; width:230px; height:180px; margin:0px auto; margin-left:5px; margin-top:30px; position:relative; transform:scale(1); transition:transform 0.3s}
.prods_list_page li div p{font-family:"微软雅黑"; font-size:16px; color:#000; padding-top:10px; line-height:30px; }

.prods_list_page li:hover span img{ transform:scale(1.1); transition:transform 0.3s}



.indexTitle{ text-align:left; width:100%; height:40px; margin:0px auto;font-family:"微软雅黑"; font-size:24px; color:#000; line-height:40px; font-weight:bold;}
.indexTitle font{ color:#be454a; text-transform:capitalize;}

.aboutusDiv{ width:358px; height:327px; position:relative; border-right:solid 1px #000;}  
.aboutusInfor{ width:357px; height:250px; position:relative; border:solid 1px #ddd; overflow:hidden;}
.aboutusInfor00{ width:98%; height:100%;  margin:0px auto;}
.aboutusInfor00 .imgdiv{ margin:0px auto;text-align:center; margin-top:6px;}
.aboutusA{width:100%; height:37px; text-align:right; padding-right:10px; }
.aboutusA a{ line-height:37px;font-family:"微软雅黑"; font-size:16px; color:#bd454a;}


.newsDiv{ width:423px; height:327px; margin:0px auto; padding:0px;}  
.newslist{ width:98%; height:280px; margin:0px auto; position:relative;}
.newslist li,.newslist li dl{ width:100%; height:100%; margin:0px auto; position:relative; overflow:hidden;} 
.newslist li dl dt{ width:100%; height:75px; position:relative; overflow:hidden;}
.newslist li dl dt img{ max-width:130px;max-height:70px; float:left; margin-right:10px;}
.newslist li dl dt a{line-height:25px; font-family:"微软雅黑"; font-size:14px; color:#000;} 

.newslistDd{ width:100%; height:40px; border-bottom:dotted 1px #666; margin:0px auto; padding:0px;}
.newslistDd a{ float:left;line-height:40px; font-family:"微软雅黑"; font-size:12px; color:#333; display:block; width:80%}
.newslistDd a i{ float:left; display:block; width:20px; height:20px; background-image:url(../images/ico_news.png); margin-top:10px; margin-right:8px;}
.newslistDd span{ float:right;line-height:40px; font-family:"微软雅黑"; font-size:12px; color:#999; display:block; width:20%; text-align:right;}


.newsDiv h2 div a{line-height:35px; color:#000; font-size:16px; font-family:"微软雅黑"; }



.kstdDiv{ width:327px; height:327px; position:relative; border-left:solid 1px #000; }
.kstdInfor{ width:325px; height:250px;position:relative; border:solid 1px #ddd; margin-left:-1px;}
.kstdInfor00{ width:300px; height:100%;  margin:0px auto;}  
	.slideBox{ width:100%; height:200px;position:relative; margin-top:25px;} 
	.slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:80px; bottom:-50px; z-index:1; } 
	.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  } 
	.slideBox .hd ul li{ float:left; margin-right:5px;  width:20px; height:5px; background:#999999; cursor:pointer; } 
	.slideBox .hd ul li.on{ background:#f00; color:#fff; } 
	.slideBox .bd{ position:relative; height:100%; z-index:0;   } 
	.slideBox .bd ul,.slideBox .bd ul li{ width:100%; height:100%; position:relative; margin:0px auto; padding:0px;}
	.slideBox .bd img{ width:100%; height:100%; } 




#footer{ width:100%; height:435px; margin-top:55px; background-color:#4d4c4c;overflow:hidden;}

.ftUl{ width:100%;height:100%;  float:left;line-height:30px; color:#fff; font-size:18px; font-family:"微软雅黑"; }
.ftUl li{ width:33.3%; height:100%; float:left;}
.ftUl li dl{ width:350px; max-height:370px; margin:0px auto;margin-top:50px; }
.ftUl li dl dt,.ftUl li dl dd{ width:100%;}
.ftUl li dl dt{ height:60px; line-height:60px;color:#fff; font-size:24px; font-family:"微软雅黑";}
.ftUl li dl dd{ margin-bottom:10px;}
.ftUl li dl dd,.ftUl li dl dd a{min-height:40px; line-height:30px;color:#fff; font-size:16px; font-family:"微软雅黑"; text-align:left;} 

.ftBkColor{ background-color:#363636;}
.ico_footer_tel,.ico_footer_fax,.ico_footer_email,.ico_footer_add{ width:28px; height:28px; float:left; margin-right:5px; background-image:url(../images/ico_footer.png); background-repeat:no-repeat;}
.ico_footer_add{ background-position:0px 0px;}
.ico_footer_fax{ background-position:0px -48px;}
.ico_footer_email{ background-position:0px -96px;}
.ico_footer_add{ background-position:0px -146px;}

.footerShare{ width:100%; margin:0px auto; margin-top:20px;}

footer{ width:100%; height:60px; line-height:60px; text-align:center; background-color:#1f282d; color:#fff; font-size:14px; font-family:"微软雅黑";}

.ftContactus{ width:300px; height:100%; float:left;}



.guahaoUl{ width:100%; margin:0px auto;}
.guahaoUl li{ height:40px; float:left; margin-bottom:20px!important;}
.guahaoUl .xmli0{ width:12%; margin:0px auto; text-align:right;color:#7e0202; font-size:14px; font-family:"微软雅黑";}
.guahaoUl .xmli2{ width:88%; margin:0px auto; text-align:left;}
.guahaoUl .xmli3{ width:100%; margin:0px auto; text-align:left; padding-left:12%;}
.guahaoUl .xmli4{ width:88%;height:170px; margin:0px auto; text-align:left;}
.guahaoUl .xmli5Div{ width:100%; margin:0px auto; margin-bottom:10px; padding:0px;}
.guahaoUl .xmli5{ width:88%; margin:0px auto;text-align:left;}
.inforVal{ width:480px; height:150px;}

#submitGhao{ background-color:#7e0202; color:#fff; width:120px; height:35px; line-height:30px; border:solid 1px #7e0202; border-radius:3px;}
#telSubmit{ height:34px; margin-top:-10px;}

.yslb {border-collapse: collapse; background-color: #fff; font-size:12px;}
.yslb td {line-height: 16px;border: 1px #BDBDBD solid;text-align: center;color: #646464;}

.am_cls,.pm_cls{ padding:1px; padding-left:5px; padding-right:5px; border-radius:3px; color:#fff;}
.am_cls:hover,.pm_cls:hover{ color:#fff;} 
.am_cls{background-color:#393; }
.pm_cls{ background-color:#F60;}

.yytimeCls0,.yytimeCls1,.yytimeCls2{ display:inline-block;color:#fff; font-size:12px; padding:3px; padding-left:6px; padding-right:6px; margin:10px; border-radius:3px;}
.yytimeCls0{ background-color:#090; cursor:pointer;}
.yytimeCls0:hover{ background-color:red;}
.yytimeClsRed{ background-color:red;}
.yytimeCls1,.yytimeCls2{ background-color:#999;}

#yytimeDiv{ padding:5px; padding-left:10px; padding-right:10px;color:red;font-size:20px; font-family:Arial, Helvetica, sans-serif; line-height:30px;}

.RightDiv{ margin-left:0px; z-index:10; position:relative;}
.hbordreColor{ border-bottom:solid 1px #ddd;}
.headbtm_0{ margin-bottom:0px;}
.pagelist_ul{ width:100%; margin:0px auto;}
.pagelist_ul li{ width:100%; height:40px; background-color:#efeded; text-align:left; border-bottom:solid 1px #dfdcdc; text-indent:10px; background-repeat:no-repeat; background-image:url(../images/li_0.png); background-position:220px 15px; position:relative;}
.pagelist_ul li:hover{background-image:url(../images/li_1.png); background-color:#be454a;}
.pagelist_ul li:hover a{ color:#fff;}
.pagelist_ul li:hover dl{ display:block;}
.pagelist_ul li:hover dl dd a{ color:#333;}
.pagelist_ul li a{ line-height:40px; color:#333; font-size:14px; font-family:"微软雅黑";}

.pagelist_ul li dl{ position:absolute;width:200px; left:250px;top:0px; background-color:#efeded; margin:0px auto;border-top:solid 1px #dfdcdc;border-left:solid 1px #dfdcdc; display:none;}
.pagelist_ul li dl dd{ width:180px; height:40px; text-align:left; border-bottom:solid 1px #dfdcdc; text-indent:10px; background-repeat:no-repeat; background-image:url(../images/li_0.png); background-position:0px 15px; position:relative;}
.pagelist_ul li dl dd a{ line-height:40px; color:#333; font-size:14px; font-family:"微软雅黑";}
.pagelist_ul li dl dd:hover{background-image:url(../images/li_1.png); background-color:#be454a;}
.pagelist_ul li dl dd:hover a{ color:#fff;}


.contactus_ul{ width:100%; padding:0px; margin:0px auto; padding-top:10px; padding-bottom:10px;background-color:#efeded;}
.contactus_ul dl{ width:96%; margin:0px auto;}
.contactus_ul dl dd{line-height:30px; color:#333; font-size:14px; font-family:"微软雅黑"; } 

.contactus_ul .ico_footer_tel,.contactus_ul .ico_footer_fax,.contactus_ul .ico_footer_email,.contactus_ul .ico_footer_add{ width:20px; height:20px; float:left; margin-right:5px; margin-top:8px; background-image:url(../images/ico_left.png); background-repeat:no-repeat;}
.contactus_ul .ico_footer_add{ background-position:0px 0px;}
.contactus_ul .ico_footer_fax{ background-position:0px -35px;}
.contactus_ul .ico_footer_email{ background-position:0px -70px;}
.contactus_ul .ico_footer_add{ background-position:0px -105px;}

#i_facebook,#i_twitter,#i_googleplus,#i_linkedin,#i_pinterest,#i_youtube,#i_instagram,#i_skype{ display:inline-block; float:left; margin-right:5px; margin-bottom:5px; width:40px; height:40px; background-image:url(../images/icon-sns.png); background-repeat:no-repeat; border-radius:40px;cursor: pointer;text-indent: -9999px;}
#i_facebook{ background-position:0px 0px;}
#i_twitter{ background-position:-51px 0px;}
#i_googleplus{ background-position:-102px 0px;}
#i_linkedin{ background-position:-153px 0px;}
#i_pinterest{ background-position:-204px 0px;}
#i_youtube{ background-position:-255px 0px;}
#i_instagram{ background-position:-306px 0px;}
#i_skype{ background-position:-357px 0px;}

.article-prodsImg{ float:left; border:solid 1px #dfdfdf; margin:0px auto; padding:5px; background-color:#fff; max-width:420;}
.article-prodsImgIds{display:table-cell;max-height:412px; max-width:412px;vertical-align:middle; text-align:center; margin:0px auto; border:solid 1px #dfdfdf;}

.article-prods_dl{ width:600px; margin:0px auto; float:left; margin-left:90px;}
.article-prods_dl dt{ height:50px; font-size:20px; font-family:"微软雅黑"; line-height:50px; border-bottom:dotted 1px #dfdfdf;}
.article-prods_dl dt h1{font-size:20px;}
.article-prods_dl dt b,.article-prods_dl dd b{ text-transform:capitalize;}
.article-prods_dl dd{ height:50px; font-size:16px; font-family:"微软雅黑"; line-height:50px;border-bottom:dotted 1px #dfdfdf;}
.shareDiv{width:100%; height:50px; margin:0px auto; border-top:dotted 1px #dfdfdf;border-bottom:dotted 1px #dfdfdf; text-align:right; padding-top:5px; margin-top:20px;}
.shareDiv a{ float:right!important; text-indent:9999px!important;}

.post_title_div{ width:100%; height:40px; border-bottom:solid 1px #dddddd; margin-top:20px;}
.post_title_div span{ display:block; width:140px; height:40px; text-align:center; line-height:36px; background-color:#fff; border:solid 1px #dddd; border-top:solid 3px #be454a; border-bottom:0px; border-top-left-radius:3px;border-top-right-radius:3px; color:#be454a; font-size:14px; font-family:"微软雅黑"; font-weight:bold;}

.catalogDiv{ width:100%; margin:0px auto;}
.catalogDiv ul{ width:100%; margin:0px auto;}
.catalogDiv ul li{ width:100%; margin:0px auto; margin-bottom:10px; border-bottom:dotted 1px #ddd;}
.catalogDiv ul li .catalogDiv_1{ width:25%; float:left; text-align:left;}
.catalogDiv ul li .catalogDiv_1 a{font-size:16px; font-family:"微软雅黑"; color:#000;line-height:30px;}
.catalogDiv ul li .catalogDiv_2{ width:25%; float:left; text-align:left; border-left:dotted 1px #ddd; border-right:dotted 1px #ddd; padding-left:10px;}
.catalogDiv ul li .catalogDiv_2 a{font-size:14px; font-family:"微软雅黑"; color:#000; line-height:30px;}
.catalogDiv ul li .catalogDiv_3{ width:46%; float:left; text-align:left; padding-left:10px;}
.catalogDiv ul li .catalogDiv_3 a{font-size:14px; font-family:"微软雅黑"; color:#333; line-height:30px;}



#example2{display: none;margin-bottom: 50px;margin-top:10px;}
#example2 .etalage_thumb{background: white url(../images/loading.gif) center no-repeat;border: 1px solid #ddd;padding:5;}
#example2 .etalage_zoom_area,.etalage_zoom_area{background: white url(../images/loading.gif) center no-repeat;border: 1px solid #ddd;padding:0;}
#example2 .etalage_magnifier{background: #666;border: 1px solid #333;}
#example2 .etalage_icon{background: url(../images/zoom2.gif) no-repeat;width: 24px;	height: 24px;}
/*
 * ------------------------------------ FUNCTIONALITY --------------------------------------
 * The following CSS serves to make Etalage function properly. Don't edit or edit carefully.
 * -----------------------------------------------------------------------------------------
 */
.etalage, .etalage_thumb, .etalage_thumb_image, .etalage_source_image, .etalage_zoom_preview, .etalage_icon, .etalage_hint{ display:none }
.etalage, .etalage ul, .etalage li, .etalage img, .etalage_hint, .etalage_icon, .etalage_description{ margin:0; padding:0; border:0; list-style:none }
.etalage, .etalage_magnifier div, .etalage_magnifier div img, .etalage_small_thumbs ul, ul .etalage_small_thumbs li, .etalage_zoom_area div, .etalage_zoom_img{ position:relative }
.etalage img, .etalage li{ -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none; -webkit-user-drag:none; -moz-user-drag:none; user-drag:none }
.etalage, .etalage_small_thumbs li{ float:left }
.etalage_right{ float:right }
.etalage li{ position:absolute }
.etalage img{ vertical-align:bottom; max-width:none }
.etalage_magnifier{ cursor:default }
.etalage_magnifier div, .etalage_small_thumbs{ overflow:hidden }
.etalage_magnifier div img{ display:none }
.etalage_icon, .etalage_hint{ cursor:default; width:0; height:0; overflow:hidden }
.etalage_small_thumbs li.vertical{ float:none }
.etalage_zoom_area{ z-index:996 }
.etalage_zoom_area div{ overflow:hidden; z-index:997 }
.etalage_zoom_preview{ position:absolute; z-index:998 }
.etalage_zoom_img, .etalage_hint{ z-index:999 }
.etalage{ direction:ltr }
div.etalage_description{ position:absolute; bottom:0; left:0; z-index:999 }
div.etalage_description.rtl{ direction:rtl; text-align:right }