@charset "utf-8";
/* CSS Document */
@import url("basic.css");
.products{ width:100%; max-width:1920px;min-width:1000px;margin:auto; background:#edede8;}
.hot{ width:960px; margin:auto; margin-bottom:30px;overflow:hidden}
.hot h2{ background:url(../images/line.jpg) center center no-repeat; width:960px; height:70px; line-height:30px; font-size:30px; font-family: "microsoft yahei", Arial, Helvetica, sans-serif;color:#014a46; text-align:center}
.hot h2 span{ font-size:14px; font-weight:100; font-family: "Times New Roman", Times, serif; padding-left:10px; color:#555; text-transform:uppercase}
.warpper{ width:960px; margin:auto; height:330px; overflow:hidden; padding-top:30px; padding-bottom:30px;}
.products_list{ width:141px; height:328px; background:#e8e8d4;float:left;}
.products_list h2{width:141px; background:url(../images/sj.gif) center bottom no-repeat; height:100px; padding-top:10px; color:#005954; line-height:26px; font-size:14px; font-family:"Times New Roman", Times, serif; font-weight:100; text-align:center}
.products_list h2 span{ width:141px; text-align:center; color:#004155; font-size:18px;}
.products_list h2 p{ font-size:22px; font-family: "microsoft yahei"; color:#004155; text-align:center}
.products_list ul{ width:141px; margin-top:10px;}
.products_list li{ line-height:26px; width:141px; background:url(../images/sub_li.gif) 82% center no-repeat}
.products_list li span{ padding-left:20px; display:inline-table}
.products_list li a:link {COLOR: #333333;TEXT-DECORATION: none;}
.products_list li a:visited {COLOR: #333333;TEXT-DECORATION: none;}
.products_list li a:hover {background:url(../images/sub_lio.gif) center center no-repeat;COLOR: #fff; text-decoration:underline; width:141px; height:26px; display:block}
.products_list li.cplist_on{ background:url(../images/sub_lio.gif) center top no-repeat;}
.products_list li.cplist_on span{ color:#fff;}

.act_con .t_lt { background:url(../images/preva.jpg) no-repeat; width:39px; height:78px; position:absolute; left:0px;}
.act_con .t_rt { background:url(../images/nexta.jpg) no-repeat; width:39px; height:78px; position:absolute; right:0px;}
.act_con { width:960px; height:330px; position:relative; float:right}
.act_con .t_lt,.act_con .t_rt { top:130px;}
.act_wrp { width:850px; margin:0 auto; overflow:hidden;}
.act_wrp li { float:left; display:inline; width:195px; padding-right:20px;}
.act_wrp img {margin-top:expression(170-this.height/2);max-height:330px; max-width:172px;}
.act_wrp li p{width:195px; height:330px; overflow:hidden;text-align:center;vertical-align:middle;display:table-cell}

.index_banner{ width:100%; max-width:1920px; min-width:1000px; background:url(../images/index_banner.jpg) center top no-repeat; height:247px;}
.index_banner a{ width:960px; margin:auto; height:227px; display:block}
.index_about{ width:960px; margin:auto;margin-top:50px;overflow:hidden}
.index_about h2{ background:url(../images/line.jpg) center center no-repeat; width:960px; height:70px; line-height:30px; font-size:30px; font-family: "microsoft yahei", Arial, Helvetica, sans-serif;color:#014a46; text-align:center}
.index_about h2 span{ font-size:14px; font-weight:100; font-family: "Times New Roman", Times, serif; padding-left:10px; color:#555; text-transform:uppercase}
.index_about ul{ width:800px; margin:auto; line-height:24px; font-size:14px; color:#333; text-align:center; height:150px; overflow:hidden; margin-top:20px; margin-bottom:20px;}

.index_case{ width:960px; margin:auto;margin-top:50px;overflow:hidden}
.index_case h2{ background:url(../images/line.jpg) center center no-repeat; width:960px; height:70px; line-height:30px; font-size:30px; font-family: "microsoft yahei", Arial, Helvetica, sans-serif;color:#014a46; text-align:center}
.index_case h2 span{ font-size:14px; font-weight:100; font-family: "Times New Roman", Times, serif; padding-left:10px; color:#555; text-transform:uppercase}
.index_case ul{ width:800px; margin:auto; line-height:24px; font-size:14px; color:#333; text-align:center; height:150px; overflow:hidden; margin-top:20px; margin-bottom:20px;}

.zl{ width:960px;margin:auto}
.zl ul{ float:left; margin-bottom:20px;}
.zl li{ width:227px; height:109px; border:3px solid #005954;text-align:center;color:#004155; font-size:30px; font-family: "microsoft yahei"; background:url(../images/dt.jpg) center 50px no-repeat; line-height:40px; padding-top:50px; line-height:30px;}
.zl li span{  width:227px;font-size:14px; font-family:"Times New Roman", Times, serif; text-align:center; text-transform:uppercase; clear:both; font-weight:100}
.zl li.margin10{ margin-right:9px}
.zl .yy{text-align:center; line-height:24px; color:#005954; font-size:14px;}



.index_news{ width:100%; max-width:1920px; min-width:1000px; margin:20px auto 0px;padding-top:20px;}
#news{ width:960px;margin:auto;}
.news{ background:url(../images/news_bg.gif) left 22px no-repeat; width:268px; height:540px;}
.news ul{ width:222px; margin:auto; color:#666666}
.news h2{ width:268px; line-height:25px;font-size:14px; font-weight:100; font-family: "Times New Roman", Times, serif;color:#919190; text-transform:uppercase; display:block; text-align:center; margin-bottom:40px; position:relative}
.news h2 span{width:268px;line-height:22px; font-size:22px; font-family: "microsoft yahei", Arial, Helvetica, sans-serif;color:#333333; text-align:center; display:block}
.news h3{ width:222px; margin:auto; text-align:center; margin-bottom:30px;}
.news img{ width:222px;}
.news_left{ float:left; margin-right:78px;}
.news_right{ float:right}
.news h2 a{ width:164px; height:45px; background:#005954; line-height:45px; text-align:center; font-size:16px; position:absolute; top:490px; left:52px; color:#fff;}
.q{ background:url(../images/a.jpg) left top no-repeat; padding-left:30px; width:192px; font-size:14px; font-weight:bold; color:#333333; line-height:24px; height:30px; overflow:hidden}
.q a:link {COLOR: #333333;TEXT-DECORATION: none;}
.q a:visited {COLOR: #333333;TEXT-DECORATION: none;}
.q a:hover {COLOR: #005954; text-decoration:underline}
.a{ background:url(../images/q.jpg) left top no-repeat; padding-left:30px; width:192px; line-height:24px; color:#666666; font-size:12px; margin-bottom:15px; height:50px; overflow:hidden}
.news li{ height:30px; line-height:30px; overflow:hidden}
.news_bt{ width:130px; float:left; color:#666666; overflow:hidden}
.news_bt a:link {COLOR: #666666;TEXT-DECORATION: none;}
.news_bt a:visited {COLOR: #666666;TEXT-DECORATION: none;}
.news_bt a:hover {COLOR: #cc2222; text-decoration:underline}
.news_time{ width:80px; float:right; color:#999999;}

#index_contact{ width:100%; max-width:1920px; min-width:1000px; margin:60px auto 0px; background:#f3f3f0;}
.index_contact{ width:960px; margin:auto; padding-top:100px;height:520px; padding-bottom:40px;}
.index_contact h2{ width:481px; float:left;}
.index_contact h2 a{background:url(../images/index_contact.jpg) left bottom no-repeat; height:502px; width:481px; font-size:14px; color:#004155; display:block; cursor:pointer}
.index_contact ul{width:444px; float:right; border-top:2px solid #bebebb; margin-top:40px;}
.index_contact ul h3{ text-align:center; line-height:30px; margin-top:50px; margin-bottom:40px; text-transform:uppercase; font-size:24px; font-family: "Times New Roman", Times, serif; color:#acacab;}
.index_contact ul h3 span{color:#3d0000; font-size:30px; font-family:"microsoft yahei", Arial, Helvetica, sans-serif; font-weight:100;width:444px; text-align:center; clear:both; display:block }
.fuwu{ width:444px;border-top:1px solid #bebebb; border-bottom:1px solid #bebebb; font-size:14px; margin-bottom:20px;}
.index_contact li{ line-height:50px; height:50px;  width:444px; display:block}
.index_contact li span{ float:left; text-align:left; width:80px; font-size:14px; overflow:hidden}
.index_contact li input{ width:340px; height:21px; line-height:21px; border:1px solid #c2c2c0; float:right; margin-top:12px; padding:2px 10px 2px 10px}
.index_contact li textarea{width:340px; height:63px; line-height:21px; border:1px solid #c2c2c0; float:right; margin-top:12px; padding:2px 10px 2px 10px}
.index_contact li input.text1{ width:140px; float:left; overflow:hidden}
.index_contact li input.bottom1{ width:55px; float:left; background:#3d0000; border:0px; padding:0px; text-align:center; height:27px; line-height:27px; color:#fff; cursor:pointer; font-size:16px;}
.index_contact li input.bottom2{ width:55px; float:right; background:#e83428; border:0px; padding:0px; text-align:center; height:27px; line-height:27px; color:#fff; cursor:pointer;font-size:16px;}



.foot_link{ width:956px;background:#fff; padding:22px; margin:9px auto;overflow:hidden}
.foot_link h2 {background:url(../images/n.jpg) left top no-repeat; height:42px; padding-left:15px; font-size:19px; color:#00a1e9; position:relative; margin-bottom:20px;}
.foot_link h2 .link{ width:100%; display:block; height:14px; background:url(../images/new4.jpg) 2px top no-repeat; margin-bottom:10px;}
.foot_link ul{ background:url(../images/link_line.jpg) left top repeat-x; width:956px; min-height:24px; padding-top:20px;}
.foot_link li{ padding-right:10px; color:#333333}
.foot_link a:link {COLOR: #333333;TEXT-DECORATION: none;}
.foot_link a:visited {COLOR: #333333;TEXT-DECORATION: none;}
.foot_link a:hover {COLOR: #763929; text-decoration:underline}