﻿
/* CSS Document */

*{ margin:0; padding:0;} a img{ border:none;} a{ text-decoration:none;} li{ list-style:none;}

/*頭部*/
.top{ width:100%; height:24px; overflow:hidden; background:#e5f9ff;box-shadow:1px 1px 1px rgba(91,91,91,0.6);}
.top-box{ width:1200px; height:24px; overflow:hidden; margin:0 auto;}
.top-box p{ float:left; line-height:24px; font-size:12px; font-family:"宋體"; color:#333;}
.top-alt{ float:right;font-size:12px; font-family:"宋體"; color:#666;}
.top-alt a{ line-height:24px; font-size:12px; font-family:"宋體"; color:#333;}
.top-alt a:hover{ color:#F00;}

.heard{ width:100%; height:160px; overflow:hidden; background:url(../image/index_02.jpg); margin-top:1px;}
.he-box{ width:1200px; height:160px; margin:0 auto; overflow:hidden;}
.he-box h3{ float:left; margin-top:20px;}
.phone{ float:right; margin-top:45px;}

/*導航欄*/
.nav{ width:100%; height:46px; background:url(../image/index_12.jpg);}
.nav-box{ width:1214px; height:46px; margin:0 auto;}
.nav-box li{ float:left; width:150px; height:46px; text-align:center; line-height:46px;font-size:14px; font-family:"微軟雅黑"; position:relative;}
.nav-box li a{ display:block; width:150px; height:46px;color:#fff; position:relative; overflow:hidden;}
.nav-li{ background:url(../image/index_03.jpg) left center no-repeat; padding-left:2px;}
.nav-box li a:hover{ background:url(../image/index_66.jpg); color:#FF0;}
.nav-box li:hover > ul{ opacity:1; width:150px; margin:0 auto;}
.nav-box li ul li{ height:0; overflow:hidden;background:#30b95e; width:150px;}
.nav-box li:hover > ul li{ height:36px; z-index:1000;text-align:center; line-height:36px;}
.nav-box li:hover > ul li:hover{ border-bottom:1px dashed #FFF;border-top:1px dashed #FFF;}
.nav-box ul li a{ width:150px; margin:0 auto;}

/*banner*/
.banner-box{ width:100%; height:500px;}
.banner{ width:100%; height:500px; overflow:hidden; margin:0 auto; position:relative;}
.banner .d1{ width:100%; height:500px; position:absolute; left:0; top:0; display:block;}
.banner .d2{width:100%;height:30px;clear:both;position:absolute;z-index:100;left:0px;top:470px;}
.banner .d2 ul{float:left;position:absolute;left:50%;top:0;margin:0 0 0 -30px;display:inline;}
.banner .d2 li{width:17px;height:15px;overflow:hidden;cursor:pointer;background:url(../image/img1.png) no-repeat center;float:left;margin:0 6px;display:inline;}
.banner .d2 li.nuw{background:url(../image/img1_1.png) no-repeat center;}

/*子頁css樣式*/
.Inside{ width:100%; margin-top:20px; overflow:hidden;}
.in-box{ width:1200px; margin:0 auto;}
.in-left{ width:330px; float:left;}
.in-about{ width:330px;}
.in-about h5{ width:330px; height:46px; overflow:hidden; background:url(../image/about_03.png) left center no-repeat; line-height:46px; padding-left:50px; font-size:14px; color:#333; font-weight:normal; font-family:"微軟雅黑";}
.in-about ul{ width:230px; margin:10px auto;}
.in-about ul li{background:url(../image/about_10.png) left center no-repeat; padding-left:20px;line-height:36px;font-size:14px;font-family:"微軟雅黑"; color:#333; border-bottom:1px dashed #999;}
.in-about ul li a{ color:#333;}
.in-about ul li a:hover{ color:#F00;}
.in-us{ width:330px; margin-top:20px;}
.in-us h5{ width:330px; height:46px; overflow:hidden; background:url(../image/about_03.png) left center no-repeat; line-height:46px; padding-left:50px; font-size:14px; color:#FFF; font-weight:normal; font-family:"微軟雅黑";}
.in-us ul{ width:300px; margin:10px auto;}
.in-us ul li{line-height:30px;font-size:14px;font-family:"微軟雅黑"; color:#333;}
.in-right{ width:840px; float:right;}
.in-right h5{ width:840px; height:46px; overflow:hidden; background:url(../image/about_05.jpg) left center no-repeat; line-height:46px; padding-left:50px; font-size:14px; color:#333; font-weight:normal; font-family:"微軟雅黑";}
.in-right p{ margin-top:10px;line-height:30px;font-size:14px;font-family:"微軟雅黑"; color:#333;}
.in-right ul{ width:840px; margin-top:10px; overflow:hidden;}
.in-right ul li{ margin:4px 4px; width:200px; height:200px; float:left; text-align:center;}
.in-right ul li img{ width:200px; height:170px;}
.in-right ul li span{ color:#333;line-height:30px;font-size:14px;font-family:"微軟雅黑";}
.in-right ul li span:hover{ color:#009100;line-height:30px;font-size:14px;font-family:"微軟雅黑";}

/*關于我們官网一欄*/
.content{ width:100%; height:250px; overflow:hidden; margin-top:20px;}
.con-box{ width:1200px; height:250px; margin:0 auto;}

.about{ width:360px; height:250px; float:left;}
.ab-title{ width:360px;; height:30px; border-bottom:2px solid #1f7f3f; overflow:hidden;}
.ab-title h5{ float:left;font-size:18px;font-family:"微軟雅黑"; color:#1f7f3f; line-height:30px; background:url(../image/index_16.jpg) left center no-repeat; padding-left:14px; font-weight:normal;}
.ab-title span{ float:left; margin-left:10px;font-size:16px;font-family:"微軟雅黑"; color:#5e5e5e; line-height:30px;}
.ab-title a{ float:right; line-height:30px;font-size:14px;font-family:"微軟雅黑"; color:#ff0000;}
.ab-alt{ width:360px; height:210px; margin-top:10px;}
.ab-alt span{ width:360px; height:150px;line-height:24px;font-size:14px;font-family:"微軟雅黑"; color:#464646; margin-top:6px;}

.news{ float:left; margin-left:30px; width:420px; height:250px;}
.ne-title{ width:420px;; height:30px; border-bottom:2px solid #1f7f3f; overflow:hidden;}
.ne-title h5{ float:left;font-size:18px;font-family:"微軟雅黑"; color:#1f7f3f; line-height:30px; background:url(../image/index_16.jpg) left center no-repeat; padding-left:14px; font-weight:normal;}
.ne-title span{ float:left; margin-left:10px;font-size:16px;font-family:"微軟雅黑"; color:#5e5e5e; line-height:30px;}
.ne-title a{ float:right; line-height:30px;font-size:14px;font-family:"微軟雅黑"; color:#ff0000;}
.news ul{ width:400px; height:210px; margin:10px auto;}
.news ul li{line-height:28px;font-size:14px;font-family:"微軟雅黑"; color:#464646; border-bottom:1px dashed #CCC;}
.news ul li a{ color:#464646;}
.news ul li a:hover{ color:#F00;}

.contact{ width:360px;height:250px; float:right;}
.con-title{ width:360px;; height:30px; border-bottom:2px solid #1f7f3f; overflow:hidden;}
.con-title h5{ float:left;font-size:18px;font-family:"微軟雅黑"; color:#1f7f3f; line-height:30px; background:url(../image/index_16.jpg) left center no-repeat; padding-left:14px; font-weight:normal;}
.con-title span{ float:left; margin-left:10px;font-size:16px;font-family:"微軟雅黑"; color:#5e5e5e; line-height:30px;}
.con-alt{ width:360px; height:210px; margin-top:10px;}
.con-alt ul{ margin-top:10px;}
.con-alt ul li{font-size:14px;font-family:"微軟雅黑"; color:#464646; line-height:28px;}

/*当前產品展示*/
.show{ width:100%; height:230px; margin-top:20px;}
.show-title{ width:1200px; height:230px; overflow:hidden; margin:0 auto;}
.show-title{ width:1200px;; height:30px; border-bottom:2px solid #1f7f3f; overflow:hidden;}
.show-title h5{ float:left;font-size:18px;font-family:"微軟雅黑"; color:#1f7f3f; line-height:30px; background:url(../image/index_16.jpg) left center no-repeat; padding-left:14px; font-weight:normal;}
.show-title span{ float:left; margin-left:10px;font-size:16px;font-family:"微軟雅黑"; color:#5e5e5e; line-height:30px;}
.show-title a{ float:right; line-height:30px;font-size:14px;font-family:"微軟雅黑"; color:#ff0000;}

.h_tonglan {width:1200px; height:190px;;margin:0 auto;}
.h_tonglan ul {overflow:hidden;}
.h218px {width:1200px;height:190px;margin:0 auto;}
.h218px th img{ cursor:pointer;margin-top:10px;}
#scrollbox ul {overflow:hidden; width:1100px; height:190px;margin:5px auto;}
#scrollbox ul li {FLOAT:left;width:200px;height:170px; padding:10px;}
#scrollbox ul li img {width:200px;height:170px;}

/*及时新聞動態*/
.ne-right{ width:840px; float:right;}
.ne-right h5{ width:840px; height:46px; overflow:hidden; background:url(../image/about_05.jpg) left center no-repeat; line-height:46px; padding-left:50px; font-size:14px; color:#333; font-weight:normal; font-family:"微軟雅黑";}
.ne-right ul{ width:840px;margin:10px auto;}
.ne-right ul li{ float:left;width:800px;line-height:43px;font-size:14px;font-family:"微軟雅黑"; color:#464646; border-bottom:1px dashed #CCC;}
.ne-right ul li a{ color:#464646; float:left;}
.ne-right ul li span{ color:#666; float:right;}
.ne-right ul li a:hover{ color:#F00;}

/*留言板*/
.clears{ clear:both;}
/*messages*/
.messages{padding:15px 0;}
.messages input,.messages select,.messages textarea{margin:0;padding:0; background:none; border:0; font-family:"Microsoft Yahei";}
.messlist {height:30px;margin-bottom:10px;}
.messlist label{float:left;width:100px; height:30px; font-size:14px; line-height:30px; text-align:right;padding-right:10px;}
.messlist input{float:left;width:300px;height:28px;padding-left:5px;border:#ccc 1px solid;}
.messlist.textareas{ height:auto;}
.messlist textarea{float:left;width:400px; height:110px;padding:5px;border:#ccc 1px solid;}
.messlist.yzms input{width:100px;}
.messlist.yzms .yzmimg{ float:left;margin-left:10px;}
.messsub{padding:0px 0 0 110px;}
.messsub input{width:100px; height:35px; background:#ddd; font-size:14px; font-weight:bold; cursor:pointer;margin-right:5px}
.messsub input:hover{ background:#f60;color:#fff;}
#label0{display:none;color:#0aa770;height:28px;line-height:28px;}
#label1{display:none;color:#0aa770;height:28px;line-height:28px;}
#label2{display:none;color:#0aa770;height:28px;line-height:28px;}
#label3{display:none;color:#0aa770;height:28px;line-height:28px;}
#label4{display:none;color:#0aa770;height:28px;line-height:28px;}
#label5{display:none;color:#0aa770;height:28px;line-height:28px;}
#label6{display:none;color:#0aa770;height:28px;line-height:28px;}
#label7{display:none;color:#0aa770;height:28px;line-height:28px;}
#label8{display:none;color:#0aa770;height:48px;line-height:48px;}
#label9{display:none;color:#0aa770;height:48px;line-height:48px;}
#label10{display:none;color:#0aa770;height:48px;line-height:48px;}

/*友情鏈接*/
.link{ width:100%; height:80px; margin-top:20px;}
.link-box{ width:1200px; height:80px; overflow:hidden; margin:0 auto;}
.link-box h5{ float:left;}
.link-box ul{ width:1120px; height:78px; float:right; border:1px solid #1f7f3f;}
.link-box ul li{ width:139px; height:58px;float:left; margin:8px; border:1px solid #CCC;}
.link-box ul li a img{ width:139px; height:58px;}



/*foot*/
.foot{ width:100%; height:120px; margin-top:20px; background:#7c7c7c;}
.foot-box{ width:1200px; height:120px; overflow:hidden; margin:0 auto;}
.foot-nav{ width:600px; height:50px; margin:0 auto; overflow:hidden;line-height:30px;font-size:14px;font-family:"微軟雅黑"; color:#fff; border-bottom:1px solid #FFF; text-align:center;}
.foot-nav a{line-height:50px;font-size:14px;font-family:"微軟雅黑"; color:#fff;}
.foot-box p{ text-align:center;font-size:12px;font-family:"宋體"; color:#fff; line-height:20px; margin-top:10px;}
.foot-box p a{ color:#fff;}

/*分頁樣式*/
.page{float:right;height:50px;}
.page_info{text-align:center;margin-top:10px;color:#333;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:12px;margin-top:20px;margin-bottom:20px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}














