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

body{margin:0px; padding:0px;  font: normal 12px 微软雅黑; }
.w1200{width:1200px; margin:0 auto;}
p{margin:0px; padding:0px;}
.fr{float:right;}
ul,li{list-style:none;margin:0px; padding:0px; }
.clear{clear:both;}
a { text-decoration: none; color: #6c6c6c; }
.grey{ background:#eeeeee; padding-top:20px; padding-bottom:120px; }
.grey2{ background:#eeeeee; padding-top:20px; padding-bottom:20px; }
img { border: 0; }
em { font-style: normal; font-weight: normal; }
.top{height:30px; line-height:30px; border-bottom:1px solid #d9d9d9; font-size:12px; background:#ffffff;color:#5a5a5a; font-size:14px;}
.top_r{width:360px;}
.list01 li{width:90px; float:left; }

.header{height:90px; background:#ffffff;}
.header_r{width:250px;}
.header_r img{float:right;}
.header_m{width:650px; }
.list02 li{width:130px; float:left; text-align:center; font-size:16px; padding-top:15px;}
.list02 li a{width:80px; height:70px; line-height:70px; display: inline-block;}
.list02 li a:hover{color:#18b07d; border-bottom:2px solid #18b07d; display:inline-block;}
.list02 li a:active{color:#18b07d; border-bottom:2px solid #18b07d; display:inline-block;}
.list02 li a.here{color:#18b07d; border-bottom:2px solid #18b07d; display:inline-block;}
.header_l{width:300px; }
.header_l_big{height:40px; line-height:40px; color:#18b07d; font-weight:bold; font-size:26px; padding-top:15px;}
.header_l_big span{color:#f39800;}
.header_l_little{ font-size:18px; color:#f39800; }

.serivce_l{width:300px; }
.serivce_l img{width:100%;}
.service_r {width:850px;}
.service_r_t{font-size:24px; font-weight:bold; margin-bottom:20px;}
.service_main{margin-top:20px; width:750px}



.banner { width: 100%; max-width: 1920px; margin: 0 auto; position: relative; margin-top:120px; }
.ggLoading, .ggLoading2 { background-image: url(../images/nav.png); }
.banner { height: 500px; }
.gg { width: 100%; height: 500px; position: relative; z-index: 1; overflow: hidden; margin: 0 auto; background: #d3d3d3 url(../images/loading.jpg) repeat-x; }
.ggLoading { position: absolute; left: 40%; top: 200px; width: 325px; text-align: center; height: 56px; background-position: 0 -274px; background-repeat: no-repeat; line-height: 56px; color: #9c9c9c; }
.ggLoading2 { width: 330px; height: 56px; background-position: 213px -330px; background-repeat: no-repeat; }
.ggLoading em { font-weight: bold; }
.ggs { width: 200%; height: 500px; left: -50%; top: 0; position: absolute; }
.ggBox { width: 1920px; height: 500px; margin: 0 auto; }
    .ggBox a { display: block; width: 1920px; height: 500px; position: absolute; z-index: 1; opacity: 0.1; }
    .ggBox img { display: block; width: 1920px; height: 500px; }
.ggb { position: absolute; width: 100%; left: 0; bottom: 0; height: 60px; z-index: 4; background-color: #32342e; background-repeat: repeat-x; background-position: 50% -40px; }
.ggBtns { width: 960px; height: 60px; margin: 0 auto;  }
    .ggBtns a { float: left; display: block; width: 240px; height: 60px; text-align: center; padding-top: 10px; color: #848380; font-size: 16px; line-height: 60px; background-position: 0 10px; position: relative; top: -10px; outline: none; background-repeat: no-repeat; cursor: pointer; }
        .ggBtns a em { display: block; width: 210px; height: 60px; margin: 0 auto; overflow: hidden; }
        .ggBtns a:hover { color: #e18b27e; }
        .ggBtns a:focus { outline: none; }
        .ggBtns a.ggOn { color: #ffffff; background-position: 0 0; }
    .ggb, .ggBtns a { background-image: url(../images/main.jpg); }
a.ggOn { background-image: url(../images/gg.png); }

.index_title{height:40px; line-height:40px; margin-bottom:20px;}
.index_title_a{font-size:18px; border-top:2px solid #093; width:95px; display:inline-block; font-weight:bold;}
.index_title_a2{font-size:18px; border-top:2px solid #093; width:75px; display:inline-block; font-weight:bold;}
.list03 > li{width:270px; float:left; margin-right:15px; margin-left:15px; margin-bottom:30px;}
.list03 > li img{width:270px; height:270px; overflow:hidden;}
.list03_p{height:30px; line-height:30px; font-size:16px;overflow: hidden; /*自动隐藏文字*/
text-overflow: ellipsis;/*文字隐藏后添加省略号*/
white-space: nowrap;/*强制不换行*/
width: 100%;/*不允许出现半汉字截断*/}
.list03_button ul li{width:130px; height:30px; line-height:30px; background:#f29509; color:#f29509; margin-right:5px; float:left; border-radius:4px; color:#ffffff; text-align:center;}

.index_liucheng{height:200px; background:#18b27e; width:100%; padding-top:20px;}
.index_title_b{font-size:18px; border-top:2px solid #ffffff; width:75px; display:inline-block; color:#ffffff; font-weight:bold;}
.index_box{width:100%; height:220px; background:#ffffff;}
.list04 li{width:25%; float:left; text-align:center; padding-top:20px;}
.list04 li p{font-size:18px; height:60px; line-height:60px;}
.list04 li img{width:40%;}

.index_news{width:580px; margin-right:20px;}
.index_about{width:580px;}
.white{padding-top:20px; margin-bottom:20px;}
.index_about_l{width:261px;   }
.index_about_l img{width:100%;}
.index_about_r{width:300px; }
.index_about_r p{font-size:16px; line-height:30px; text-indent:2rem; color: #6c6c6c;}
a.more{margin-top:10px;width:90px; height:30px; border-radius:50px;text-align:center; line-height:30px; font-size:12px; display:inline-block;}
a.more:link{ background:#18b27e; color:#ffffff; }
a.more:visited{ background:#18b27e; color:#ffffff; }
a.more:hover{ background:#f39801; color:#ffffff; }
a.more:active{ background:#f39801; color:#ffffff; }

.list05_l{width:50px; height:50px; background:#18b27e; color:#ffffff; text-align:center;}

.list05_r{width:90%; text-align:left; font-size:16px; height:50px; line-height:24px; overflow:hidden;}
.list05 li {border-bottom:1px dotted #cccccc; padding-bottom:10px; margin-bottom:15px;}
.list05_l .year{font-size:16px; line-height:28px;}
.list05_l .day{font-size:12px; line-height:18px;}
.list05_r a:hover{color:#18b27e;}
.list05_r a:active{color:#18b27e;}

.index_title2{height:40px; line-height:40px; margin-bottom:10px;}
.green{background:#18b27e; width:100%; padding-top:15px; padding-bottom:15px;}
.list06 li{float:left; margin-right:15px; line-height:30px; font-size:14px; color:#ffffff;}
.list06 li a:link{color:#ffffff;}
.list06 li a:visited{color:#ffffff;}
.list06 li a:hover{color:#fcc466; }
.list06 li a:active{color:#fcc466;}

.footer{padding-top:20px; padding-bottom:20px; background:#ffffff;}
.footer_l{width:300px;}
.footer_m{width:500px; padding-top:30px; margin-right:40px;}
.footer_m p{font-size:14px; line-height:24px; }
.footer_r{width:300px;}
.footer_title{font-size:18px;}

.toptop{position:fixed; top:0px; z-index:999; width:100%; background:#ffffff;}
.page_title{font-size:16px; font-weight:bold; height:40px; line-height:40px; color:#ffffff; background:#f39800; padding-left:10px; }
.page_about{background:#ffffff; padding:15px; font-size:16px; line-height:30px; color: #6c6c6c;}
.page_about p{ margin-bottom:10px;}
.page_list03{margin-top:20px;}

.pages {
  padding: 20px 0px;
  text-align: center;
}
.pages li {
  display: inline;
  margin:0 5px;
}
.pages li a {
  padding: 4px 8px;
  border: 1px solid #ccc;
  background: #fff;
  color: #666;
}
.pages li a:hover {
  padding: 4px 8px;
  border: 1px solid #18b27e;
  background: #18b27e;
  color: #fff;
}

.news_title{font-size:24px;  text-align:center; border-bottom:1px dotted #cccccc; margin-bottom:15px; padding-bottom:10px;}
.news_bottom{border-top:1px dotted #cccccc; padding-top:10px; font-size:14px;}
.list07 a:hover{color:#18b27e;}
.list07 a:active{color:#18b27e;}
.contact_l{padding-left:20px;}
.contact_r{width:400px; text-align:center; padding-top:10px;}
.contact_t{font-weight:bold; font-size:24px; color:#18b27e; margin-bottom:10px;}
.list08 li{margin-bottom:10px;}
.contact_r img{width:150px; height:150px;}
.contact_r_p{font-size:14px;}

.index_title_c{font-size:16px; line-height:32px; color:#ffffff; margin-top:10px; font-weight:bold;}
  /* ----- PB分页数字条效果 结束 ----- */
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
  margin-bottom: 50px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 14px;
  padding: 8px 12px;
  margin: 0 5px;
  border-radius: 3px;
 
}
.pagination span {
    color: #333;
    font-size: 14px;
    padding: 8px 2px;
    margin: 0 5px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #1759aa;
  border: 1px solid #18b27e;
}
.pagination a.page-num-current {
  color: #fff;
  background: #18b27e;
  border: 1px solid #18b27e;
}
/* ----- PB分页数字条效果 结束 ----- */