﻿
/* -------------------------------------------------------------------------------------------------- */
/* |                                                                                                  */
/* |                                      main_top                                                    */
/* |                                                                                                  */
/* -------------------------------------------------------------------------------------------------- */
/* |                                                                                                  */
/* |                                      main_home                                                   */
/* |                                                                                                  */
/* -------------------------------------------------------------------------------------------------- */
/* |                         |                                                                        */
/* |                         |                                                                        */
/* |                         |                                                                        */
/* |        main_left        |            main_right                                                  */
/* |                         |                                                                        */
/* |                         |                                                                        */
/* |                         |                                                                        */
/* |                         |                                                                        */
/* -------------------------------------------------------------------------------------------------- */
/* |                                                                                                  */
/* |                                      main_bottom                                                 */
/* |                                                                                                  */
/* -------------------------------------------------------------------------------------------------- */
/* boby */
*{margin:0; padding:0;  list-style:none;}

html { padding:0px; margin:0px;}
body{margin:0px; padding:0px; background-attachment:fixed; font-family:Arial, Helvetica, sans-serif; background: url(../images/yy/menu_bj.gif) center 131px repeat-x #fff;}
.title { font-family: "Times New Roman", Times, serif;}
TD {color: #715543; font-size:12px; line-height:200%; }
div {color: #715543; font-size:12px; line-height:200%;}
td , li ,div {color: #4f3d2c; font-size:12px;}
input {color: #4f3d2c; }
.right_text, .right_text td, .right_text div, .right_text li, .right_text A,.right_text3, .right_text3 td, .right_text3 div, .right_text3 li, .right_text3 A,.right_text2, .right_text2 td, .right_text2 div, .right_text2 li, .right_text2 A{color: #4f3d2c; font-size:12px; line-height:180%; }
b, strong { color:#4f3d2c;}
form{margin:0px;padding:0px;}
img{border:0;}
.clear{clear:both; width:0px; height:0px; font-size:1px; visibility:hidden;}
.clear2{clear:both; width:0px; height:14px; font-size:1px; visibility:hidden;}
#container{width:1000px; padding:5px; margin:0 auto; overflow:hidden;}

a{ COLOR: #715543; text-decoration:none;}
a:hover { Color:#e77817; text-decoration:none;}

/*A img{filter:gray;}
A:hover img{filter:;}/*图片灰色*/
/*圆角+投影+外发光*/
.con_xl03 img { width:190px; height:130px;-moz-border-radius:0 0 7px 7px;-webkit-
border-radius:7px 7px 7px 7px;border-radius:7px 7px 7px 7px; border:5px #fff solid;
box-shadow: 0px 0px 15px #ccc; -webkit-box-shadow: 10px 10px 15px #ccc;-moz-box-
shadow: 10px 10px 15px #ccc}
/* top */
/* main */
.title_lj { border-bottom:1px #CCC solid; font-size:12px; margin-bottom:10px;}

.page_left{width:220px; float:left;}
.page_center{}
.page_right{width:762px; float:right; overflow:hidden; border:1px #ddd solid; padding-bottom:20px; background:#FFF;}
.page_right .kuang2 { padding:13px 8px; background:#fff; border:1px #ddd solid;}

.newsup { clear:both; line-height:30px; padding-top:8px; margin-top:15px; font-size:12px;}
.newsup A {  font-size:12px;}

.border_5 { border:1px #cfcfcf solid; padding:5px; margin:3px 10px 6px 3px; background:#f2f2f2;}

.page_td{ border:1px solid #ccc; padding:0px 5px; line-height:20px; background:#f2f2f2; height:23px; }
.page_tdbg{border:1px solid #ccc; background:#f2f2f2; padding:0px 5px; height:23px;}
.inputpage{BORDER:1px #ccc solid; background:#f2f2f2; width:22px; padding:0 2px; height:23px; line-height:23px;}

.page_right .title { margin:3px; padding-right:10px; border-bottom:1px #ddd solid; display:block; line-height:42px; height:42px; position:relative; text-align:right; margin-bottom:10px;}
.page_right .title span { display:block; height:38px; padding:0 28px 0 48px; background:url(../images/hh/home_title_img.gif) 10px center no-repeat; float:left; font-size:16px; color:#111; font-weight:bold;}
.page_right .title span A { background:none; color:#111; padding:0px;}
.page_right .title A { padding-left:20px; background:url(../images/img/Arrow_03.gif) 8px center no-repeat;}
.page_right .title .more { position:absolute; right:3px; top:10px;}

.page_left .kuang3 .title { background:url(../images/hh/home_title_bj_01_2d83cc.gif) right top no-repeat #2d83cc;}
.page_left .kuang3 .text { border:1px #2d83cc solid; border-top:0px; padding:10px;}
.page_left .kuang4 .title { background:url(../images/hh/home_title_bj_02_4e9fe3.gif) right top no-repeat #4e9fe3;}
.page_left .kuang4 .text { border:1px #2d83cc solid; border-top:0px; padding:10px;}
.page_left .title { height:37px; line-height:37px; padding-left:15px; }
.page_left .title a, .page_left .title { color:#FFF; font-size:16px; font-weight:bold; font-family:"微软雅黑";}

/* 头部与底部   ---------------------------------------------------------------------------------------------------------------------------------------*/
.main_top { display:block; height:140px; width:100%; background: url(../images/hh/top_bj.gif) center top repeat-x;}
.main_top #container2 { position:relative; z-index:91; height:170px; width:1000px; margin:auto;}
.main_top #container2 .logo { position:absolute; left:0px; top:25px; font-family:"微软雅黑";}
.main_top #container2 .logo span { font-size:28px; line-height:36px; color:#015ba0; font-weight:bold;}
.main_top #container2 .logo samp { font-size:16px; color:#666;}
.main_top #container2 .tel { position:absolute; right:0px; top:1px; z-index:30; font-size:12px; color:#d8c493; text-align:right; line-height:20px;}
.main_top #container2 #time { position:absolute; right:0px; top:0px; z-index:30; font-size:12px; color:#333; padding:0 15px; border:1px #CCC solid; border-top:0px; background:#FFF; display:none;}

.serach { border:1px #ddd solid; width:998px; margin:10px auto 5px auto; height:34px; background:url(../images/hh/title_bj.gif) center top repeat-x; position:relative;}
.serach #wordsub { position:absolute; right:10px; top:7px; height:20px; width:23px; border:0px; cursor:pointer; background:url(../images/hh/search.gif);}
.serach #word { position:absolute; right:8px; top:6px; height:20px; line-height:20px; padding-right:25px; padding-left:5px; border:1px #ddd solid;}
.serach div { padding-left:10px; line-height:32px;}

.top_news { display:block; background:url(../images/ld/asdf.gif) 10px center no-repeat #fff; width:998px; height:30px; border:1px #CCC solid; margin:10px auto;}
.top_news ul li{ display:block; padding-left:26px; line-height:32px; height:30px; color:#aaa; overflow:hidden;}
.top_news ul li A { margin:0 10px;}

.bottom_menu { border-top:1px #ccc solid; background:#fff; margin:10px auto; line-height:35px; text-align:center;}
.bottom_menu A { padding:0 10px; color:#999;}
.main_bottom { padding:20px 0 30px 0;}

.bottom_links { padding:10px;}
.bottom_links li{ height:22px; display:block; overflow:hidden;}
.bottom_links A { padding-right:8px; color:#888;}

/* 菜单   ---------------------------------------------------------------------------------------------------------------------------------------*/
.top_logo{ display:block; position:absolute; z-index:99999; left:18px; top:0px;}

.banner {  margin:auto; width:1000px; padding-bottom:4px; background:url(../images/ft/xian2.gif) bottom repeat-x;}
#gallery { float:left;}
 .page_right .right_text, .page_right .right_text2, .page_right .right_text3 { padding:20px;}



.feedback_K { margin:10px; padding:10px; border:1px #edece9 solid;}
/* 首页   ---------------------------------------------------------------------------------------------------------------------------------------*/
.kuang { border:1px #ddd solid;}
.kuang .title { display:block; height:36px; background: url(../images/hh/title_bj.gif); position:relative;}
.kuang .title span { background:url(../images/hh/home_title_img.gif) 5px center no-repeat; display:block; line-height:34px; padding-left:40px; font-size:14px; font-weight:bold;}

.kuang2 .title1 { display:block; height:36px; background: url(../images/hh/home_title_bj_01_2d83cc.gif) right no-repeat #2d83cc; position:relative;}
.kuang2 .title2 { display:block; height:36px; background: url(../images/hh/home_title_bj_02_4e9fe3.gif) right no-repeat #4e9fe3; position:relative;}
.kuang2 .title3 { display:block; height:36px; background: url(../images/hh/home_title_bj_03_17a43c.gif) right no-repeat #17a43c; position:relative;}
.kuang2 .title4 { display:block; height:36px; background: url(../images/hh/home_title_bj_04_76c200.gif) right no-repeat #76c200; position:relative;}

.kuang2 .title1 span,
.kuang2 .title2 span,
.kuang2 .title3 span,
.kuang2 .title4 span { 
display:block; line-height:36px; padding-left:15px; font-size:14px; font-weight:bold; color:#FFF;}

.kuang .title .more,
.kuang2 .title2 .more,
.kuang2 .title3 .more,
.kuang2 .title4 .more,
.kuang2 .title1 .more { 
position:absolute; top:7px; right:10px; font-family:"宋体";}

.kuang2 .title2 .more,.kuang2 .title3 .more,.kuang2 .title4 .more,.kuang2 .title1 .more { color:#FFF;}

.kuang .text, .kuang2 .text { padding:8px; }

.zo .left { float:left; width:225px; margin-right:14px;}
.zo .left .text { border:1px #2d83cc solid; border-top:0px;}

.zo .center { float:left; width:520px;}
.zo .center .text { border:1px #4e9fe3 solid; border-top:0px; background:url(../images/hh/kuan_bj.jpg) right bottom no-repeat;}
.zo .center .text img { float:left; margin-right:10px;}

.zo .right { float:right; width:225px;}
.zo .right .text { background:url(../images/hh/home_contact.gif) center top no-repeat;}
.zo .right .text li { width:148px; overflow:hidden; float:left; text-align:center; margin-bottom:10px;}
.zo .right .text li img{ width:130px; height:130px; padding:2px; border:1px #CCC solid;}
.zo .right .text li samp{ display:block; height:35px; overflow:hidden; line-height:40px; font-weight:bold; font-size:14px;}
.zo .right .text li span { padding:5px;}
.zo .text { position:relative; height:290px; overflow:hidden;}

.two .left { float:left; width:372px; margin-right:14px;}
.two .left .text { border:1px #17a43c solid; border-top:0px; background:url(../images/hh/kuan_bj.jpg) right bottom no-repeat;}

.two .center { float:left; width:372px;}
.two .center .text { border:1px #76c200 solid; border-top:0px; background:url(../images/hh/kuan_bj.jpg) right bottom no-repeat;}

.two .right { float:right; width:225px;}
.two .right .text {}
.two .right .text li { width:148px; overflow:hidden; float:left; text-align:center; margin-bottom:10px;}
.two .right .text li img{ width:130px; height:130px; padding:2px; border:1px #CCC solid;}
.two .right .text li samp{ display:block; height:35px; overflow:hidden; line-height:40px; font-weight:bold; font-size:14px;}
.two .right .text li span { padding:5px;}
.two .text { position:relative; height:250px; overflow:hidden;}

.home_case .text { position:relative; height:200px;}
.home_case .text .casemain { position:relative; margin:15px auto auto 40px; height:230px; width:900px; overflow:hidden;}
.home_case .text .casemain .prod_l { position:absolute;}
.home_case .text .casemain .prod_l td { width:240px;}
.home_case .text .casemain a { display:block; width:230px; overflow:hidden;}
.home_case .text .casemain samp { display:block; width:210px; height:30px; text-align:center;}
.home_case .text img { width:200px; height:150px; padding:4px; border:1px #ddd solid;}
.home_case .text .case_left,.home_case .text .case_right { position:absolute; top:10px; width:40px; height:160px; z-index:5;}
.home_case .text .case_left  {  left:0px; background:url(../images/left.gif) center center no-repeat;}
.home_case .text .case_right { right:0px; background:url(../images/right.gif) center center no-repeat;}

#home_pp div{ float:left; height:85px;}
#home_pp div img{ border:1px #ddd solid; margin-right:5px; width:100px; height:78px;}

/* 产品   ---------------------------------------------------------------------------------------------------------------------------------------*/
.products { width:1000px; overflow:hidden;}
.products ul { clear:both; width:780px; margin-bottom:15px;}
.products li { display:block; float:left; width:170px; overflow:hidden; text-align:center; background:#FFF; margin-right:10px; margin-bottom:15px; border:1px #ddd solid;}
.products li img{ display:block; float:left; width:164px; height:130px; overflow:hidden; text-align:center; background:#FFF; border:1px #ddd solid;}
.products li table { margin-bottom:10px;}
.products li th { height:40px; font-size:14px;}
/*.right_text2 .products li{ -moz-border-radius:0 0 2px 2px;-webkit-
border-radius:2px;border-radius:2px; border:2px #fff solid;
box-shadow: 0px 0px 10px #ccc; -webkit-box-shadow: 2px 2px 2px #ccc;-moz-box-
shadow: 2px 2px 2px #ccc; }*/
/* 最新产品 */

/* 连接定义 left ------------------------------------------------------------------------------------------------------------------------------------*/

/* 连接定义 right */
.right_title span{ font-size:14px; font-weight:bold; display:block; text-align:center;}
.right_title li { float:right;}

.right_bottom { padding-top:5px;}

.biao_table{ background:#ccc;}
.biao_table td{ padding:2px 10px; background:#fff url(../images/cd/bg_2.gif); color:#555;}
.biao_table th{ padding:2px 10px; background:#f5f5f5 url(../images/cd/bg_2.gif); text-align:left;}

/* 连接定义 */
.news { border-bottom:1px dotted #e3dbdb; line-height:28px; display:block; padding:5px;}
.news A{ line-height:28px; display:block; font-weight:bold; position: relative; font-size:12px;}
.news A:hover { text-decoration:underline;}
.news A img { position:absolute; top:0px;}
.news span{ float: right; display:block; line-height:28px;}

.news1 { height:30px; line-height:30px; display:block; padding-left:15px; background:url(../images/img/Arrow_03.gif) left center no-repeat; border-bottom:1px #CCC dotted;}
.news1 A{ line-height:30px;}
.news1 span{ float: right; display:block; line-height:25px;}

.news2 { height:30px; line-height:30px; display:block; padding-left:15px; background:url(../images/img/Arrow_05.gif) left center no-repeat; border-bottom:1px #CCC dotted;}
.news2 A{ line-height:25px;}
.news2 span{ float: right; display:block; line-height:25px;}

.news3 { line-height:150%; color:#888; border-bottom:1px #ddd dotted; padding:8px 0;}
.news3 a { display:block; line-height:140%; background:url(../images/img/Arrow_05.gif) left 8px no-repeat; padding:5px 0 5px 15px; color:#5398cd;}
.news3 a:hover { color:#e77817;}


.news_s { border-bottom:1px dotted #e3dbdb; line-height:18px; display:block; padding:5px;}
.news_s A{ line-height:28px; display:block; position: relative; font-size:12px; font-weight:bold;}
.news_s A:hover { text-decoration:underline;}
.news_s img { float:left; height:60px; width:80px; margin-right:15px; border:1px #94c7eb dotted; padding:2px;}
.news_s span{ float: right; display:block; line-height:28px;}
.news_s samp{ display:block; color:#999;}


/*--------WORKS效果----------*/
.clearfix:after{content:"."; display:block; height:0; clear:both;visibility:hidden;}
.clearfix{width:570px;}
.fresh{width:370px; margin-top:30px;}
.fresh h2,.works h2{font-size:14px; font-weight:normal; padding:10px 0 10px 25px; background:url(../images/ico2.jpg) left center no-repeat;}
.boxgrid span{display:block;color:#CFCFCF;}
.boxgrid li span.title{font-size:16px; margin-top:12px;}
.boxgrid span.title{font-size:16px; margin-top:265px;}
.boxgrid span.title a{color:#464646;}
.boxgrid span.title a:hover{color:#000; text-decoration:none;}
.works span.type{color:#CFCFCF;}
.works{width:570px; margin-top:30px;}
.works-bg{background:url(../images/fresh-bg.jpg) left top repeat;}
.last{margin-right:0;}
.boxgrid {/*width: 380px;*/	height: 325px;overflow: hidden;	position: relative;}
.box2{width:240px;	float:left;	margin-right:13px;}
.box2last{width:240px;	float:left;}
.boxgrid img {	position: absolute;	top: 0;	left: 0;border: 0;margin-top:20px; width:240px; height:240px;}
/*.boxgrid img.prod_img1 {  opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50); background:#000;}*/
.box2last img,box2 img{ }
.boxgrid p {padding: 0 10px;color:#000;	font-weight:bold;font:10pt "Lucida Grande", Arial, sans-serif;}
.boxcaption {float: left;position: absolute;background: #000;height: 100%;width: 100%;opacity: 1;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.captionfull { border-bottom:1px #CCC solid;}
.captionfull .boxcaption {top: 260;	left: 0;display:none;background-color:#c9c9ca;height:240px;margin-top:20px;}
.captionfull .boxcaption img{margin-top:0px;}
.caption .boxcaption {top: 220;	left: 0;}