/*
theme name: decentra framework template
description: themed developed in oct 2017, new clean and simplified layout.
author: louis xie
version: 1.0
*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
body {
  background: #fff;
  color: #333;
  font-size: 14px;
  font-family: 'microsoft yahei', sans-serif !important;
}
td,
th,
caption {
  font-size: 14px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-size: 100%;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}
a {
  color: #333;
  text-decoration: none;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
}
a:hover {
  text-decoration: none !important;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
}
a:focus,
a:hover {
  text-decoration: none;
  color: #2277e6;
}
em {
  font-style: normal;
}
img {
  border: 0;
  vertical-align: middle;
}
img {
  border: none;
}
ol,
ul,
li {
  list-style: none;
}
input,
textarea,
select,
button {
  vertical-align: middle;
  font-size: 14px;
  font-family: inherit;
  line-height: normal;
  outline: none;
}
button {
  cursor: pointer;
}
table {
  border-collapse: collapse;
}
video {
  object-fit: contain;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  *zoom: 1;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clear {
  clear: both;
}
.mr10 {
  margin-right: 10px;
}
.block {
  width: 1140px;
  margin: 0 auto;
}
/*------------------------------header start--------------------------------*/
.header-box .header-top {
  background: #f5fdfe;
  color: #333;
  line-height: 35px;
  height: 36px;
  font-size: 12px;
  border-bottom: 1px solid rgba(34, 119, 230, 0.1);
}
.header-box .header-top .links-box em {
  margin-left: 10px;
  margin-right: 10px;
  color: #ccc;
}
.header-box .header-top .msg-box em {
  margin-left: 10px;
  margin-right: 10px;
  color: #ccc;
}
.header-box .header-top .msg-box i {
  display: inline-block;
  background: #5cb85c;
  padding: 2px 5px;
  line-height: 1.5;
  border-radius: 4px;
  color: #fff;
  box-sizing: border-box;
  font-weight: 700;
  font-style: normal;
}
.header-box .header-top .msg-box span {
  margin-left: 2px;
  margin-right: 2px;
}
.header-box .header-top .msg-box span img {
  margin-left: 5px;
}
.header-box .header-body .search-box {
  font-size: 0;
  margin-top: 28px;
}
.header-box .header-body .search-box input {
  width: 286px;
  height: 34px;
  line-height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
  font-size: 14px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  outline: none;
  border: 1px solid #ccc;
}
.header-box .header-body .search-box .btn {
  text-align: center;
  display: inline-block;
  width: 81px;
  line-height: 34px;
  background-color: #337ab7;
  border-color: #2e6da4;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  vertical-align: middle;
}
.header-box .header-body .search-box .btn:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.header-box .header-body .search-box .btn img {
  width: 20px;
  margin-right: 2px;
}
.header-box .header-body .search-box p {
  margin-top: 10px;
  font-size: 14px;
}
.header-box .header-body .search-box p strong {
  font-weight: 700;
}
.header-box .header-body .search-box p em {
  margin: 0 8px;
  color: #aaa;
}
.header-box .nav-box {
  margin-top: 10px;
  background: #1572d5;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
}
.header-box .nav-box ul li {
  float: left;
}
.header-box .nav-box ul li a {
  display: inline-block;
  padding-left: 38px;
  padding-right: 39px;
  color: #fff;
  border-right: 1px #378de8 solid;
  border-left: 1px #378de8 solid;
  margin-left: -1px;
}
.header-box .nav-box ul li a:hover {
  background: #085ab0;
}
.header-box .nav-box ul li.active a {
  background: #085ab0;
}
/*------------------------------header end--------------------------------*/
.navigation {
  margin-top: 20px;
  background: #f9f9f9;
  border-left: 0;
}
.navigation span {
  color: #333;
  font-weight: bold;
  padding: 11px 15px;
  float: left;
}
.navigation ul li {
  float: left;
  padding: 0 9px;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
  cursor: pointer;
}
.navigation ul li i {
  display: inline-block;
  width: 9px;
  height: 6px;
  background:  no-repeat center top;
  margin-left: 7px;
}
.navigation ul li.active {
  color: #2277e6;
}
.navigation ul li:hover {
  color: #2277e6;
}
.tab-content .tab-item {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #eee;
  padding: 20px 20px 20px 20px;
  display: none;
}
.tab-content .tab-item.active {
  display: block;
}
.tab-content .tab-item ul li {
  float: left;
  width: 25%;
}
.tab-content .tab-item ul li a {
  display: block;
  padding: 0 10px;
  margin-bottom: 20px;
}
/*------------------------------footer start--------------------------------*/
.footer-box .footer-body {
  background: #ffffff  repeat-x left top;
  margin-top: 30px;
  padding-top: 10px;
  color: #333;
}
.footer-box .footer-body .footer_link {
  height: 42px;
  line-height: 42px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
  text-align: center;
}
.footer-box .footer-body .footer_link em {
  padding: 0 5px;
  color: #999;
}
.footer-box .footer-body .footer-txt {
  text-align: center;
}
.footer-box .footer-body .footer-txt .box_1,
.footer-box .footer-body .footer-txt .box_2,
.footer-box .footer-body .footer-txt .box_3 {
  display: inline-block;
  vertical-align: middle;
}
.footer-box .footer-body .footer-txt .box_2 {
  text-align: left;
  margin-left: 10px;
  margin-right: 100px;
}
.footer-box .footer-body .footer-txt .box_2 p {
  margin-bottom: 10px;
}
.home_web {
  position: fixed;
  right: 5px;
  bottom: 6%;
  z-index: 1000000;
  padding: 2px;
  transition: all .3s linear;
}
.home_web ul li {
  width: 68px;
  margin-bottom: 2px;
}
.home_web ul li a {
  text-align: center;
  display: block;
  background: #2277e6;
  color: #fff;
  padding: 10px 0;
}
.home_web ul li a:hover {
  opacity: .8;
}
.home_web ul li a:hover img {
  transform: translate3d(0, -3px, 0);
  transform-origin: center;
}
.home_web ul li a img {
  transition: all .3s linear;
}
@media (max-width: 560px) {
  .home_web {
    display: none;
  }
  .block {
    width: 100%;
  }
  .header-box .header-top {
    display: none;
  }
  .header-box .header-body {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .header-box .header-body .fl {
    float: none;
    text-align: center;
  }
  .header-box .header-body .fl img {
    width: 95%;
  }
  .header-box .header-body .search-box {
    margin-top: 10px;
    float: none;
    text-align: center;
  }
  .header-box .header-body .search-box input {
    width: 65%;
  }
  .header-box .header-body .search-box p {
    display: none;
  }
  .header-box .nav-box {
    width: 100%;
    height: auto;
  }
  .header-box .nav-box ul li {
    position: relative;
    width: 33.33%;
    text-align: center;
    font-size: 13px;
  }
  .header-box .nav-box ul li a {
    border: none;
    width: 100%;
    box-sizing: border-box;
    padding-left: 0;
    padding-right: 0px;
  }
  .header-box .nav-box ul li a:hover {
    background: transparent;
    color: #fff5cc;
  }
  .header-box .nav-box ul li.active a {
    color: #fff5cc;
    background: transparent;
  }
  .header-box .nav-box ul li:after {
    position: absolute;
    content: '';
    right: 0;
    top: 34%;
    height: 32%;
    width: 1px;
    background: #fff;
  }
  .header-box .nav-box ul li:nth-child(3n 3):after {
    display: none;
  }
  .header-box .nav-box ul li:last-child:after {
    display: none;
  }
  .navigation {
    display: none;
  }
  .footer-box .footer-body .footer_link a {
    font-size: 12px;
  }
  .footer-box .footer-body .footer_link em {
    font-size: 12px;
  }
  .footer-box .footer-body .footer_link .pn {
    display: none;
  }
  .footer-box .footer-body .footer-txt {
    padding-bottom: 20px;
  }
  .footer-box .footer-body .footer-txt .box_1,
  .footer-box .footer-body .footer-txt .box_2,
  .footer-box .footer-body .footer-txt .box_3 {
    display: block;
  }
  .footer-box .footer-body .footer-txt .box_2 {
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    margin: 0;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .footer-box .footer-body .footer-txt .box_2 p {
    font-size: 13px;
  }
  .footer-box .footer-body .footer-txt .box_3 img {
    height: 50px;
  }
}
/*# sourcemappingurl=common.css.map */

/*ã¥â¾â®ã¤â¿â¡*/
.pop-box {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 99999999;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
}
.pop-box .center-box {
  width: 650px;
  height: 344px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -325px;
  margin-top: -172px;
}
.pop-box .center-box img {
  width: 100%;
  height: 100%;
}

/*-------------------------------ã¢â€ â€œã¥ë†â€ ã©â¡âµã¦â â·ã¥â¼âã¥â¼â‚¬ã¥â§â€¹ã¢â€ â€œ------------------------------------*/
.page_num{padding:30px 0; height:auto; overflow:hidden; width:96%; margin:auto; font-size:12px; font-family:"ã¥â®â€¹ã¤â½â€œ"}
#page_div{height:30px; color:#999; margin:0 auto}
#pagination_input{ width:20px; height:16px; line-height:16px; margin:0 8px; padding:0; overflow:hidden; border:1px solid #ccc;}
#page_div .pagination_index, #page_div .pagination_index_num{  color: #0068b7; border: 1px #b2b2b2 solid; padding:3px 8px;
margin-right:2px;float: left;text-align:center; font-size:12px; font-family:"ã¥â®â€¹ã¤â½â€œ"}
#page_div .pagination_index a, #page_div .pagination_index_num a{padding:0px; margin:0px;text-align:center;  color:#999; display:block; font-size:12px; font-family:"ã¥â®â€¹ã¤â½â€œ" }
#page_div .pagination_index a:hover, #page_div .pagination_index_num a:hover{padding:0px; margin:0px;text-align:center;  color:#cc0001; font-size:12px; font-family:"ã¥â®â€¹ã¤â½â€œ"}
#page_div .pagination_index_last{width:260px; float:right; text-align:right; margin:0 auto;}
/* ========="ã©â¦â€“ã©â¡âµ"ã¦â â·ã¥â¼â=========*/
#page_div .pagination_index_num{margin-right:2px; padding:0px; width:20px;}
#page_div .currentindex{ background:#145190; border:1px solid #145190; width:20px; height:20px;
line-height:20px; color:#fff;text-align:center; font-weight:bold;} /*=========ã¥â½â€œã¥â€°âã©â¡âµã§â âã¦â â·ã¥â¼â=========*/

#page_div div.page_loca{ background-color:#1f85d6;}
#page_div div.page_loca a{ color:#fff; font-size:12px; font-family:"ã¥â®â€¹ã¤â½â€œ"}
#page_div div.page_loca a:hover{ color:#fff;}


/*ã¦â€“â°ã¦â â·ã¥â¼â*/
#pagination-input{ width:27px; height:18px; line-height:18px; margin:0 5px; padding:0; overflow:hidden; border:1px solid #ccc; color:#333;}
#page_div .pagination-index,#page_div .pagination-num{ color: #333; border: 1px #b2b2b2 solid; padding:5px 8px; margin-right:6px; text-align:center; font-size:12px; font-family:"ã¥â®â€¹ã¤â½â€œ"}
#page_div .pagination-index a, #page_div .pagination-num a{padding:0px; margin:0px;text-align:center;  color:#333; display:block; font-size:12px; font-family:"ã¥â®â€¹ã¤â½â€œ" }
#page_div pagination-num:hover, #page_div{padding:0px; margin:0px;text-align:center; font-size:12px; font-family:"ã¥â®â€¹ã¤â½â€œ"}
#page_div .pagination_index_last{width:260px; float:right; text-align:right; margin:0 auto;}

#page_div a.hover{ background-color:#2c7dd9; color:#fff; font-size:12px; font-family:"ã¥â®â€¹ã¤â½â€œ"}
#page_div a.hover a:hover{ color:#fff;}
#page_div span.pagination-last,#page_div span.pagination-last span{margin-right:0; color:#333;}

/*-------------------------------ã¢â€ â€˜ã¥ë†â€ ã©â¡âµã¦â â·ã¥â¼âã§â»â€œã¦âå¸ã¢â€ â€˜---------------------------------------*/
/* ã¥â€¦â¼ã¥â®â¹ã¨â½â®ã¦â€™â­ã¦â â·ã¥â¼â */
.focusbox { position: relative; width: 100%; height: 100%; overflow: hidden;text-align: left; background: white; }
	.focusbox .pic img { width: 100%; height: 100%; display: block; }
	.focusbox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 40px; width:100%;  background: #000; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
	.focusbox .txt { position: absolute; bottom: 0; z-index: 2; height: 40px; width:100%; overflow: hidden; }
	.focusbox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;width: 100%}
	.focusbox .txt li a{ display: block; color: white; padding: 0 0 0 10px;font-weight: bold; text-decoration: none;width: 80%; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; }
	.focusbox .num { position: absolute; z-index: 3; bottom: 14px; right: 8px; }
	.focusbox .num li{ float: left; position: relative;  width: 9px;
    height: 9px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    border: 0;
    border-radius: 9px;overflow: hidden; text-align: center; margin-right: 4px; cursor: pointer; }
    .focusbox .num li.on{
      width: 24px;
    height: 9px;
    background-color: #e0620d;
    }

.focusbox .prev,
.focusbox .next { overflow: hidden; width:37px; height:65px; position:absolute; top: 35%; z-index:3; background:no-repeat;}
.focusbox .prev{left: -40px;}
.focusbox .next{right:-40px;}
.focusbox .prev img,.focusbox .next img{width: 40px !important;
  height: 40px !important;
  position: relative;
  top: 12px;
  left: -2px;}
.focusbox .next:hover,.focusbox .prev:hover{
  background:no-repeat;
} 
.show .showimg{
  display:none; 
  position:absolute;
  right:70px;

}
.show:hover .showimg{
  display:block;
}
#icon-fx .bshare-more , #icon-fx .bshare-qzone ,  #icon-fx .bshare-renren ,#icon-fx .bshare-qqxiaoyou , #icon-fx .bshare-douban , #icon-fx .bshare-qqmb {
  display:none;
}