/* CSS Document */

*{padding:0; margin:0; font-size:14px; color:#333333; font-family:Arial, Helvetica, sans-serif;}
a{text-decoration:none;}
ul li{list-style:none;}
a:hover{transition-property:color;transition-duration:.2s}
img{border:none;}

#head{width:1200px; margin:0 auto;}
#banner_p{background:url(../images/banner_p0.jpg) no-repeat center top; height:251px;}

.nav ul{margin-left:60px;}
.nav ul li{float:left; width:100px; margin:0 38px; text-align:center; line-height:35px; position:relative;}
.nav ul li a{font-size:14px; font-weight:bold; display:block;}
.nav ul li:hover{background:#408ce4; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;}
.nav ul li a:hover{color:#fff;}
.nav ul li ul{position:absolute; display:none; z-index:999;}
.nav ul li ul li{ background:url(../images/list2_bg.png);width:200px; text-align:left;}
.nav ul li ul li:first-child,
.nav ul li ul li:first-child:hover{background:url(../images/list1_bg.png);}
.nav ul li ul li a{color:#FFFFFF; background:url(../images/nav_list.png) no-repeat left center; display:block; padding-left:25px; margin-left:5px;}
.nav ul li ul li a:hover{color:#eb803e;}
.nav ul li ul li:hover{background:url(../images/list2_bg.png); -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:0px;}
.nav ul li:hover ul{display:block;}

#index_products{width:100%; padding-top:30px; background:#f9f9f9; padding-bottom:100px;}

#index_products .top table tr td{width:125px; height:50px; text-align:center;background:url(../images/index_list_bg.png) no-repeat center top; padding:0 20px;}
#index_products .top .on{background:url(../images/index_list_hover.png) no-repeat top center}
#index_products .top .on a{color:#FFFFFF;}
#index_products .top table tr td a{display:block; font-weight:bold; font-size:14px; line-height:14px;}

#index_products .bottom .product_box{float:left; width:278px; height:250px; margin:30px 10px 30px 10px;}
#index_products .bottom .product_box .img_box{background:url(../images/index_product_bg.png) no-repeat center center; width:278px; height:250px; padding-top:40px;}
#index_products .bottom .product_box .img_box:hover{background:url(../images/index_product_hover.png) no-repeat center center;}
#index_products .bottom .product_box .img_box img{margin:0 auto; display:block;margin-top:-15px;}
#index_products .bottom .product_box .name{width:278px; text-align:center; margin-top:0px; position:relative; z-index:999;}
#index_products .bottom .product_box .name a{font-size:14px; font-weight:bold;}

#index_about{width:1200px; margin:0 auto; margin-top:30px;}
#index_about .about .title a{float:right; margin-right:5px; margin-top:5px;}
#index_about .about .title{line-height:40px; border:1px #ccc solid;}
#index_about .about .title span{font-size:18px; font-weight:bold; background:url(../images/index_about_title.png) no-repeat left center; padding-left:30px; margin-left:10px;}
#index_about .about img{float:left; margin:10px;}
#index_about .about p{font-size:12px; line-height:30px; margin-top:5px;}
#index_about .contact{padding-top:0px;}
#index_about .contact_1{margin-left:40px;}

#footer{background:#387dc0; margin-top:15px;}
#footer .foot{width:1200px; margin:0 auto; color:#FFFFFF; line-height:40px;}
#footer .foot a{color:#FFFFFF;}

#content{width:1200px; margin:0 auto; margin-top:15px;}

#list p{background:url(../images/list_bg.jpg) no-repeat center left; height:41px; line-height:41px; color:#fff; font-size:18px; padding-left:40px;}
#list a{font-size:14px;}
#list a:hover{color:#387dc0; text-decoration:underline;}

#list .product_list tr td{height:40px; padding-left:40px; border-bottom:1px #666 dashed;}

#list .contact_info{margin-top:30px;}
#list .contact_info p{background:url(../images/contact_info.jpg) no-repeat center top; height:31px; line-height:31px; padding-left:40px; color:#333;}
#list .contact_info dl{width:90%; margin:0 auto;}
#list .contact_info dl dd{margin-top:10px;}
#list .contact_info .tel{background:url(../images/tel.png) no-repeat left center; padding-left:30px; line-height:30px;}
#list .contact_info .fax{background:url(../images/fax.png) no-repeat left center; padding-left:30px; line-height:30px;}
#list .contact_info .mail{background:url(../images/mail.png) no-repeat left center; padding-left:30px; line-height:30px;}
#list .contact_info .add{background:url(../images/add.png) no-repeat left top; padding-left:30px; line-height:16px;}

#main{margin-left:30px; border:1px solid #ccc; min-height:600px; width:920px;}
#main .title{font-size:18px; font-weight:bold; background:url(../images/blue_line.jpg) repeat-y left; line-height:40px; padding-left:15px;}
#main .title span{float:right; font-weight:normal; font-size:12px; margin-right:15px;}

#product_main{margin-left:9px; overflow:hidden; margin-top:10px;}
#product_main .product_box{width:225px; float:left;}
#product_main .product_box .img_box{background:url(../images/product_bg.png) no-repeat center center; width:225px; height:225px; padding-top:14px;}
#product_main .product_box:hover .img_box{background:url(../images/product_hover.png) no-repeat center center;}
#product_main .product_box .img_box img{display:block; margin:0 auto;padding-top:5px;}
#product_main .product_box .name{width:225px; text-align:center; line-height:30px; }
#product_main .product_box .name a{font-size:14px; font-weight:bold; display:block; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}

.news_box{width:100%; border-bottom:1px dashed #ccc; overflow:hidden; padding-bottom:15px; padding-top:15px;}
.news_box .img_box{border:1px solid #ccc; width:280px; padding:5px; float:left; text-align:center;}
.news_box .img_box img{max-width:250px; max-height:150px;}
.news_box .content{float:left; max-width:550px; margin-left:30px;}
.news_box .content .news_name a{font-size:16px; font-weight:bold; line-height:30px;}
.news_box .content .about{font-size:12px; line-height:20px;}
.news_box .content .time{font-size:12px; color:#ccc; line-height:30px;}

.news_show .news_name{text-align:center; font-size:18px; font-weight:bold; line-height:30px;}
.news_show .time{text-align:center; font-size:12px; color:#CCC; line-height:25px;}
.news_show .about{font-size:14px; line-height:30px;}

.clients{margin:0 auto;}
.clients tr td:first-child{text-align:center;}
.clients tr td{font-size:16px; font-weight:bold; border-bottom:1px dashed #ccc;}

#job_table tr:first-child td{font-size:16px; line-height:30px; font-weight:bold;}
#job_table tr td{border-bottom:1px dotted #ccc; line-height:30px;}
#job_table tr td a{color:#387dc0; text-decoration:underline; font-weight:bold;}
#job_table tr td a:hover{color:#eb803e;}

#contact{padding:15px; border:1px dashed #ccc;}
#contact li{font-size:14px; line-height:30px;}
#contact li a:hover{color:#387dc0;}

/*show·ÖÒ³*/
DIV.viciao { text-align:center; border:0px; margin:5px; padding:5px; line-height:30px;}
DIV.viciao A { border: #E4E3E3 1px solid; padding:2px 5px 2px 5px; margin-right:5px; font-weight:bold; text-decoration:none}
DIV.viciao A:hover { border:#E4E3E3 1px solid; padding:2px 5px 2px 5px; margin-right:5px; background:#666; color:#ffffff; text-decoration:none}
DIV.viciao A:active { border:1px #E4E3E3 solid; padding:2px 5px 2px 5px; margin-right:5px}
DIV.viciao SPAN.current { border:1px #E4E3E3 solid; padding:2px 5px 2px 5px; margin-right:5px; background:#666; color:#ffffff; font-weight:bold}
DIV.viciao SPAN.disabled { border:1px #E4E3E3 solid; padding:2px 5px 2px 5px; color:#ccc;}

.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f24{font-size:24px;}
.lh30{line-height:30px;}
.lh40{line-height:40px;}
.lh60{line-height:60px;}
.b{font-weight:bold;}
.n{font-weight:normal;}
.button{display:block; width:100px; height:25px; border:1px solid #666; background:#eee; text-align:center; line-height:25px; font-size:12px; font-weight:bold; color:#666}
.button:hover{border:1px solid #eb803e; color:#eb803e;}

.button2{display:block; width:100px; height:25px; border:1px solid #387dc0; background:#eee; text-align:center; line-height:25px; font-size:12px; font-weight:bold; color:#387dc0; float:right; margin:30px;}
.button2:hover{border:1px solid #eb803e; color:#eb803e;}