﻿html,div,body,table,table,span,ul,li,form,a,h1,h2,h3,h4{margin:0px; padding:0px; font-size: 14px; font-family: 微软雅黑,Helvetica Neue, Helvetica, Arial, sans-serif;}
a{text-decoration: none; color: #666;}
img{border:none;}

.header{ background-color: #009946; width: 100%; height:80px; overflow:hidden;}
.header-bottom{ background-color: #205704; width: 100%; height:5px;}
.c{width:1200px; margin:0px auto;}
.top{float:right;}
.logo{display:block; float:left; position:absolute; z-index:200;}

.nav{ height:40px;}
.nav .nav-item{padding-top:39px; list-style:none; float:left; width:120px;}
.nav .nav-item .item-title{border-right:1px solid #555576; text-align: center; height:16px; overflow: visible;}
.nav .nav-item .item{font-size:16px; color:#fff; text-align: center;display: block;  width:95%; font-family: "微软雅黑"; line-height:20px;}
.nav .nav-item .act{border-bottom: 3px solid #ff4400; display: block; width: 95%; }
.nav .acitve .item{border-bottom: 3px solid #ff4400; display: block; width: 95%;  }
.nav .nav-item .nav-sub{display:none;position:absolute; z-index: 300; width:120px; background-color: #f39801; top:80px; padding-top:10px 0px;}
.nav .nav-item .nav-sub li{list-style:none; display:block; text-align:center; padding:0px 0px;}
.nav .nav-item .nav-sub li a{ width:100%; display:block; color:#fff; line-height:30px;}
.nav .nav-item .nav-sub li a:hover{background-color:#009946;}
.nav .nav-item .xiala{display:none; text-align:center; font-size:12px; color:#fff; line-height:21px;}
.nav .nav-item-std{background-color: #f39801;}
.nav .nav-item-std .xiala{display:block;text-align:center; font-size:12px; color:#fff;}

.banner{width:100%; overflow: hidden;}
.banner-imgs{width:2000px; display: block; margin-left: -440px;}

.panel{color:#555555; margin-top: 30px;}
.panel .title{width:100%; height:30px; padding-bottom: 10px;}
.panel .title h3{font-size:24px; display: block; float: left; font-family: menu;}
.panel .title h3 .lebal{font-size: 14px;font-weight: normal;}
.panel .title .more{float:right;}
.panel .title .more a{font-size: 18px; color: #666666;}

.panel .area{width:260px; float:left; margin-left: 20px; margin-top: 10px;}
.panel .area img{width:260px; height: 285px;}
.panel .area .area-info{border:1px solid #ededed;margin-top:25px; font-size: 12px; padding:0px 15px 20px 15px; line-height: 25px;}
.panel .area .area-info a{font-size:12px;}
.panel .area .area-info .info-title{ width:120px;text-align: center; margin:0px auto; margin-top:-10px; height:30px; background-color: #fff; font-size: 14px;}
.panel .area div{font-size:12px;}

.c2{width:1300px; margin:0px auto;}
.panel .prds{height:440px; background-color: #f8f8f8; padding:30px 0px;}
.panel .prds .area{width:210px; background-color: #fff; padding: 30px 25px; height:320px; overflow:hidden; border-bottom: 2px solid #dcdcdc; line-height: 25px;}
.panel .prds .area img{width:210px; height: 180px;}
.panel .prds .area a:hover{display: block; color: #ff9900;}
.panel .prds .area span{font-size: 14px; height:20px; overflow:hidden; font-weight: bold; color: #333333; display: block; padding-bottom: 10px;}
.panel .prds .area a:hover span{ color: #ff9900;}
.panel .prds .area .index-prd-title{color:#999;}
.page-info{margin:10px auto; text-align: center;}
.page-info .page-c{margin:20px auto; width:88px;}
.page-info .page-c span{display:block; width:25px; height:3px; background-color:#3a3c5d; float:left; margin-left:3px;}
.page-info .page-c span.active{ background-color:#ff5011;}
.panel .prds .prev{float:left; width:100px; text-align: center; margin-top: 150px;}
.panel .prds .next{float:right; width:100px; text-align: center; margin-top: 150px;}
.box{width:1100px; overflow:hidden; float:left;}
.box .scroll{ height:388px; position:relative; width:5000px;}

.footer{height:290px; background-color: #fff;padding-top: 50px; border-top:1px solid #dfdfdf;}
.footer .fotlist{width:145px; float: left;}
.footer .fotlist a{ color: #666666;  font-size: 12px;}
.footer .fotlist .title{display: block; width:105px; font-size:16px; border-bottom: 1px solid #c6c6c6; height: 40px; line-height: 40px; color: #333; margin-bottom: 10px;}
.footer .fotlist .title .title-std{height:40px; cursor:pointer; display: block; position: absolute; width:65px; border-bottom: 1px solid #ff4400;}
.footer .fotlist ul li{list-style: none; line-height: 30px;}
.bottom{height:60px; background-color: #009946; font-size: 15px; color: #cecdda; line-height: 60px;}
.bottom .c{text-align: center;}

/*aboutus*/
.left-c{width:20%; float:left;}
.left-c .up-menu{position:absolute; background-color:rgba(255, 255, 255, 0.8); margin-top:-70px; border:1px solid #f1f1f1; width:218px;}
.left-c .left-title{padding-left:20px; font-size:18px; line-height:35px; font-family: 微软雅黑; color:#29166f; font-weight:bold;}
.left-c .left-menu{display:block; margin-top:20px; padding-bottom:0px;}
.left-c .left-menu li{display:block; height:30px; width:80%; margin:10px auto;}
.left-c .left-menu li.active{background-color: #ff9900;}
.left-c .left-menu li.active a{color:#fff;}
.left-c .left-menu li a{display:block; width:100%; height:30px; padding-left:30px; line-height:30px; color:#37395f;}
.left-c .service{width:188px; height:131px; background-image: url('/images/service.gif'); margin-top:250px; color:#333333; line-height:30px; padding:185px 15px 0px 15px; font-size:12px;}

.left-c .service ul li{font-size:12px; list-style:none; display:block; margin-top:10px;}
.left-c .service ul li span{width:54px; color:#999; display:block; float:left; text-align:right; font-size:12px;}
.left-c .service ul li div{float:right;width:135px; font-size:12px;}

.right-c{width:860px; float:right; padding-left:20px; }
.right-c .map{font-size:12px; color:#333333;}
.right-c .map a{color:#999999;}
.right-c .content{padding-left:30px; padding-top:40px; font-size:14px; color:#333333; line-height:30px;}

/*news*/
.right-c .first{}
.right-c .first .head-img{width:236px; height:156px; overflow:hidden; float:left; border:1px solid #fafafa; text-align: center; padding:1px;}
.right-c .first .head-img img{max-width:240px; max-height:160px;}
.right-c .first .right-biref{float:left; width:580px; padding-left:10px;}
.right-c .first .right-biref .title{font-size:16px; color:#545279; font-weight:bold;}
.right-c .first .right-biref .biref{color:#999999; font-size:12px; height:90px; overflow:hidden;}
.right-c .first .right-biref .date{color:#999999;}
.right-c .news-list{ display:block; margin-top:40px;}
.right-c .news-list li{display:block; margin-top:10px; list-style:none; background-image: url('/images/list.gif'); background-repeat:no-repeat; height:35px; padding-left:20px; border-bottom:1px dotted #dbdbdb;}
.right-c .news-list li a{color:#333333;}
.right-c .news-list li a.news-date{float:right;}

/*page*/
.page{margin:40px auto; width:500px; height:35px; color:#999999;}
.page li{display:block; float:left; padding:0px 11px; border:1px solid #999999; margin-left:8px;}
.page li.active{background-color: #545279; font-weight:bold; color:#fff;}
.page li a{color:#999;}

/*prds*/
.right-c .prd-list{display:block;}
.right-c .prd-list li{display:block; margin-top:40px; float:left; width:254px; height:250px; text-align:center; color:#333333; border:1px solid #eeeeee; margin-right:20px;}
.right-c .prd-list li.lst{margin-right:0px;}
.right-c .prd-list li .prd-img-c{border-bottom:1px solid #eee; min-height:200px;}
.right-c .prd-list li img { border-top:none; border-left:none; border-right:none; max-height:190px; width:252px; height:205x;}
.right-c .prd-list li .prd-list-title{font-size:12px; line-height:18px;}

/*Message*/
.message {color:#999999; display:block; border-left:1px solid #eee;}
.message tr,th,td{height:50px;}
.message th{width:150px;}
.message td input{width:300px; height:35px; border:1px solid #ddd;}
.message td textarea{width:500px; height:100px; border:1px solid #ddd;}

/*prd_detail*/
.prd-img{ width:93%; text-align:center; border:1px solid #eee; padding:20px;}
.prd-img img{max-width:95%; max-height:350px;}
.prd-title{color:#55527d; font-size:18px; padding:20px 0px;}
.prd-panel{margin:20px 0px;}
.prd-panel .ptitle{width:100%; height:35px; border-bottom:1px dotted #dbdbdb; line-height:35px; font-weight:bold;}
.prd-panel .ptitle span{display:block; position:absolute; width:100px; height:34px; border-bottom:2px solid #ff6600;}
.prd-panel .prd-options{displa:block; padding:20px 0px;}
.prd-panel .prd-options li{list-style:none;}

/*Stock*/
.content .stock-search{text-align:right; padding:20px;}
.content .stock-search input{height:24px; padding-left:5px;}
.content .stock-search .submit{ width:80px; background-color:#ff9900;height:32px; }

.content .stock-list{ display:block; padding:20px 0px;}
.content .stock-list li{ display:block; list-style:none; padding:10px 0px; height:90px;  border-bottom:1px dotted #dbdbdb;}
.content .stock-list li img{border:1px solid #ddd;padding:2px; max-width:86px; max-height:86px; float:left;}
.content .stock-list .stock-info{float:left; padding-left:20px; width:750px;}
.content .stock-list .stock-info .title{font-size:16px; height:30px; line-height:30px; font-weight:bold; color:#333;}
.content .stock-list .stock-info .info{ line-height:20px; font-size:12px; color:#999;}
.content .stock-list .stock-num{float:right; color:#ff4400; line-height:90px; font-weight:bold;}




