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


.header-hd{
     height: 120px;
}
.logo{
     float: left;
}
.logo,
.logo a{
     display: block;
     height:120px;
     font-size: 0;
}
.logo img{
     max-height: 100%;
}
.header .tel{
     float: right;
     font-size:14px;
     color:#000;
     background: url(../image/tel.png) no-repeat left center;
     padding-left: 80px;
     line-height: 1.4;
     padding-top: 8px;
     margin-top: 23px; 
}
.header .tel p{
     font-size: 30px;
     color: #f6001d;
}
.navbar{
     background-color: #275092;
     height:60px;
}
#nav_box{
     display: flex;
     justify-content: center;
     align-items: center;
}
#nav_box li{
     flex: 1 1 auto;
     text-align: center;
}
.nav{}
.nav li{
     float:left;
     width:133px;
     position:relative;
     background: url("../image/navli.png") no-repeat right;
}
.nav li a{
     display:block;
     font-size:16px;
     line-height:60px;
     text-align:center;
     color:#fff;
     font-family: 微软雅黑;
}
.nav li a:hover{
     background:url("../image/navli.png") no-repeat right #36ab39;
     color: #fff;
}
.nav li.on a{
     background:url("../image/navli.png") no-repeat right #36ab39;
     color: #fff;
}
.nav li:last-child{
     background-image: none;
}
.nav li:last-child a{
     background-image: none;
}



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



.tit-box h4{
     font-size: 26px;
     color: #000;
     font-family: 微软雅黑;
     line-height:1.1;
     font-weight: bold;
     text-transform: uppercase;
}
.tit-box p{
     color: #969696;
     font-size:14px;
     background: url("../image/tit-bg.png") no-repeat center;
     text-transform: uppercase;
     font-family: Arial;
}
.tit-box a{
     display: block;
     width:185px;
     height:28px;
     border: 1px solid #ccc;
     margin:0 auto;
     text-transform: uppercase;
     font-size: 16px;
     color: #afafaf;
}

.left-menu{
     width:242px;
     padding:1px;
     border: 1px solid #275092;
     background: #f0f9ff;
}
.left-menu .tit{
     background: #275092;
     height:60px;
     line-height:60px;
}
.left-menu .tit h4{
     font-size: 24px;
     color: #fff;
     text-align: center;
}
.left-menu .tit h4 span{
     font-size: 14px;
     padding:0 0 0 5px;
     font-family: Arial;
     text-transform: uppercase;
}
.left-menu .con dt{
     width:198px;
     height:30px;
     background: #6192d9;
     margin:7px auto;
     overflow: hidden;
}
.left-menu .con dt a{
     display: block;
     font-size: 14px;
     color: #fff;
     background: url("../image/ico-1.png") no-repeat 160px center;
     padding: 0 46px 0 10px;
     height:30px;
     line-height: 30px;
}
.left-menu .con dd{
     width:170px;
     margin:0 auto;
}

.left-menu .con dd a{
     display: block;
     background: url("../image/ico-2.png") no-repeat left;
     padding:0 0 0 13px;
     line-height: 34px;
     color: #555;
}
.left-menu .con dd a:hover{
     color: #024dc2;
}

.right-con{
     width:910px;
}

.right-con li{
     float: left;
     width:279px;
     margin:0 36px 20px 0;
}
.right-con li:nth-child(3n){
     margin:0 0 20px 0;
}
.right-con li img{
     width:275px;
     height:216px;
     padding:1px;
     border: 1px solid #d2d2d2;
}
.right-con li span{
     display: block;
     height:30px;
     margin:3px 0 0 0;
     color: #000;
     text-align: center;
     line-height:30px;
     overflow: hidden;
     font-size: 14px;
}
.right-con li span:hover{
     background: #36ab39;
     color: #fff;
}


.ban1{
     background: url("../image/ban1.png") no-repeat center;
     height:170px;
     color:#fff;
     line-height: 1.4;
}
.ban1-hd{
     text-align: center;
     display: inline-block;
     margin-left: 319px;
     margin-top: 13px; 
}
.ban1-hd h2{
     color:#36ab39;
     font-size: 33px;
     text-shadow: -1px 0 #fff, 0 1px #fff,
     1px 0 #fff, 0 -1px #fff
}
.ban1-hd h3{
     font-size: 23px;
     font-weight: normal;
     margin: 6px 0 13px;
}
.ban1-hd p{
     display: inline-block;
     background: #fff;
     color: #275092;
     font-size: 20px;
     font-weight: bold;
     padding: 0 50px;
     line-height: 35px;
}

.ban1-bd{
     text-align: center;
     display: inline-block;
     font-size:18px;
     float: right;
     margin-top: 28px;
 
}
.ban1-bd h2{
     font-size: 21px;
     font-weight: normal;
}
.ban1-bd p{
     font-size:28px;
     margin: 0px 0 9px;
}
.ban1-bd a{
     display: inline-block;
     padding: 0 30px;
     color: #36ab39;
     background: #fff;
     line-height: 31px;
     font-size: 16px;
}

.about-con{
     color: #444;
     font-size: 14px;
     line-height: 2;
}

.about-more a{
     display: block;
     width:170px;
     height:40px;
     background: #36ab39;
     color: #fff;
     font-size: 18px;
     text-align: center;
     margin:0 auto;
}


.case-wrap{
     background: #f4f4f4;
     height:430px;
}

.case-con .bd{
}
.case-con .bd li{
     float: left;
     margin:0 15px;
     width: 380px;
     height:300px;
     position: relative;
     position: relative;
}
.case-con .bd li img{
     width:380px;
     height:300px;
     background: #fff;
}
.case-con .bd li span{
     position: absolute;
     width:100%;
     height:100%;
     left:0;
     top:0;
     background: rgba(0,0,0,.0);
}
.case-con .bd li span a{
     display: none;
     overflow: hidden;
     text-align: center;
     position: absolute;
     background:url("../image/ico-3.png") no-repeat center;
     left:40px;
     top:37px;
     width:309px;
     height:226px;
     line-height:226px;
     font-size: 18px;
     color: #36ab39;
}
.case-con .bd li:hover span{
     background: rgba(0,0,0,.5);
}
.case-con .bd li:hover span a{
     display: block;
}

.case-con .hd{
     position: relative;
}
.case-con .hd a{
     display: block;
     width:42px;
     height:42px;
     position: absolute;
     top:90px;
     cursor: pointer;
}
.case-con .hd a.prev{
     background: url("../image/prev.png");
     left:0;
}
.case-con .hd a.next{
     background: url("../image/next.png");
     right:0;
}
.case-con .hd a.prev:hover{
     background: url("../image/prev-h.png");
}
.case-con .hd a.next:hover{
     background: url("../image/next-h.png");
}


.news-con ul{
     width:580px;
}
.news-con ul li{
     margin:0 0 14px 0;
}
.news-con ul li .time{
     background: #959595;
     width:105px;
     height:105px;
     text-align: center;
     color: #fff;
     font-family: Arial;
}
.news-con ul li .time h4{
     font-size: 26px;
     padding:15px 0 0 0;
     line-height:1.6;
}
.news-con ul li .time p{
     text-align: right;
     margin:0 20px;
     border-bottom: 1px solid #fff;
}
.news-con ul li .con{
     width:460px;
     background: #eee;
     padding:0 0 0 14px;
     height:105px;
}
.news-con ul li .con h6 a{
     display: block;
     font-size: 16px;
     font-weight: bold;
     color: #303030;
     padding:8px 0 0 0;
     height: 32px;
     overflow: hidden;

}
.news-con ul li .con p{
     color: #5a5a5a;
     font-size: 14px;
     line-height: 1.6;
     padding: 5px 10px 0 0;
}
.news-con ul li:hover .time{
     background: #36ab39;
}
.news-con ul li:hover .con h6 a{
     color: #36ab39;
}
.news-con ul li:hover .con p{
}


.footer {
     background: #4b4948;
     border-top: 4px solid #36ab39;
     color: #fff;
     padding-bottom: 40px;
}
.f-nav{
     text-align: center;
     border-bottom: 1px solid #585858;
     height:75px;
     line-height:75px;
}
.f-nav a{
     font-family: 微软雅黑;
     font-size: 16px;
     color: #fff;
     padding: 0px 25px;
}

.f-tel{
     width:220px;
     text-align: center;
     padding: 80px 0 0 0;
}

.f-img{
     margin: 41px 0 0 136px;
     width: 545px;
}
.f-img a{
     color: #fff;
}
.f-code{
     margin: 39px 0 0 0;
}

.footer-bottom{
     background: #3b1121;
     height:45px;
     line-height:45px;
     color: #fff;
     font-size: 14px;
     font-family: 微软雅黑;
     overflow: hidden;
}
.footer-bottom a{
     color: #fff!important;
}

.inner{
     padding:50px 0;
}

.inner-tit{
     height:36px;
     line-height:36px;
     border-bottom: 1px solid #ddd;
}

.inner-tit .tit{
     color: #454545;
     font-size: 20px;
     font-weight: bold;
}
.inner-con{
     padding: 30px 0;
     overflow: hidden;
}


.inner-right{
     width:910px;
}


.inner-page{
     background:#fff;
     font-size: 14px;
     padding:10px 0 0 0;
}
.inner-img{
     padding:20px 0 0 0;
}
.inner-img li{
     float: left;
     margin:0 15px 30px;
}

.inner-img li img{
     width:270px;
     height:185px;
}
.inner-img li p{
     height:30px;
     line-height:30px;
     font-size: 14px;
}


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

.img-con-deta{overflow:hidden;}
.go_top{ position:fixed; bottom:20px; right:20px;}



.inner_news{}
.inner_news li{width:100%; overflow:hidden;padding:20px 0;}
.inner_news li .imgb {border:1px solid #ddd; padding:4px;text-align:center;width:160px; height:100px; background-color:#f7f7f7;}
.inner_news li .imgb .img{overflow:hidden; height:100%;}
.inner_news li img{ height:100%; width:auto;}
.inner_news li .con{width:720px;}
.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;font-weight: bold;}
.inner_news li .con h4 span{ font-size:12px; color:#999;}
.inner_news li .con p{line-height:24px; padding:10px 0 0 0; font-size: 12px;}



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


.ind-tit{font-size:22px; text-align:center; font-weight:bold; color:#900;}
.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:18px;}

/*============== 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:16px; color:#e22c07;}
.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 50px; 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;}




/*留言反馈*/
.table-list td,.table-list th{padding-left:12px;}
.table-list td img { vertical-align:middle;}
.table-list thead th{ height:30px; background:#eef3f7; border-bottom:1px solid #d5dfe8; font-weight:normal;line-height:30px;}
.table-list tbody td,.table-list .btn{border-bottom: #eee 1px solid;line-height:30px;}
div.btn{background:#f6f6f6; padding:6px 12px; height:30px;line-height:30px}
.table-list tr:hover,.table-list table tbody tr:hover{ background:#fbffe4}
.nHover tr:hover,.nHover tr:hover td{ background:none}
.table-list .input-text-c{ padding:0; height:18px}
.input-text-c{border:1px solid #A7A6AA;height:18px;padding:2px 0 0; text-align:center}
.td-line{border:1px solid #eee}
.td-line td,.td-line th{border:1px solid #eee}
.button{background:#ff343f; border:none;padding:0 12px; margin-right:6px;
    cursor: pointer;
    color: #fff;
}
[type=reset]{
    background: #999;
}
.button:hover{
    background: #b70910;
}
[type=reset]:hover{
    background: #777;
}
.table-list tr.on,.table-list tr.on td,.table-list tr.on th,.table-list td.on,.table-list th.on{background:#fdf9e5;}
a.close-own{background: url(../Images/cross.png) no-repeat left 3px; display:block; width:16px; height:16px;position: absolute;outline:none;right:7px; top:8px; text-indent:200px; overflow: hidden}
a.close-own:hover{background-position: left -46px}
 

.input-text,.measure-input,textarea,input.date,input.endDate,.input-focus{border:1px solid #A7A6AA;line-height:18px;height:18px;margin:0 5px 0 0;padding:1px 0 1px 5px;border: 1px solid #d0d0d0;background: #FFF url(../Images/admin_img/input.png) repeat-x; font-family: Verdana, Geneva, sans-serif,"宋体";font-size:12px;}
.input-focus{background: #FFF; border-color:#afcee6;font-size:12px;}
input.date,input.endDate{background: #fff url(../Images/admin_img/input_date.png) no-repeat right 3px; padding-right:18px;font-size:12px;}
textarea,textarea.input-text,textarea.input-focus{font-size:12px;height:auto; padding:5px; margin:0;}
select{ vertical-align:middle;background:none repeat scroll 0 0 #F9F9F9;border-color:#666666 #CCCCCC #CCCCCC #666666;border-style:solid;border-width:1px;color:#333;padding:2px;}
.search-form{ margin-bottom:10px}
/*宋体宋体*/
.table_form {margin:10px;width:95%;}
.table_form input{}
.table_form td{padding-left:12px}
.table_form th{font-weight:normal; text-align:right;padding-right:10px; color:#777}
.table_form td label{ vertical-align:middle}
.table_form td,.table_form th{padding:8px 0 5px 8px;line-height:22px;}
.table_form tbody td,.table_form tbody th{border-bottom:1px solid #eee;}
.colorpanel tbody td,.colorpanel tbody th{ padding:0;border-bottom: none;}

em.error {overflow:hidden;zoom:1;background:url("../Images/unchecked.gif") no-repeat 0px 0px;  padding-left: 19px;color:red;}
em.success {overflow:hidden;zoom:1;background:url("../Images/checked.gif") no-repeat 0px 0px;  padding-left: 19px;color:red;}

.guestbook_list {margin:12px 0;line-height:26px;font-size: 13px;}
.guestbook_list dl {border:1px solid #E9E9EB;margin:8px auto;padding:15px;}
.guestbook_list dl dt {border-bottom:1px dashed #E9E9EB;height:26px;line-height:26px;color:#b70910;}
.guestbook_list dl dt span {float:right;line-height:26px;}
.guestbook_list dl dd.g_content {padding:5px;line-height:26px;}
.post_box {border:1px solid #eee;}
.post_box h5 {line-height:35px;text-align:center;font-size:14px;border-bottom:1px solid #eee;height:35px;background:#f5f5f5;}
/*user login*/

/*sitemap*/
.mapbox{ border:1px solid #ccc; background:#fff;}
.mapbox h4 { margin:10px 0; padding:6px;border:none;border-top:1px solid #ccc;margin-top:-1px;border-bottom:1px solid #eee;}
.smallcat ul{ overflow:hidden;}
.smallcat ul li {float:left;line-height:24px;}
.smallcat ul li a {margin:0 8px;}