html{ overflow-x: hidden; }
body{ font-family: 'Arial',\5FAE\8F6F\96C5\9ED1; overflow-x: hidden; font-size: 13px; color: #333; line-height: 28px;}
a{ cursor: pointer; color: #333;}
a:hover{ color: #00913a;transition: color 0.4s;-moz-transition: color 0.4s;	-webkit-transition: color 0.4s;-o-transition: color 0.4s;}
input{ outline: none;}
table{ border-collapse: collapse;}
table tr th{ border: 1px solid #ddd;}
table tr td{ border: 1px solid #ddd; padding: 5px;}


/*母版-头部*/
.masterhead{ width: 980px; margin: 0 auto; height: 155px; position: relative; z-index: 10;}
.masterhead .logo{ float: left; display: block; width: 199px; height: 61px; margin-top: 47px;}
.masterhead .head_right{ float: right; width: 737px;}
.masterhead .head_right .head_tips{ height: 25px; line-height: 25px; overflow: hidden; margin-top: 20px; width: 522px; float: right;}
.masterhead .head_right .head_tips .phone{ float: left; background: url(../images/icon.png) no-repeat left 7px; font-size: 12px; color: #4c4c4c; padding-left: 20px; width: 236px;}
.masterhead .head_right .head_tips .phone span{ font-weight: bold; color: #000; font-weight: bold; font-size: 26px; font-style: italic; margin-left: 5px;}
.masterhead .head_right .head_tips .language{ font-size: 12px; background: url(../images/icon.png) no-repeat left -45px; float: left; padding-left: 16px; margin-left: 10px; margin-right: 15px; width: 85px;}
.masterhead .head_right .head_tips .language a{ color: #666;}
.masterhead .head_right .head_tips .search{ height: 25px; width: 140px; background: #00913a; float: left;}
.masterhead .head_right .head_tips .search input{ font-size: 12px; color: #fff; border: 0; width: 100px; padding: 4px; float: left; margin-top: 1px; background: none;}
.masterhead .head_right .head_tips .search a{ display: block; float: right; width: 30px; height: 25px; background: url(../images/icon.png) no-repeat 10px -103px;}
.masterhead .head_right ul.menu{ float: right; width: 737px; height: 60px; background: url(../images/menu_bg.png); margin-top: 10px;}
.masterhead .head_right ul.menu li{ float: left; line-height: 56px; margin: 0 1px; text-align: center; font-size: 16px;}
.masterhead .head_right ul.menu li a{ color: #000; display: block; border-bottom: 3px solid #fff; padding: 0 20px;}
.masterhead .head_right ul.menu li b{ display: none;position: absolute; margin-top: 31px; width: 20px; height: 10px; background: url(../images/diy_icon.png) no-repeat left -378px;}
.masterhead .head_right ul.menu .current b{ display: block;}
.masterhead .head_right ul.menu .current>a{ color: #00913a; border-bottom: 3px solid #00913a;}
.masterhead .head_right ul.menu li:hover>a{ color: #00913a; border-bottom: 3px solid #00913a;}
.masterhead .head_right ul.menu li dl{ position: absolute; line-height: 40px; display: none; font-size: 14px; overflow: hidden;}
.masterhead .head_right ul.menu li dl dd{ float: left; margin: 0 10px;}
.masterhead .head_right ul.menu li dl dd a{ border: 0; padding: 0 10px;}
.masterhead .head_right ul.menu li dl dd a:hover{ color: #00913a;}

/*母版-底部*/
.foot{ width: 100%; height: 38px; line-height: 38px; color: #fff; background: #666;}
.foot a{ color: #eee;}
.foot a:hover{ color: #fff;}
.foot .sub_foot{ width: 980px; margin: 0 auto; font-size: 12px;}
.foot ul{ float: left;}
.foot ul li{ float: left;}
.foot ul li a{ padding: 0 5px;}
.foot .copyright{ float: right; width: 390px;}
.foot .copyright a{ text-transform: uppercase; margin-right: 20px;}


/*首页-banner*/
.banner{ width: 100%; height: 560px; position: relative; z-index: 1;}
.banner ul{ width: 100%; height: 560px; position: relative;}
.banner ul li{ width: 100%; height: 560px; position: absolute; left: 0; top: 0; display: none;}
.banner ul li a{ width: 100%; height: 560px; display: block;}
.banner .prev{ position: absolute; width: 40px; height: 40px; cursor: pointer; top: 260px; left: 50px; background: url(../images/icon.png) no-repeat 0px -150px; opacity: 0.7;filter: alpha(opacity=70);}
.banner .prev:hover{ opacity: 1.0;filter: alpha(opacity=100);}
.banner .next{ position: absolute; width: 40px; height: 40px; cursor: pointer; top: 260px; right: 50px; background: url(../images/icon.png) no-repeat -40px -150px; opacity: 0.7;filter: alpha(opacity=70);}
.banner .next:hover{ opacity: 1.0;filter: alpha(opacity=100);}

/*首页-推荐新闻*/
.sy_news{ width: 100%; height: 60px; margin-top: 20px; line-height: 24px; border-bottom: 1px solid #ccc; overflow: hidden;}
.sy_news .sub_sy_news{ width: 980px; margin: 0 auto; position: relative;}
.sy_news .tips{ float: left; width: 110px; height: 23px; background: url(../images/sy_arrow.png) no-repeat right 5px; text-align: left; line-height: 23px; color: #fff; font-size: 14px; margin-right: 20px; font-size: 22px; margin-top: 10px; font-weight: bold; color: #006a36;}
.sy_news .content{ width: 835px; float: left; position: relative; overflow: hidden; height: 70px;}
.sy_news .content ul{ width: 835px; position: absolute; left: 0; top: 0;}
.sy_news .content ul li{ height: 70px;}
.sy_news .content ul li a{ display: block; color: #333;}
.sy_news .content ul li a:hover{ color: #00913a;}
.sy_news .content ul li a .date{ float: left; margin-right: 20px;}
.sy_news .content ul li a .topic{ display: block;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; font-weight: bold;}
.sy_news .content ul li .intro{overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; width: 80%; height: 24px;}
.sy_news .prev{ position: absolute; right: 22px; top: 13px; height: 15px; width: 15px; cursor: pointer; background: url(../images/icon.png) no-repeat 0px -210px;}
.sy_news .prev:hover{ background-position: 0px -225px;}
.sy_news .next{ position: absolute; right: 0px; top: 13px; height: 15px; width: 15px; cursor: pointer; background: url(../images/icon.png) no-repeat -15px -210px;}
.sy_news .next:hover{ background-position: -15px -225px;}

/*首页-链接*/
.sy_link{ width: 980px; margin: 30px auto;}
.sy_link ul{ height: 80px; width: 1000px;}
.sy_link ul li{ width: 160px; height: 60px; border: 1px solid #ddd; background: #fafafa; float: left; margin-right: 20px; overflow: hidden; padding: 9px;}
.sy_link ul li .img{ display: block; float: left; border-radius: 50%; behavior:url(/css/PIE.htc); overflow: hidden; border: 1px solid #ddd; height: 58px; width: 58px;}
.sy_link ul li .arrow{ display: block; float: left; height: 30px; margin-top: 15px; width: 35px; background: url(../images/icon.png) no-repeat 10px -305px;}
.sy_link ul li .text{ display: block; width: 90px; margin-left: 10px; float: left;}
.sy_link ul li .text .topic{ display: block; font-size: 18px; color: #000;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; margin-top: 5px;}
.sy_link ul li .text .topic:hover{color: #00913a;}
.sy_link ul li .text .more{ font-size: 14px; color: #666;}
.sy_link ul li .text .more:hover{color: #00913a;}
.sy_link ul li:hover{ background: #fff; border-color: #00913a;}
.sy_link ul li:hover .img{ opacity: 0.7;filter: alpha(opacity=70);}
.sy_link .topic_big{height: 50px; line-height: 50px; text-align: center; font-size: 30px; color: #006a36; padding-left: 65px; background: url(../images/sy_icon.png) no-repeat 400px center; margin-bottom: 38px;}

/*首页-科技品质*/
.sy_tech{ width: 100%; height: 550px; background: url(../images/sy_tech_bg.jpg) no-repeat center;}
.sy_tech .sub_sy_tech{ width: 980px; margin: 0 auto; padding-top: 38px;}
.sy_tech .topic{ height: 50px; line-height: 50px; text-align: center; font-size: 30px; color: #fff; padding-left: 65px; background: url(../images/icon.png) no-repeat 360px -376px; margin-bottom: 38px;}
.sy_tech .head_ul{ width: 980px; height: 45px; line-height: 40px; background: url(../images/sy_tech_head.png) no-repeat;}
.sy_tech .head_ul li{ float: left; height: 45px; width: 25%; text-align: center; font-size: 18px; color: #006934; cursor: pointer;}
.sy_tech .head_ul .current{ background: url(../images/icon.png) no-repeat center -488px; color: #fff;}
.sy_tech .head_ul li:hover{ color: #000;}
.sy_tech .head_ul li.first.current{ background: url(../images/icon.png) no-repeat left -538px;}
.sy_tech .head_ul li.last.current{ background: url(../images/icon.png) no-repeat left -587px;}

.sy_tech .sy_tech_con{ height: 255px; margin-top: 24px; margin-bottom: 15px;}
.sy_tech .sy_tech_con .sy_tech_box{ display: none; position: relative;}
.sy_tech .sy_tech_con .sy_tech_box .sub_tech_box{ width: 980px; height: 255px; overflow: hidden; position: relative;}
.sy_tech .sy_tech_con .sy_tech_box ul{ position: absolute; left: 0; top: 0; overflow: hidden;}
.sy_tech .sy_tech_con .sy_tech_box ul li{ width: 310px; height: 255px; float: left; margin-right: 25px;}
.sy_tech .sy_tech_con .sy_tech_box ul li .img{ display: block;}
.sy_tech .sy_tech_con .sy_tech_box ul li .name{ display: block;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; color: #fff; font-size: 16px; height: 30px; line-height: 30px; margin-top: 5px;}
.sy_tech .sy_tech_con .sy_tech_box ul li .intro{ font-size: 12px; color: #fff; line-height: 20px; height: 40px; overflow: hidden;}
.sy_tech .sy_tech_con .sy_tech_box .prev{ position: absolute; height: 40px; width: 40px; background: url(../images/icon.png) no-repeat 0px -770px; left: -80px; top: 68px; cursor: pointer; opacity: 0.8;filter: alpha(opacity=80);}
.sy_tech .sy_tech_con .sy_tech_box .prev:hover{ opacity: 1.0;filter: alpha(opacity=100);}
.sy_tech .sy_tech_con .sy_tech_box .next{ position: absolute; height: 40px; width: 40px; background: url(../images/icon.png) no-repeat -40px -770px; right: -80px; top: 68px; cursor: pointer; opacity: 0.8;filter: alpha(opacity=80);}
.sy_tech .sy_tech_con .sy_tech_box .next:hover{ opacity: 1.0;filter: alpha(opacity=100);}

.sy_tech .view_more{ display: block; background: url(../images/icon.png) no-repeat left -819px; width: 211px; height: 42px; line-height: 40px; text-align: center; padding-left: 20px; font-size: 16px; color: #666; margin: 0 auto;}

/*首页-供应商查询*/
.sy_supplier{ width: 980px; margin: 0 auto;}
.sy_supplier .topic{ height: 50px; line-height: 50px; text-align: center; font-size: 30px; color: #006934; padding-left: 70px; background: url(../images/icon.png) no-repeat 385px -676px; margin: 38px 0;}
.sy_supplier .form{ overflow: hidden; width: 812px; margin: 0 auto;}
.sy_supplier .form input{ background: #666; border: 0; color: #fff; font-size: 18px; padding: 20px; font-family: 'Arial',\5FAE\8F6F\96C5\9ED1; display: block; float: left; margin: 0 13px; width: 340px;}
.sy_supplier .form .code{ width: 405px; background: #666; float: left;}
.sy_supplier .form .code input{ width: 265px; margin-right: 10px; margin-left: 0;}
.sy_supplier .form .code img{ margin-top: 5px; display: none;}
.sy_supplier .result_button{ margin-top: 40px; margin-bottom: 70px;}
.sy_supplier .result_button .submit{ display: block; background: url(../images/icon.png) no-repeat left -864px; width: 211px; height: 42px; line-height: 40px; text-align: center; padding-left: 20px; font-size: 16px; color: #666; margin: 0 auto; border: none; color: #fff; font-family: 'Arial',\5FAE\8F6F\96C5\9ED1;}
.sy_supplier .result_button .result{ position: absolute; margin-top: -42px; display: none;}
.sy_supplier .result_button .result .close{}
.sy_supplier .result_button .result table{ width: 980px; line-height: 30px; border-collapse: collapse;}
.sy_supplier .result_button .result table tr th{ border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #f2f2f2;}
.sy_supplier .result_button .result table tr td{ border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; background: #fafafa;}
.sy_supplier .result_button .result .close{ position: absolute; right: 0; top: -30px; width: 30px; height: 30px; background:url(../images/icon.png) no-repeat 10px -925px #8dc21f; cursor: pointer;}

/*首页-常见问题*/
.sy_faq{ width: 100%; background: #e6e6e6;}
.sy_faq .sub_sy_faq{ width: 980px; margin: 0 auto; padding-top: 38px; padding-bottom: 50px;}
.sy_faq .topic{ height: 50px; line-height: 50px; text-align: center; font-size: 30px; color: #006934; padding-left: 70px; background: url(../images/icon.png) no-repeat 385px -988px; margin-bottom: 38px;}
.sy_faq ul{ width: 1016px;}
.sy_faq ul li{ width: 472px; float: left; margin-right: 36px; margin-bottom: 30px;}
.sy_faq ul li .question{ overflow: hidden; display: block; border-bottom: 1px dashed #b3b3b3; height: 45px; line-height: 45px; color: #000;}
.sy_faq ul li .question:hover{ color:#006934; }
.sy_faq ul li .question .num{ display: block; float: left; color: #fff; font-size: 16px; width: 25px; height: 25px; background: url(../images/icon.png) left -1065px; line-height: 22px; text-align: center; margin-top: 10px;}
.sy_faq ul li .question .text{ display: block; float: right; width: 435px; font-size: 16px;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.sy_faq ul li .answer{ margin-top: 10px; line-height: 18px; height: 36px; overflow: hidden; font-size: 12px;}
.sy_faq .view_more{ display: block; background: url(../images/icon.png) no-repeat left -864px; width: 211px; height: 42px; line-height: 40px; text-align: center; padding-left: 20px; font-size: 16px; color: #666; margin: 0 auto; border: none; color: #fff; font-family: 'Arial',\5FAE\8F6F\96C5\9ED1; margin-top: 20px;}






/*内页*/

/*分页*/
.page{ font-size: 14px; text-align: right;}
.page a{ color: #999; display: inline-block; margin: 0 3px;}
.page span{ color: #006934; display: inline-block; margin: 0 3px;}
.page a:hover{color:#006934;}
.page .prev{ background: url(../images/diy_icon.png) no-repeat 0px -319px; opacity: 0.7;filter: alpha(opacity=70); width: 6px; height: 12px;}
.page .prev:hover{ opacity: 1.0;filter: alpha(opacity=100);}
.page .next{ background: url(../images/diy_icon.png) no-repeat -184px -319px; opacity: 0.7;filter: alpha(opacity=70); width: 6px; height: 12px;}
.page .next:hover{ opacity: 1.0;filter: alpha(opacity=100);}

/*内页头部*/
.diy_head{ width: 100%; height: 120px; background: url(../images/diy_banner.jpg) no-repeat center;}
.diy_head .sub_diy_head{ width: 980px; margin: 0 auto;}
.diy_head .position{ height: 50px; line-height: 50px; font-size: 12px; font-family: 'Arial',\5B8B\4F53; color: #4c4c4c;}
.diy_head .position a{ color: #4c4c4c;}
.diy_head .position a:hover{ color:#006934;}
.diy_head .position span{}
.diy_head .topic{ font-size: 30px; margin-top: 10px; color: #000;}

.diy_main{ width: 980px; margin: 0 auto;padding-bottom: 50px;}
.diy_main .diy_left{ float: left; width: 717px; min-height: 300px;}
.diy_main .right_menu{ margin-bottom: 30px; float: right; width: 203px; background: url(../images/diy_menu.png) repeat-y left; position: relative; padding: 65px 0 0 30px;}
.diy_main .right_menu .next_page{ position: absolute; right: 0; top: 0; display: block; background: url(../images/diy_icon.png) no-repeat left -87px; width: 70px; height: 65px;}
.diy_main .right_menu dl{}
.diy_main .right_menu dl dt{ color: #006934; font-size: 22px; height: 40px; line-height: 40px; padding-bottom: 18px; border-bottom: 1px dashed #b5b5b5; overflow: hidden;}
.diy_main .right_menu dl dt img{ margin-right: 10px; display: block; float: left;}
.diy_main .right_menu dl dt span{ display: block; float: left;}
.diy_main .right_menu dl dd{ line-height: 48px; border-bottom: 1px dashed #b5b5b5; background: url(../images/icon.png) no-repeat left -296px; padding-left: 20px; font-size: 14px;}
.diy_main .right_menu dl dd ul{ line-height: 20px; font-size: 12px; margin-bottom: 10px; display: none;}
.diy_main .right_menu dl dd ul li{ background: url(../images/diy_icon.png) no-repeat 0px -434px; padding-left: 15px;}
.diy_main .right_menu dl dd ul .current{ background: url(../images/diy_icon.png) no-repeat 0px -459px;}
.diy_main .right_menu dl dd ul li:hover{ background: url(../images/diy_icon.png) no-repeat 0px -459px;}
.diy_main .right_menu dl dd ul .current a{ color: #006934;}
.diy_main .right_menu dl dd a{ display: block;}
.diy_main .right_menu dl dd:hover{ background-position: -287px -296px;}
.diy_main .right_menu dl .current{ background-position: -287px -296px;}
.diy_main .right_menu dl .current>a{ color: #006934;}

/*推荐-浩然动态*/
.recom_news{ width: 100%; background: #e6e6e6;}
.recom_news .sub_recom_news{ width: 980px; margin: 0 auto; padding-top: 35px;}
.recom_news .topic{ height: 40px; line-height: 40px; color: #006934; font-size: 30px;}
.recom_news ul{ margin-bottom: -1px;}
.recom_news ul li{ border-bottom: 1px dashed #808080; padding-bottom: 20px; padding-top: 20px;}
.recom_news ul li .name{ display: block; color: #000; font-size: 16px;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; margin-bottom: 15px;}
.recom_news ul li .name:hover{ color: #006934;}
.recom_news ul li .intro{ font-size: 12px; font-family: 'Arial',\5B8B\4F53; line-height: 18px; height: 36px; overflow: hidden; margin-bottom: 10px;}
.recom_news ul li .bottom{ overflow: hidden;}
.recom_news ul li .bottom .date{ float: left; color: #999;}
.recom_news ul li .bottom .more{ float: right; display: block; background: url(../images/diy_icon.png) no-repeat left -172px; width: 71px; height: 25px; line-height: 25px; text-align: center; color: #fff;}


/*贴心服务-供应商查询*/
.service_supplier{}
.service_supplier .form{ overflow: hidden; width: 739px; margin-top: 70px;}
.service_supplier .form input{ background: #666; border: 0; color: #fff; font-size: 18px; padding: 20px; font-family: 'Arial',\5FAE\8F6F\96C5\9ED1; display: block; float: left; margin-right: 22px; width: 306px;}
.service_supplier .form .code{ width: 346px; background: #666; float: left;}
.service_supplier .form .code input{ width: 210px; margin-right: 10px;}
.service_supplier .form .code img{ margin-top: 5px; display: none;}
.service_supplier .submit{ display: block; background: url(../images/icon.png) no-repeat left -864px; width: 211px; height: 42px; line-height: 40px; text-align: center; padding-left: 20px; font-size: 16px; color: #666; margin: 40px auto; border: none; color: #fff; font-family: 'Arial',\5FAE\8F6F\96C5\9ED1;}
.service_supplier table{ width: 714px; border-collapse: collapse; margin-bottom: 20px;}
.service_supplier table tr th{ border: 1px solid #ddd; background: #f2f2f2; width: 50%;}
.service_supplier table tr td{ border: 1px solid #ddd; text-align: center; background: #fafafa; width: 50%;}

/*贴心服务-常见问题*/
.service_faq{ padding-top: 50px;}
.service_faq .faq_show{ height: 45px; line-height: 45px; background: url(../images/diy_icon.png) no-repeat 660px -253px #e6e6e6; cursor: pointer; overflow: hidden;}
.service_faq .faq_show.current{ background: url(../images/diy_icon.png) no-repeat 660px -210px #e6e6e6;}
.service_faq .faq_show span{ display: block; width: 25px; height: 25px; background: url(../images/icon.png) no-repeat left -1065px; float: left; font-size: 14px; line-height: 22px; text-align: center; color: #fff;  margin: 10px 15px 0 10px;}
.service_faq .faq_show p{ float: left; width: 565px; font-size: 16px; color: #000;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.service_faq .faq_hidden{ overflow: hidden; padding-top: 15px; display: none; margin-bottom: 10px;}
.service_faq .faq_hidden span{ display: block; width: 25px; height: 25px; background: url(../images/icon.png) no-repeat left -1125px; float: left; font-size: 14px; line-height: 22px; text-align: center; color: #fff;  margin: 5px 15px 0 10px;}
.service_faq .faq_hidden p{ float: left; width: 665px; font-family: 'Arial',\5B8B\4F53; line-height: 18px; color: #4c4c4c;}
.service_faq .page{ margin: 30px 0;}

.service_faq .faq_show.odd{ background: url(../images/diy_icon.png) no-repeat 660px -243px #fff; height: 65px; line-height: 65px;}
.service_faq .faq_show.odd span{ margin-top: 20px;}
.service_faq .faq_show.odd.current{ background: url(../images/diy_icon.png) no-repeat 660px -200px #fff;}

/*贴心服务-服务政策*/
.service_policy{ margin-top: 20px;}


/*关于浩然-浩然简介*/
.about_default{ padding-top: 50px;}
.about_default .img{ width: 720px; height: 335px; position: relative;}
.about_default .img ul{ position: absolute; left: 0; top: 0; z-index: 1; width: 720px; height: 335px;}
.about_default .img ul li{ width: 720px; height: 335px; position: absolute; left: 0; top: 0; display: none;}
.about_default .img ul li img{}
.about_default .img dl{ position: absolute; left: 50%; bottom: 20px; overflow: hidden; z-index: 2;}
.about_default .img dl dd{ width: 10px; height: 10px; background: url(../images/diy_icon.png) no-repeat 0px -346px; margin: 0 4px; float: left; cursor: pointer;}
.about_default .img dl .current{ background-position: -10px -346px;}
.about_default .text{ color: #000; font-size: 16px; line-height: 32px; margin-top: 20px; margin-bottom: 40px;}

/*关于浩然-联系我们*/
.about_contact{ padding-top: 40px;}
.about_contact .topic{ color: #006934; font-size: 26px; margin-bottom: 20px;}
.about_contact .intro{ overflow: hidden; margin: 20px 0;}
.about_contact .intro .text{ width: 360px; float: left; margin-right: 20px; line-height: 28px; color: #4c4c4c; font-size: 14px;}
.about_contact .intro .weixin{ float: left;}
.about_contact .feedback{ margin-bottom: 40px;}
.about_contact .feedback .feed_topic{ border-bottom: 1px solid #ccc; color: #006934; font-size: 26px; height: 60px; line-height: 60px;}
.about_contact .feedback .form{ overflow: hidden; margin-top: 30px;}
.about_contact .feedback .form .left{ float: left;}
.about_contact .feedback .form .left input{ border: 1px solid #ccc; font-size: 12px; color: #999; padding: 5px; margin-bottom: 10px; display: block; font-family: 'Arial',\5FAE\8F6F\96C5\9ED1; width: 310px;}
.about_contact .feedback .form .right{ float: right;}
.about_contact .feedback .form .right textarea{ font-family: 'Arial',\5FAE\8F6F\96C5\9ED1; outline: none; border: 1px solid #ccc; padding: 5px; width: 350px; height: 90px; resize:none;}
.about_contact .feedback .submit{ width: 322px; height: 32px; line-height: 32px; text-align: center; border: 0; font-size: 12px; color: #fff; font-weight: bold; background: #00913a; margin-top: 10px;}

/*联系我们-辉煌荣誉*/
.about_honor{}
.about_honor .intro{ margin-top: 40px;}
.about_honor ul{ overflow: hidden; width: 785px; margin-top: 20px;}
.about_honor ul li{ width: 320px; margin-right: 70px; float: left; cursor: pointer; margin-bottom: 30px;}
.about_honor ul li span{ display: block; height: 30px; line-height: 30px; text-align: center;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}

.alert_honor{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/mark.png); z-index: 20; display: none;}
.alert_honor .box{ position: absolute; width: 700px; height: 489px; padding: 10px; background: #fff; left: 50%; top: 50%; margin-left: -355px; margin-top: -250px;}
.alert_honor .box span{ display: block; height: 30px; line-height: 30px; text-align: center;}
.alert_honor .box .close{ cursor: pointer; position: absolute; width: 30px; height: 30px; top: -15px; right: -15px; background: url(../images/diy_icon.png) no-repeat left -400px;}

/*联系我们-社会责任*/
.about_duty{ width: 717px;}
.about_duty ul{ overflow: hidden; margin-top: 40px; width: 725px; margin-bottom: 30px;}
.about_duty ul li{ width: 200px; border-right: 1px solid #ddd; margin-right: 20px; padding-right: 20px; float: left; padding-bottom: 30px;}
.about_duty ul li .topic{ display: block; height: 30px; line-height: 30px; font-size: 14px; border-bottom: 1px solid #ddd;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; margin-bottom: 20px;}
.about_duty ul li .img{ display: block;}
.about_duty ul li .img img{ max-height: 200px;}


/*媒体中心-列表*/
.media_list{ padding-top: 40px;}
.media_list ul{ margin-bottom: 30px;}
.media_list ul li{ border-bottom: 1px dashed #808080; padding-bottom: 20px; padding-top: 20px;}
.media_list ul li .name{ display: block; color: #000; font-size: 16px;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; margin-bottom: 15px;}
.media_list ul li .name:hover{ color: #006934;}
.media_list ul li .intro{ font-size: 12px; font-family: 'Arial',\5B8B\4F53; line-height: 18px; height: 36px; overflow: hidden; margin-bottom: 10px;}
.media_list ul li .bottom{ overflow: hidden;}
.media_list ul li .bottom .date{ float: left; color: #999;}
.media_list ul li .bottom .more{ float: right; display: block; background: url(../images/diy_icon.png) no-repeat left -172px; width: 71px; height: 25px; line-height: 25px; text-align: center; color: #fff; font-size: 12px;}
.media_list .page{ margin-bottom: 50px;}

/*媒体中心-详情*/
.media_detail{}
.media_detail .topic{ font-size: 20px; font-weight: bold; text-align: center; margin-top: 20px;}
.media_detail .date{font-size: 12px; text-align: center; margin-bottom: 10px;}
.media_detail .con{ margin-bottom: 30px;}
.media_detail .con img{ max-width:100%;}
.media_detail .download{ width: 100px; height: 40px; line-height: 40px; background: #00913a; color: #fff; font-size: 16px; text-align: center; margin: 30px 0; display: block;}
.media_detail .download:hover{ background: #006934;}
.media_detail .bottom{ overflow: hidden;}
.media_detail .bottom .prev_next{ float: left; width: 590px; line-height: 20px;}
.media_detail .bottom .prev_next a{overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; /*display: block;*/}
.media_detail .bottom .prev_next span{overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; display: block;}
.media_detail .bottom .go_back{ float: right; display: block; width: 50px; height: 25px; line-height: 25px; text-align: center; color: #000; background: #eee;}
.media_detail .bottom .go_back:hover{ background: #00913a; color: #fff;}


/*招贤纳士-社会招聘*/
.job_social{}
.job_social table{ width: 715px; border-collapse: collapse; margin-top: 40px; margin-bottom: 20px;}
.job_social table tr th{ border: 1px solid #006934; height: 45px; line-height: 45px; font-size: 14px; background: #00913a; color: #fff;}
.job_social table tr td{ height: 35px; line-height: 35px; text-align: center; border: 1px solid #ddd; cursor: pointer;}
.job_social table tr:hover td{ background: #8dc21f; color: #fff; border: 1px solid #00913a;}

/*招贤纳士-社会招聘-详情*/
.job_detail{ margin: 50px 0;}
.job_detail .section{ font-size: 17px; margin-bottom: 5px;}
.job_detail .what_job{ overflow: hidden; font-size: 14px; color: #00913a; margin-bottom: 15px;}
.job_detail .what_job span{ display: block; float: left; width: 330px; height: 30px; line-height: 30px;}
.job_detail .topic{ font-size: 14px; color: #fff; height: 32px; width: 85px; line-height: 32px; text-align: center; behavior:url(/css/PIE.htc); border-radius: 5px; background: #00913a; margin-bottom: 15px;}
.job_detail .content{ color: #000; line-height: 30px; font-size: 14px; margin-bottom: 20px; padding-bottom: 20px;}
.job_detail .duty{ border-bottom: 1px dotted #ddd;}
.job_detail .send_intro{}
.job_detail .send_intro .send{ display: block; font-size: 14px; color: #fff; height: 32px; width: 85px; line-height: 32px; text-align: center; background: #00913a; margin-bottom: 15px;}
.job_detail .send_intro .send:hover{ background: #006934;}
.job_detail .send_intro span{ font-size: 14px;}
.job_detail .send_intro span a{ color: #006934; font-size: 18px; margin-left: 5px;}
.job_detail .send_intro span a:hover{ text-decoration: underline;}


/*科技品质-先进设备*/
.tech_equipment{}
.tech_equipment ul{ overflow: hidden; width: 800px; margin-top: 40px;}
.tech_equipment ul li{ width: 310px; float: left; margin-right: 90px; margin-bottom: 30px;}
.tech_equipment ul li .img{ display: block; width: 310px; height: 175px;}
.tech_equipment ul li .name{ display: block; height: 30px; line-height: 30px; font-size: 16px;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.tech_equipment ul li .intro{ line-height: 20px; font-size: 12px; height: 40px; overflow: hidden;}

/*科技品质-专利资质*/
.tech_patent{ overflow: hidden; margin-top: 40px;}
.tech_patent .big_img{ float: left; width: 400px; height: 571px;}
.tech_patent .big_img span{ height: 25px; line-height: 25px; color: #fff; background: #00913a; text-align: center; display: block; margin-top: 10px;}
.tech_patent .small_img{ float: right; width: 278px;}
.tech_patent .small_img ul{ overflow: hidden; width: 330px;}
.tech_patent .small_img ul li{ width: 120px; float: left; margin-right: 30px; margin-bottom: 40px; border: 2px solid #fff; cursor: pointer; height: 171px;}
.tech_patent .small_img ul .current{ border-color: #8dc21f;}
.tech_patent .page{ margin-bottom: 50px;}

/*科技品质-客户见证*/
.tech_customer{}
.tech_customer ul{ margin-top: 40px; margin-bottom: 20px;}
.tech_customer ul li{margin-top: -1px;border: 1px solid #e5e5e5;overflow: hidden;background: url("../images/customer.png") no-repeat #fff;height: 116px;}
.tech_customer ul li img{ float: left; margin-top: 18px; margin-left: 20px;}
.tech_customer ul li .text{ float: right; width: 480px; margin-right: 20px;}
.tech_customer ul li .text .head{ height: 25px; line-height: 25px; overflow: hidden; margin-top: 20px;}
.tech_customer ul li .text .head span{ float: left; font-weight: bold;}
.tech_customer ul li .text .head .name{ float: right;}
.tech_customer ul li .text .intro{ line-height: 24px; height: 48px; overflow: hidden;}
.tech_customer ul li:hover{ background-color: #eee;}

/*科技品质-宣讲进程*/
.job_preach{}
.job_preach table{ width: 715px; border-collapse: collapse; margin-top: 40px; margin-bottom: 20px;}
.job_preach table tr th{ border: 1px solid #006934; height: 45px; line-height: 45px; font-size: 14px; background: #00913a; color: #fff;}
.job_preach table tr td{ height: 35px; line-height: 35px; text-align: center; border: 1px solid #ddd; cursor: pointer;}


/*供应链服务*/
.supply_default{ margin-top: 30px;}



/*网站地图*/
.web_map{ width: 1000px; margin: 40px auto;}
.web_map .topic{ font-size: 20px; font-weight: bold; color: #000;}
.web_map .list{ overflow: hidden;}
.web_map .list dl{ float: left; width: 142px; margin-top: 20px;}
.web_map .list dl dt a{ font-size: 16px; font-weight: bold;}