#header .header_wrap:after, #header .header_wrap nav:after, #header .header_wrap .gnb_2dp > li:after, #footer_content .content_wrap:after, footer .footer_wrap .footer_box:after, footer .footer_wrap .family_site .site_list:after {
  content: " ";
  display: block;
  clear: both;
}

.dimmed {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: url(../images/common/dimd_07.png) repeat;
  display: none;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 199;
}

#popup {
  position: fixed;
  z-index: 300;
  top: 50%;
  left: 50%;
  opacity: 0;
  filter: alpha(opacity=0);
  display: none;
}

#header {
  width: 100%;
  padding: 0 20px;
  position: relative;
  background: url(../images/header_dot02.gif) repeat-x #fff;
  height: 136px;
  overflow: hidden;
  z-index: 300;
  position: absolute; 
}
#header .header_wrap {
  position: relative;
  padding-top: 40px;#header .header_wrap:after, #header .header_wrap nav:after, #header .header_wrap .gnb_2dp > li:after, #footer_content .content_wrap:after, footer .footer_wrap .footer_box:after, footer .footer_wrap .family_site .site_list:after {
  content: " ";
  display: block;
  clear: both;
}

body {
  min-width: 980px;
  overflow-x: hidden;
  position: relative;
}

body.on #header {
  padding: 0;
}
body.on .header_util {
  right: 0 !important;
}

.dimmed {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: url(../images/common/dimd_07.png) repeat;
  display: none;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 199;
}

#popup {
  position: fixed;
  z-index: 300;
  top: 50%;
  left: 50%;
  opacity: 0;
  filter: alpha(opacity=0);
  display: none;
}

#header {
  width: 100%;
  height: 136px;
  padding: 0 100px;
  position: relative;
  overflow: hidden;
  z-index: 200;
  position: absolute;
  min-width: 980px;
  background: url(../images/layout/header_dot02.gif) repeat-x #fff;
}
#header .header_wrap {
  position: relative;
  padding-top: 40px;
}
#header .header_wrap h1 {
  position: absolute;
  left: 0;
  top: 74px;
  width: 185px;
  height: 28px;
  overflow: hidden;
}
#header .header_wrap nav {
  width: 100%;
  float: left;
  text-align: center;
}
#header .header_wrap nav h2 {
  display: none;
}
#header .header_wrap nav #gnb {
  display: inline-block;
}
#header .header_wrap nav #gnb > li {
  float: left;
  margin-left: 46px;
  line-height: 96px;
  font-weight:500;
}
#header .header_wrap nav #gnb > li:first-child {
  margin-left: 0;
}
#header .header_wrap nav #gnb > li:hover > a, #header .header_wrap nav #gnb > li.on > a {
  color: #ff8601;
}
#header .header_wrap nav #gnb > li > a {
  font-size: 18px;
  color: #636363;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  -moz-transition: color 0.2s ease;
  -ms-transition: color 0.2s ease;
  -kthtml-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
#header .header_wrap .gnb_2dp {
  width: 980px;
  margin: 0 auto;
  text-align: left;
}
#header .header_wrap .gnb_2dp > li {
  display: none;
  padding: 50px 0;
}
#header .header_wrap .gnb_2dp > li:first-child {
  display: block;
}
#header .header_wrap .gnb_2dp > li dt {
  font-size: 18px;
  line-height: 18px;
  color: #ff8601;
  font-weight:500;
  margin: 20px 0 15px;
}
#header .header_wrap .gnb_2dp > li dd {
  font-size: 14px;
  line-height: 20px;
  margin-top: -3px;
  color: #777;
  white-space: pre-line;
}
#header .header_wrap .gnb_2dp > li .img_wrap {
  width: 469px;
  margin-right: 50px;
  position: relative;
  float: left;
}
#header .header_wrap .gnb_2dp > li .img_wrap a {
  width: 108px;
  height: 35px;
  border: 1px solid #fff;
  color: #fff;
  font-weight:500;
  font-size: 14px;
  line-height: 33px;
  position: absolute;
  top: 268px;
  left: 50%;
  margin-left: -54px;
  text-align: center;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -kthtml-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#header .header_wrap .gnb_2dp > li .img_wrap a:hover {
  background-color: #ff8601;
  border-color: #ff8601;
}
#header .header_wrap .gnb_2dp .gnb_2dp_1dp > img {
  margin-right: 38px;
  float: left;
}
#header .header_wrap .gnb_2dp .gnb_2dp_1dp li {
  height: 176px;
}
#header .header_wrap .gnb_2dp .gnb_2dp_1dp li:first-child {
  height: 227px;
}
#header .header_wrap .gnb_2dp .gnb_2dp_1dp li dl {
  width: 210px;
}
#header .header_wrap .gnb_2dp .gnb_2dp_1dp .link {
  float: left;
  width: 231px;
  border-left: 1px solid #ededed;
  margin-left: 20px;
  padding-left: 20px;
}
#header .header_wrap .gnb_2dp .gnb_2dp_1dp .link.link01 {
  width: 210px;
  margin-left: 0;
  border-left: 0;
  padding-left: 0;
}
#header .header_wrap .gnb_2dp .gnb_2dp_1dp .place_search {
  width: 180px;
  height: 403px;
  float: left;
  padding-left: 20px;
  margin-left: 20px;
  border-left: 1px solid #ededed;
}
#header .header_wrap .gnb_2dp .gnb_2dp_1dp .place_search dl {
  text-align: center;
  padding: 136px 0 25px;
  background: url(../images/layout/place_dot.gif) 50% 0 no-repeat;
}
#header .header_wrap .gnb_2dp .gnb_2dp_1dp .place_search dl dt {
  font-size: 18px;
  line-height: 18px;
  font-weight:500;
  color: #ff8601;
}
#header .header_wrap .gnb_2dp .gnb_2dp_1dp .place_search dl dd {
  font-size: 14px;
  line-height: 20px;
  color: #777;
  margin-top: 10px;
}
#header .header_wrap .gnb_2dp .gnb_2dp_1dp .place_search a {
  display: block;
  line-height: 44px;
  background-color: #f5f5f5;
  background-repeat: no-repeat;
  padding-left: 20px;
  color: #777;
  background-image: url(../images/layout/place_dot02.png);
  background-position: 141px 50%;
  margin-bottom: 2px;
  font-size: 14px;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -kthtml-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#header .header_wrap .gnb_2dp .gnb_2dp_1dp .place_search a:hover {
  color: #fff;
  background-image: url(../images/layout/place_dot02_on.png);
  background-color: #ff8601;
}
#header .header_wrap .gnb_2dp .gnb_2dp_2dp li {
  width: 210px;
  height: 227px;
  float: left;
  margin-left: 46px;
}
#header .header_wrap .gnb_2dp .gnb_2dp_2dp li:first-child {
  margin-left: 0;
}
#header .header_wrap .gnb_2dp .gnb_2dp_3dp ul {
  margin-top: 50px;
}
#header .header_wrap .gnb_2dp .gnb_2dp_3dp li {
  width: 210px;
  height: 176px;
  float: left;
  margin-left: 46px;
}
#header .header_wrap .gnb_2dp .gnb_2dp_3dp li:first-child {
  margin-left: 0;
}
#header .header_wrap .gnb_2dp .gnb_2dp_4dp > img, #header .header_wrap .gnb_2dp .gnb_2dp_4dp > a {
  float: left;
  margin-right: 28px;
}
#header .header_wrap .gnb_2dp .gnb_2dp_4dp .link {
  float: left;
  width: 231px;
  border-left: 1px solid #ededed;
  margin-left: 20px;
  padding-left: 20px;
}
#header .header_wrap .gnb_2dp .gnb_2dp_4dp .link.link01 {
  width: 210px;
  margin-left: 0;
  border-left: 0;
  padding-left: 0;
}
#header .header_wrap .gnb_2dp .gnb_2dp_4dp .link li:first-child {
  height: 227px;
}
#header .header_wrap .gnb_2dp .gnb_2dp_5dp li {
  width: 210px;
  height: 217px;
  float: left;
  margin-left: 46px;
}
#header .header_wrap .gnb_2dp .gnb_2dp_5dp li:first-child {
  margin-left: 0;
}
#header .header_wrap .gnb_2dp .gnb_2dp_6dp > img, #header .header_wrap .gnb_2dp .gnb_2dp_6dp > a {
  float: left;
  margin-right: 28px;
}
#header .header_wrap .gnb_2dp .gnb_2dp_6dp .link {
  float: left;
  width: 231px;
  border-left: 1px solid #ededed;
  margin-left: 20px;
  padding-left: 20px;
}
#header .header_wrap .gnb_2dp .gnb_2dp_6dp .link.link01 {
  width: 210px;
  margin-left: 0;
  border-left: 0;
  padding-left: 0;
}
#header .header_wrap .gnb_2dp .gnb_2dp_6dp .link li:first-child {
  height: 227px;
}
#header .header_wrap .all_btn {
  position: absolute;
  right: 0;
  top: 80px;
}
#header .header_wrap .all_btn:hover span:before {
  left: 7px;
}
#header .header_wrap .all_btn:hover span:after {
  left: -7px;
}
#header .header_wrap .all_btn.on span {
  width: 0;
}
#header .header_wrap .all_btn.on span:before {
  -webkit-transform: rotate(45deg) translate(8px, 7px);
  -ms-transform: rotate(45deg) translate(8px, 7px);
  transform: rotate(45deg) translate(8px, 7px);
  left: 0;
  top: -9px;
  width: 27px;
}
#header .header_wrap .all_btn.on span:after {
  -webkit-transform: rotate(-45deg) translate(4px, -4px);
  -ms-transform: rotate(-45deg) translate(4px, -4px);
  transform: rotate(-45deg) translate(4px, -4px);
  left: 0;
  top: 7px;
  width: 27px;
}
#header .header_wrap .all_btn a {
  position: relative;
  font-size: 16px;
  color: #636363;
}
#header .header_wrap .all_btn a span {
  width: 22px;
  height: 2px;
  position: absolute;
  margin-right: 10px;
  left: -35px;
  top: 7px;
  background-color: #595959;
  -webkit-transition: width 0.4s ease;
  -o-transition: width 0.4s ease;
  -moz-transition: width 0.4s ease;
  -ms-transition: width 0.4s ease;
  -kthtml-transition: width 0.4s ease;
  transition: width 0.4s ease;
}
#header .header_wrap .all_btn a span:before {
  content: "";
  width: 22px;
  height: 2px;
  position: absolute;
  margin-right: 10px;
  top: -7px;
  left: 0;
  background-color: #595959;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -kthtml-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#header .header_wrap .all_btn a span:after {
  content: "";
  width: 22px;
  height: 2px;
  position: absolute;
  margin-right: 10px;
  top: 7px;
  left: 0;
  background-color: #595959;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -kthtml-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#header .header_util {
  position: absolute;
  right: 100px;
  top: 0;
  height: 40px;
}
#header .header_util > ul {
  float: left;
  font-size: 14px;
}
#header .header_util > ul > li {
  float: left;
}
#header .header_util > ul a {
  color: #777;
}
#header .header_util > ul.network {
  padding-top: 13px;
}
#header .header_util > ul.network li {
  padding: 0 12px;
  background: url(../images/layout/header_line.gif) center left no-repeat;
}
#header .header_util > ul.network li:first-child {
  background: none;
}
#header .header_util > ul.language {
  padding: 13px 0 18px 23px;
  position: relative;
  background: url(../images/layout/header_dot01.png) 8px 16px no-repeat;
}
#header .header_util > ul.language > li > ul {
  width: 92px;
  padding: 14px 0 14px 15px;
  background-color: #fff;
  border: 1px solid #d6d6d6;
  border-top-color: #fff;
  position: absolute;
  top: 39px;
  margin-left: -24px;
  display: none;
}
#header .header_util > ul.language > li > ul li {
  margin-top: 8px;
  padding-left: 7px;
  background: url(../images/layout/header_dot03.gif) 0 7px no-repeat;
}
#header .header_util > ul.language > li > ul li:first-child {
  margin-top: 0;
}
#header .header_util > ul.language > li > ul li:hover a:after {
  width: 100%;
}
#header .header_util > ul.language > li > ul li a {
  position: relative;
  line-height: 14px;
}
#header .header_util > ul.language > li > ul li a:after {
  width: 0;
  height: 1px;
  margin-top: 3px;
  display: block;
  content: "";
  position: absolute;
  background-color: #878787;
  -webkit-transition: width 0.2s ease;
  -o-transition: width 0.2s ease;
  -moz-transition: width 0.2s ease;
  -ms-transition: width 0.2s ease;
  -kthtml-transition: width 0.2s ease;
  transition: width 0.2s ease;
}
#header .header_util > ul.sns {
  padding-left: 38px;
  line-height: 40px;
  text-indent: -9999px;
  width:87px;
}
#header .header_util > ul.sns img {
  display: block;
}
#header .header_util > ul.sns li {
  padding: 9px 0 0 16px;
}
#header .header_util > ul.sns li:first-child {
  padding: 11px 0 0;
}
#header .site_map {
  text-align: center;
  padding: 47px 0;
  display: none;
}
#header .site_map > ul {
  width: 865px;
  height: 276px;
  display: inline-block;
  font-weight:500;
}
#header .site_map > ul > li {
  width: 112px;
  font-size: 18px;
  line-height: 18px;
  margin-left: 38px;
  float: left;
}
#header .site_map > ul > li:hover > a {
  border-color: #ff8601;
}
#header .site_map > ul > li:first-child {
  margin-left: 0;
}
#header .site_map > ul > li > a {
  display: block;
  color: #333;
  padding-bottom: 17px;
  border-bottom: 2px solid #8e8e8e;
  margin-bottom: 9px;
  -webkit-transition: border-color 0.4s ease;
  -o-transition: border-color 0.4s ease;
  -moz-transition: border-color 0.4s ease;
  -ms-transition: border-color 0.4s ease;
  -kthtml-transition: border-color 0.4s ease;
  transition: border-color 0.4s ease;
}
#header .site_map .site_2dp {
  font-size: 14px;
  line-height: 14px;
}
#header .site_map .site_2dp li {
  padding-top: 21px;
}
#header .site_map .site_2dp li a {
  color: #a8a8a8;
}
#header .site_map > div {
  width: 865px;
  height: 46px;
  line-height: 46px;
  display: inline-block;
  font-weight:500;
}
#header .site_map > div .network {
  float: left;
}
#header .site_map > div .network li {
  font-size: 16px;
  float: left;
  margin-left: 25px;
  padding-left: 25px;
  background: url(../images/layout/header_line02.gif) 0 50% no-repeat;
}
#header .site_map > div .network li:first-child {
  margin-left: 0;
  padding-left: 0;
  background: none;
}
#header .site_map > div .network li a {
  color: #333;
}
#header .site_map > div > div {
  float: right;
}
#header .site_map > div .language {
  float: left;
  text-align: left;
  position: relative;
  z-index: 10;
}
#header .site_map > div .language > a {
  width: 112px;
  font-size: 16px;
  color: #333;
  display: block;
  line-height: 33px;
  margin-top: 7px;
  padding-left: 22px;
  border-bottom: 1px solid #636363;
  background: url(../images/layout/header_dot08.png) 0 50% no-repeat;
}
#header .site_map > div .language ul {
  position: absolute;
  line-height: 25px;
  font-size: 13px;
  display: none;
}
#header .site_map > div .language ul li {
  width: 112px;
  padding-left: 22px;
  border: 1px solid #636363;
  border-top: 0;
  background: url(../images/layout/header_dot03.gif) 10px 50% no-repeat;
}
#header .site_map > div .language ul li a {
  color: #333;
}
#header .site_map > div .sns {
  float: left;
  margin-left: 38px;
}
#header .site_map > div .sns li {
  float: left;
  margin-left: 12px;
}

#footer_content {
  width: 100%;
  border-top: 1px solid #d6d6d6;
  padding: 50px 0 55px;
}
#footer_content h2 {
  width: 980px;
  margin: 0 auto;
  color: #333;
  font-size: 20px;
  line-height: 20px;
  font-weight:500;
  padding: 0 0 28px;
}
#footer_content .content_wrap {
  width: 980px;
  margin: 0 auto;
}
#footer_content .content_wrap section {
  width: 233px;
  float: left;
  background: url(../images/layout/f_content_img02.jpg) no-repeat;
  margin-left: 16px;
}
#footer_content .content_wrap section:first-child {
  margin-left: 0;
  background: url(../images/layout/f_content_img01.jpg) no-repeat;
}
#footer_content .content_wrap section h3 {
  padding: 151px 0 10px;
  font-size: 20px;
  line-height: 20px;
  color: #333;
  font-weight:500;
}
#footer_content .content_wrap section p {
  font-size: 15px;
  line-height: 15px;
  color: #777;
}
#footer_content .content_wrap > article {
  float: right;
  width: 453px;
  height: 193px;
  background: url(../images/layout/f_content_img03.jpg) no-repeat;
}
#footer_content .content_wrap > article h3 {
  color: #777;
  font-size: 16px;
  line-height: 23px;
  padding: 151px 0 0 40px;
}

footer {
  width: 100%;
}
footer .footer_wrap {
  padding: 55px 100px;
  position: relative;
  background-color: #363636;
  font-weight:500;
}
footer .footer_wrap .footer_box p {
  float: left;
}
footer .footer_wrap .footer_box ul {
  float: left;
  margin-left: 28px;
  line-height: 30px;
  font-size: 14px;
}
footer .footer_wrap .footer_box ul li {
  float: left;
  padding: 0 10px 0 12px;
  background: url(../images/layout/footer_dot01.gif) 0 50% no-repeat;
}
footer .footer_wrap .footer_box ul li:first-child {
  background: none;
}
footer .footer_wrap .footer_box ul li a {
  color: #989898;
}
footer .footer_wrap address {
  padding-top: 30px;
  font-size: 13px;
  color: #7e7e7e;
  line-height: 13px;
}
footer .footer_wrap .copyright {
  padding-top: 13px;
  font-size: 13px;
  line-height: 13px;
  color: #7e7e7e;
  display: block;
}
footer .footer_wrap .family_site {
  position: absolute;
  right: 100px;
  bottom: 100px;
}
footer .footer_wrap .family_site p {
  width: 170px;
  border-bottom: 1px solid #989898;
  position: relative;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  color: #989898;
  background: url(../images/layout/footer_dot02.png) 100% 50% no-repeat;
  cursor: pointer;
}
footer .footer_wrap .family_site .site_list {
  position: absolute;
  background: url(../images/layout/footer_dot02_on.png) 286px 173px no-repeat #363636;
  padding: 23px 18px 40px 20px;
  border: 1px solid #989898;
  bottom: 0;
  width: 310px;
  right: -10px;
  display: none;
  opacity: 0;
  filter: alpha(opacity=0);
}
footer .footer_wrap .family_site ul {
  font-size: 14px;
  float: left;
  height:160px;
}
footer .footer_wrap .family_site ul a {
  color: #989898;
  position: relative;
}
footer .footer_wrap .family_site ul a:hover {
  color: #ff8601;
}
footer .footer_wrap .family_site ul a:after {
  display: block;
  content: "";
  height: 1px;
  width: 0;
  background-color: #ff8601;
  position: absolute;
  left: 0;
  top: 22px;
  -webkit-transition: width 0.3s ease;
  -o-transition: width 0.3s ease;
  -moz-transition: width 0.3s ease;
  -ms-transition: width 0.3s ease;
  -kthtml-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
footer .footer_wrap .family_site ul a:hover:after {
  width: 100%;
}
footer .footer_wrap .family_site ul.site_list01 {
  padding-right: 20px;
}
footer .footer_wrap .family_site ul li {
  padding-top: 15px;
}
footer .footer_wrap .family_site ul li:first-child {
  padding-top: 0;
}

#scroll_top {
  width: 50px;
  height: 50px;
  background-image: url(../images/layout/scroll_top.png);
  background-position: 50% 12px;
  border: 1px solid #d6d6d6;
  background-repeat: no-repeat;
  background-color: #fff;
  color: #616161;
  font-family: "gotham_m", sans-serif;
  font-size: 14px;
  text-align: center;
  padding-top: 27px;
  cursor: pointer;
  position: absolute;
  right: 100px;
  cursor: pointer;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
#scroll_top.on {
  right: 0 !important;
}


}
#header .header_wrap h1 {
  position: absolute;
  left: 0;
  top: 64px;
  width: 229px;
  height: 48px;
  overflow: hidden;
}
#header .header_wrap nav {
  width: 100%;
  float: left;
  text-align: center;
}
#header .header_wrap nav h2 {
  display: none;
}
#header .header_wrap nav #gnb {
  display: inline-block;
}
#header .header_wrap nav #gnb > li {
  float: left;
  margin-left: 46px;
  line-height: 96px;
  font-weight:500;
}
#header .header_wrap nav #gnb > li:first-child {
  margin-left: 0;
}
#header .header_wrap nav #gnb > li > a {
  font-size: 18px;
  color: #fff;
}
#header .header_wrap .gnb_2dp {
  width: 980px;
  margin: 0 auto;
  text-align: left;
}
#header .header_wrap .gnb_2dp > li {
  display: none;
  padding: 50px 0;
}
#header .header_wrap .gnb_2dp > li:first-child {
  display: block;
}
#header .header_wrap .gnb_2dp > li dt {
  font-size: 18px;
  line-height: 18px;
  color: #1c8dee;
  font-weight:500;
  margin: 20px 0 15px;
}
#header .header_wrap .gnb_2dp > li dd {
  font-size: 14px;
  line-height: 20px;
  margin-top: -3px;
  color: #777;
  white-space: pre-line;
}
#header .header_wrap .gnb_2dp > li .img_wrap {
  width: 980px;
  position: relative;
  padding-top: 20px;
  float: left;
  border-top:1px solid #e8e8e8;
}
#header .header_wrap .gnb_2dp > li .img_wrap ul{margin:0px; padding:0px;}
#header .header_wrap .gnb_2dp > li .img_wrap ul li{width:30%; float:left; margin-right:5%; height:30px; line-height:30px; border-bottom:1px dashed #e8e8e8; margin-top:10px; background:url(../images/san.png) left center no-repeat; margin-left:0px; text-indent:20px;}
#header .header_wrap .gnb_2dp > li .img_wrap ul li:nth-child(3n+3){margin-right:0px;}
#header .header_wrap .gnb_2dp > li .img_wrap a {
  color: #777;
  font-weight:500;
  font-size: 14px;
  line-height: 33px; 
}
#header .header_wrap .gnb_2dp > li .img_wrap a:hover {
  color: #1c8dee;
}
#header .header_wrap .gnb_2dp .gnb_2dp_1dp > img {
  margin-right: 38px;
  float: left;
}
#header .header_wrap .gnb_2dp .gnb_2dp_1dp li {
  height: 176px;
}
#header .header_wrap .gnb_2dp .gnb_2dp_1dp li:first-child {
  height: 227px;
}
#header .header_wrap .gnb_2dp .gnb_2dp_1dp li dl {
  width: 210px;
}
#header .header_wrap .gnb_2dp .gnb_2dp_1dp .link {
  float: left;
  width: 231px;
  border-left: 1px solid #ededed;
  margin-left: 20px;
  padding-left: 40px;
}
#header .header_wrap .gnb_2dp .gnb_2dp_1dp .link.link01 {
  width: 210px;
  margin-left: 20px;
  margin-right:20px;
  border-left: 0;
  padding-left: 0;
}
#header .header_wrap .gnb_2dp .gnb_2dp_1dp .place_search {
  width: 180px;
  height: 403px;
  float: left;
  padding-left: 20px;
  margin-left: 20px;
  border-left: 1px solid #ededed;
}
#header .header_wrap .gnb_2dp .gnb_2dp_1dp .place_search dl {
  text-align: center;
  padding: 136px 0 25px;
  background: url(../images/place_dot.gif) 50% 0 no-repeat;
}
#header .header_wrap .gnb_2dp .gnb_2dp_1dp .place_search dl dt {
  font-size: 18px;
  line-height: 18px;
  font-weight:500;
  color: #1c8dee;
}
#header .header_wrap .gnb_2dp .gnb_2dp_1dp .place_search dl dd {
  font-size: 14px;
  line-height: 20px;
  color: #777;
  margin-top: 10px;
}
#header .header_wrap .gnb_2dp .gnb_2dp_1dp .place_search a {
  display: block;
  line-height: 44px;
  background-color: #f5f5f5;
  background-repeat: no-repeat;
  padding-left: 20px;
  color: #777;
  background-image: url(../images/place_dot02.png);
  background-position: 141px 50%;
  margin-bottom: 2px;
  font-size: 14px;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -kthtml-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#header .header_wrap .gnb_2dp .gnb_2dp_1dp .place_search a:hover {
  color: #fff;
  background-image: url(../images/place_dot02_on.png);
  background-color: #1c8dee;
}
#header .header_wrap .gnb_2dp .gnb_2dp_2dp li {
  width: 210px;
  height: 160px;
  float: left;
  margin-left: 46px;
}
#header .header_wrap .gnb_2dp .gnb_2dp_2dp li:first-child {
  margin-left: 0;
}
#header .header_wrap .gnb_2dp .gnb_2dp_3dp ul {
  margin-top: 50px;
}
#header .header_wrap .gnb_2dp .gnb_2dp_3dp li {
  width: 210px;
  height: 176px;
  float: left;
  margin-left: 46px;
}
#header .header_wrap .gnb_2dp .gnb_2dp_3dp li:first-child {
  margin-left: 0;
}
#header .header_wrap .gnb_2dp .gnb_2dp_4dp > img, #header .header_wrap .gnb_2dp .gnb_2dp_4dp > a {
  float: left;
  margin-right: 28px;
}
#header .header_wrap .gnb_2dp .gnb_2dp_4dp .link {
  float: left;
  width: 451px;
  margin-top:20px;
}
#header .header_wrap .gnb_2dp .gnb_2dp_4dp .link01 {
  width: 461px;
  float:left;
}
#header .header_wrap .gnb_2dp .gnb_2dp_4dp .link li{ float:left; margin-left:20px; padding-left:20px; border-left:1px solid #e8e8e8; width:210px;}
#header .header_wrap .gnb_2dp .gnb_2dp_4dp .link li:first-child {
  padding:0px; margin:0px; border:0px;
}
#header .header_wrap .gnb_2dp .gnb_2dp_5dp{ line-height:35px; padding-bottom:30px;}
#header .header_wrap .gnb_2dp .gnb_2dp_5dp li {
  width: 295px;
  height: 217px;
  float: left;
  margin-left: 46px;
}
#header .header_wrap .gnb_2dp .gnb_2dp_5dp li:first-child {
  margin-left: 0;
}
#header .header_wrap .gnb_2dp .gnb_2dp_6dp > img, #header .header_wrap .gnb_2dp .gnb_2dp_6dp > a {
  float: left;
  margin-right: 28px;
}
#header .header_wrap .gnb_2dp .gnb_2dp_6dp .link {
  float: left;
  width: 231px;
  border-left: 1px solid #ededed;
  margin-left: 20px;
  padding-left: 20px;
}
#header .header_wrap .gnb_2dp .gnb_2dp_6dp .link.link01 {
  width: 210px;
  margin-left: 0;
  border-left: 0;
  padding-left: 0;
}
#header .header_wrap .gnb_2dp .gnb_2dp_6dp .link li:first-child {
  height: 227px;
}
#header .header_wrap .all_btn {
  position: absolute;
  right: 0;
  top: 80px;
}
#header .header_wrap .all_btn:hover span:before {
  left: 7px;
}
#header .header_wrap .all_btn:hover span:after {
  left: -7px;
}
#header .header_wrap .all_btn.on span {
  width: 0;
}
#header .header_wrap .all_btn.on span:before {
  -webkit-transform: rotate(45deg) translate(8px, 7px);
  -ms-transform: rotate(45deg) translate(8px, 7px);
  transform: rotate(45deg) translate(8px, 7px);
  left: 0;
  top: -9px;
  width: 27px;
}
#header .header_wrap .all_btn.on span:after {
  -webkit-transform: rotate(-45deg) translate(4px, -4px);
  -ms-transform: rotate(-45deg) translate(4px, -4px);
  transform: rotate(-45deg) translate(4px, -4px);
  left: 0;
  top: 7px;
  width: 27px;
}
#header .header_wrap .all_btn a {
  position: relative;
  font-size: 16px;
  color: #fff;
}
#header .header_wrap .all_btn a span {
  width: 22px;
  height: 2px;
  position: absolute;
  margin-right: 10px;
  left: -35px;
  top: 7px;
  background-color: #fff;
  -webkit-transition: width 0.4s ease;
  -o-transition: width 0.4s ease;
  -moz-transition: width 0.4s ease;
  -ms-transition: width 0.4s ease;
  -kthtml-transition: width 0.4s ease;
  transition: width 0.4s ease;
}
#header .header_wrap .all_btn a span:before {
  content: "";
  width: 22px;
  height: 2px;
  position: absolute;
  margin-right: 10px;
  top: -7px;
  left: 0;
  background-color: #fff;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -kthtml-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#header .header_wrap .all_btn a span:after {
  content: "";
  width: 22px;
  height: 2px;
  position: absolute;
  margin-right: 10px;
  top: 7px;
  left: 0;
  background-color: #fff;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -kthtml-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#header .header_util {
  position: absolute;
  right: 20px;
  top: 0;
  height: 40px;
}
#header .header_util > ul {
  float: left;
  font-family: "noto_l", sans-serif;
  font-size: 14px;
}
#header .header_util > ul > li {
  float: left;
}
#header .header_util > ul a {
  color: #fff;
  font-family: 微软雅黑;
}
#header .header_util > ul.network {
  padding-top: 13px;
}
#header .header_util > ul.network li {
  padding: 0 12px;
  background: url(../images/header_line.gif) center left no-repeat;
}
#header .header_util > ul.network li:first-child {
  background: none;
}
#header .header_util > ul.language {
  padding: 13px 0 18px 23px;
  position: relative;
  background: url(../images/header_dot01.png) 8px 16px no-repeat;
}
#header .header_util > ul.language > li > ul {
  width: 92px;
  padding: 14px 0 14px 15px;
  background-color: #0aa1e1;
  border: 1px solid #8ec6f7;
  border-top-color: #0aa1e1;
  position: absolute;
  top: 39px;
  margin-left: -24px;
  display: none;
}
#header .header_util > ul.language > li > ul li {
  margin-top: 8px;
  background: url(../images/header_dot03.gif) 0 7px no-repeat;
}
#header .header_util > ul.language > li > ul li:first-child {
  margin-top: 0;
}
#header .header_util > ul.language > li > ul li:hover a:after {
  width: 100%;
}
#header .header_util > ul.language > li > ul li a {
  position: relative;
  line-height: 14px;
}
#header .header_util > ul.language > li > ul li a:after {
  width: 0;
  height: 1px;
  margin-top: 3px;
  display: block;
  content: "";
  position: absolute;
  background-color: #fff;
  -webkit-transition: width 0.2s ease;
  -o-transition: width 0.2s ease;
  -moz-transition: width 0.2s ease;
  -ms-transition: width 0.2s ease;
  -kthtml-transition: width 0.2s ease;
  transition: width 0.2s ease;
}
#header .header_util > ul.sns {
  padding-left: 38px;
  line-height: 40px;
  text-indent: -9999px;
}
#header .header_util > ul.sns img {
  display: block;
}
#header .header_util > ul.sns li {
  padding: 9px 0 0 16px;
}
#header .header_util > ul.sns li:first-child {
  padding: 11px 0 0;
}
#header .site_map {
  text-align: center;
  padding: 47px 0;
}
#header .site_map > ul {
  width: 865px;
  height: 400px;
  display: inline-block;
  font-weight:500;
}
#header .site_map > ul > li {
  width: 111px;
  font-size: 18px;
  line-height: 18px;
  margin-left: 38px;
  float: left;
}
#header .site_map > ul > li:hover > a {
  border-color: #1c8dee;
}
#header .site_map > ul > li:first-child {
  margin-left: 0;
}
#header .site_map > ul > li > a {
  display: block;
  color: #333;
  padding-bottom: 17px;
  border-bottom: 2px solid #8e8e8e;
  margin-bottom: 9px;
  -webkit-transition: border-color 0.4s ease;
  -o-transition: border-color 0.4s ease;
  -moz-transition: border-color 0.4s ease;
  -ms-transition: border-color 0.4s ease;
  -kthtml-transition: border-color 0.4s ease;
  transition: border-color 0.4s ease;
}
#header .site_map .site_2dp {
  font-size: 14px;
  line-height: 14px;
}
#header .site_map .site_2dp li {
  padding-top: 25px;
}
#header .site_map .site_2dp li a {
  color: #a8a8a8;
}
#header .site_map .site_2dp li a:hover{color:#1c8dee}
#header .site_map .site_3dp {
  font-size: 14px;
  line-height: 14px;
}
#header .site_map .site_3dp li {
  padding-top: 10px;
  text-align:left;
}
#header .site_map .site_3dp li a {
  color: #a8a8a8;
}
#header .site_map .site_3dp li a:hover{color:#1c8dee}
#header .site_map > div {
  width: 865px;
  height: 46px;
  line-height: 46px;
  display: inline-block;
  font-weight:500;
}
#header .site_map > div .network {
  float: left;
}
#header .site_map > div .network li {
  font-size: 16px;
  float: left;
  margin-left: 25px;
  padding-left: 25px;
  background: url(../images/header_line02.gif) 0 50% no-repeat;
}
#header .site_map > div .network li:first-child {
  margin-left: 0;
  padding-left: 0;
  background: none;
}
#header .site_map > div .network li a {
  color: #333;
}
#header .site_map > div > div {
  float: right;
}
#header .site_map > div .language {
  float: left;
  text-align: left;
  position: relative;
  z-index: 10;
}
#header .site_map > div .language > a {
  width: 112px;
  font-size: 16px;
  color: #333;
  display: block;
  line-height: 33px;
  margin-top: 7px;
  padding-left: 22px;
  border-bottom: 1px solid #636363;
  background: url(../images/header_dot08.png) 0 50% no-repeat;
}
#header .site_map > div .language ul {
  position: absolute;
  line-height: 25px;
  font-size: 13px;
  display: none;
}
#header .site_map > div .language ul li {
  width: 112px;
  padding-left: 22px;
  border: 1px solid #636363;
  border-top: 0;
  background: url(../images/header_dot03.gif) 10px 50% no-repeat;
}
#header .site_map > div .language ul li a {
  color: #333;
}
#header .site_map > div .sns {
  float: left;
  margin-left: 38px;
}
#header .site_map > div .sns li {
  float: left;
  margin-left: 12px;
}

#footer_content {
  width: 100%;
  border-top: 1px solid #d6d6d6;
  padding: 50px 0 55px;
}
#footer_content h2 {
  width: 1200px;
  margin: 0 auto;
  color: #333;
  font-size: 20px;
  line-height: 20px;
  font-family: noto_r;
  padding: 0 0 28px;
}
#footer_content .content_wrap {
  width: 1200px;
  margin: 0 auto;
}
#footer_content .content_wrap section {
  width: 210px;
  float: left;
  background: url(../images/f_content_img02.jpg) no-repeat;
  margin-left: 16px;
}
#footer_content .content_wrap section:first-child {
  margin-left: 0;
  background: url(../images/f_content_img01.jpg) no-repeat;
}
#footer_content .content_wrap section h3 {
  padding: 151px 0 10px;
  font-size: 20px;
  line-height: 20px;
  color: #333;
  font-family: noto_r;
}
#footer_content .content_wrap section p {
  font-size: 15px;
  line-height: 15px;
  color: #777;
}
#footer_content .content_wrap > article {
  float: right;
  width: 453px;
  height: 193px;
  background: url(../images/f_content_img03.jpg) no-repeat;
}
#footer_content .content_wrap > article h3 {
  color: #777;
  font-size: 16px;
  line-height: 23px;
  padding: 151px 0 0 40px;
}

footer {
  width: 100%;
   background-color: #363636;
}
footer .footer_wrap {
  padding: 55px 0px;
  position: relative;
 width:1200px;
 margin:0 auto;
  font-weight:500;
}
footer .footer_wrap .footer_box p {
  float: left;
}
footer .footer_wrap .footer_box ul {
  float: left;
  margin-left: 28px;
  line-height: 30px;
  font-size: 14px;
  margin-top: 18px;
}
footer .footer_wrap .footer_box ul li {
  float: left;
  padding: 0 10px 0 12px;
  background: url(../images/footer_dot01.gif) 0 50% no-repeat;
}
footer .footer_wrap .footer_box ul li:first-child {
  background: none;
}
footer .footer_wrap .footer_box ul li a {
  color: #989898;
}
footer .footer_wrap address {
  padding-top: 30px;
  font-size: 13px;
  color: #7e7e7e;
  line-height: 13px;
}
footer .footer_wrap .copyright {
  padding-top: 13px;
  font-size: 13px;
  line-height: 13px;
  color: #7e7e7e;
  display: block;
}
footer .footer_wrap .copyright a{ color:#666;} 
footer .footer_wrap .family_site {
  position: absolute;
  right: 100px;
  bottom: 100px;
}
footer .footer_wrap .family_site p {
  width: 170px;
  border-bottom: 1px solid #989898;
  position: relative;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  color: #989898;
  background: url(../images/footer_dot02.png) 100% 50% no-repeat;
  cursor: pointer;
}
footer .footer_wrap .family_site .site_list {
  position: absolute;
  background: url(../images/footer_dot02_on.png) 286px 173px no-repeat #363636;
  padding: 23px 18px 40px 20px;
  border: 1px solid #989898;
  z-index:999;
  bottom: 0;
  width: 310px;
  right: -10px;
  display: none;
  opacity: 0;
  filter: alpha(opacity=0);
}
footer .footer_wrap .family_site ul {
  font-size: 14px;
  float: left;
}
footer .footer_wrap .family_site ul a {
  color: #989898;
  position: relative;
}
footer .footer_wrap .family_site ul a:hover {
  color: #1c8dee;
}
footer .footer_wrap .family_site ul a:after {
  display: block;
  content: "";
  height: 1px;
  width: 0;
  background-color: #1c8dee;
  position: absolute;
  left: 0;
  top: 22px;
  -webkit-transition: width 0.3s ease;
  -o-transition: width 0.3s ease;
  -moz-transition: width 0.3s ease;
  -ms-transition: width 0.3s ease;
  -kthtml-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
footer .footer_wrap .family_site ul a:hover:after {
  width: 100%;
}
footer .footer_wrap .family_site ul.site_list01 {
  padding-right: 20px;
}
footer .footer_wrap .family_site ul li {
  padding-top: 15px;
}
footer .footer_wrap .family_site ul li:first-child {
  padding-top: 0;
}

#foot{height:160px; background:#363636; background-size:cover; text-align:center;width: 100%;min-width: 1200px;max-width: 1920px; border-top:1px solid #444;}
#foot>div{display:inline-block; padding:43px 80px 0 80px; position:relative; z-index:2;}
#foot>div>.img{display:inline-block; width:66px; height:66px; vertical-align:middle;}
#foot>div>.img>img{width:100%; filter:alpha(opacity=60); opacity:.6; transition:all .3s;}
#foot>div>.text{display:inline-block; vertical-align:middle; font-size:14px; color:rgba(255,255,255,.8); padding:0 0 0 10px; transition:all .3s;}
#foot>div:hover>.img>img{filter:alpha(opacity=100); opacity:1;}
#foot>div:hover>.text{color:#fff;}
#foot>div>.qr{width:180px; height:180px; padding:10px; line-height:200px; position:absolute; z-index:2; background:#fff; text-align:center; top:-180px; left:38px; box-shadow:5px 5px 20px rgba(0,0,0,.12); border-radius:10px; display:none;}


.widthWrap{ width:100%; overflow:hidden;}
.width1026_bg{width:100%;}
.width1026{ width:1200px; margin:0 auto; display:table;}
.textH{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.ixPro{margin:80px auto 60px;}
.ixPro .tit{font-size: 22px;color: #005bac; padding: 10px 0; margin-bottom: 10px;border-bottom: 1px solid #e8e8e8;}
.ixPro ul{width:100%;}
.ixPro li{ width:15%; float:left; margin:0 1.66% 30px 0; font-size:12px; line-height:26px;     height: 100px; border-bottom: 1px solid #e8e8e8;}
.ixPro li img{ width:50%; float:left;}
.ixPro li p{ width:50%; float:right; margin-top:10px;font-size:15px;}
.ixPro li a:hover{color:#1c8dee; }

.i_part_hd{overflow:hidden;padding-bottom:50px; text-align:center;}
.i_part_hd ._hd_title{margin-bottom:20px;}
.i_part_hd ._hd_title a{display:inline-block;*display:inline;*zoom: 1;padding:5px 52px;border:1px solid #1c8dee;font-size:20px;color:#1c8dee;position:relative;}
.i_part_hd ._hd_title a:after,.i_part_hd ._hd_title a:before{content:"";width:158px;height:1px;background-color:#1c8dee;display:block;position:absolute;top:50%;margin-top:-0.5px;}
.i_part_hd ._hd_title a:after{right:-142px;}
.i_part_hd ._hd_title a:before{left:-142px;}
.i_part_hd ._hd_text{padding:0px 100px;font-size:16px;color:#333333;line-height:24px;}


.siteMap{width:100%; height:100%; position:fixed; top:0; left:0; background-color:#fff; display:none; opacity:0; filter:alpha(opacity=0); z-index:10000;}
.siteMap .link_list{position:relative;width:980px;margin:0 auto;}
.siteMap .link_list > ul{padding:70px 17px;font-family:"noto_r";}
.siteMap .link_list > ul:after{content:"";display:block;clear:both;}
.siteMap .link_list > ul > li{position:relative;float:left;margin-left:27px; width:112px;}
.siteMap .link_list > ul > li:first-child {margin-left:0;}
.siteMap .link_list > ul > li > a{display:block;font-size:20px; color:#333; padding-bottom:16px; border-bottom:2px solid #1c8dee ; margin-bottom:32px;}
.siteMap .link_list .depth02{position:absolute;}
.siteMap .link_list .depth02 > li{margin-bottom:35px;}
.siteMap .link_list .depth02 > li > a{display:block;font-size:16px; color:#808080;}
.siteMap .link_list .depth03{margin-top:16px;}
.siteMap .link_list .depth03 > li{margin-top:8px;}
.siteMap .link_list .depth03 > li > a{position:relative;padding-left:7px;display:block;font-size:14px;color:#808080;}
.siteMap .link_list .depth03 > li > a:after{position:absolute;left:0;top:0;content:"-";display:block;}
.siteMap .link_list .depth03 > li:first-child{margin-top:0;}
.siteMap .link_list > ul > li.cus{padding-right:10px;}
.siteMap .link_list .btn_close{position:absolute;right:-70px;top:0;}

.index-news_bg{width:100%;}
.index-news{padding: 80px 0;background: #eee; display:table; width:100%;}
.index-news .w1200_center{width:1200px; margin:0 auto;}
.index-news .w960{height:530px;overflow: hidden;}
.index-news .l{width: 62%;height: 530px;border-right: 2px solid #e7e7e7;background: #0567b0; float:left;}
.index-news .tips{width:100%;padding:20px 0 0 5%;background:#0567b0;float: left;line-height: 24px;color: #a9b6cf;}
.index-news .tips p{float:left; width:165px;line-height: 40px;}
.index-news .tips p.en{font-size: 36px;line-height: 38px;font-family: Arial;color: #fff; }
.index-news .tips a.more{display: inline-block;width:65px;height: 27px;padding-left: 16px;line-height: 27px;color: #a9b6cf; background:url(../images/jtr.png) no-repeat 90% center; border:1px solid #fff; border-radius:3px;margin-right:5%; float:right;}
.index-news .tips a.more:hover{color: #0b419b;background: url(../images/jtr2.png) no-repeat 90% center #fff;}
.index-news .list{width: 100%;padding: 27px 0;float: left;}

/*---home page 新闻---*/
.ind_news_list{ font-size:12px;top:0px; width:100%; float:left;}
.ind_news_list dl{ clear:both;  padding-bottom:10px; margin-bottom:0px; overflow:hidden;}
.ind_news_list dl dd{ float:left; margin-right:10px; width:40%;  max-width:250px; margin-right:15px;}
.ind_news_list dl dd img{ width:100%;}
.ind_news_list dl dt{  position:inherit;}
.ind_news_list dl dt a.bt{ color:#333; font-size:18px; max-height:40px; line-height:20px; overflow:hidden; display:block; margin-bottom:5px; font-weight:normal;}
.ind_news_list dl dt i{ color:#999; font-style:normal;}
.ind_news_list dl dt a:hover{ color:#ff7e00;}
.ind_news_list dl dt p.ms{ color:#999; font-size:12px; line-height:20px; overflow:hidden; height:60px; margin-bottom:0px; margin-top:15px;}
.ind_news_list dl dt a.more{ color:#999; font-size:12px; }
.ind_news_list dl dt a.more:hover{ color:#ff7e00; }
.ind_news_list dl dt a.more span{font-family:'simsun';}

/*------新闻日期型列表---- */ 
.ind_date_news_list{ margin-top:10px; font-size:12px; margin-top:5px; clear:both;}
.ind_date_news_list li { width:90%;margin-bottom:12px; margin:10px 5%; height:80px; float:left; border-top:1px dashed #ddd; padding-top:24px;}

.ind_date_news_list .datetime {width:50px;height:50px; margin-top:0px;text-align:center;display:block; float:left;font-family:Arial, Helvetica, sans-serif;padding:2px; margin-right:10px; color:#fff;}
.ind_date_news_list .datetime strong{display:block; font-size:40px; line-height:40px;height:40px; color:#1c8dee; font-weight:bold;}
.ind_date_news_list .datetime b{font-size:11px; line-height:12px; margin-top:5px; display:block; color:#666; font-weight:normal;}

.ind_date_news_list .cnt { position:inherit;height:60px;}
.ind_date_news_list .cnt .bt {font-size: 18px;margin-bottom: 2px; margin-top:5px;color:#fff; font-weight:bold; overflow:hidden;}
.ind_date_news_list p.summary {line-height:30px;margin-top:5px; color:#fff; height:30px; font-size:14px; overflow:hidden;}
.ind_date_news_list .cnt .bt:hover{ color:#1c8dee;}



.index-news .r{width:35%;height: 530px;overflow: hidden; float:right;}
.index-news .inews-box{width: 100%;height:160px;float: left;margin-bottom: 27px;background:#fff; overflow:hidden;position:relative;}
.index-news .inews-box_img{ float:left; width:52%; display:block;}
.index-news .inews-box_img img{ width:100%;}
.index-news .inews-box .detail{width: 42%;height: 64px;float: left;padding: 14px 0 0 3%;}
.index-news .inews-box p{line-height: 20px;color: #959595; margin-top:10px; font-size:14px;}
.index-news .inews-box p.fz16{font-size: 16px;line-height: 28px;color: #333;}


.wrap {
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
}
/*part01*/
.part01{padding: 80px 0;background-color: #f5f5f5;overflow: hidden;}
.part01 ._font01 ._t1{padding: 60px 0 29px 0;font-size: 40px;color:#444444;text-align: center;}
.part01 ._font01 ._c1{padding: 0 273px 45px;font-size: 14px;text-align: center;}/*padding: 0 270px 50px 276px;*/

.box{margin-bottom: 10px;}
.box{position: relative;}
.box ._img01 img{width: 100%;height: auto;}
.box ._img01 .rect-8930{padding-bottom: 30%;}
.box{}

.box .con1{background-color: #0567b0;color: #fff;position: absolute;bottom: 0;width: 100%;height: 41%;
	transition: all 0.5s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.box .con1 .con_t1{font-size: 20px;padding: 20px 0 14px 24px; color:#fff;}
.box .con1 .con_c1{font-size: 13px; ;padding: 0 25px 33px 24px;line-height: 20px;white-space: normal; color:#fff;}

.total{position: relative;overflow: hidden;}

.box:hover .con1{width: 100%;height: 100%;background-color: #0aa1e1;opacity: 0.9;position: absolute;bottom: 0;
transition: all 0.5s;overflow: visible;text-overflow:ellipsis;white-space: nowrap;}
.box:hover .con_t1{font-size: 30px;padding: 12.39% 0 7.46% 10.667%;}
.box:hover .con_c1{font-size: 13px;padding-left: 10.667%;padding-right: 9.33%; line-height:30px;}
.con1 .con1_jt a{display: block;}
.con1 .con1_jt{padding-left: 80.5%;padding-top: 18.43%;}
/*ljx1228-2016*/
.con1 .con1_jt{position: absolute;bottom: 22px;display: none;transition: all 0.5s ease;}
.box:hover .con1_jt{display: block;transition: all 0.5s ease;}