@charset "utf-8";

/* common */
* { margin: 0; padding: 0; font-family: arial, verdana, sans-serif; font-size:12px; }
a { text-decoration: none; color: #5A5A5A; }
img { border: none; }
.clear { clear: both; }

/* header */
.header { padding-top: 10px; clear: both; }
.header .logo { text-align: center; margin: 0 auto; }
.header .basetitle { margin-top: 5px; text-align: center; font-weight: bold; font-size: 22px; }
.header .baseinfo { margin-top: 10px; padding: 0 10px 0 10px;/* text-indent: 2em; */ }
.header .menu { margin-top: 10px; height: 40px; background: url(../images/menu/pro_five_0c.gif) repeat-x bottom; }
.header .menu table { margin: 0 auto; }
.header .menu table td.link a { display: block; height: 40px; line-height: 35px; color: #333; text-align: center; padding: 0 0 0 4px; cursor: pointer; background: url(../images/menu/pro_five_0a.gif) no-repeat; }
.header .menu table td.link a b { display: block; padding:0 12px 5px 8px; background:url(../images/menu/pro_five_0b.gif) no-repeat right top; font-size: 13px; }
.header .menu table td.link a:hover { color: #000; background: url(../images/menu/pro_five_1a.gif) no-repeat; }
.header .menu table td.link a:hover b { background: url(../images/menu/pro_five_1b.gif) no-repeat right top; }
.header .menu table td.current a, .header .menu table td.current a:hover { color: #000; background: url(../images/menu/pro_five_2a.gif) no-repeat; }
.header .menu table td.current a b, .header .menu table td.current a:hover b { background: url(../images/menu/pro_five_2b.gif) no-repeat right top; }

/* main */
.main { margin: 0 auto; margin-top: 10px; width: 996px; clear: both; }
.main .left { float: left; width: 191px; margin-right: 10px; border-top: 1px solid #959595; background: url(../images/menu/menu_bg.jpg) repeat-y; }
.main .middle { float: left; width: 594px; margin-right: 10px; }
.main .right { float: left; width: 191px; border-top: 1px solid #959595; background: url(../images/menu/menu_bg.jpg) repeat-y; }

/* main-left and main-right */
.main .title { background: url(../images/menu/menu_title_bg.gif) no-repeat; height: 22px; line-height: 22px; font-weight: bold; color: #FFFFFF; padding-left: 10px; }
.main .category { margin-top: 5px; padding: 10px; }
.main .category ul { list-style: none; }
.main .category ul li a { overflow: hidden; height: 27px; line-height: 27px; }
.main .category ul li a:hover { color: #F28D1E; text-decoration:underline; }
.main .category ul li.li_1 { background:transparent url(../images/menu/menu_line.gif) repeat-x scroll center bottom; }
.main .category ul li.li_1 a { padding-left: 10px; display: block; background: url(../images/menu/menu_ico_parent.gif) no-repeat scroll 0 10px; font-weight:bold; }
.main .category ul li.li_2 a { padding-left: 20px; display: block; background: url(../images/menu/menu_ico_child.gif) no-repeat scroll 13px 11px; }
.main .category ul li.li_2 a:hover { background-position: 13px -9px; }

/* main-middle */
.main .middle .loaction { line-height: 35px; height: 35px; border: 1px solid #959595; padding-left: 10px; font-weight: bold; }
.main .middle .none { margin-top: 10px; border: 1px solid #959595; height: 28px; line-height: 28px; text-align: center; }

.main .middle #page_nav { margin-top: 10px; border: 1px solid #959595; height: 35px; line-height: 35px; padding-left: 10px; }
.main .middle #page_nav span, .main .middle #page_nav a { padding: 3px 5px 3px 5px; border: 1px solid #959595; margin-right: 5px; }
.main .middle #page_nav span.current, .main .middle #page_nav a:hover { background: #CCCCCC; }

/* main-middle / index.html*/
.main .middle .about { border: 1px solid #959595; margin-bottom: 5px; }
.main .middle .about h3 { margin: 1px; height: 28px; line-height: 28px; text-align: center; border-bottom: 1px dashed #959595; background: #F6F6F6; }
.main .middle .about p { line-height: 18px; /* text-indent: 2em; */ padding: 4px; }

.main .middle .catepic .none { margin-top: 10px; border: 1px solid #959595; height: 28px; line-height: 28px; text-align: center; }
.main .middle .catepic .cateline { margin-top: 10px; }
.main .middle .catepic .cateline div { width: 280px; padding: 5px; border: 1px solid #959595; float: left; }
.main .middle .catepic .cateline div.l { margin-right: 10px; }
.main .middle .catepic .cateline div h3 { margin: 0 0 5px 0; color: #464646; line-height: 25px; background: #F6F6F6; padding-left: 5px; }
.main .middle .catepic .cateline div a { float: left; margin-right:10px; border: 1px dashed #959595; padding: 5px; }
.main .middle .catepic .cateline div a:hover { border: 1px dashed #444444; }
.main .middle .catepic .cateline div p { padding: 0 3px 3px 3px; overflow: auto; word-break:break-all; }

/* main-middle / aboutus.html*/
.main .middle .aboutus { margin-top: 10px; overflow: hidden; line-height: 20px; border: 1px solid #959595; padding: 5px; }

/* main-middle / product.html*/
#mask { z-index: 100; background: #000000; position: absolute; top: 0; left: 0; }

#container { z-index: 101; background: #FFFFFF; position: absolute; text-align: center; padding: 5px 0 5px 0; }

#loading { z-index: 102; background: url(../images/loading.gif) center no-repeat; position: absolute; width: 37px; height: 37px; }

#navlist { position: absolute; top: 0; left: 0; width: 100%; z-index: 1000; }
#left_a { float: left; left: 0; display: block; width: 49%; background: url(../images/prevlabel_2.gif) no-repeat scroll left 35%; cursor: pointer; }
#right_a { float: right; right: 0; display: block; width: 49%; background: url(../images/nextlabel_2.gif) no-repeat scroll right 35%; cursor: pointer; }

#container .name { line-height: 25px; height: 25px; margin-top: 5px; }
#container .name span { margin-left: 5px; }
#container .extra { padding-bottom: 10px; }
#container .extra table { width: 80%; border-left: 1px solid #D2D2D2; border-top: 1px solid #D2D2D2; margin: 0 auto; margin-top: 5px; }
#container .extra td { line-height: 25px; padding: 5px; border-right: 1px solid #D2D2D2; border-bottom: 1px solid #D2D2D2; }
#container .extra td span { font-weight: bold; margin-right: 5px; }
#container .close { margin: 5px 0 5px 0; text-align: right; padding: 0 5px 0 5px; }
#container .close img { cursor: pointer; }

.main .middle .show { margin-top: 10px; border: 1px solid #959595; text-align: center; padding: 10px 0 10px 0; }
.main .middle .show img { border: none; }
.main .middle .show p { line-height: 25px; height: 25px; margin-top: 5px; }
.main .middle .show p span { font-weight: bold; margin-right: 5px; }
.main .middle .show .extra { width: 80%; border-left: 1px solid #D2D2D2; border-top: 1px solid #D2D2D2; margin: 0 auto; margin-top:5px; }
.main .middle .show .extra td { line-height: 25px; padding: 5px; border-right: 1px solid #D2D2D2; border-bottom: 1px solid #D2D2D2; }
.main .middle .show .extra span { font-weight: bold; margin-right: 5px; }

.main .middle .categoryinfo { margin-top: 10px; line-height: 22px; border: 1px solid #959595; padding-left: 10px; }
.main .middle .categoryinfo span { font-weight: bold; margin-right: 10px; }
.main .middle .productmeta { margin-top: 10px; line-height: 35px; height: 35px; border: 1px solid #959595; padding-left: 10px; font-weight: bold; }
.main .middle .productmeta a { margin-left: 10px; font-weight: normal; color: #FF0000; }
.main .middle .productline { margin-top: 10px; }
.main .middle .productline div { float: left; width: 190px; border: 1px solid #959595; text-align: center; padding: 8px 0 8px 0; overflow: hidden; }
.main .middle .productline div.m { margin: 0 9px 0 9px; }
.main .middle .productline div a img { border: 1px dashed #959595; padding: 4px;}
.main .middle .productline div a:hover img { border: 1px dashed #444444; }
.main .middle .productline div h3 { margin-top: 5px; line-height: 25px; height: 25px; width: 170px; display: block; }

/* main-middle / quarry.html, equipment.html, project.html*/

/* main-middle / knowledge.html*/

/* main-middle / feedback.html*/
.main .middle .order { border: 1px solid #959595; margin-top: 10px; padding: 5px; line-height: 20px; }
.main .middle .order span { color: red; }

.main .middle .feedback { border: 1px solid #959595; margin-top: 10px; padding: 10px; }
.main .middle .feedback table tr td { line-height: 30px; height: 30px; }
.main .middle .feedback table tr td .error { padding: 0 10px 0 10px; color: #FF0000; }
.main .middle .feedback table tr td .text { border-color:#CCCCCC; border-width:1px; font-size: 12px; padding:1px; width:350px; }
.main .middle .feedback table tr td .btn { border-color:#CCCCCC; border-width:1px; padding: 3px; }
.main .middle .feedback table tr td span { color: red; font-family: Verdana; }

/* main-middle / news.html*/
.main .middle .news { border: 1px solid #959595; margin-top: 10px; padding: 10px; }
.main .middle .news .subject { float: left; margin-right: 10px; font-weight: bold; line-height: 30px; height: 30px; }
.main .middle .news .subject a { font-size: 14px; }
.main .middle .news .date { float: left; font-size: 14px; font-weight: bold; line-height: 30px; height: 30px; color: #959595; }
.main .middle .news .content { clear: both; line-height: 20px; padding: 5px; }
.main .middle .news .more { clear: both; padding: 5px; text-align:right; }

/* main-middle / contactus.html*/
.main .middle .contactus { margin-top: 10px; overflow: hidden; line-height: 20px; border: 1px solid #959595; padding: 5px; }

/* sidebar */
.sidebar { width: 160px; z-index: 10000; position: absolute; }
.sidebar .s_1 { background: url(../images/10.jpg) no-repeat; height: 43px; }
.sidebar .s_2 { background: url(../images/11.jpg) repeat-y; padding-top: 5px; }
.sidebar .s_2 .Microsoft_Live_Messenger_PresenceButton { margin: 0 auto; }
.sidebar .s_3 { background: url(../images/12.jpg) no-repeat; height: 8px; }

/* footer */
.footer { margin-top: 10px; clear: both; margin-bottom: 10px; }
.footer .basememu { text-align: center; background: #EEEEEE; height: 30px; line-height: 30px; }
.footer .footer_logo { float: left; padding: 10px 10px 0 150px; }
.footer .footer_info { margin-left: 300px; line-height: 22px; }