@charset "utf-8";
/* CSS Document */

.header{ background-color:#333;}
.headerbox{overflow:hidden;}
.logo{width:300px;  padding-top:20px; height:80px; overflow:hidden;}
.nav  li{float:left; border-right:1px solid #000; height:100px;}
.nav li a{display:block; color:#c9c9c9; width:99px; line-height:100px; text-align:center; font-size:14px;}
.nav .on a{ background-color:#da1510;}
.nav li a:hover{background-color:#c72c28;}

/*=====下拉菜单====*/
.nav li ul{position:absolute; left:0; top:30px; width:106px; background-color:#535353;display:none; overflow:hidden; border-top:1px solid #fff;}
.nav li ul li{ width:100%; border-bottom:1px solid #fff; height:30px; background:none;}
.nav li ul li a{ font-size:12px;color:#fff; line-height:30px; display:block; white-space: nowrap; font-weight:normal;}
.nav li ul li a:hover{ background:#4f3c2e; color:#fff;}
.nav .on ul li a{ background:none; color:#fff;}
.nav .on ul li a:hover{ background:#4f3c2e; color:#fff;}


.topkeyword{height:40x; line-height:40px; background-color:#fafafa; border-bottom:1px solid #e4e4e4;}
.tkeyword span{color:#e83935; font-size:14px; font-weight:bold; padding-right:10px;}
.tkeyword a{padding:0 5px; font-size:14px; color:#333;}


.product{ padding:40px 0;}
.protit{font-size:32px; text-align:center;}
.protit em{color:#000;}
.protit b{color:#d7d7d7; font-size:20px; padding:0 10px;}
.protit span{ color:#e83935;}
.procon{overflow:hidden; padding-top:30px;}
.procon li{float:left; padding:0 9px;}
.procon li img{ border:1px solid #efefef; width:306px; height:200px;}
.procon li span a{display:block; font-size:16px; text-align:center;line-height:64px;margin-top:10px;height:64px;background-color:#e4e4e4; color:#000; width:282px; margin:0 auto; padding:0 12px;}
.procon li span a:hover{background-color:#c72c28;color:#fff;}
.casecon li span a{width:216px;}

.aboutbar{padding:40px 0;}


.processbox{background:url(../image/fw_6bg.png) repeat center center;}
.process{padding:40px 0;}
.processcon{ overflow:hidden; text-align:center;padding:30px 0;}
.processcon li{float:left; width:226px; padding:0 17px;}
.processcon li .num{text-align:center;}
.processcon li .num img{  -webkit-transition: -webkit-transform 1s ease-out; cursor:pointer;}
.processcon li .num img:hover{transform: rotateZ(360deg);}
.processcon li .tit a{ color:#333; font-size:20px; text-align:center; padding:25px 0; display: block;}
.processcon li .con{ text-align:left; font-size:14px;  color:#999;}


.casecon li{ padding:5px 9px;}
.casecon li img{width:240px; height:200px;}


.titbox{color:#000; font-size:32px; text-align:center; padding:0 0 10px 0;}
.conbox{padding:0 18px;}
.honor{border:1px solid #ccc;}
.honor li img{height:100%;}


.contactcon{overflow:hidden;}
.contactcon .video{width:296px; overflow:hidden; height:280px;border:1px solid #ccc;background-color:#f0f0f0;padding:10px 15px;}
.contactcon .video li{ border-bottom:1px dotted #e5e5e5; padding:5px 0;}
.contactcon .video li a{font-size:14px; color:#333;}
.contactcon .map img{width:300px; height:300px;}
.contactcon .txt img{display:block; padding-bottom:30px;}
.contactcon .txt{font-size:16px; color:#333; width:300px; background-color:#f0f0f0; height:300px; border:1px solid #ccc;}

.news{padding:40px 0;}
.newscon{overflow:hidden; padding:20px 0 0 0;}
.newscon li{width:490px; float:left; padding:5px 0; border-bottom:1px dotted #ccc; margin:0 15px;}
.newscon li a{display:block; color:#333; background:url(../image/newsliabg.png) no-repeat left center; padding-left:10px; font-size:14px;}

.footer{background-color:#333; padding:30px 0;}
.footerbox{overflow:hidden; position:relative; min-height:115px;}
.footercon,.sitemap{width:345px; margin-right:60px;}
.ftit{font-size:16px; color:#fff;}
.ftit span{color:#e83935;}
.fcon{padding-top:8px; color:#ccc;}
.sitemapcon a{color:#ccc;}
.erweima{padding:20px 200px 0 0;}
.erweima li{float:left; padding-right:20px;}
.erweima li img{width:120px; height:120px;}
.erweima li span{display:block; color:#ccc; text-align:center; line-height:30px;}
.gotop{ position:absolute; top:55px; right:60px; background-color:#fff; height:50px; width:60px; padding-top:10px;}
.gotop a{ color:#e83935; display:block; font-size:16px; line-height:1.2; text-align:center;}

.footerbotbox{line-height:40px; height:40px; background-color:#222; border-top:1px solid #000;}
.footerbot{text-align:center;}
.footerbot a,.footerbot{color:#ccc; padding:0 10px; font-size:14px;}



/*inner*/
.iprotit{color:#e83935; font-size:32px; text-align:center;}
.siteadd{text-align:center; font-size:18px;  padding-bottom:10px;}
.imenu{ text-align:center; padding:0 0 30px 0;}
.imenu a{display:inline-block; width:100px; height:36px; background:url(../image/menulia.png) no-repeat; text-align:center; line-height:36px; margin:0 10px; font-size:14px;}
.imenu a:hover{background:url(../image/menuliahover.png); color:#fff;}
.iprocon {overflow:hidden;}
.iprocon li{float:left; padding:10px 20px;}
.iprocon li img{width:306px; height:200px;}
.iprocon li span a{display:block; font-size:14px; background-color:#e5e5e5; height:40px; line-height:40px; text-align:center; margin-top:1px; width:286px; padding:0 10px; overflow:hidden;}
.iprocon li span a:hover{background-color:#e83935; color:#fff;}

.innernews li{overflow:hidden; border-bottom:1px dotted #ccc; padding:5px 0;}
.innernews li a{font-size:14px; padding-left:13px; background:url(../images/ico_3.gif) no-repeat left center;}


/************
	可以复制
**************************/
.inner-news{ padding:10px;}
.inner-news li{width:100%; overflow:hidden; border-bottom:1px dashed #ccc; background:url(../image/nav-li-a.png) no-repeat 7px 17px; padding:5px 0;}
.inner-news li a{font-size:12px; padding-left:13px; background:url(../images/ico_3.gif) no-repeat left center;}

.inner-image-date{padding-top:20px;}


.ind-tit{font-size:16px; text-align:center; font-weight:bold; padding-bottom:10px;}
.ind-time{text-align:center; border-bottom:1px dashed #ccc; padding-bottom:5px;}
.ind-con{ padding:10px 0 20px 0;}

.img-deta{ text-align:center;}
.img-deta img{ max-width:700px;}
.img-tit-deta{ text-align:center; padding:10px 0; font-weight:bold;}

/*============== inner-grestbook ==========*/

.grestbook_list{  margin: 12px 0;line-height: 26px;background: #fff;}
#pages{text-align: center;font: 12px '宋体';}
.post_box{border: 1px solid #eee;background: #fff; padding-bottom:20px;}
.post_box h5{line-height: 35px;text-align: center;font-size: 14px;border-bottom: 1px solid #eee;height: 35px;background: #f5f5f5;}
.table_form{  margin: 10px;width: 95%;}
.table_form tbody td{border-bottom: 1px solid #eee;}
.table_form td{  padding: 8px 0 5px 8px;line-height: 22px}
.button{background: #ddd;height: 22px;border-top: 0;border-left: 0;border-bottom: 1px solid #666;border-right: 1px solid #666;padding: 3px 6px;margin-right: 5px;}
#content {margin:0;line-height:22px;}

/*====== inner-product-date ======*/
.inner-meta-img-big img{width:302px; height:302px;border: 1px solid #ccc;}
.w12{float:left;}
#zoom_list{width: 302px;height: 60px;}
#zoom_list .next {float: right;width: 14px;height: 54px;margin-top: 2px;text-align: center;overflow: hidden;background: #EFEFEF url(../images/next.gif) no-repeat -3px 18px;}
#zoom_list .pre{float: left;width: 14px;height: 54px;margin-top: 2px;text-align: center;overflow: hidden;background: #EFEFEF url(../images/pre.gif) no-repeat -3px 18px;}
#zoom_list #zoom_list_box{  float: left;width: 232px;overflow: hidden;height: 56px;position: relative;}
#thumblist li{float: left;width: 58px;overflow: hidden;text-align: center;margin: 2px 0;}
#thumblist li span{height: 52px;width: 220px;line-height: 30px;}
#thumblist li span a{width: 50px;height: 50px; border:none;}
#thumblist li span img{  max-height: 50px;max-width: 50px;}
.w14{padding:10px 0 0 20px; float:left; width:600px;}
.p_tabs li{padding:10px 0 0 0;}
.bdsharebuttonbox-1{padding:15px 0 0 0;}
.linkproduct-con{padding:20px 0 0 0;}
.linkproduct-con-img{padding-top:20px;}
.linkproduct-con p img{max-width:700px;}


.pagenav{overflow:hidden;width:100%; padding:10px 0 0 0;}
.big_small{width:302px; height:302px;}
.mate-title{ height: 32px;line-height:32px;font-size: 14px; border-bottom:2px solid #ccc; background-color:#fff;}
.mate-title b{padding-left:10px;}
.linkproduct{padding-top:20px; float:left; width:100%;}
.mate-product{ padding:10px 0 0 0;}
.mate-product li{float: left;padding:0 4px;}
.mate-product li img{width:200px; height:160px;}
.mate-product li span a{display:block; line-height:30px; text-align:center; height:30px; overflow:hidden; width:200px;}


/*===== kefu ====*/
.kefu {width:99px;height:60px;position:absolute;top:0px; z-index:999}
.kefu .kftop{background:url(../images/kefu_top.gif) no-repeat;height:20px;}
.kefu .kfbottom{background:url(../images/kefu_bottom.gif) no-repeat;height:14px;}
.kefu .kfbox {border-left:1px solid #DDE6EC;border-right:1px solid  #DDE6EC;overflow:hidden;zoom:1;padding:1px;background:#FFF;color:#f00;line-height:26px;}
.kefu .kfbox ul {padding-left:6px;}
.kefu .kfbox ul li.tit {color:#800000;}
.kefu .kfbox ul li img {vertical-align:middle;}
.kefu .kfbox .tit{padding-left:0; font-size:12px;}

/*======= flip =====*/
.flip{overflow:hidden; font-family:"微软雅黑"; padding:10px 0 0 0; font-size:14px; border-top:1px dotted #ccc; color:red;}


/*====== 上一页-下一页 =====*/
.page{text-align:center; padding:20px 0; clear:both;}
.page a{font-size:14px; margin:3px; padding: 5px 10px;border:1px solid #ccc;}
.page a:hover{background-color:#666; border:1px solid #666; color:#fff;}
.page span{background-color:#666; border:1px solid #666; color:#fff; padding:5px 10px; margin:3px; font-size:14px;}

/*=========
	图片详细
=========*/
.picture-date-txt{font-size:18px; text-align: center; display:block; padding-top:10px; font-weight:bold;}
.inner-picture-date-con{ font-family:"微软雅黑"; font-size:14px; padding:0 10px;}
.picture-date{text-align:center; padding:10px 0 20px 0;}
.picture-date img{ max-width:900px;}


/*文章分享*/
.bshare-custom{text-align:center; padding-bottom:10px;}