﻿
/* CSS Document */

*{ padding:0; margin:0;}

body{ font:12px Arial, Helvetica, sans-serif,"宋體"; color: #363636;}

img{ border:0; _behavior:url(/css/js/iepngfix.htc);}

li{ list-style:none;}

a{ color:#262626; text-decoration:none;}

a:hover{ color:#f00; text-decoration:none;}

.remove{ clear:both;}



/*首頁*/

.topbg{ width:100%; height:123px; background:url(../image/topbg1.jpg) no-repeat center top;}

.top{ width:1200px; margin:0 auto;}

.top .logo{ width:500px; float:left; margin-top:25px;}
.top .right{width:250px; float:right}
.top .tel{ width:201px; float:right; margin-top:25px; margin-right:50px; }
.top .language{ width:201px; float:right; margin-top:15px; margin-right:50px;}
.top .language a{ font-size:16px;}
.banner{ width:100%; margin-bottom:5px;}


.menu{ width:100%; height:44px; background:url(../image/index1_06.jpg) repeat-x;}

.nav{ width:1200px; margin:0 auto; background:url(../image/index1_09.jpg) no-repeat left center;}

.nav li{ width:130px; float:left; text-align:center; font:14px/44px "微軟雅黑"; color:#FFF; background:url(../image/index1_09.jpg) no-repeat right center;}

.nav li a{ display:block; width:100%; height:44px; color:#FFF;}

.nav li a:hover{ display:block; width:100%; height:44px; background:url(../image/hoverindex1_06.jpg) repeat-x; color:#FFF;}

.nav li a:hover{ display:block; width:100%; height:44px; color:#FFF;}

.content{ width:1200px; margin:0 auto; padding:20px 0 0;}

.content .honor{ width:184px; float:left;}

.content .honor .h_top{ width:100%;}

.content .honor .h_content{ width:100%; padding:10px 0 0;}

.content .news{ width:441px; float:left; margin-left:30px; display:inline;}

.content .news .n_content{ padding:15px 0 0;}

.content .news .n_content li{ border-bottom:1px dotted #CCC; line-height:25px;}

.content .news .n_content li a{  width:305px; float:left; display:block; background:url(../image/index1_35.jpg) no-repeat left center; padding-left:15px; overflow:hidden;}

.content .news .n_content li a:hover{ width:305px; float:left; display:block; background:url(../image/index1_29.jpg) no-repeat left center; padding-left:15px; color:#ec4b00;}

.content .news .n_content li p{ display:block; width:75px; float:right; color:#898989; text-align: right;}

.content .about{ width:291px; float:right;}

.content .about .a_top{ width:100%;}

.content .about .a_content{ padding:15px 0 0; line-height:25px;}

.content .about .a_content .ac_img{ width:106px; float:right; margin-top:10px; display:inline;}

.content .about .a_content a{ color:#ec4b00;}

.content .about .a_content a:hover{ color:#000;}

.content .case{ width:100%; margin:15px 0 0;}

.content .case .c_top{ width:100%;}

.content .case .c_content{ padding:20px 0 10px;}

.content .case .c_content li{ width:136px; float:left; margin:0 13px; display: inline;}

.content .case .c_content li p{ line-height:25px; text-align:center; display:block;}

.content .pro_list{ width:184px; float:left; border:1px solid #e8ecef}

.content .pro_list .pl_top{ width:100%;}

.content .pro_list .pl_content{ padding:20px 17px;}

.content .pro_list .pl_content li{ background:url(../image/index1_61.jpg) no-repeat left center; text-indent:18px; line-height:38px;}

.content .product{ width:764px; float:right;}

.content .product .p_top{ width:100%;}

.content .product .p_content{ padding:15px 0 0;}

.content .product .p_content li{ width:136px; float:left; margin:0 8px; display: inline;}

.content .product .p_content li img{ padding:2px; border:1px solid #e9e9e9; display:block;}

.content .product .p_content li p{ line-height:30px; text-align:center;}

.content .tec_list{ width:184px; float:left; margin-top:10px; border:1px solid #e8ecef}

.content .tec_list .tl_top{ width:100%;}

.content .tec_list .tl_content{ padding:10px 0px;}

.content .tec_list .tl_content li{ background:url(../image/index1_61.jpg) no-repeat left center; text-indent:18px; line-height:30px;}

.content .vegetable{ width:239px; float: left; margin-top:10px; margin-left:27px; display:inline;}

.content .vegetable .v_top{ width:100%;}

.content .vegetable .v_content{ padding:20px 0 0;}

.content .vegetable .v_content .headline{ width:100%;}

.content .vegetable .v_content .headline .hl_left{ width:64px; float:left;}

.content .vegetable .v_content .headline .hl_right{ width:156px; float:right;}

.content .vegetable .v_content .headline .hl_right strong{ font: bold 14px/25px "宋體";}

.content .vegetable .v_content .headline .hl_right span{ line-height:20px; display:block; color: #666}

.content .vegetable .v_content .vc_ul{ padding:10px 0 0;}

.content .vegetable .v_content .vc_ul li{ background:url(../image/index1_89.jpg) no-repeat left center; line-height:22px; text-indent:15px;}

.content .fruit{ width:239px; float:left;}

.content .fish{ width:239px; float:right; margin-top:10px;}

.content .fish .v_top{ width:100%;}

.content .fish .v_content{ padding:20px 0 0;}

.content .fish .v_content .headline{ width:100%;}

.content .fish .v_content .headline .hl_left{ width:64px; float:left;}

.content .fish .v_content .headline .hl_right{ width:156px; float:right;}

.content .fish .v_content .headline .hl_right strong{ font: bold 14px/25px "宋體";}

.content .fish .v_content .headline .hl_right span{ line-height:25px; display:block; color: #666}

.content .fish .v_content .vc_ul{ padding:10px 0 0;}

.content .fish .v_content .vc_ul li{ background:url(../image/index1_89.jpg) no-repeat left center; line-height:22px; text-indent:15px;}

.bottom{ width:100%; padding:20px 0; border-top:1px solid #e8e8e8; margin-top:15px;}

.bottom .copyright{ width:1200px; margin:0 auto;}

.bottom .copyright .sublogo{ width:171px; float:left;}

.bottom .copyright .copy_right{ width:750px; float:left; line-height:25px; color:#393939; margin-left:15px; display:inline;}




/*內頁*/

.content .about_left{ width:230px; float:left;}

.content .about_list{ width:230px; float:left; border:1px solid #e8ecef}

.content .about_list .tl_top{ width:100%; height:37px; background:url(../image/about1_65.jpg) no-repeat; text-indent:35px; font: bold 14px/30px "微軟雅黑"; color:#1b9101;}

.content .about_list .tl_content{ padding:10px 0 10px 10px;}

.content .about_list .tl_content li{ background:url(../image/index1_61.jpg) no-repeat left center; text-indent:8px; line-height:30px;}

.content .fast{ margin-top:10px;}

.content .about_right{ width:950px; float:right;}

.about_right .ar_top{height:33px; line-height:33px; padding:0 10px 0 5px; background:url(../image/about_29.jpg) no-repeat left bottom; color:#979797;}

.about_right .ar_top .art_left{ width:250px; float:left; background:url(/images/list_tit.jpg) no-repeat left center; text-indent:5px; font:12px Tahoma, Geneva, sans-serif;}

.about_right .ar_top .art_left strong{ color:#4f4f4f; font:13px/25px "微軟雅黑";}

.about_right .ar_top .art_right{ width:200px; text-align:right; float:right;}

.about_banner{ height:150px; margin:0 0 10px;}

.about_right .ar_content{ padding:20px; min-height:350px; _height:350px; line-height:25px;}

.about_right .ar_content img{ max-width:715px;}

.text-bt{ display:block; font:bold 18px/30px "微軟雅黑"; color:#DB0000; margin-bottom:20px; text-align:center;}
.border1{
	border:1px solid #DAD8D8
}
#demo {
     overflow:hidden;
     width: 970px;
    }
    #demo img {
     
    }
    #indemo {
     float: left;
     width: 800%;
    }
    #demo1 {
     float: left;
    }
    #demo2 {
     float: left;
    }