body{background:url("../images/bodybg.jpg") no-repeat top #F4F2E5; width:100%;}
/*top*/
.top{ background-color:#F4F2E5; border-bottom:1px solid #69594c}
.top_box{ width:80%;  margin:0 auto; font-size:12px; line-height:30px;}
.top_box .top_left{float:left;width:50%;}
.top_box .top_right{ float: right;width:50%;}
.top_box .top_right img{float:left;padding:8px 2px 0 0;}
.top_box .top_right li{ float:right; padding-left:20px}
.top_box .top_right li:hover a{color:#F89225;}
@media screen and (max-width: 1024px){
    .top{display:none;}
}
/*logo*/
.logo_box{ width:80%; margin:15px auto;}
.logo_box img{ float: left; height: 79px; padding-top:2px;}
.logo_box .word{float:left; padding-left:105px; text-align:center; padding-top: 14px;}
.logo_box .word img{ width:100%; display: block}
.logo_box .tel{float:right; padding-left:55px; margin-top:10px; background:url("../images/tel.png") no-repeat left center;}
.logo_box .tel p{font-size:22px; color:#666;}
@media screen and (max-width: 768px){
    .logo{padding:0}
    .logo_box{ width:98%;}
    .logo_box .word{display:none;}
    .logo_box img{float:none; height:40px}
    .logo_box .tel{display:none;}
	.bottom{ padding-top:0 !important; padding-bottom:75px !important}
}
@media screen and (max-width: 1024px) and (min-width:769px){
    .logo_box{ width:99%;}
}
/*nav*/
.nav_bg{background-color:#F89225; opacity:0.9}
.nav{width:80%; margin:0 auto; height:50px; line-height:50px;  }
.nav li{ float:left; text-align: center; width:12.5%; font-size:16px; }
.nav li:hover{background-color:#948163;}
.nav .on{background-color:#948163; color:#fff}
.nav li a{ color:#fff; width:100%; display:block}
@media screen and (max-width: 1024px){
    .nav{ width:100%; height:80px; line-height:40px;}
    .nav li{border:1px solid #fff; width:25%; font-size:14px; padding:0 0 ; box-sizing:border-box}
}
/*banner*/
.slideBox{ width:100%; overflow:hidden; position:relative;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:50px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;}
.slideBox .hd ul li{ float:left; margin-right:5px; width:10px; height:10px; line-height:14px;
    text-align:center; background:#1b8e00; cursor:pointer;}
.slideBox .hd ul li.on{ background:#E8E228;}
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle;}
.slideBox .bd img{ width:100%; display:block;}
@media screen and (max-width: 768px){
    .slideBox .hd{display:none;}
}
/*title*/
.title{text-align: center;}
.title a h2{font-size:32px; line-height:80px; font-weight:bold; letter-spacing:2px; color: #F89225}
.title a h3 {color: #999; font-size:20px; letter-spacing:1px; border-bottom:3px solid #fff; display: inline-block}
@media (max-width: 768px) {
    .title a h2{font-size:16px; line-height:26px;}
    .title a h3 { font-size:16px;}
}
/*����*/
.ser_bg .ser_box {width:80%; margin:20px auto;}
.ser_bg .ser_box .ser_m {margin-top: 20px; }
.ser_bg .ser_box .ser_m li{float: left; width:23%; background-color:#fff; box-sizing:border-box; margin:1%;
    border:5px solid transparent; transition:all 0.6s;}
.ser_bg .ser_box .ser_m li:hover{ border:5px solid #F89225; box-shadow: 1px 1px 8px 0  }
.ser_bg .ser_box .ser_m li img{width:80%; margin:30px auto; display:block; transition: all 0.6s ease-in-out; transform:rotateY(0deg)}
.ser_bg .ser_box .ser_m li:hover img{  transform: rotateY(180deg)}
.ser_bg .ser_box .ser_m li h2{text-align: center; padding-bottom:30px;}
@media (max-width: 768px) {
    .ser_bg .ser_box {width:100%;}
    .ser_bg .ser_box .ser_m li{width:48%;}
    .ser_bg .ser_box .ser_m li img{margin:20px auto;}
}
@media screen and (max-width: 1024px) and (min-width:768px){
    .ser_bg .ser_box {width:98%;}
}
/*��ɫ*/
.ts_box{width:80%; margin:0 auto;}
.ts_box .bd{ padding:20px; background-color:#fff; margin-top:20px;}
.ts_box .bd .tempWrap{ width:100% !important; }
.ts_box .bd ul{ overflow:hidden; zoom:1; }
.ts_box .bd ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center; position: relative }
.ts_box .bd ul li .pic{ text-align:center; }
.ts_box .bd ul li .pic img{ width:250px; height:255px; display:block; box-sizing: border-box; transition:all 0.6s}
.ts_box .bd ul li:hover .pic img{transform:scale(1.2)}
.ts_box .bd ul li .title3{ line-height:40px; position: absolute; bottom: 0; left: 0; width:100%; text-align: center;
    background-color:#fff; opacity:0.7 }
.ts_box .bd ul li:hover .title3{ background-color:#F89225}
.ts_box .bd ul li:hover .title3 a{color:#fff}
@media screen and (max-width:1024px){
    .ts_box{width:100%;}
}
/*����*/
.ab{width:100%; background:url("../images/abbg.png") no-repeat; background-size:cover; padding-bottom:20px; margin-top:20px;}
.ab .ab_box{width:80%; margin:0 auto;}
.ab .ab_box .ab_body .ab_left{float:left; width:35%;}
.ab .ab_box .ab_body .ab_left img{width:100%;}
.ab .ab_box .ab_body .ab_right{float:right; width:62%; margin-top:10px;}
.ab .ab_box .ab_body .ab_right .content{line-height:30px;  padding-top:10px;}
.ab .ab_box .ab_body .ab_right .content p{max-height:180px; overflow:hidden; text-indent:2em; }
.ab .ab_box .ab_body .ab_right .content a{color: #fff; font-weight: bold; background-color: #F89225; padding:5px 10px;
    margin-top:15px; display: inline-block}
.ab .ab_box .ab_body .ab_right .content a:hover{ background-color:#e67700}
.ab .ab_box .ab_body .ab_right ul{width:98%; margin:0 auto;}
.ab .ab_box .ab_body .ab_right ul li{width:25%; float:left;}
.ab .ab_box .ab_body .ab_right ul li img{width:90%; margin:10px auto; display: block}
@media screen and (max-width: 768px){
    .ab{ background:none;}
    .ab .ab_box{width:98%;}
    .ab .ab_box .ab_body .ab_left{display: none}
    .ab .ab_box .ab_body .ab_right{width:100%;}
}
@media screen and (max-width: 1024px) and (min-width:768px){
    .ab .ab_box{width:98%;}
    .ab .ab_box .about{width:100%;}
}
/*����*/
.honor{width:80%; margin:0 auto;}
.honor .bd{ padding:20px; background-color:#fff; margin-top:20px;}
.honor .bd .tempWrap{ width:100% !important; }
.honor .bd ul{ overflow:hidden; zoom:1; }
.honor .bd ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center; background-color:#e5e5e5}
.honor .bd ul li .pic{ text-align:center; }
.honor .bd ul li .pic img{ width:250px; height:200px; display:block; box-sizing: border-box; padding:10px 10px 0}
.honor .bd ul li .title3{ line-height:50px; text-align: center;}
.honor .bd ul li:hover{ background-color:#F89225}
.honor .bd ul li:hover .title3 a{color:#fff}
@media screen and (max-width:1024px){
    .honor{width:100%;}
}
/*����*/
.news{width:80%; margin:20px auto;  }
.news_box{ margin-top:20px;}
.news_box .list1{width:32%; float:left; margin-right:21px; background-color:#E7E8E8; padding:20px; box-sizing: border-box}
.news_box .list2{width:32%; float:left; background-color:#E7E8E8; padding:20px; box-sizing: border-box}
.news_box .list3{width:32%; float:right; background-color:#E7E8E8; padding:20px; box-sizing: border-box}
.news_box .title2{border-bottom:2px solid #F89225}
.news_box .title2 li{float: left; padding:5px 10px;}
.news_box .title2 li.on{background-color: #F89225}
.news_box .title2 li.on a{color: #fff}
.news_box .list3 .title4{position:relative; border-bottom:2px solid #F89225; padding:5px 0}
.news_box .list3 .title4 h2{font-size:16px; font-weight: bold;}
.news_box .list3 .title4 a{position:absolute; right:10px; top:5px; line-height:24px;  color:#F89225;}
.news_box .list3 .title4 a:hover{font-weight: bold}
.messagetit{padding:10px 15px; height:128px; overflow: hidden}
.messagetit img{width:130px; height:128px; float:left; padding-right:20px;}
.messagetit h2{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.messagetit h2 a{color:#1a1a1a; font-size:16px;font-weight:bold}
.messagetit p{text-indent:2em; line-height:28px; max-height:84px; overflow: hidden; padding:5px 0; color:#666;}
.messagetit p a{color:#F89225}
.messagetit p a:hover{font-weight:bold}
.news_box .prtm ul li{padding:0 20px 0 40px; line-height:32px; height:32px; overflow:hidden; border-bottom:1px dashed #ccc;
    background:url("../images/word.png") no-repeat 10px center;  white-space:nowrap; text-overflow:ellipsis;}
.news_box .prtm ul li:hover a{color:#F89225; font-weight: bold}
.news_box .prtm ul li span{ float:right; color:#aaa; margin-left:10px;}
@media screen and (max-width: 768px){
    .news{width:98%}
    .news_box .list1{width:100%; padding:10px;}
    .news_box .list2{width:100%; padding:10px; margin-top:20px;}
    .news_box .list3{display: none}
    .messagetit{padding:10px;}
    }
@media screen and (max-width: 1024px) and (min-width:769px){
    .news_box{width:98%;}
}
/*s_abnner*/
.s_banner{width:80%; margin:20px auto}
.s_banner img{width:100%; display: block}
@media screen and (max-width: 768px){
    .s_banner{display: none}
}
@media screen and (max-width: 1024px) and (min-width:769px){
    .s_banner{width:98%;}
}
/*����*/
.flinkbg{width:100%;  background: #eee;}
.flink{ width:80%;  margin:0 auto;}
.flink h2{ height:50px;  line-height: 50px; font-size:22px;  border-bottom: 1px solid #ddd;}
.flink ul {padding: 10px 0; }
.flink ul li{float:left;  font-size:14px;  margin-right:20px;  line-height:27px;  }
.flink ul li:hover a{ color:#DC251E;}
@media screen and (max-width: 1024px){
    .flink{ width:98%;}
}
/*�ײ�*/
.bottombg{width:100%; background:url("../images/foot.jpg") no-repeat; background-size: cover }
.bottom{ width:80%;  margin:0 auto;  color:#333; padding-top:20px;padding-bottom:20px;  }
.bottom .btm1{float:left; width:35%; border-right:1px solid #61686C;  line-height:50px; font-size:14px;}
.bottom .btm1 .phone{height:50px; padding-left:15%; background:url("../images/phone.png") no-repeat left center; }
.bottom .btm1 .email{height:50px;  padding-left:15%; background:url("../images/email.png") no-repeat left center;  }
.bottom .btm1 .addr{height:50px;  padding-left:15%; background:url("../images/address.png") no-repeat left center; }
.bottom .btm2{float:left; margin-left:7%;  width:30%; border-right:1px solid #61686C; position: relative;}
.bottom .btm2 p{ line-height:50px;  font-size:14px; }
.bottom .btm2 p span{margin-left:20px; }
.bottom .btm2 p a{ color:#333; }
.bottom .btm2 p a:hover{color:#DC251E;}
.bottom .btm2  img{width:50px;  height:55px;  position: absolute;  bottom:10px;  left:70%;}
.bottom .weixin{float:right; font-size:14px;padding-top:15px;}
.bottom .weixin p{ text-align:center; }
.bottom .weixin img{ width:110px;  height:110px;}
@media screen and (max-width: 768px){
    .bottombg{ background:none;}
    .bottom .btm1{width:100%; text-align:center;  border-right:none; line-height:22px;  font-size:12px;}
    .bottom .btm1 .phone{height:22px; padding:0; background:none; }
    .bottom .btm1 .email{height:22px; padding:0; background:none;  }
    .bottom .btm1 .addr{height:22px; padding:0; background:none; }
    .bottom .btm2{width:100%; text-align:center; border-right:none; margin-left:0;  font-size:12px;}
    .bottom .btm2  img{display: none}
    .bottom .btm2 p{ line-height:20px;  font-size:12px; }
}
@media screen and (max-width: 1024px) and (min-width:768px){
    .bottom{ width:98%;}
}
#maximg img{ max-width:100% !important; height:auto !important}
#maximg p span{text-wrap: inherit !important;}

.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}