@charset "utf-8";
body{ margin-top:0; margin-bottom:0px; padding-top:0; text-align:center; height:auto;  margin-right: auto; margin-left: auto;  font: 12px/20px "微软雅黑", Arial, sans-serif;}
img{border:0;}
ul,li{list-style:none; margin:0;padding:0;}
a{ text-decoration:none; color:#000}
a:hover{text-decoration:none;}

#head{margin:0 auto;width:1170px;background:rgba(255,255,255,.9); z-index:9999; position:absolute; left:50%; margin-left:-585px; height:70px; line-height:30px; border-bottom:3px solid #F00}
#head .top{ clear:both; margin:0 auto; overflow:hidden;}
#head .top .logo{ float:left;  font-weight:bold; padding:5px 15px; width:300px; height:70px;}
#head .top .logo a{width:300px; line-height:40px;font-size:26px;}
#head .top .logo span{ font-size:16px;width:400px;line-height:15px; }

#head .top .dh{ float:right;}
.menu{ width:720px; overflow:hidden;}
.menu .menu_item{ display:inline-block; width:102px;  padding-top:8px; float:left;}
.menu .menu_item a{font-size: 15px;color: #000;font-weight:bold; display: block;width: auto; line-height:65px;}
.menu .menu_item a:hover{ color:#f00;}
.menu .menu_item:hover{ height:58px; border-bottom:#F00 4px solid;}
.menu .menu_item:hover .submenu{display:block}
.submenu{width: 405px;top:73px; display:none; position:absolute; overflow: hidden;z-index:99999; background:rgba(255,255,255,.8);}
.submenu .submenu_left{ float:left; padding:10px; width:230px;}
.submenu .submenu_left .submenu_item{ width:115px; float:left;display: block; color:#000;}
.submenu .submenu_left .submenu_item a{display: block; float: left;margin-right: 32px; width: 105px; height: 30px; padding-left: 5px;border-bottom: 1px dotted #597386;font: 12px/22px "微软雅黑"; color:#000; line-height:30px;}
.submenu .submenu_left .submenu_item a:hover{ color:#F00; }
.submenu .subs{float:right; padding:18px;}
.submenu .subs img{ border:1px solid #ccc; padding:3px; width:110px; height:70px;}
.rr{margin-left:-515px;}
#banner{ position:relative; height:632px; overflow:hidden;}



#main{ margin-top:0 auto;}
#main .news_zx{ height:50px; border-bottom:1px solid #ccc;}
#main .news_zx .news_zxk{ width:1170px; margin:0 auto}
#main .news_zx .news_zxk .news_n{ float:left; border-right:1px solid #ccc; height:30px; padding:10px; width:50px;}
#main .news_zx .news_zxk .news_n span{ font-size:16px; font-weight:bold;}
#main .news_zx .news_zxk .news_left{ float:left; padding:10px;}
#main .news_zx .news_zxk .news_list{ float:left;width:930px;}
.scrollpics{ margin-right:10px; margin-top:15px;width:250px;overflow:hidden; height:auto;  float:left; text-align:center; font-size:13px; cursor:pointer; color:#252525}
.scrollpics:hover{color:#36C}
.scroll_name{width:210px; overflow:hidden; color:#252525; margin-top:20px;}



#main .pro_sort{margin:35px auto 40px; height:300px;}
#main .pro_sort .sort_img{ padding-bottom:20px;}
#main .pro_sort .sort_fl{ margin:15px auto; width:1170px;}
#main .pro_sort .sort_fl li{ float:left; margin-left:10px;}
#main .pro_sort .sort_fl li img{ width:180px; height:auto;}
#main .pro_sort .sort_fl li:hover img{ border:#1px #F00 solid}
 
#main .about{ background:#24272e; margin:20px auto 0; clear:both;}
#main .about .tb{ margin:0 auto 30px;}
#main .about .tb_about{ padding-bottom:20px;}
#main .about .ab_cont{ margin:0 auto; width:1170px; height:360px;}
#main .about .ab_cont .about_con{ float:right;padding-top:0;  width:690px; overflow:hidden; height:360px;}
#main .about .ab_cont .about_img{float:left;width:436px;height:310px; padding:3px; border:1px solid #ccc;}
#main .about .ab_cont .about_con .cont{padding-top:0; margin-bottom:10px; text-indent:2em; text-align:left;color:#ccc; height:270px; overflow:hidden; font-size:15px;}
#main .about .ab_cont .about_con .con_more{margin-top:25px; text-align:right; padding-right:10px;}
#main .about .ab_cont .about_con .con_more a{font-size:14px; text-decoration:underline;color:#f00; }



#main .pro_cen{ background:#fbf3e8; clear:both; margin:0 auto;}
#main .pro_cen .pro_img{ margin:0 auto 35px;}
#main .pro_cen .pro_bt{padding-bottom:20px;}
#main .pro_cen .pro_fl{ margin:0 auto; width:1170px;overflow:hidden; padding-bottom:25px; }
.scrollpic{ display:block; margin-right:10px; width:254px; margin-top:10px; border:solid 1px #E0D7CA; overflow:hidden; height:auto;text-align:center; font-size:12px; cursor:pointer;}
.scrollpic img{ width:250px; height:188px;  display:block; padding:2px;}
.pro{ color:#000; line-height:20px; font-size:14px; text-align:center}



#main .news_dt{clear:both; margin:0 auto 20px;}
#main .news_dt .news_tb{margin:0 auto 35px;}
#main .news_dt .news_tit{ padding-bottom:30px;}
#main .news_dt .news_item{ width:1170px; margin:0 auto; height:300px;}
#main .news_dt .news_item .news_gs{ float:left; width:360px; margin-right:40px; overflow:hidden;}
#main .news_dt .news_item .news_gs .gs_bt{ border-bottom:2px solid #000; text-align:left}
#main .news_dt .news_item .news_gs .gs_bt span{ font-size:15px; font-weight:bold;}
#main .news_dt .news_item .news_gs .gs_bt a{ float:right;}
#main .news_dt .news_item .news_gs .gs_bt a:hover{ color:#F90}
#main .news_dt .news_item .news_gs .gs_lb{ text-align:left;}
#main .news_dt .news_item .news_gs .gs_lb ul { padding:5px;}
#main .news_dt .news_item .news_gs .gs_lb ul li{ padding:13px 2px 5px; line-height:20px; height:20px; border-bottom:1px solid #e2e2e2;}
#main .news_dt .news_item .news_gs .gs_lb ul li img{padding-right:5px; line-height:20px;}
#main .news_dt .news_item .news_gs .gs_lb ul li a{ font-size:13px;color:#5a5a5a; }
#main .news_dt .news_item .news_gs .gs_lb ul li a:hover{ color:#0064d4;}

#main .news_dt .news_item .news_zt{ float:left; width:360px;overflow:hidden;}
#main .news_dt .news_item .news_zt .gs_zt{ border-bottom:2px solid #000; text-align:left}
#main .news_dt .news_item .news_zt .gs_zt span{ font-size:15px; font-weight:bold;}
#main .news_dt .news_item .news_zt .gs_zt a{ float:right;}
#main .news_dt .news_item .news_zt .gs_zt a:hover{ color:#F90}
#main .news_dt .news_item .news_zt .gs_ztl{ text-align:left;}
#main .news_dt .news_item .news_zt .gs_ztl ul { padding:5px;}
#main .news_dt .news_item .news_zt .gs_ztl ul li{ padding:13px 2px 5px; line-height:20px; height:20px; border-bottom:1px solid #e2e2e2;}
#main .news_dt .news_item .news_zt .gs_ztl ul li img{padding-right:5px; line-height:20px;}
#main .news_dt .news_item .news_zt .gs_ztl ul li a{ font-size:13px;color:#5a5a5a; }
#main .news_dt .news_item .news_zt .gs_ztl ul li a:hover{ color:#0064d4;}

#bottom{ margin-top:55px; background:#1f2229; padding:10px; margin-left:auto; margin-right:auto; clear:both;}
#bottom .contact{ padding:10px 0 5px; margin:0 auto;}
.menus{ width:720px; overflow:hidden; margin:0 auto;}
.menus .menus_item{ width:102px; float:left; border-right:1px solid #666}
.menus .menus_item:last-child{border-right:none}
.menus .menus_item a{font-size: 15px;color: #666;width: auto; line-height:20px;}
.menus .menus_item a:hover{ color:#fff;}
.menus .menus_item:hover{ height:20px; text-decoration:underline;}

#bottom .cont_con p{ font-size:13px; color:#666;}
#bottom .bq p{font-size:13px; color:#666;}


#fy_nr{ margin:0 auto;}
#fy_nr .gywm{width:1170px;margin:25px auto 25px;;padding:5px;}
#fy_nr .gywm .gywm_tit{ font-size:24px; font-weight:bold;}
#fy_nr .gywm .gywm_bg{ border-bottom:1px solid #e0e0e0; height:25px; line-height:20px; width:550px;  margin:0 auto;}
#fy_nr .gywm .gywm_bg span{ line-height:50px; background:#fff; display:block; width:150px;  margin:0 auto;}
#fy_nr .gywm_nr{ width:1170px; margin:0 auto; padding:10px;}
#fy_nr .gywm_nr p{ line-height:2; text-align:left; text-indent:2em; font-size:14px;}
#fy_nr .gywm_nr img{ max-width:800px;}

.about_img{ margin:10px auto 0; border-top:1px solid #ccc;}
.about_img .abt_img{ width:1100px; margin:10px auto}
.about_img .abt_img ul li{ float:left; width:336px; margin-left:15px; margin-bottom:10px; padding:3px; border:1px solid #CCC;}
.about_img .abt_img ul li img{ max-width:331px; height:auto}

.product{ text-align:center; margin-bottom:20px}
.product ul{ display:inline-block; overflow:hidden}
.product ul li{ float:left; display:inline-block;border:1px solid #e0e0e0; border-right:none; padding:16px 20px;}
.product ul li a{ font-size:14px; line-height:15x;}
.product ul li:last-child{ border-right:1px solid #e0e0e0;}
.product ul li:hover{ background:#f00;}
.product .active{ background:#f00; padding:16px 10px;}
.product .active a{ color:#FFF !important; }
.product ul li:hover a{ color:#fff;}

#fy_nr .prodcut_list{ clear:both; margin:0 auto; width:1170px}
#fy_nr .prodcut_list ul{margin:0 auto}
#fy_nr .prodcut_list ul li{ float:left; width:216px; height:180px; border:1px solid #e0e0e0;  padding:3px; margin:10px 5px}
#fy_nr .prodcut_list ul li img{ max-width:216px; height:150px;}
#fy_nr .prodcut_list ul li a{ font-size:14px;}

#fy_nr .pro_show{ clear:both; margin:0 auto; width:1170px; padding-top:20px;}
#fy_nr .pro_show .pro_time{border-bottom:1px dashed #ccc; border-top:1px dashed #ccc; padding:8px; margin:20px auto;color:#666; font-size:12px;}
#fy_nr .pro_show .pro_xx{ margin:20px 0;}
#fy_nr .pro_show .pro_xx p{ text-align:left; text-indent:2em}
#fy_nr .pro_show .pro_xx img{ max-width:800px;}

#pre{ border-top:dotted 1px #ccc; margin-top:10px; padding-top:10px; font-size:12px; clear:both;}
#pages {width: 98%;height: 24px;text-align: center;line-height: 22px;padding-top: 1px; clear:both;}
#pages a {background: #f5f5f5;border: #ddd solid 1px;padding: 2px 8px;margin: 0 2px;float: none;color: #9d7751;font-size: 14px;}
#pages span {background: #FFC;border: #F93 solid 1px;padding: 2px 8px;margin: 0 2px;float: none;}


#fy_nr .news{ margin-bottom:20px; text-align:center}
#fy_nr .news ul{ display:inline-block; overflow:hidden}
#fy_nr .news ul li{ float:left; display:inline-block;border:1px solid #e0e0e0; border-right:none; padding:16px 45px;}
#fy_nr .news ul li a{ font-size:14px; line-height:15x; font-weight:bold}
#fy_nr .news ul li:last-child{ border-right:1px solid #e0e0e0;}
#fy_nr .news ul li:first-child{background:#f00;}
#fy_nr .news ul li:first-child a{ color:#fff}
#fy_nr .news ul li:hover{ background:#f00;}
#fy_nr .news ul li:hover a{ color:#fff;}

#fy_nr .news_list{ width:1170px; height:auto; margin:0 auto;}
#fy_nr .news_list ul{ list-style:none; padding:5px;}
#fy_nr .news_list li{ display:block; padding:10px 0;text-align:left; border-bottom:1px dashed #D9D9D9;}
#fy_nr .news_list li img{ padding-right:10px; line-height:20px;}
#fy_nr .news_list li a{ color:#333; font-size:14px;}
#fy_nr .news_list li span{ float:right;}
#fy_nr .news_list li a:hover{ color:#F00;}


#fy_nr .message{width:1170px;margin:25px auto 25px;padding:5px;}
#fy_nr .message .mess_con{ text-align:center; width:1000px; margin:0 auto;}
#fy_nr .message .mess_con p{ font-size:15px; font-weight:bold; color:#f00}


#fy_nr .contact_c{width:1170px;margin:25px auto;padding:5px;}
#fy_nr .contact_c .map{ width:700px; float:left; margin-bottom:20px;}
#fy_nr .contact_c .contact_con{ float:right; margin-bottom:20px; width:420px; text-align:left;}
#fy_nr .contact_c .contact_con p{ line-height:20px}
#fy_nr .contact_c .contact_con img{  vertical-align:middle; padding:5px}
#fy_nr .contact_c .contact_con span{ padding-left:20px;font-size:15px; color:#666;}