@charset "utf-8";

/*container*/
#visualWrap{position:relative; width:100%; height:390px;}
#visualGall{width:100%; height: 390px;  font-size:0; line-height: 0; margin-bottom:20px; position: relative; overflow: hidden;}
#visualGall .visualUL{width:100%; height:100%;overflow:hidden;position:absolute; }
#visualGall .visualUL li{width:10px;height:10px;display:inline;}
#visualGall .visualUL li span.navi{position:absolute;display:block;width:10px; height:10px; overflow:hidden; z-index:3; cursor:pointer; top:20px;}
#visualGall .visualUL li span.navi a{display:block; width:10px; height:10px; overflow:hidden; background:url("../images/main_visual_navi.png") no-repeat 0 0;text-indent:-1000px; font-size:0;}
#visualGall .visualUL li.on span.navi a{background-position:0 -10px;}
#visualGall .visualUL li span.pic{position:absolute; top:0; z-index:1; display:none; width:100%; text-align:center; min-width:980px; height:390px;}
#visualGall .visualUL li.v_1 span.navi{left:50%;margin-left:430px;}
#visualGall .visualUL li.v_2 span.navi{left:50%;margin-left:450px;}
#visualGall .visualUL li.v_3 span.navi{left:50%;margin-left:470px;}
#visualGall .visualUL li.v_4 span.navi{left:59px;margin-bottom:10px;}
#visualGall .visualUL li.v_5 span.navi{left:72px;margin-bottom:10px;}
#visualGall .visualUL li.v_6 span.navi{left:85px;margin-bottom:10px;}
#visualGall .visualUL li.v_7 span.navi{left:98px;margin-bottom:10px;}
#visualGall .visualUL li.v_8 span.navi{left:111px;margin-bottom:10px;}
#visualGall #ctrlHots{position:absolute; height:16px; left:149px; top:238px; z-index:2; display:none;}
#visualGall #ctrlHots a{margin-right:-2px; display:inline-block; height:26px; overflow: hidden; width: 21px;}

#main_gall{height:150px; background:url(../images/main_gallbg.jpg) 0 0 repeat;}
#serviceLIst{width:980px; margin:0 auto; position:relative;}
#main_gall .listItem{}
#main_gall .listItem .area{position: absolute;left:0px;top:13px;width: 980px;overflow: hidden; }
#main_gall .listItem ul{width: 999em; top:2px !important;}
#main_gall .listItem ul li{float:left;padding-right: 22px;}
#main_gall .listItem ul li a{display: block; }
#main_gall .ctrl{ min-width:980px; position:relative; margin:0 auto; z-index:999; max-width:1080px; width:100%;}
#main_gall .ctrl button{position: absolute; top:60px;width:30px;height:30px; border:none; }
#main_gall .ctrl button.left{left:0px; background:url(../images/main_gall_left.jpg) no-repeat 0 0;}
#main_gall .ctrl button.right{right:0px; background:url(../images/main_gall_right.jpg) no-repeat 0 0;}
#main_gall .stopplay_control {position: absolute; top:140px; left: 20px; display:none;}
#main_gall .stopplay_control button {border:none;height: 15px;width: 16px; background: url(../images/popupCtrl.gif) no-repeat 0 0;cursor: pointer;}
#main_gall .stopplay_control .play_pop { background-position:-32px 0; }
#main_gall .stopplay_control .stop_pop { background-position:-48px 0;}

#main_latest{width:980px; margin:0 auto; padding-top:20px; height:200px;}
#main_latest .main_news{float:left; width:312px; height:184px; background:url(../images/latest_boxbg.jpg) 0 0 no-repeat; position:relative;}
#main_latest .main_news h3{padding:14px 0 0 1px; background:url(../images/main_line.jpg) 0 bottom repeat-x;}
#main_latest .main_news h4{padding:20px 0 0 20px; color:#000; font-size:14px;}
#main_latest .main_news .news_txt{padding:10px 20px 0 20px;}
#main_latest .main_news .news_date{padding:10px 0 0 20px; color:#7c7c7c;}
#main_latest .main_news .more{position:absolute; top:20px; right:20px;}

#main_latest .main_quick{float:left; width:312px; height:184px; background:url(../images/latest_boxbg.jpg) 0 0 no-repeat; position:relative; margin-left:22px;}
#main_latest .main_quick h3{padding:14px 0 0 1px; background:url(../images/main_line.jpg) 0 bottom repeat-x; }
#main_latest .main_quick ul{}
#main_latest .main_quick ul li img{margin-top:20px;}
#main_latest .main_quick ul .quick_company{padding-left:35px; float:left; border-right:1px solid #c0c0c0; width:120px; height:136px;}
#main_latest .main_quick ul .quick_data{padding-right:1px; float:right;}

#main_latest .main_customer{float:right; width:312px; height:184px; background:url(../images/latest_boxbg.jpg) 0 0 no-repeat; position:relative;}
#main_latest .main_customer h3{padding:14px 0 0 1px; background:url(../images/main_line.jpg) 0 bottom repeat-x;}
#main_latest .main_customer p{padding:20px 0 0 15px;}
#main_latest .main_customer .more{position:absolute; top:20px; right:20px;}