/*全局属性*/
body,html {font-size:12px;font-family: "微软雅黑","Microsoft YaHei";}
body{ background-color:#e4e4e9; 
      
 /*      background: -webkit-gradient(linear, left top, left bottom, from(#09b3cd), to(#262164));
    background: -moz-linear-gradient(top, #09b3cd,#262164 );
*/
 

}
*{margin:0; padding:0px;}
a {color:#000;}
a:hover {color:#06C; text-decoration:none}
ul,li {list-style:none; margin:0; padding:0;}
/*公共样式*/
.main{ width:960px; background-color:#fff; overflow:hidden; margin:0 auto; }
.head{
 background-color:#dbae73; 
}
.headtop{
    height: 20px;
    background-color:#dbae73; 

 
}
.top {overflow:hidden; background-color:#fff;  border-bottom:solid 1px #ededee;  }
.logo{padding:10px; padding-top:5px; padding-bottom:5px; float:left;border-top:solid 1px #ededee;}
.menu{ float:left;}
.menu li{float:left; cursor: pointer; width:90px; height:65px; padding-top:15px; border-left:solid 1px #ededee; text-align:center; font-size:15px; font-weight:bold;border-top:solid 1px #ededee; }
.menu li div{ color:#666; font-size:12px; }

.current1{ 
    background-color:#dbae73;
 
         background: -webkit-gradient(linear, left top, left bottom, from(#dbae73), to(#dbae73));
    background: -moz-linear-gradient(top, #dbae73, #dbae73);
    padding-top:1px; color:#fff; border-top:0 !important;

}
.current1 div{color:#fff !important;}
.kindMenu .current1{   border-radius:5px !important; }
.clear{ clear:both; }
/*搜索*/
#search {background-color:#dbae73;width:100%;height:30px;padding:2px; margin-top:5px; }
#search select { vertical-align:top; border:none; width:100%; margin-top:7px;}
#search .select {width:70px;border:0px; float:left;background-color:#fff; display:block; height:30px; padding-left:5px;  margin-right:2px;}
#search input { width:130px;height:30px; line-height:30px;border:0px; float:left;}
#search button { width:40px; height:30px; line-height:30px; border:0px;background-color:#dbae73; color:#fff;float:left;}
/*幻灯片*/
.imgcon{margin:0 auto;}
.slideshow { width:100%;  height:360px; border:1px solid #ccc; overflow: hidden; position: relative; float:left; }
.slideshow h3 { color: #EEE; font-size: 12px; font-weight: 700; line-height: 26px; position: absolute; text-indent: 2%; width: 100%; z-index: 102; margin: 0; }
.slideshow h3 a { color: #FFF; text-decoration: none; }
.slideshow h3 a:hover { color: #F60; text-decoration: underline; }
.slideshow li img { border: 0; vertical-align: top; }
.slideshow ul { list-style-type: none; margin: 0; padding: 0; }
.slideshow .smallslider-btns { position: absolute; z-index: 103; }
.slideshow .smallslider-btns .current-btn { background-color: #dbae73; border: 1px solid #edb66e; color: #FFF; font-size: 14px; font-weight: 700; }
.slideshow .smallslider-btns span { background-color: #FFF; border: 1px solid #DCDCDC; color: #edb66e; cursor: pointer; float: left; font-size: 12px; height: 16px; line-height: 16px; text-align: center; width: 16px; }
.slideshow .smallslider-lay { background-color: #000; height: 26px; position: absolute; width: 100%; z-index: 101; }
.smallslider-tex{ display:none; }

 /*首页产品种类*/
.kindMenu{ width:800px; margin:0 auto; padding-top:20px; font-size:16px; font-weight:bold; }
.kindMenu li{ float:left; cursor: pointer; text-align:center; width:160px; height:60px; line-height:60px; }
.kindMenu .current1{ background-color:#dbae73;}
.kindMenu .current1 a{  color:#fff; }
.kindMenu .current1 .triangle {
    margin:0 auto;
    width: 0;
    height: 0;
    border-top: 8px solid #dbae73;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
}   
.kindPro{  margin-top:20px; }
.piclist li{ float:left;  width:25%;text-align:center; }
.piclist .pic {border-radius:5px; background-color: #fff; margin:10px; padding-bottom: 10px;}
.piclist .pic img { width:80%; margin-top:15px;opacity:1;filter:alpha(opacity=100);  }
.newsTitle{ width:90%; margin:0 auto; padding-top:20px;  font-weight:bold; text-align:center; font-size:30px; }
.newsTitle p { font-size:20px; color:#ccc; }
.newsCenter{width:80%; margin:0 auto; padding-top:20px; }
.newsCenter li{ width:33%; float:left;}
.newsCenter li img{ width:100%; margin-top:10px; }
.newsCenter h2{ font-size:15px; font-weight:bold;  padding-top:5px;}
.newsCenter .cen{ color:#595959; margin-top:10px;text-indent:2em; }
.sdf{ padding-left:8px; padding-right:8px; }



/*底部*/

#foot {
    padding-left:20px;
    padding-right:20px;
    margin: 20px 0px 0 0px;
    padding-top: 55px;
    padding-bottom:60px;
    border-top: 3px solid #dbae73;
}

.foot_info_area {
    width: 23%;
    float: left;
    padding-right:30px
}

.foot_info{   
    width:18%;
    float: left;
    padding-right:30px}

.foot_info_area .title {
    color: #595959;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 20px;
    display: block;
    text-align: left;
}

.foot_info_area li {
    margin: 10px 0;
    text-align: left;
}

.foot_info_area li:first-child {
    margin-top: 0;
}

.foot_info_area a {
    color: #595959;
}

.foot_info_area a:hover {
    color: #c20f1c;
}

.company_info .logo {
    border-top:0px;
    width: 118px;
    height:65px;
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    margin-top: -15px
}

.company_info p {
    margin-top: 20px;
    font-size: 12px;
    color: #595959;
    line-height: 1.5;
}

.contact p {
    color: #595959;
    line-height: 1.5;
}

#copyright {
    clear: both;
text-align:center;
    padding: 15px 0;
    background: #c6c6d0;
    line-height: 26px;
    color: #707070
}
/*栏目列表*/
#classbox { padding-top:10px; padding-left:20px;}
#classbox .box { float:left; width:31%; border:1px solid #dbae73;  margin-right:20px; height:326px;}

/*面包屑导航*/
#pagenav { margin-top:10px; background-color: #dbae73; line-height:30px; hanging-punctuation:30px; padding-left:10px; padding-right:10px; margin-bottom:10px; margin-right:20px;}
/*列表页*/
.pagelist { width: 95%;   margin-top: 15px;  margin-left: 20px;  border:1px solid #ddd; }
.pagelist .boxhead{height:30px; line-height:30px;}
.pagelist .boxlist ul { padding-bottom:20px;}
.pagelist .boxlist ul li { line-height:35px !important; height:35px !important; border-bottom:1px dotted #ddd}
.pagelist .boxlist ul li .title{ font-size:14px;}
.pagelist .boxlist ul li .time{}
/*图片列表页*/
.pagepiclist { margin-right:20px;  border:1px solid #ddd; }
.pagepiclist .boxhead{height:30px; line-height:30px;}
.pagepiclist .boxlist { padding-right:0px;}
.pagepiclist .boxlist ul { padding-bottom:20px;}
.pagepiclist .boxlist ul li { float:left; height:150px; margin-top:10px; margin-right:9px; width:165px;}
.pagepiclist .boxlist ul li img{ font-size:14px;width:165px;}
.pagepiclist .boxlist ul li .title{ float:none;}
.pagepiclist .boxlist ul li .time{}
/*扩展列表页*/
.pageexpand {
    margin-right: 20px;
}

.pageexpand .boxhead {
    height: 30px;
    line-height: 30px;
}

.pageexpand .boxlist .product {
    width: 21%;
    padding: 2%;
    float: left;
}

.pageexpand .boxlist .product .pic {
    border: 1px solid #ccc;
    border-bottom: 3px solid #dbae73;
}

.pageexpand .boxlist .product .pic:hover {
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .4);
    box-shadow: 0 3px 10px rgba(0, 0, 0, .4);
    opacity: 1;
}

.pageexpand .boxlist .product .pic img {
    width: 100%
}

.pageexpand .boxlist .product .info {
    text-align: center;
    font-weight: bold;
    padding-top: 15px;
    font-size: 14px
}

/*内容页*/
.pagecontent {margin-right:20px; }
.pagecontent .boxcontent h1{ line-height: 45px;  font-size:16px; font-weight:bold; text-align:center}
.pagecontent .boxcontent .info { border-top:1px dotted #ccc; text-align:center}
.pagecontent .boxcontent .content { font-size:14px; line-height:35px; margin-top:10px;}
.pagecontent .boxhead {margin-top:20px;}
.pagecontent .boxhead h3 { font-size:12px; font-weight:normal;}
.pagecontent .boxlist {}
.pagecontent .boxlist li { float:left; width:50%;}
.pagecontent .boxlist li .line { padding-right:10px !important;}
.pagecontent .updown { line-height:25px; height:25px; padding-left:10px; padding-right:10px; color:#666;}
.pagecontent .updown a {color:#666}
.pagecontent .updown .previous { float:left;}
.pagecontent .updown .next { float:right}
/*扩展模型内容页*/
.contentexpand { padding:10px;}
.contentexpand .imagebox {float:left;width: 34%}
.contentexpand .imagebox .pic {margin-right: auto;margin-left: auto;}
.contentexpand .imagebox .pic img{ border:1px solid #ddd;}
.contentexpand .imagebox .tabs {height:75px;}
.contentexpand .imagebox .tabs a { display:block; float:left; padding:2px; border:1px solid #ddd;width: 25%;box-sizing: border-box;margin-top: 1%;}
.contentexpand .imagebox .tabs img {width: 100%}
.contentexpand .info {float:left; margin-left:2%; width:64%;}
.contentexpand .info .title { font-size:14px; height:35px; border-bottom:1px dotted #ddd}
.contentexpand .info .title h1 { font-weight:bold}
.contentexpand .info .color{font-size:12px; line-height:22px; padding-top:10px; color:#666;border-bottom:1px dotted #ddd; padding-bottom:10px;}
.contentexpand .info .size{font-size:12px; line-height:22px; padding-top:10px; color:#666;border-bottom:1px dotted #ddd; padding-bottom:10px;}
.contentexpand .info .description { font-size:12px; line-height:22px; padding-top:10px; color:#666;border-bottom:1px dotted #ddd; padding-bottom:10px;}
.contentexpand .info .list {}
.contentexpand .info .list ul {}
.contentexpand .info .list ul li { line-height:35px; height:35px;border-bottom:1px dotted #ddd}
.contentexpand .info .list ul li .name { padding-right:10px; color:#666}

/*分页样式*/
.pagenum {padding:20px; text-align:center}
.pagenum a {border: 1px solid #FFFFFF;color: #999999;margin: 0 3px;padding: 3px 0; }
.pagenum a:hover { color: #dbae73 !important;}
.pagenum .current {color: #dbae73 !important;}
.pagenum .firstPage,.pagenum .nextPage,.pagenum .prePage,.pagenum .lastPage {background-color: #F8F8F8; border: 1px solid #D9D9D9; color: #999999; height: 19px; line-height: 19px; padding: 3px 10px; width: 39px;}

/*404页面*/
.error404 { background-image: url(../images/404bg.jpg); background-repeat: no-repeat; width: 856px; height: 250px; margin-right: auto; margin-left: auto; margin-top: 50px;}
.error404 .taglist { padding-top: 100px; padding-left: 300px;}
.error404 .taglist a{color:#666}
.error404 .home { color:#dbae73; padding-top: 5px; padding-left: 300px; font-size:14px; font-weight:bold}
.error404 .home a {color:#dbae73; }
/*留言板*/
.guestbook {padding:20px}
.guestbook .list { border-bottom:1px dotted #ccc; padding-bottom:10px;}
.guestbook .list .content { font-size:14px; line-height:25px; padding-bottom:10px; }
.guestbook .list .content .reply {border:1px solid #ddd; line-height:25px; padding-left:5px; padding-right:5px; margin-top:10px; background-color:#f4f4f4}
.guestbook .list .info{color:#666; line-height:25px;}
.guestbook .formsub { padding:10px;}
.guestbook .formsub h5 { line-height:30px; font-size:14px; font-weight:bold}
.guestbook .formsub .guest_post { padding-top:10px;}
.guestbook .formsub .guest_post .guest_post_hr { line-height:40px; height:40px;}
.guestbook .formsub .guest_post .guest_post_text { border:1px solid #ccc;margin-left:10px; line-height:25px; height:25px; width:92%;}
.guestbook .formsub .guest_post .guest_post_content { border:1px solid #ccc; height:100px; width:100%; margin-top:10px;}
.guestbook .formsub .subdiv { margin-top:10px; text-align: center;}
.guestbook .formsub .subdiv .button { border:1px solid #ddd; width:50px; line-height:27px; height:27px; vertical-align: top}
.proImg{ border:solid 1px #000; border-radius: 5px; }
.topAbout{text-align:center; padding-bottom:25px;  padding-top:35px; font-size:32px; font-weight: bold; background-color:#f1f1f1;}
.aboutImg{ width:30%; float:left; padding-right:50px; }
.aboutCom{ width:50%; float:left; padding-left:50px; padding-right:50px; text-align:left;}
.smallslider-tex{ display:none; }
.headtitle { line-height:35px; padding-top:10px; width: 100%; padding-left:10px; height:35px; margin-left:20px; border-bottom:2px solid #dbae73; margin-right:20px;}
.headtitle h3 { font-weight:bold; color:#000; font-size:16px;}
.box {}
.box .boxhead {height:30px; line-height:30px;  border-bottom:solid 1px #dbae73; padding-left:10px; padding-right:10px}
.box .boxhead h3 { float:left; color:#dbae73; font-weight: bold; font-size:14px;}
.box .boxhead h3  a{color:#dbae73;}
.box .boxhead .more { float:right;}
.box .boxhead .more a{ color:#dbae73;}
.box .boxpic {margin-top:10px; height:90px; padding:10px;}
.box .boxpic .pic { float:left; width:120px;}
.box .boxpic .info { float:left; width:200px;}
.box .boxpic .info .title { font-weight:bold; line-height:25px; height:25px;}
.box .boxpic .info p { line-height:22px;}
.box .boxlist {padding:10px;}
.box .boxlist ul {}
.box .boxlist ul li { line-height:30px; height:30px;}
.box .boxlist ul li .line { color:#CCC; padding-right:5px; float:left;}
.box .boxlist ul li .num { float:left; margin-right:10px; border:1px solid #ccc; line-height:12px; height:12px; margin-top:6px; padding-left:3px; padding-right:3px;}
.box .boxlist ul li .title{ float:left;}
.box .boxlist ul li .time { float:right; color:#999}
.box .boxcontent { padding:20px; line-height:22px;}
.box .boxcontent h1 { font-size:24px; }
.contact1 { background-image: url(../images/contact.png); background-repeat: no-repeat; background-position:right}
.fitter {
    min-height: 48px;
    width: 980px;
    margin-left: auto;
    margin-right: auto;
}

.fitter .selected {
    background-color: #dbae73;
    color: #fff
}

.category_list {
    margin-top: 3%;
    text-align: center;
}

.category_list span{

    display: block;
    float: left;
   width:20%;
}

.category_list .category {
    margin-left: 10px;
    margin-right:10px;
    margin-bottom:5px;
    cursor: pointer;
    padding: 5px 10px;
}

.category_list .category:hover {
    background-color: #dbae73;
    color: #fff
}

.left{ width:65%;  float:left; overflow: hidden; }
.right{ width:30%;  float:left;overflow: hidden; padding-left:15px; padding-top:15px;}
.right .box .boxlist{ padding-left:20px; }
#bottomkind {border-left:solid 2px #dbae73;}

.recommend{margin-top: 2em}
.recommend h3{color: #333;line-height: 1.3em;font-weight: bold;font-size: 24px;margin-bottom: 25px;letter-spacing: 1px;}
.recommend .product{width: 23%;padding: 1%;float: left;}
.recommend .product .pic img{width: 100%;border:1px solid #ddd;border-bottom: 3px solid #f18c00}
.recommend .product .pic img:hover{-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .4);box-shadow: 0 3px 10px rgba(0, 0, 0, .4);opacity: 1;}
.recommend .product .info{text-align: center;margin-top:15px}
.recommend .product .info a{font-weight: bold;font-size: 14px}