arset "utf-8";
/* CSS Document */

/*===== header =====*/
.header{background:url(../image/header-bg.png); height:30px;}
.header-header{overflow:hidden;}
.header-right,.ninhao,.header-right a{color:#fff; line-height:30px;}
.header-box{background-color:#fffcf7; height:115px; position:relative;}
.header-con{ padding-top:30px; overflow:hidden;}
.header-bt{position: absolute;left: 0;bottom: -43px;width: 100%;height: 9px;background: url(../image/head_bt_bg.png); z-index:100}
.right-tel{font-family:微软雅黑; background:url(../image/tel-icon.png) no-repeat left center; padding:10px 0 0 75px; line-height:1.3}
.right-tel span,.right-tel b{color:#9a692e;}
.right-tel b{ font-size:24px;}

.nav-box{background-color:#fffcf7; height:34px;}
.nav li{float:left;height:34px;position:relative;}
.on{background:url(../image/nav-li-bg.png) no-repeat; color:#fff;}
.on span{color:#fff;}
.nav li a{color:#633600; font-family:"微软雅黑"; font-size:14px; line-height:34px; display:block;padding:0 27px;}
.nav li a:hover{background:url(../image/nav-li-bg.png) no-repeat;color:#fff;}

.nav li ul{position:absolute; left:0; top:45px; width:320px; background-color:#9a692e;display:none;}
.nav li ul li{ width:100%; border-bottom:1px solid #7a5426; }
.nav li ul li a{ font-size:14px; color:#fff;}
.nav li ul li a:hover{ background:none; color:#633600;}

/*===== banner =====*/
.banner{}


/*====== index-product =====*/
.main{padding-top:25px;}
.index-tit-box{background:url(../image/pro-tit-bg.png) no-repeat; width:1000px; height:30px; overflow:hidden;}
.tit{line-height:30px; font-size:14px; color:#fff; font-family:"微软雅黑"; padding-left:30px;}
.subtit{ padding-left:60px; overflow:hidden; width:781px;}
.subtit li{float:left; line-height:30px; background:url(../image/subtit-li-bg.png) no-repeat right center;}
.subtit li a{ color:#666; padding:0 10px;}
.more a{ color:#9a692e; font-size:14px; line-height:30px; padding-right:10px;}

.pro-img{border:1px solid #f2f2f2; height:490px; background-color:#f9f9f9;}
.pro-img-box{overflow:hidden; padding-top:18px; padding-left:6px;}
.pro-img-box li{background:url(../image/pro-img-bg.png) no-repeat;height:233px; width:248px; float:left;}
.img-bg img{width:220px; height:165px; padding:10px 10px 0 10px;}
.pro-img-box li span{color:#9a692e; text-align:center;width:220px; display:block; line-height:40px;font-family:"微软雅黑"; font-size:14px;}


.before{clear:both;}
/*====== index-company =====*/
.company-news-box{padding-top:20px; overflow:hidden;}
.index-company{background:url(../image/company-news-tit-bg.png) no-repeat; width:491px; height:30px; overflow:hidden;}
.company-con{height:204px; width:469px; overflow:hidden;padding:10px; line-height:2.0; letter-spacing:0.5px; text-indent:25px;}


/*======= index-news ======*/
.company-news-box{overflow:hidden;}
.news-box{ float:right;}
.news-con{ height:219px; width:489px; padding-top:5px; }
.news-con li{margin:5px 10px 0 20px; border-bottom:1px dashed #ccc; padding:0 0 5px 10px;background:url(../image/inner-menu-bg3.png) no-repeat left 7px;}

/*====== index-case =====*/
.index-case{background:url(../image/case-tit-bg.png) no-repeat; width:747px; height:30px; overflow:hidden;}
.case-con{width:740px;height:203px; padding-left:5px; padding-top:20px;}
.case-con li{background:url(../image/case-img-bg.png) no-repeat;height:185px; width:185px; float:left;}
.case-img-bg img{width:155px; height:142px; padding:13px 10px 0 13px;}
.case-con li span{text-align:center;width:180px; display:block; line-height:28px;font-family:"微软雅黑";}


/*===== index-contact ======*/
.contact-box{float:right;}
.index-contact{background:url(../image/contact-tit-bg.png) no-repeat; width:235px; height:30px; overflow:hidden;}
.contact-con{width:213px; height:203px; padding:20px 10px 0 10px;}

/*===== index-keyword =====*/
.keyword{padding-top:20px;}
.keyword-bg{background:url(../image/keyword-bg.png);height:34px;}
.keyword-bg b{ line-height:30px; color:#784611; padding-left:30px;}
.keyword-bg a{ background:url(../image/subtit-li-bg.png) no-repeat center right; padding:8px;}


/*======= index-footer ======*/
.footer{background:url(../image/footer-bg.png); height:136px; margin-top:5px;}
.footer-nav{overflow:hidden; padding-top:40px;}
.footer-nav ul{text-align:center;}
.footer-nav li{ display:inline;background:url(../image/subtit-li-bg.png) no-repeat right center; padding:0 10px;}
.footer-contact,.site-map{text-align:center;}


/*======= inner-left ======*/
.inner-product{padding-top:20px;}
.inner-menu-tit{background:url(../image/contact-tit-bg.png) no-repeat; width:235px; height:30px; font-size:16px;}
.inner-tit{width:203px;line-height:30px; font-size:14px; color:#fff; font-family:"微软雅黑"; padding:5px 10px 15px 20px; border:1px solid #dadadc;}
.inner-tit dt,.inner-tit dd{border-bottom:1px dashed #e5e5e5;}
.inner-tit dt a{line-height:34px; height:34px; color:#333; background:url(../image/inner-menu-bg2.png) no-repeat left center; padding-left:20px;white-space:nowrap;overflow:hidden; display:block;}
.inner-tit dd a{line-height:30px; height:30px; font-size:12px;color:#666;background:url(../image/inner-menu-bg3.png) no-repeat left center; padding-left:10px;white-space:nowrap;overflow:hidden; display:block;}
.inner-tit dd{padding-left:20px;}

.three-menu{ padding-left:10px;}
.inner-tit dd .three-menu a{ background:url(../image/three-menu.png) no-repeat left center;}

/*====== inner-contact =====*/
.inner-contact-wrap{padding-top:10px;}
.inner-contact-box{ height:30px;background:url(../image/contact-tit-bg.png) no-repeat; width:235px; line-height:30px; padding-left:30px; font-size:16px; color:#fff; font-family:"微软雅黑";}
.inner-contact{ background-color:#fff; color:#666;border:1px #dadadc solid;}


/*====== inner-pro-img =====*/
.float-box{overflow:hidden;}
.inner-pro-con{float:right; width:745px; overflow:hidden;}
.inner-pro-tit{ height:28px; border:solid 1px #dadadc; background:url(../image/box1_tit.jpg);}
.inner-pro-tit b{color:#9a692e;line-height:30px; padding-left:25px; background:url(../image/inner-smalltit-bg.png) no-repeat 15px center;}
.site-position{float:right; line-height:30px; padding-right:10px; color:#666;}
.ipt-box{width:760px; overflow:hidden;}
.ipt{width:743px; border:solid 1px #dadadc; overflow:hidden; padding:10px 0;}
.ipt li span{ width:220px; line-height:30px; text-align:center; display:block;}
.ipt li{float:left; padding:10px 0 0px 12px;}
.inner-img{border:1px solid #dadadc; width:230px;}
.inner-img img{width:220px; height:160px; border:5px #fff solid;}


/*=====inner-news====*/
.inner-news-box{}
.inner-news{border:solid 1px #dadadc; padding:20px 10px 20px 15px; }
.inner-news li{overflow:hidden;border-bottom:1px dashed #999; padding:5px 0 5px 10px; background: url(../image/inner-menu-bg3.png) no-repeat left center;}	
.inner-news li span,.inner-news li a{ color:#666;}

/*====inner-picture-date====*/
.picture-date{text-align:center; padding:10px 0;}
.picture-date img{ width:700px; height:500px;}
.picture-date-txt{font-size:14px; text-align: center; display:block; padding-bottom:20px;}


/*====== inner-news-date =====*/
.inner-news-tit{ font-size:18px; text-align:center; font-family:"微软雅黑";}
.inner-news-time{text-align:center;border-bottom: 1px dotted #999; padding:5px 0; color:#666;}
.inner-news-con{padding:10px 0; font-family:"微软雅黑"; font-size:14px;}



/*======== inner-public =======*/
.page{text-align:center; padding:20px 0;}
.page a{font-size:14px; margin:5px; padding:10px; background-color:#808080; color:#Fff;}
.page a:hover{background-color:#4d4d4d;}

.flip{overflow:hidden; font-family:"微软雅黑"; padding-bottom:20px; font-size:14px;}

/*====== inner-picture-date-con =====*/
.inner-picture-date-con{ font-family:"微软雅黑"; font-size:14px; padding-top:10px;}

/*==== inner-page ====*/
.inner-company-con{padding:20px; font-size:14px; font-family:"微软雅黑"; width:auto;}

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

.grestbook_list{  margin: 12px 0;line-height: 26px;background: #fff;}
#pages{padding: 10px 0 10px;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;}


/*====== inner-producy-date ======*/
.inner-meta-img-big img{width:302px; height:302px;border: 1px solid #ccc;}
.w12{float:left;}
#zoom_list{  width: 302px;height: 60px;background: #EFEFEF; margin-left:10px;}
#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;padding:10px 0 0px 12px;}
#thumblist li span{height: 52px;width: 220px;line-height: 30px;}
#thumblist li span a{width: 50px;height: 50px;font-size: 42px;border: 1px solid #FFF;}
#thumblist li span img{  max-height: 50px;max-width: 50px;}
.w14{padding-left:30px; float:left;}
.p_tabs li{padding-top:10px;}
.bdsharebuttonbox-1{padding:15px 0 0 14px;}
.linkproduct-con{padding:20px 0 0 10px;}
.linkproduct-con-img{padding-top:20px;}
.pagenav{overflow:hidden; padding-top:20px;width: 743px;}
.pagenav-left{padding-left:10px;}
..pagenav-right{padding-right:10px;}
.pagenav .right{ float:right;}
.zoomPad{padding-left:10px;}
.zoomPad img {width:302px; height:222px;}
.mate-title{ height: 32px;line-height:32px;padding: 0 10px;border: #ddd solid 1px;border-bottom: #666 solid 2px;background: #f8f8f8;font-size: 14px; width:702px; margin:0 10px;}
.linkproduct{padding-top:20px; width:745px; overflow:hidden;}
.pro-11 .img img{width:173px; height:130px; border:solid 1px #CCC;}
.pro-11 p{width:173px; text-align:center; line-height:30px;}
.mate-product li{float: left;padding-top: 10px;  width: 183px;text-align: center;}
.con{width:760px; overflow:hidden;}
.ipt11{width:743px; border:solid 1px #dadadc; overflow:hidden; padding:10px 0;}
.mate-product{ width:748px; margin:0 auto;}


/*===== 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;}


/**/
.footer-video{
    position: fixed;
    width: 368px;
    height: 640px;
    right: 75px;
    bottom: 20px;
    z-index: 999;
}
.ft-video-open{
    position: absolute;
    right: 0;
    top: -64px;
    width: 64px;
    height: 64px;
    overflow: hidden;
    cursor: pointer;
}
.f-open{
    display: none;
}
.f-video-begin{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
}
.f-video-begin img{
    position: absolute;
    left: calc(50% - 32px);
    top: calc(50% - 32px);
    cursor: pointer;
}
.f-video-stop{
    display: none;
}
.f-video-begin.active{
    background: rgba(0,0,0,0);
}
.f-video-begin.active .f-video-start{
    display: none;
}
.f-video-begin.active:hover .f-video-stop{
    display: block;
}