@charset "utf-8";
/* CSS Document */

body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #999; background-color: #000; }

a { color: #CCC; text-decoration: none; }
a:hover { color: #fff; text-decoration: underline; }

h2 { font-size: 14px; color: #FFF; }

.viewmore { line-height: 44px; background-image: url(../images/bg_viewmore.gif); background-repeat: no-repeat; background-position: left center; padding-left: 10px; }

/****************************************************

	bg

*****************************************************/

.top { background-image: url(../images/bg_1.jpg); background-repeat: no-repeat; background-position: center top; height: 449px; }
.index_2 { background-image: url(../images/bg_2.gif); background-repeat: no-repeat; background-position: center top; height: 252px; }
.index_3 { background-image: url(../images/bg_3.gif); background-repeat: no-repeat; background-position: center top; height: 211px; }
.index_4 { background-image: url(../images/bg_4.gif); background-repeat: no-repeat; background-position: center top; height: 242px; }
.index_5 { background-image: url(../images/bg_5.gif); background-repeat: no-repeat; background-position: center top; height: 204px; }
.footer { background-image: url(../images/bg_footer.jpg); background-repeat: no-repeat; background-position: center top; height: 180px; }

/****************************************************

	top

*****************************************************/

h1 a { text-indent: -6000px; display: block; height: 84px; width: 250px; }

.top .grid_8 p { float: right; line-height: 84px; color: #000; }
.top .grid_8 p a { color: #000; }

.top ul { float: left; margin-top: 1px; display: inline; margin-bottom: 1px; }
.top ul li { float: left; display: inline; }
.top ul li a { float: left; display: block; height: 38px; padding-right: 26px; padding-left: 25px; line-height: 38px; color: #000; }
.top ul li a:hover { float: left; display: block; height: 38px; padding-right: 26px; padding-left: 25px; line-height: 38px; color: #000; background-image: url(../images/bg_nav.gif); background-repeat: repeat-x; background-position: left top; text-decoration: none; }

#body01 #nav01,
#body02 #nav02,
#body03 #nav03,
#body04 #nav04,
#body05 #nav05,
#body06 #nav06,
#body07 #nav07,
#body08 #nav08,
#body09 #nav09,
#body10 #nav10 { float: left; display: block; height: 38px; padding-right: 16px; padding-left: 16px; line-height: 38px; color: #000; background-image: url(../images/bg_nav.gif); background-repeat: repeat-x; background-position: left top; cursor: default; }

/****************************************************

	index_2

*****************************************************/

.banner_2 { margin-top: 12px; border: 2px solid #31393b; }

.index_2 h2 { line-height: 44px; float: left; }

.index_2 .viewmore { float: right; }



.index_news1 { height:189px; overflow:hidden; }
.index_news1 li a { line-height: 21px; }
.index_news1 li i { margin-right: 12px; font-style: normal; }



.index_news { margin: 0px; padding: 0px; }
.index_news li a { line-height: 21px; }
.index_news li i { margin-right: 12px; font-style: normal; }

/****************************************************

	index_3

*****************************************************/

/*.index_3 h2 { line-height: 70px; text-indent: -6000px; }
.index_3 p { text-align: center; line-height: 18px; }*/

/****************************************************

	index_4

*****************************************************/

.index_4 h2,.index_3 h2 { line-height: 58px; text-indent: -6000px; float: left; }
.index_4 .viewmore,.index_3 .viewmore { float: right; }

.index_4 .grid_3,.index_3 .grid_3 { text-align: center; }

.index_4 .grid_3 a,.index_3 .grid_3 a { background-image: url(../images/bg_product.gif); background-repeat: repeat-x; background-position: left center; padding: 3px; float: left; }
.index_4 .grid_3 a:hover,.index_3 .grid_3 a:hover { padding: 3px; float: left; background-color: #fff; background-image: none; }

.index_4 .grid_3 b,.index_3 .grid_3 b { line-height: 30px; color: #FFF; }
.index_4 .grid_3 p,.index_3 .grid_3 p { line-height: 16px; }

/****************************************************

	index_5

*****************************************************/

.index_5 h2 { line-height: 56px; float: left; }
.index_5 .viewmore { float: right; line-height: 56px; }

.index_mote { background-image: url(../images/bg_product.gif); background-repeat: repeat-x; background-position: left center; padding: 3px; float: left; }
.index_mote:hover { padding: 3px; float: left; background-color: #fff; background-image: none; }

.index_mote_list a { line-height: 17px; }

/****************************************************

	page

*****************************************************/

.page_h2 { background-image: url(../images/bg_page_h2.gif); background-repeat: no-repeat; background-position: center top; height: 61px; }

#page_h2_about { background-image: url(../images/page1.jpg); background-repeat: no-repeat; background-position: left top; text-indent: -6000px; height: 61px; width: 140px; }
#page_h2_news { background-image: url(../images/page2.jpg); background-repeat: no-repeat; background-position: left top; text-indent: -6000px; height: 61px; width: 140px; }
#page_h2_services { background-image: url(../images/page3.jpg); background-repeat: no-repeat; background-position: left top; text-indent: -6000px; height: 61px; width: 140px; }
#page_h2_device { background-image: url(../images/page4.jpg); background-repeat: no-repeat; background-position: left top; text-indent: -6000px; height: 61px; width: 140px; }
#page_h2_team { background-image: url(../images/page5.jpg); background-repeat: no-repeat; background-position: left top; text-indent: -6000px; height: 61px; width: 140px; }
#page_h2_snapshots { background-image: url(../images/page6.jpg); background-repeat: no-repeat; background-position: left top; text-indent: -6000px; height: 61px; width: 140px; }
#page_h2_products { background-image: url(../images/page7.jpg); background-repeat: no-repeat; background-position: left top; text-indent: -6000px; height: 61px; width: 140px; }
#page_h2_model { background-image: url(../images/page8.jpg); background-repeat: no-repeat; background-position: left top; text-indent: -6000px; height: 61px; width: 140px; }
#page_h2_cooperation { background-image: url(../images/page9.jpg); background-repeat: no-repeat; background-position: left top; text-indent: -6000px; height: 61px; width: 140px; }
#page_h2_contact { background-image: url(../images/page10.jpg); background-repeat: no-repeat; background-position: left top; text-indent: -6000px; height: 61px; width: 140px; }






.search { text-align: right; }
.search form { padding-top: 16px; }
.search_button { font-size: 12px; text-align: center; height: 24px; width: 50px; margin-left: 10px; }


.page_content { background-image: url(../images/background.jpg); background-repeat: no-repeat; background-position: center top; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #1E1E1E; }

.sidebar_nav { margin-top: 30px; margin-bottom: 20px; }
.sidebar_nav li a { line-height: 30px; text-indent: 16px; display: block; height: 30px; margin-bottom: 0px; font-size: 12px; margin-right: 10px; background-image: url(../images/sidebar_nav.gif); background-repeat: repeat-x; background-position: left top; border: 1px solid #1b1b1b; }
.sidebar_nav li a:hover { line-height: 30px; text-indent: 16px; display: block; height: 30px; margin-bottom: 0px; font-size: 12px; margin-right: 10px; background-image: url(../images/sidebar_nav.gif); background-repeat: repeat-x; background-position: left top; border: 1px solid #333; text-decoration: none;  }


.page_content_box { margin-top: 30px; margin-bottom: 20px;}
.page_content_box p { line-height: 18px; margin-bottom: 16px; }

.page_content_box h2 { font-size: 24px; margin-bottom: 14px; padding-bottom: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #666; }





.page_news_list li a { line-height: 30px; display: block; }
.page_news_list li a:hover { line-height: 30px; display: block; background-color: #111; text-decoration: none; }
.page_news_list li a i { color: #999; margin-right: 20px; margin-left: 10px; }
.page_news_list li a:hover i { color: #fff; margin-right: 20px; margin-left: 10px; }


.next { line-height: 16px; text-align: center; border-top-width: 1px; border-top-style: solid; border-top-color: #272727; margin-top: 10px; padding-top: 8px; }


#news_view_h2 { text-align: center; font-size: 18px; line-height: 24px; }
#news_view_i { font-style: normal; text-align: center; display: block; margin-bottom: 14px; color: #CCC; margin-top: -6px; }






.page_product_list li { text-align: center; float: left; width: 220px; margin-right: 6px; margin-left: 6px; display: inline; height: 176px; }
.page_product_list li a { background-image: url(../images/bg_product.gif); background-repeat: repeat-x; background-position: left center; padding: 3px; float: left; }
.page_product_list li a:hover { padding: 3px; float: left; background-color: #fff; background-image: none; }
.page_product_list li b { line-height: 30px; color: #FFF; }
.page_product_list li p { line-height: 16px; }

.procuct_view_box { text-align: center; margin-bottom: 20px; }

.page_motel_list li { text-align: center; float: left; width: 220px; margin-right: 6px; margin-left: 6px; display: inline; height: 140px; }
.page_motel_list li a { background-image: url(../images/bg_product.gif); background-repeat: repeat-x; background-position: left center; padding: 3px; float: left; }
.page_motel_list li a:hover { padding: 3px; float: left; background-color: #fff; background-image: none; }
.page_motel_list li b { line-height: 30px; color: #FFF; }
.page_motel_list li p { line-height: 16px; }




/****************************************************

	footer

*****************************************************/

.footer p { line-height: 18px; margin-top: 20px; }
.backtotop { float: right; margin-top: 150px; margin-right: 10px; }