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


.header{
    background:url("../images/top.jpg") no-repeat center;
    height:184px;
}

.top{
    height:35px;
    line-height:35px;
}
.top-contact a{
    display: inline-block;
    width:70px;
    color: #fff;
    height:35px;
    background: #000;
    text-align: center;
}
.logo-tel{
    height:102px;
}
.tel{
    background:url(../images/ico.png) no-repeat 0 36px;
    padding: 30px 0 0 60px;
    height: 70px;
    line-height: 40px;
    font-size: 18px;
    color: #cb0900;
    font-weight:bold;
}

.logo{
    padding:10px 0 0 0;
}
.nav{
    height:46px;
}
.nav li{
    float:left;
    width:132px;
    position:relative;
    background: url(../images/ico.png) no-repeat -1197px 3px;
}
.nav li a{
    display:block;
    font-size:14px;
    text-align:center;
    color:#000;
    line-height:46px;
}
.nav li a:hover{
    background: url(../images/ico.png) no-repeat -1068px -636px;
}

.nav li:first-child{background:none;}
.nav li.on a{
    background: url(../images/ico.png) no-repeat -1068px -636px;
}


/*=====下拉菜单====*/
.nav li ul{position:absolute; left:0px; top:30px; width:134px;background:#fff;display:none; overflow:hidden;}
.nav li ul li{ width:100%; height:36px; background:none;}
.nav li ul li a{ font-size:14px;color:#666; line-height:36px;display:block; white-space: nowrap;text-align:center;}
.nav li ul li a:hover{ background:#cb0900; color:#fff; border:none;}
.nav li.on ul li a{ background:#fff; color:#666; border:none;}
.nav li.on ul li a:hover{ background:#cb0900; color:#fff; border:none;}



.search-box{
    overflow:hidden;
    height:50px;
}
.search{
    padding:12px 0 0 0;
    position:relative;
}
.search .key{
    float: left;
    width:210px;
    height:26px;
    border:1px solid #ccc;
    padding:0 20px 0 10px;
    outline:none;
    color:#666;
    line-height:26px;
}
.search .btn{
    width:50px;
    height:28px;
    color: #fff;
    border:0;
    overflow: hidden;
    cursor:pointer;
    outline:none;
    background: #888;
}
.top-keyword{
    line-height:50px;
    color:#333;
}
.top-keyword span{
    padding:0 5px 0 0;
    font-weight: bold ;
}

.tit-box{
    height: 90px;
    padding: 33px 0 0 0;
    background: url(../images/ico.png) no-repeat 0 -447px;
    text-align: center;
    color: #cb0900;
    font-size: 26px;
    font-weight: bold;
    line-height:1.2;
}
.tit-box p{
    font-size: 14px;
}

.partner{
    background: #fafafa;
    margin:20px auto 0;
    height:300px;
}

.partner-con li{
    width: 182px;
    margin:0 5px;
    float: left;
}
.partner-con .bd{
    width:1150px;
    overflow: hidden;
    margin:auto;
}
.partner-con .bd li img{
    border: 1px solid #e1e1e1;
    width: 180px;
    height:110px;
}
.partner-con .bd li p{
    height:40px;
    line-height:40px;
    overflow: hidden;
    text-align: center;
}
.partner-con .hd{
    position: relative;
}
.partner-con .hd a{
    width: 20px;
    height: 52px;
    display: block;
    position: absolute;
    background-image: url("../images/ico.png");
    cursor: pointer;
    top:30px;
}
.partner-con .hd a.prev{
    background-position: -1180px -1033px;
    left:0;
}
.partner-con .hd a.next{
    background-position:-1180px -1085px;
    right:0;
}
.product{
    margin:30px auto 0;
}
.side-menu{
    width: 195px;
    overflow: hidden;
    border: #CCC 1px solid;
}
.side-menu .tit{
    height: 71px;
    background: url(../images/ico.png) no-repeat -1005px -177px;
    font-size: 24px;
    text-align: center;
    color: #FFF;
    line-height: 60px;
}
.side-menu .con{
    background: #f7f7f7;
    border: 1px #f7f7f7 solid;
    min-height:50px;
}
.side-menu h6{
    background: url(../images/ico.png) no-repeat -1015px -266px;
    width: 100%;
    display: block;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
}
.side-menu h6 span{
    display: block;
    width: 28px;
    height: 30px;
    float: right;
    overflow: hidden;
    cursor: pointer;
    background: url(../images/ico.png) no-repeat -1183px -129px;
    margin: 15px 5px 0 0;
}
.side-menu h6:hover span{
    background: url(../images/ico.png) no-repeat -1183px -91px;
    margin: 15px 5px 0 0;
}
.side-menu ul{
    padding:0 20px;
    margin:0 0 5px 0;
}
.side-menu ul li{
    height:40px;
    line-height:40px;
    border-bottom: 1px dashed #ccc;
}
.side-menu ul li a{
    display: block;
    font-weight: bold;
    font-size: 14px;
}
.side-menu h6 a{
    color: #000;
    padding-left: 30px;
    font-size: 16px;
    text-decoration: none;
}
.product-con{
    width:990px;
}
.product-con .tit{
    height: 46px;
    line-height: 46px;
    overflow: hidden;
    background: url(../images/ico.png) no-repeat 0px -59px;
    border: 1px solid #e0e0e0;
}
.product-con .tit a{
    background: url(../images/ico.png) no-repeat -1164px -984px;
    width: 56px;
    height: 33px;
}
.product-con .tit h4{
    padding-left: 30px;
    font-size: 16px;
    font-weight: bold;
}
.product-con li{
    float: left;
    margin: 0 9px 0 9px;
    overflow: hidden;
    text-align: center;
    padding-top: 15px;
}
.product-con li img{
    border: 1px solid #ccc;
    padding: 3px;
    background: #faf7f6;
    width:220px;
    height:200px;
}
.product-con li p{
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    width: 228px;
    overflow: hidden;
}

.youshi{
    padding:30px 0;
}

.case{
    background: none;
    margin:0 auto;
    height:400px;
}
.case-con .bd{
    width:1200px;
}
.case-con .bd li{
    width:230px;
}
.case-con .bd li img{
    padding: 5px;
    border: 1px solid #ccc;
    background: #faf7f6;
    width:210px;
    height:160px;
}
.news-wrap{
    background: #f1f1f1;
    padding:40px 0;
}
.company-news{
    width:860px;
}
.honor{
    width:326px;
}
.news-tit{
    height: 46px;
    line-height: 46px;
    overflow: hidden;
    background: url(../images/ico.png) no-repeat 0 -64px;
    border: 1px solid #e0e0e0;
}
.news-tit h4{
    float: left;
    padding-left: 30px;
    font-size: 16px;
}
.news-tit a{
    background: url(../images/ico.png) no-repeat -1164px -984px;
    width: 56px;
    height: 33px;
}
.company-news-con{
    background: #fff;
    padding:0 20px;
    height:705px;
}
.company-news-con li{
    padding:27px 0;
}
.company-news-con li img{
    padding: 5px;
    border: 1px solid #ccc;
    background: #faf7f6;
    width:220px;
    height:168px;
}
.company-news-con li .con{
    width:570px;
}
.company-news-con li .con h4 a{
    color:#cb0900;
    font-size:16px;
    font-weight: bold;
    padding:12px 0 0 0;
    display: block;
}
.company-news-con li .con p{
    font-size: 14px;
    line-height: 24px;
    color: #564a4a;
    padding:5px 0;
}
.company-news-con li .con a.more{
    display: inline-block;
    margin-top: 5px;
    background: url(../images/ico.png) no-repeat 0 -1100px;
    width: 61px;
    height: 22px;
}
.honor-con{
    height:705px;
    background: #fff;
}
.honor-con li{
    height: 215px;
    width: 242px;
    margin:0 auto;
    padding:15px 0 0 0;
}
.honor-con li img{
    padding: 5px;
    border: 1px solid #ccc;
    background: #faf7f6;
    width:230px;
    height:176px;
}
.honor-con li p{
    text-align: center;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    color: #4d4d4d;
    display: block;
    font-size: 14px;
}

.jp-product-wrap{
    background: #f7f7f7;
}
.about{
    height: 340px;
    overflow: hidden;
    margin-top: 50px;
    background: url(../images/aboutbg.jpg);
}
.about-img{
    padding:35px 0 0 15px;
}
.about-img img{
    padding: 5px;
    border: 1px solid #ccc;
    background: #faf7f6;
    width:400px;
    height:260px;
}
.about-con{
    padding: 50px 0 0 18px;
    width: 750px;
    overflow: hidden;
}
.about-con .tit{
    font-size: 24px;
    line-height: 28px;
    display: block;
    color: #cb0900;
    font-weight: bold;
}
.about-con .con{
    line-height: 32px;
    font-size: 16px;
    padding-top: 15px;
    width: 730px;
    color: #000;
    overflow: hidden;
    height:200px;
}
.about-con a.more{
    display: inline-block;
    margin-top: 5px;
    background: url(../images/ico.png) no-repeat 0 -1100px;
    width: 61px;
    height: 22px;
}
.article{
    padding:40px 0;
}
.article ul>li.f1{
    width:316px;
    height:362px;
    overflow: hidden;
}
.article ul>li{
    float: left;
}
.article ul>li h5{
    height: 28px;
    line-height: 24px;
    font-size: 14px;
    font-weight: normal;
    background: url(../images/ico.png) no-repeat 0 -111px;
    overflow: hidden;
    padding: 0 0 0 18px;
    color: #FFF;
}
.article ul>li h5 a{
    display: block;
    margin:8px 0 0 0;
}
.article ul>li dl{
    padding:12px 0 0 0;
}
.article ul>li dt{
    padding:0 0 10px 0;
}
.article ul>li dt img{
    width:310px;
    height:117px;
}
.article ul>li dt h4 a{
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    overflow: hidden;
    color: #454545;
    font-weight: bold;
}
.article ul>li dt p{
    line-height: 30px;
    color: #454545;
    font-size: 14px;
    height:87px;
    overflow: hidden;
}
.article ul>li dd{
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    background: url(../images/ico.png) no-repeat -1190px -423px;
    padding-left: 22px;
    border-bottom: #CCC 1px dotted;
}
.article ul>li dd a{
    color: #646464;
    font-size: 14px;
}
.article ul>li.f2{
    width: 500px;
    height: 362px;
    overflow: hidden;
    margin-left: 35px;
}
.article ul>li.f3{
    width: 316px;
    height: 342px;
    overflow: hidden;
    float: right;
}
.article ul>li .bd li{

}
.article ul>li .bd li h4 a{
    height: 28px;
    line-height: 28px;
    background: url(../images/ico.png) no-repeat 0px -383px;
    font-weight: bold;
    font-size: 14px;
    padding-left: 25px;
    width: 301px;
    overflow: hidden;
    display: block;
    color: #454545;
}
.article ul>li .bd li p{
    width: 280px;
    height: 75px;
    line-height: 24px;
    overflow: hidden;
    background: url(../images/ico.png) no-repeat 0px -406px;
    padding: 3px 0 0 25px;
}

.f-navbox{
    background:#7f7f7f;
    height:41px;
}
.f-nav{
    text-align:center;
}
.f-nav a{
    color:#b0b0b0;
    height:40px;
    line-height:41px;
    padding: 0 30px 0;
    color: #fff;
    background: url(../images/ico.png) no-repeat -1195px -704px;
}
.f-nav a:first-child{
    background:none;
}

.footer{
    background: #dcdcdc;
    text-align: center;
    padding:20px 0;
    color: #000;
}
.footer a{
    color: #000;
}


/*
***内页样式***
*/
.inner{
    padding:30px 0;
}

.left-menu{
    width:197px;
}
.side-product{
    width: 195px;
    border: 1px #CCC solid;
    margin: 15px 0;
}
.side-product h5{
    color: #000;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    padding-left: 18px;
    overflow: hidden;
    font-weight: bold;
}
.side-product .bd li{

}
.side-product .bd li img{
    width:195px;
    height:135px;
}
.side-product .bd li p{
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #CCC;
    color: #000;
    font-size: 14px;
}

.side-contact{
    width: 195px;
    border: 1px solid #CCC;
    margin-bottom: 40px;
}
.side-contact h5{
    color: #000;
    font-size: 14px;
    background: url(../images/ico.png) 0 -573px;
    height: 36px;
    line-height: 36px;
    padding-left: 18px;
    overflow: hidden;
    font-weight: bold;
}
.side-contact .con{
    background: url(../images/ico.png) 0 -139px no-repeat;
    text-align: left;
    line-height: 24px;
    font-size: 14px;
    word-break: break-all;
    padding: 5px;
}

.inner-con{
    width:988px;
    border: #ccc 1px solid;
}

.site-add{
    background: url(../images/ico.png) 0 -574px;
    height: 30px;
    line-height: 30px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 0 10px;
    position: relative;
    color: #C10005;
    overflow: hidden;
}
.site-add a{
    color: #000;
}

.inner-pub{
    line-height: 26px;
    font-size: 14px;
    padding:10px 20px;
}
.inner-page{

}
.inner-page .tit{
    border-bottom: 1px dashed #ccc;
    color: #333;
    font-size: 22px;
    line-height: 40px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    text-align: center;
    font-weight: bold;
}

.inner-img li{
    float: left;
    text-align: center;
    margin: 15px 6px;
    width: 234px;
}
.inner-img li img{
    padding: 2px;
    border: #ccc 1px solid;
    width:228px;
    height:174px;
}
.inner-img li p{
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    overflow: hidden;
}


/************
	可以复制
**************************/


.inner-news{
    padding:15px 0 0 0;
}
.inner-news li{
    width:978px; overflow:hidden;padding:10px 0 10px 10px;
    background-color:#F7F7F7;
    margin:0 0 20px;
}
.inner-news li:hover{
    box-shadow: 5px 5px 5px #ccc;
}
.inner-news li .imgb {border:1px solid #ddd; padding:4px;text-align:center;width:202px; height:116px; background-color:#f7f7f7;}
.inner-news li img{ height:116px; width:202px;}
.inner-news li .con{width:750px;}
.inner-news li .con h4{border-bottom:1px dotted #ddd; line-height:40px;}
.inner-news li .con h4 a{font-size:16px;display:block; color:#333;}
.inner-news li .con h4 span{ font-size:12px; color:#999;
    padding:0 10px 0 0;}
.inner-news li .con p{line-height:24px; padding:10px 0 0 0;}
.inner-news li .con a.more{
    line-height: 25px;
    text-align: center;
    color: #fff;
    background-color: #999;
    margin-top:5px;
    float: right;
    padding: 0px 17px;
    display: block;
    width:82px;
}
.inner-news li .con a.more:hover{
    background:#E50012;
}


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


.ind-tit{font-size:22px; text-align:center; font-weight:bold; color:#333;
    line-height:2;}
.ind-time{text-align:center; border-bottom:1px dashed #ccc; padding:5px 0;}
.ind-con{ padding-top:10px; font-size:14px; color:#515D6B;}

.img-deta{ text-align:center;}
.img-deta img{ max-width:850px;}
.img-tit-deta{ text-align:center; padding:10px 0; font-weight:bold; color:#333; font-size:22px;}

/*============== 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;background: #efefef;}
#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:20px 0 0 20px; float:left; width:550px;}
.p_tabs li{padding:10px 0 0 0;}
.bdsharebuttonbox-1{padding:15px 0 0 0;}
.linkproduct-con{padding:10px 0 0 0;}
.linkproduct-con ul{padding-top:20px;}

.p_tit{ border-bottom:1px dotted #ccc; padding:0 0 10px 0; font-size:22px; color:#333; font-weight: bold;}
.p_tabs{font-size:14px;}


.pagenav{overflow:hidden;width:100%; padding:0 10px;}
.big_small{width:302px; height:302px;}
.mate-title{ height: 32px;line-height:32px;border-bottom:1px dotted #ccc;font-size: 14px;}
.mate-title b{}
.linkproduct{padding:10px 0 0 0; float:left; width:100%;}
.mate-product{ padding:10px 0 0 0;}
.mate-product li{float: left;padding:0 6px;}
.mate-product li img{width:170px; height:130px; border:solid 1px #CCC;}
.mate-product li span a{ display:block;text-align:center; line-height:30px; height:30px; overflow:hidden; width:150px; margin:0 auto;}

.inner_product_show{padding:0 0 0 20px;}



/*===== 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; font-size:14px;}


/*====== 上一页-下一页 =====*/
.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:14px; text-align: center; display:block; padding-top:10px;}
.inner-picture-date-con{ font-family:"微软雅黑"; font-size:14px; padding:0 10px;}
.picture-date{text-align:center; padding:10px 0 0 0;}
.picture-date img{ max-width:650px;}


/*文章分享*/
.bshare-custom{padding-top:10px;}