@import url("reset.css");
@charset "UTF-8";
/**
 *
 * @authors zhou.sunny (1576567774@qq.com)
 * @date    2016-10-31 10:25:51
 * @version $Id$
 * @public.less
 */
* {
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: none;
}

@font-face {
    font-family: iconfont;
    src: url(//misc.360buyimg.com/jdf/1.0.0/unit/ui-base/5.0.0/font/iconfont.eot);
    src: url(//misc.360buyimg.com/jdf/1.0.0/unit/ui-base/5.0.0/font/iconfont.eot#iefix) format("embedded-opentype"),url(//misc.360buyimg.com/jdf/1.0.0/unit/ui-base/5.0.0/font/iconfont.woff) format("woff"),url(//misc.360buyimg.com/jdf/1.0.0/unit/ui-base/5.0.0/font/iconfont.ttf) format("truetype"),url(//misc.360buyimg.com/jdf/1.0.0/unit/ui-base/5.0.0/font/iconfont.svg#iconfont) format("svg")
}

.iconfont {
    font-family: iconfont;
    font-style: normal;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale
}


html,body{position: relative;margin: 0 auto;padding: 0;width:100%;max-width: 1920px;min-width:320px;height:auto;overflow-x: hidden;}

body{overflow: hidden;}
body table,tr,td {border-collapse: collapse;}
body ul, li {list-style-type: none;}
body img{border: none;width:100%; height:auto;display: block;}
body b{font-weight:normal;}
body p.no_pad{padding-bottom: 0px!important;}
a{color: #393727;transition:all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;}
a:hover{color:#36B0C9!important;}
a,a:hover,a:focus,a:active{text-decoration:none;}  
a.underl{text-decoration: underline;}
a.underl:hover{text-decoration: none;}
.a_link{ text-decoration:none;}
.a_link:hover{ text-decoration:underline;}
.a-links{ color:#06F;}
.clearfix {*zoom: 1;clear:both;}
.clearfix::after{content: "";display: block;}
.ipad_show,.ph_show{display: none;}
.ipad_hide,.ph_hide{display: block;}


.flex{position: relative;display: flex;width: 100%;height: auto;}
.flex_1{flex:1;}
.flex_w{position: relative;display: flex;flex-wrap:wrap;width: 100%;height: auto;}
.justify_around_center{justify-content:space-around;align-items:center;}
.justify_around_start{justify-content:space-around;align-items:flex-start;}
.justify_around_stretch{justify-content:space-around;align-items:stretch;}
.justify_between_center{justify-content:space-between;align-items:center;}
.justify_between_star{justify-content:space-between;align-items:flex-start;}
.justify_between_end{justify-content:space-between;align-items:flex-end;}
.justify_between_stretch{justify-content:space-between;align-items:stretch;}
.justify_center_center{justify-content:center;align-items:center;}
.justify_star_center{justify-content:flex-start;align-items:center;}
.justify_star_stretch{justify-content:flex-start;align-items:stretch;}
.justify_end_center{justify-content:flex-end;align-items:center;}
.flex_column{position: relative;display: flex;flex-direction:column;}
.col_100{position:relative;width: 100%;}
.col_80{position:relative;width: 70%;}
.col_65{position:relative;width: 65%;}
.col_60{position:relative;width: 60%;}
.col_57{position:relative;width:57%;}
.col_50{position:relative;width:50%;}
.col_47{position:relative;width: 47%;}
.col_45{position:relative;width:45%;}
.col_40{position:relative;width: 40%;}
.col_35{position:relative;width: 35%;}
.col_20{position:relative;width: 30%;}

.com_position{position:relative;width: 100%;height: auto;}
.ul_comm { font-size:14px; font-style:italic;}
.ul_comm li{ list-style:decimal; padding-top:15px; margin-left:25px; line-height:1.6;}

.trans_x{left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);}
.trans_y{top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.trans_xy{top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}

img.img_900{position: relative;max-width: 900px;margin:0px auto;}
img.img_600{position: relative;max-width: 640px;margin:0px auto;}

.z_index_u{z-index: 2;position: relative;}
.z_index_d{z-index: 1;position: relative;}

.text_center{text-align: center;}
.text_right{text-align: right;}
.text_upper{text-transform: uppercase;}
.text_justify{text-align: justify;}

.text_count{column-count:2;-webkit-column-count:2;-moz-column-count:2;column-gap:80px; -webkit-column-gap:80px;-moz-column-gap:80px;column-rule:5px solid #fff;-webkit-column-rule:5px solid #fff;-moz-column-rule:5px solid #fff;}
.line5{overflow: hidden;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient: vertical;box-orient: vertical;display: -webkit-box;display: box;}

#ver-en{
  font-family: Calibri, Arial, Helvetica, sans-serif, Verdana;
  font-size: 16px;
  line-height: 2;
  color: #888888;
  font-style: normal;
}
#ver-tc{
  font-family:"STHeiti", "Microsoft JhengHei", "宋体", Arial, Helvetica, Verdana, sans-serif;
  font-size: 16px;
  line-height:1.3;
  color: #888888;
  font-style: normal;
}
.font_sm{font-size: 14px;}

body h2{
  position:relative;
  color:#36B0C9;
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 20px;
}


#article{position: relative;width: 100%;height: auto; margin:0px auto;max-width: 1920px;min-width:320px;}
.warp{position: relative;width: 100%;height: auto; z-index: 6; overflow: hidden;}
.container{position: relative;width: 100%;height: auto;max-width:1200px; padding:0px;margin:0px auto;}
.mainBox{min-height: 450px;}



ul.gov_ul li{
  position: relative;
  width: 30%;
  text-align: center;
  margin-bottom:60px;
}

.listing_item li{
  position: relative;
  width:27%;
  margin:0 3%;
  margin-bottom: 50px;
  border: 1px solid #eee;
      box-shadow: 1px 0px 5px 1px #eee;
}

.listing_item .item_box {
    width:100%;
    height:100%;
    margin: auto;
    text-align: center;
    padding: 40px 20px;    
    border-radius: 5px;
}
.listing_item .item_box .icon{width:50px;height: auto; margin:0px auto;}
.listing_item .item_box .published-date {
    color:#36B0C9;
    margin: 20px 0 10px 0;
}
.listing_item .item_box .title {
    margin-bottom:70px;
}
.listing_item .item_box .title {
    font-weight: bold;
}
.listing_item .item_box .view-details {
    width: fit-content;
    margin: 0 auto;
    background-color:#36B0C9;
    border-radius: 7px;
	position:absolute;
	bottom:40px;
	left:50%;
	    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.listing_item .item_box .view-details a {color: #ffffff;font-size: 14px;padding:3px 10px; display:block;}
.listing_item .item_box .view-details:hover{ background-color:#9b9b9b;}
.listing_item .item_box .view-details a:hover{ color:#FFF !important;}