@import url("reset.css");
/**
 *
 * @authors chan.yisen (aihuacyc@gmail.com)
 * @date    2017-05-15 10:25:51
 * @version $Id$
 * @public.less
 */
@charset "UTF-8";
@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon.eot?hzhzeb');
  src: url('../fonts/icomoon.eot?#iefixhzhzeb') format('embedded-opentype'), url('../fonts/icomoon.woff?hzhzeb') format('woff'), url('../fonts/icomoon.ttf?hzhzeb') format('truetype'), url('../fonts/icomoon.svg?hzhzeb#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ACaslonPro-Regular';
  src: url('../fonts/ACaslonPro-Regular.eot?hzhzeb');
  src: url('../fonts/ACaslonPro-Regular.eot?#iefixhzhzeb') format('embedded-opentype'), url('../fonts/ACaslonPro-Regular.woff?hzhzeb') format('woff'), url('../fonts/ACaslonPro-Regular.ttf?hzhzeb') format('truetype'), url('../fonts/ACaslonPro-Regular.svg?hzhzeb#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

html {
  background-color: #ffffff;
}
html,
body {
  position: relative;
  overflow-x: hidden;
}
* {
  -webkit-text-size-adjust: none;
  -webkit-overflow-scrolling: touch;
}
a {
  color: #636363;
  text-decoration: none;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;
  transition: all 0.4s;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
}
select::-ms-expand {
  display: none;
}
a:focus,
a:active {
  outline: none;
}
a:hover {
  color: #000000;
  text-decoration: none;
}
table,
tr,
td {
  border-collapse: collapse;
}
img {
  -webkit-transition: box-shadow 0.2s;
  -moz-transition: box-shadow 0.2s;
  -ms-transition: box-shadow 0.2s;
  transition: box-shadow 0.2s;
}
img {
  -webkit-transition: border .2s;
  -moz-transition: border .2s;
  -ms-transition: border .2s;
  transition: border .2s;
}
a.a-link {
  color: #663300;
  text-decoration: underline;
}
a.a-link:hover {
  text-decoration: none;
}
a.a-link img{width:85%;line-height:1; border-bottom:1px solid #663300;top:3px; position: relative;}
a.a-link:hover img{ border-bottom:1px solid #ffffff}
.container {
  width: 100%;
/*  max-width: 1600px;*/
  margin: 0 auto;
  padding-right:30px;
  padding-left:30px;
}
.container::before {
  display: table;
  content: "";
}
.container::after {
  display: table;
  content: "";
  clear: both;
}
.clearfix::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  font-size: 0;
  visibility: hidden;
  clear: both;
}
.clearfix {
  *zoom: 1;
}
.no-type {
  list-style: none;
}
.pull-left { float: left; padding-right:50px;}
 header.header-index .pull-left{margin:auto; float:inherit;    display: table;}

.pull-left span{ padding:0 8px;}
.pull-right {
  float: right;
  display:table;
  height:100%;
  position:relative;
}
.content-img {
  text-align: center;
  font-size: 0;
}
.content-img img {
  display: inline-block;
  width: 100%;
}
body {
  color: #323232;
  min-width: 320px;
  max-width: 1920px;
  margin: 0 auto;
  position: relative;
  background-color: #fff;
}


#ver-tc{ font: 14px/1.8 "source-han-serif-tc", "宋体", "SimSun", "STHeiti", "Microsoft JhengHei", "Microsoft YaHei", Arial, Helvetica, Verdana, sans-serif; font-weight:300 !important;}

#ver-sc{ font: 14px/1.8 "source-han-serif-sc", "宋体", "SimSun", "STHeiti", "Microsoft JhengHei", "Microsoft YaHei", Arial, Helvetica, Verdana, sans-serif; font-weight:300 !important;}



#ver-en {
  font: 14px/1.8 ACaslonPro-Regular, Arial, Helvetica, sans-serif, Verdana;
}
header {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  z-index: 6;
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(216, 205, 191, 0.5);
}
header .logo {
  width: 70px;
}
header .logo a {
  display: block;
}
header .logo a img {
  display: block;
  width: 100%;
}
header .pull-right {
  font-size: 22px; right:30px;
}
header .pull-right a:nth-child(2){
    padding-left:10px;
    margin-left: 10px;
    border-left: 1px solid #878787;
}

header .pull-right .d-cell{
  display: table-cell;
  vertical-align: middle;
  position: relative;
}

.pull-wrap{ float:right;margin-top: 7px; line-height:0.8;}


.search-input,
.share-box{
  position: absolute;
  top: 5px;
  right: 0;
  width: 0;
  overflow: hidden;
  -webkit-transition: width ease-out .2s;
  -moz-transition: width ease-out .2s;
  -ms-transition: width ease-out .2s;
  -o-transition: width ease-out .2s;
  transition: width ease-out .2s;
}
.share-box{
  position: relative;
  top: 5px;
  margin-top: -34px;
}
.search-input.active{
  width:300px;
}
.share-box.active{
  width: 400px;
}
.search-form .form-item{
  position: relative;
  padding:5px 10px;
  border-bottom: 2px solid #91795f;
}
.search-form .form-item input{
  display: block;
  line-height: 22px;
  font-size: 18px;
}
.search-input button{
  background: none;
  border: none;
  width: 23px;
  height: 23px;
  position: absolute;
  top: 6px;
  right: 0;
  cursor:pointer;
}
a.search i,
.search-input i{
	display:block;
	width:23px;
    height:23px;
	position:relative;
	background:url(../images/zoom.svg) center no-repeat;
	background-size:100% auto;
}
a.search:hover i,
.search-input button:hover i{
  background: url(../images/zoom_h.svg) center no-repeat;
  background-size: 100% auto;
}
.share-box{
  /* width: 400px;*/
  font-size: 0;
  text-align: right;
  white-space: nowrap;
  background-color: #fff;
}
.share-box > span{
  display: inline-block !important;
  font-size: 18px;
     line-height: 1.8;
    vertical-align: top;
}
.share-box > a{
  display: inline-block !important;

}
.share-box a{
  color: #adadad;
  margin-left:30px;
}
.share-box a.share-close{
  width: 28px;
  height: 28px;
  top:3px;
  margin-left: 30px;
  position: relative;
}
.share-box a.share-close span{
  display: block;
  width: 32px;
  height:3px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -2px;
  margin-left: -18px;
  background-color: #351c0b;
}
.share-box a.share-close:hover span{
  background-color: #663300;
}
.share-box a.share-close span:first-child{
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.share-box a.share-close span:nth-child(2){
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

a.share i {
  display: block;
  width: 23px;
  height: 23px;
  position: relative;
  background: url(../images/icon_share.svg) center no-repeat;
  background-size: 100% auto;
}

a.share:hover i {
  background: url(../images/icon_share_h.svg) center no-repeat;
  background-size: 100% auto;
}
.link-in i,
.twitter i,
.facebook i,
.wechat i{
  display: none;
}
.link-in{height:26px; width:26px;background: url(../images/icon_in.svg) center no-repeat; background-size:cover}
.twitter{height:26px; width:30px;background: url(../images/icon_twitter.svg) center no-repeat;background-size:cover}
.facebook{height:26px;width:26px; background: url(../images/icon_facebook.svg) center no-repeat;background-size:cover}
.wechat{height:26px; width:32px;background: url(../images/icon_wechat.svg) center no-repeat;background-size:cover}

.link-in:hover{height:26px; width:26px;background: url(../images/icon_in_h.svg) center no-repeat; background-size:cover}
.twitter:hover{height:26px; width:30px;background: url(../images/icon_twitter_h.svg) center no-repeat;background-size:cover}
.facebook:hover{height:26px;width:26px; background: url(../images/icon_facebook_h.svg) center no-repeat;background-size:cover}
.wechat:hover{height:26px; width:32px;background: url(../images/icon_wechat_h.svg) center no-repeat;background-size:cover}


.menu {
    position: relative;
}

.menu i {
    background: #351c0b;
    width: 30px;
    height: 3px;
    display: block;
    position: relative;
    margin-bottom: 5px;
}

.menu i:last-child{
	margin-bottom:0px;
	}
.menu:hover i{
	background-color:#663300;
	}
.mobile{ display:none}
header .pull-right a:hover {
  color: #000000;
}
header.hide {
  display: none;
}
header.banner-head {
  display: block;
  position: absolute;
  width: 100%;
  top: auto;
  bottom: 0;
  z-index: 4;
  box-shadow: 0 2px 5px rgba(216, 205, 191, 0.5);
}
header.banner-head .logo {
  float: left;
}
.nav-wrap {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 10;
  padding:30px;
  background-color: #fff;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: all ease-out 0.2s;
  -moz-transition: all ease-out 0.2s;
  -ms-transition: all ease-out 0.2s;
  -o-transition: all ease-out 0.2s;
  transition: all ease-out 0.2s;
  box-shadow: 0 2px 5px rgba(216, 205, 191, 0.6);
}
.nav-wrap.active {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.nav-box {
  overflow-y: auto;
  width: 100%;
  height: 100%;
}
.nav-bg{
  display: none;
  position: absolute;
  width:300px;
  height: 100%;
  right: 100%;

  background-color: #c0a383;
}
nav {
  margin-top: 20px;
}
nav > ul > li { padding-left:0px;
    padding-right:70px;
  display: block;
}
a#close {
  width: 28px;
  height: 28px;
  display: block;
  position: relative;
}
a#close span {
  display: block;
  width:26px;
  height: 4px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -2px;
  margin-left: -16px;
  background-color: #351c0b;
  -webkit-transition: all ease-out 0.2s;
  -moz-transition: all ease-out 0.2s;
  -ms-transition: all ease-out 0.2s;
  -o-transition: all ease-out 0.2s;
  transition: all ease-out 0.2s;
}
a#close span:first-child {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
a#close span:last-child {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.m-close:hover span,
a#close:hover span {
  background-color: #663300;
}
.m-close{
  cursor: pointer;
  position: absolute;
  width: 28px;
  height: 28px;
  top: 0;
  right: 0;
  z-index: 2;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.m-close span{
  display: block;
  position: absolute;
  background-color: #351c0b;
  -webkit-transition: all ease-out 0.2s;
  -moz-transition: all ease-out 0.2s;
  -ms-transition: all ease-out 0.2s;
  -o-transition: all ease-out 0.2s;
  transition: all ease-out 0.2s;
}
.m-close span:nth-child(1){
  width:24px;
  height: 4px;
  top: 50%;
  left: 50%;
  margin-top: -2px;
  margin-left: -12px;
}
.m-close span:nth-child(2){
  width:4px;
  height: 24px;
  top: 50%;
  left: 50%;
  margin-top: -12px;
  margin-left: -2px;
}
ul.pc-nav-list dl dd a{ font-size:16px;}
#ver-en ul.pc-nav-list dl dd a{ font-size:14px;}
ul.pc-nav-list li .sub-nav-wrap dl dd{margin:0 20px;}
#ver-en ul.pc-nav-list li .sub-nav-wrap dl dd{ margin:0 10px;}
ul.pc-nav-list li:last-child{margin-right: 0;}
header.header-index ul.pc-nav-list li:last-child{ margin-right:0}
#ver-en ul.pc-nav-list li:last-child{margin-right: 0;}
#ver-en header.header-index ul.pc-nav-list li:last-child{ margin-right:0}

ul.nav-list {
  line-height: 1.2;
}
ul.nav-list a {
	font-size: 16px;
  color: #423119;
  display: block;
  padding-top:12px;
  padding-bottom:12px;
}
ul.nav-list a:hover {
  color: #000000;
}
ul.nav-list > li > a {
  font-size:18px;
}
ul.nav-list > li:hover > a {
  color: #000000;
}
ul.nav-list .sub-nav-wrap {
  display: none;
  margin-left:15px;
  margin-bottom:20px;
}
.sub-nav-center{ display:table; margin:auto;}
ul.pc-nav-list li .sub-sub-nav .p-wrap p{ padding-bottom:5px; padding-top:5px;}
/*.sub-nav-wrap dl{ min-width:300px;}*/
ul.nav-list dl dd > a {
  font-size:16px;
  padding-top:8px;
  padding-bottom:8px;
}
ul.nav-list dl dd:hover > a {
  color: #000;
}
ul.nav-list .sub-sub-nav {
  display: none;
  position: relative;
  padding-left: 20px;
  margin-bottom:10px;
  margin-top:5px;
}
ul.nav-list dl dd a.active{
  color: #000;
}
ul.nav-list .sub-sub-nav a {
  color: #663300;
  padding-top: 4px;
  padding-bottom: 4px;
}
ul.nav-list .sub-sub-nav a.active,
ul.nav-list .sub-sub-nav a:hover {
  color: #000;
}
ul.nav-list .sub-sub-nav p {
  font-size:12px;
}
ul.nav-list .sub-sub-nav::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 15px;
  width: 1px;
  height: 100%;
  background-color: #ffffff;
}
/* banner */
#banner {
  position: relative;
  overflow: hidden;
}
ul.banner-list li {
  position: absolute;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transform: scale(1.4,1.4);
  -moz-transform: scale(1.4,1.4);
  -ms-transform: scale(1.4,1.4);
  -o-transform: scale(1.4,1.4);
  transform: scale(1.4,1.4);
  -webkit-transition: all ease-out 1.6s;
  -moz-transition: all ease-out 1.6s;
  -ms-transition: all ease-out 1.6s;
  -o-transition: all ease-out 1.6s;
  transition: all ease-out 1.6s;
}
ul.banner-list li.trans{
  -webkit-transform: scale(1,1);
  -moz-transform: scale(1,1);
  -ms-transform: scale(1,1);
  -o-transform: scale(1,1);
  transform: scale(1,1);
}
ul.banner-list li:first-child {
  background: url(../images/banner1_mobile.jpg) center;
  background-size: cover;
  /*-webkit-animation:fadeIn 1.5s 0s 1 linear both;
  -o-animation:fadeIn 1.5s 0s 1 linear both;
  animation:fadeIn 1.5s 0s 1 linear both;*/
}
ul.banner-list .li-bg{
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-image: url(../images/banner1_mobile.jpg);
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}
.banner-info {
  display: none;
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 30px;
  color: #ffffff;
  z-index: 2;
  text-align: center;
  letter-spacing:5px;
}
.banner-info span {
  display: block;
  width: 100%;
  text-align: center;
  position: absolute;
  top:50%;
  padding-right:60px;
}
#ver-en .banner-info{letter-spacing:0px;}
/* index content */
h3 {
  font-size:20px;
  color: #663300;
  line-height:1;
}
h3 a{
  color: #663300;}
 h3 a:hover{
  color: #000000;}
.h3-ab{text-shadow:1px 1px 4px #ffffff;
  color: #663300 !important;
}
.h3-ab span {
  border-bottom: 1px solid #663300 !important;
}
h3 span {
  display: inline-block;
  padding:5px;
  line-height: 1;
  border-bottom: 1px solid #663300;
}

.about-stock-wrap{
  overflow: hidden;
}
.index-about,
.index-stock {
  position: relative;
  /* overflow: hidden;*/
}
/* index about */
.index-about-bg {
  position: absolute;
  width: 100%;
  height:200%;
  top:-180px;
  left:0;
  background-image: url(../images/index_about_bg.jpg);
  background-repeat: no-repeat;
  background-position: center 280px;
  background-size: cover;
  background-attachment: fixed;
}
.index-about {
  padding-top: 75px;
  padding-bottom: 75px;
}
.index-about .container {
  position: relative;
  z-index: 2;
}
.index-about-box {
  background-color: #fff;
}
.index-about-img img {
  display: block;
  width: 100%;
}
.index-about-info {
  padding: 28px 20px;
  margin-top: -20%;
  position: relative;
  background-color: #fff;
}
.index-about-info h3 {
  margin-bottom: 10px;
}
/* index stock */
.index-stock-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../images/index_stock_bg.jpg) no-repeat center;
  background-size: cover;
  /* background-attachment: fixed;*/
}
.index-stock {
  color: #fff;
}
.index-stock h3 {
  color: #fff !important;
  text-align: center;
}
.index-stock h3 span {
  border-bottom: 1px solid #fff !important;
}
.index-stock .index-stock-box {
  position: relative;
  z-index: 2;
  padding-top:35px;
  padding-bottom: 35px;
  background-color: rgba(102, 51, 0, 0.85);
}
.index-stock .stock-wrap {
  margin-top: 22px;
}
.source-wrap{
  text-align: center;
}
.source-wrap a{
  color: #fff;
}
.source-wrap a:hover{
  color: #000;
}
/* index images */
ul.index-images-list li {
  width: 33.3%;
  float: left;
  padding-bottom: 45%;
  position: relative;
  overflow: hidden;
}
ul.index-images-list li:nth-child(2), ul.index-images-list li:nth-child(5){width:33.4%}
ul.index-images-list li .li-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transition: all ease-out 0.2s;
  -moz-transition: all ease-out 0.2s;
  -ms-transition: all ease-out 0.2s;
  -o-transition: all ease-out 0.2s;
  transition: all ease-out 0.2s;
}
ul.index-images-list li a .li-bg::after{
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: .5;
}
ul.index-images-list li:first-child .li-bg {
  background-image: url(../images/index_images_list_img1.jpg);
}
ul.index-images-list li:nth-child(2) .li-bg {
  background-image: url(../images/index_images_list_img2.jpg);
}
ul.index-images-list li:nth-child(3) .li-bg {
  background-image: url(../images/index_images_list_img3.jpg);
}
ul.index-images-list li:nth-child(4) .li-bg {
  background-image: url(../images/index_images_list_img4.jpg);
}
ul.index-images-list li:nth-child(5) .li-bg {
  background-image: url(../images/index_images_list_img5.jpg);
}
ul.index-images-list li:nth-child(6) .li-bg {
  background-image: url(../images/index_images_list_img6.jpg);
}
ul.index-images-list li:hover .li-bg {
  -webkit-transform: scale(1.2, 1.2);
  -moz-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}
ul.index-images-list li .inner-li{
  position: absolute;
  z-index: 2;
  color: #693816;
  width: 100%;
  text-align: center;
  top: 50%;
  font-size: 14px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
ul.index-images-list li .inner-li span{
  padding: 5px 10px;
  display: inline-block;
  border-bottom: 1px solid #693816;
}
ul.index-images-list li .inner-li span i{
  font-style: normal;
  display: block;
  line-height: 1;
}
/* index ann news */
.index-ann-news h3 span {
  padding-right: 0 !important;
  padding-left: 0 !important;
  padding-bottom: 5px !important;
}
ul.ann-news-list {
  padding-bottom: 30px;
}
ul.ann-news-list li {
  padding:30px;
}

ul.ann-news-list li .inner-li {
  position: relative;
}
ul.ann-news-list li h3 span {
  display: block !important;
  text-align: center;
}
ul.ann-news-list dl {
  padding-right: 10px;
  padding-left: 10px;
}
ul.ann-news-list dl dd {  color:#423119;
  padding: 10px 0;
  border-bottom: 1px solid #663300;
}
ul.ann-news-list dl dd span {
  display: block;
}
ul.ann-news-list dl dd span a{
   color:#423119;
}
ul.ann-news-list dl dd span a:hover{ color:#b69167}
ul.ann-news-list dl dd:last-child {
  border-bottom: none;
}
ul.ann-news-list span.more {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  line-height: 24px;
  border: 1px solid #663300;
}
ul.ann-news-list span.more a {
  display: block;
  color: #663300;
  -webkit-transition: all ease-out 0.4s;
  -moz-transition: all ease-out 0.4s;
  -ms-transition: all ease-out 0.4s;
  -o-transition: all ease-out 0.4s;
  transition: all ease-out 0.4s;
}
ul.ann-news-list span.more a:hover {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
dl.index-highlight dd h5 {
  color: #7f7567;
  line-height:1.5;
  margin-bottom: 10px;
  font-weight: bold;
}
ul.board-list{
  margin-bottom: 35px;
}
ul.board-list li .inner-li span {
  display: block;
}
ul.board-list li .inner-li span.s-a a {
  color: #663300;
  text-decoration: underline;
}
ul.board-list li .inner-li span.s-a a:hover{
  text-decoration: none;
}

.inner-contact + p a{
  color: #663300;
}
.inner-contact + p a:hover{
  color: #000;
}
/* index land bank */
.index-land-bank {
  position: relative;
  overflow: hidden;
}
.index-land-bg {
  position: absolute;
  width: 100%;
  height: 180%;
  top:0%;
  left:0%;
  background-image: url(../images/index_land_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 990px;
  background-attachment: fixed;
}
.index-land-map {
  position: relative;
  z-index: 2;
  padding-top:30px;
  padding-bottom:30px;
}
.index-land-map h3 {
  padding-left:25px;
}
.index-land-map .content-img {
  position: relative;
}
.location-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
a.loc {
  display: block;
  color: #b09679;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  height:0px;
  border-radius:50%;
  border:2px solid #baa58d;
  background: rgba(215,190,159,0);
}
span.no-y{
		display:none;
		}
a.loc i{
	display:table;
	vertical-align:middle;
	position:absolute;
	width:100%;
	height:100%;
	}
a.loc i b{
	position:absolute;
	font-weight:normal;
	right:15%;
	top:10%;
	font-size:12px;
	color:#cfc4b9;
	}
a.l2 i p{padding-top:15%;}
a.loc i p{padding-top:15%;
	display:table-cell;
	vertical-align:middle;
	width:100%;

	}
a.loc:hover,
a.loc.active{
  color: #91795f;
  border:2px solid #d7be9e;
  background: rgba(215,190,159,1);
}
a.loc.active i p,
a.loc:hover i p{
	color:#fff;
	}
a.loc.active i b,
a.loc:hover i b{
	color:#e9ddcd;
		}
a.l1{font-size: 12px;
    left: 84%;
    bottom: 68.24%;
    width: 13%;
    padding-bottom: 13%;
}
a.l2{font-size:12px;
 left: 69%;
    bottom: 48.24%;
    width: 14%;
    padding-bottom: 14%;
}
a.l3 {font-size:20px;
  left: 16.5%;
    bottom: 42%;
    width: 25%;
    padding-bottom: 25%;
}
a.loc i b{right:15%;top:10%;font-size:14px;}
a.l3 i b{ top:12%;  right:12%; font-size:20px; }
a.l4 i b{ top:12%;  right:12%; font-size:24px; }

a.l4{font-size:20px;
  left: 44.5%;
    bottom: 20.5%;
    width: 34%;
    padding-bottom: 34%;
}
a.loc i p{
	line-height:1.2;
	}
a.l5{font-size:16px;
     left: 72%;
    bottom: 20.31%;
	width:20%;
	padding-bottom:20%;
}
a.l6 {font-size:16px;
  left: 60%;
    bottom: 5%;
    width: 15%;
    padding-bottom: 15%;
}
.index-land-list-wrap {
  position: relative;
  z-index: 3;
  padding-right:30px;
  padding-left:30px;
  background-color: rgba(255, 255, 255, 0.85);
}
.index-land-list-wrap .container {
  position: relative; padding-right:60px;
  padding-left:60px;
}
.index-land-list-box {
  overflow: hidden;
  padding-top:50px;
  padding-bottom:50px;
}
ul.index-land-list li {
  float: left;color: #7f7567;
  text-align: center;
  display: table;
  width: 100%;
}
ul.index-land-list li .inner-li {
  display: table-cell;
  vertical-align: middle;
}
ul.index-land-list li .inner-li h4 {
  font-size: 24px;
  margin-bottom:15px;
  line-height:1;
}
ul.index-land-list li .inner-li p {
    font-size:14px;line-height:1.5;
  }
a.l-prev,
a.l-next{
  display: block;
  position: absolute;
  top: 50%;
  font-size: 25px;
  width:28px;
  height:30px;
  margin-top:-15px;
}
a.l-prev {
  left: 0;
}
a.l-next {
  right: 0;
}
a.l-prev:hover,
a.l-next:hover{ color:#000000}
a.l-prev i,
a.l-next i{
	position:relative;
	width:100%;
	height:100%;
	}
i.fa-left{
	background:url(../images/jt_left.svg) center no-repeat;
	background-size:100% auto;
	}
i.fa-left:hover{
	background:url(../images/jt_left_h.svg) center no-repeat;
	background-size:100% auto;
	}
i.fa-right{
	background:url(../images/jt_right.svg) center no-repeat;
	background-size:100% auto;
	}
i.fa-right:hover{
	background:url(../images/jt_right_h.svg) center no-repeat;
	background-size:100% auto;
	}
/* index contact */

.index-contact h3 {
  color: #fff;
}
.index-contact h3 span {
  border-bottom: 1px solid #fff;
}
.index-contact .map-wrap {
  position: relative;
  height:100%;
}
.index-contact .map-box {
  height: 100%;
}
.index-contact .map-box img {
  display: block;
  height: 100%;
}
#bmap{
  width: 100%;
  height: 100%;
}
#gmap{
  width: 100%;
  height: 100%;
}
.ir_info{/*color:#666666;
	font-size:16px;*/
	position:relative;
	margin:0px auto;
	}
.info_txt p{
	padding-bottom:30px;
	}




.about_info ul li{width:100%; list-style:none; float:left; min-height:auto;}
.about_info ul li:nth-child(3){ width:100%;}
.about_info ul li:nth-child(2n){ float:left;width:100%}
.about_info h4{margin:0 0 3px 0;}


.join_sociology_info ul li{width:100%; list-style:none; float:left; min-height:auto; margin:0 0 10px 0;}

.join_details h2{ text-align:center;}
.join_details h5{ text-align:center; border-bottom:1px solid #CCC;margin-bottom:30px; padding-bottom:30px; font-size:14px; color:#a8a8a8}
.join_details img{ max-width:100%; width:auto}

.join_staff_info{ overflow:hidden;}
.join_staff_info img{width:100%;}
.join_staff_info li{width:100%; list-style:none; float:left; min-height:auto; margin:0 0 2% 0;padding:10px;border: 1px solid rgba(232, 229, 229, 1);
    box-shadow: 5px 5px 5px #e8e5e5;
    -webkit-box-shadow: 5px 5px 5px #e8e5e5;
    -moz-box-shadow: 5px 5px 5px #e8e5e5;}
.join_staff_info p{margin-bottom:10px;}
.join_staff_info p:last-child b{ float: right; font-weight:normal; text-decoration:underline;}

.contact-info {
  position: absolute;
  width: 100%;
  color: #fff;
  text-align: center;
  left: 0;
  bottom: 0;
  background-color: #663300;
}
.contact-info .container { position: relative;}
.contact-info ul{ padding-bottom:10px; padding-top:30px;}
.contact-info ul:last-child{ padding-bottom:0px;}
.contact-info ul li{ text-align:left;color:#ffffff; list-style:none; padding:7px 0;}

.contact-info span:first-child {
    min-width:90px;
}
/*#ver-en .contact-info span:first-child{ min-width:110px;}*/
.contact-info h3 span {
    display:inherit;
}
.contact-info span {
    display: table-cell;
}

.contact-info ul li.tel,
.contact-info ul li.email,
.contact-info ul li.name,
.contact-info ul li.fax,
.contact-info ul li.add{
  position: relative;
  padding-left: 40px;line-height:1.4;
}
.contact-info ul li.tel::before,
.contact-info ul li.email::before,
.contact-info ul li.name::before,
.contact-info ul li.fax::before,
.contact-info ul li.add::before{
  content: "";
  display: block;
  position: absolute;
  width: 32px;
  height: 100%;
  top: 0;
  left: 0;
  background-position: left center;
  background-repeat: no-repeat;
}
.contact-info ul li.tel::before{
  background-image: url(../images/contact_tel_white.svg);
  background-size: 29px auto;
}
.contact-info ul li.email::before{
  background-image: url(../images/contact_email_white.svg);
  background-size: 30px auto;
}
.contact-info ul li.name::before{
  background-image: url(../images/contact_peo_white.svg);
  background-size: 26px auto;
}
.contact-info ul li.fax::before{
  background-image: url(../images/contact_fax_white.svg);
  background-size: 29px auto;

}
.contact-info ul li.add::before{
  background-image: url(../images/contact_add_white.svg);
  background-repeat:no-repeat;
  background-position:0 5px;
  background-size: 26px auto;
}
/* 内页样式 article */

article {
  padding-top:0px;
  padding-bottom:25px;
}
article h1 {
  color: #663300;
  font-size:20px;
  margin-bottom: 25px;
  line-height:1.5;
}
article h2 {
  font-size:18px;
  color: #663300;
  margin-bottom: 8px;
  line-height:1.5;
}

article h2 a {
  text-decoration: underline;
}
article h2 a:hover {
  text-decoration: none;
}

article h4 { color:#000000; font-weight:bold;margin: 8px 0;}
article h4 span {
    font-size: 14px;
    font-weight: normal;
}
article h5 { margin: 8px 0;}
article p {
  margin-bottom:25px;
}
.title{ text-align:right; padding:10px 0;}
.title i{ padding:0 10px;}
.title span{ font-weight:bold;}
ul.square-list {
  padding-left: 25px;
  color: #9f743b;
  margin-bottom: 22px;
}
ul.square-list li {
	padding-bottom:10px;
  list-style-type: square;
}
ul.square-list li span {
  color: #636363;
}
ul.num-list {
  padding-left: 25px;
  margin-bottom: 22px;
}
ul.num-list li {
  list-style-type: decimal;
}
.art-content {
  min-height: 400px;
}
/* inner banner */
.inner-banner {
  height:200px;
  margin-top:58px;
}
.inner-banner-content {
  width: 100%;
  height:200px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.inner-banner-content .container {
  position: relative;
  height: 100%;
}
.inner-banner-info {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  text-align: center;
  /*background-color: rgba(255, 255, 255, 0.8);*/
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.inner-banner-info span {
  display: inline-block;
  position: relative;
  /*position: absolute;
  width: 100%;
  left: 0;
  top: 50%;*/
  line-height: 1;
  color: #fff;
  font-size:22px;
  /*-webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);*/
}
.inner-banner-info span i {
  font-style: normal;
  display: inline-block;
  line-height: 1;
  padding-bottom: 5px;
  position: relative;
  z-index: 2;
  border-bottom: 1px solid #fff;
}
.inner-banner-info span::after{
  content: "";
  display: block;
  width: 60%;
  height: 0;
  position: absolute;
  top: 50%;
  left: 20%;
  box-shadow: 0 0 80px 30px rgba(000,000,000,.3);
}
.about-banner {
  background-image: url(../images/about_banner.jpg);
}
.ir-banner {
  background-image: url(../images/ir_banner.jpg);
}
.news-banner {
  background-image: url(../images/news_banner.jpg);
}
.gov-banner {
  background-image: url(../images/gov_banner.jpg);
}
.logan-banner {
  background-image: url(../images/logan_banner.jpg);
}
.join-banner {
  background-image: url(../images/join_banner.jpg);
}
.contact-banner {
  background-image: url(../images/contact_banner.jpg);
}
.table-wrap {
  position: relative;
  margin-top: 25px;
}
.table-wrap .swipe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
  font-size: 86px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5);
}
.table-wrap .swipe i {
	 color:#ffffff;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.table-wrap .swipe i::before {
  content: "\e60b";
}
.table-box {
  min-width:800px;
  position: relative;
  background-color: #f6f6f6;
}
.table {
  min-width: 700px;
  max-width: 1630px;
  margin: 0 auto;
}
.table tr td {
  text-align: center;
  padding:15px;
}
.table tr td:first-child {
  text-align: left;
  padding-left: 15px;
}
.table tr td:last-child {
  padding-right: 15px;
}
.table thead tr td {
  color: #fff;
  position: relative;
  background-color: #c0ae97;
}
.table tbody tr td {
  margin-top: 10px;
  background-color: #f6f6f6;
}
.table tbody td:nth-child(2) {
  color: #b5a48e;
  border-left: 1px solid #c0ae97;
  border-right: 1px solid #c0ae97;
}


.about-img{
  width: 100%;
  margin-bottom: 25px;
}
.about-img img{
  display: block;
  width: 100%;
}

.ir_calendar_table tr td {
  text-align:left;
  padding:15px;
}
.ir_calendar_table tr td:first-child {width:20%; min-width:140px;}

.ir_calendar_table thead tr td {
  color: #fff;
  position: relative;
  background-color: #663300;
}
.ir_calendar_table tbody tr td {
  margin-top: 10px;
  background-color: #f6f6f6;
}


.b-net{
	position:relative;
	width:100%;
	height:auto;
	text-align:center;
	}
p.mobile{
	display:block;
	position: absolute;
    width: 100%;
    height: 100%;
    padding: 0px;
	background: rgba(0,0,0,0.5);
	text-align:right;
	}
p.mobile a{
	display:block;
	width:100%;
	height:100%;
	}
p.mobile a img{
	padding-right:20px;
	padding-top:20px;
	}

.awards_table tr td{ padding:15px; }
.awards_table tbody tr td{background-color: #f6f6f6;}
.awards_table thead tr td{ background-color:#663300; color:#ffffff;}

ul.milestone-list{
  list-style: none;
  position: relative;
  padding-left:25px;
  margin-top:0px;
}
ul.milestone-list::before{
/*  content: "";
  display: block;
  border-right: 20px solid transparent;
  border-bottom: 25px solid #663300;
  border-left: 20px solid transparent;
  position: absolute;
  left: 0;
  top: -25px;*/
}
ul.milestone-list li{
  border-left: 4px solid #663300;
  position: relative;
}
ul.milestone-list li::before{
/*  content: "";
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #663300;
  position: absolute;
  top: 50px;
  left: -9px;*/
}
/*ul.milestone-list li:nth-last-child(2){
  padding-bottom: 20px;
}*/
ul.milestone-list li:last-child{
  padding-top: 0;
  border-left: 4px solid transparent;
}
ul.milestone-list li:last-child::before{
  top: 0;
  /*bottom: 0;*/
}
.year-bg{
  position: absolute;
  z-index:1;
  top: 0px;
  width: 100%;
  height: 100%;
  font-size: 100px;
  color: #f8f5f2;
  left: 0px;
  text-align: left;
  font-family: "ACaslonPro-Regular";
  line-height: 0.8;
}

.m-list{
  position: relative;
  z-index: 2;
  padding:20px;
}
ul.milestone-list li .inner-li{
  margin-left:20px;
  padding-bottom: 100px;
}
.inner-li .m-wrap{
  padding:0 15px;
  margin-left: 10px;
}
.inner-li .m-list.active{
  background: #663300;
  background-origin: content-box;
    -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;
  transition: all 0.4s;
}
.inner-li .m-list.active p::before {
    background: #fff;
      -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;
  transition: all 0.4s;
}
.inner-li .m-list.active p{
  color: #fff;
    -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;
  transition: all 0.4s;
}
ul.milestone-list li .m-list p{
  margin-bottom:0;
  padding-left:20px;
  position: relative;
  line-height:1.5;
}
ul.milestone-list li .m-list p::before{
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  background: #663300;
  top:6px;
  left: 0;
}

ul.milestone-list li .year{
  font-size: 24px;
  color: #fff;
  border-radius: 50%;
  position: absolute;
  z-index: 5;
  background: #663300;
  left: -40px;
  top: 0px;
  width:70px!important;
  height:70px!important;
  line-height:70px;
  text-align: center;
  padding: 0px!important;
  font-family: "ACaslonPro-Regular";
  cursor: pointer;
}
ul.milestone-list li .year.active{
  width: 90px!important;
  height: 90px!important;
  line-height: 90px!important;
  font-size: 30px;
  left: -50px;
}
ul.milestone-list li .placeholder{
  padding:10px 0 20px 0;
}
ul.milestone-list li .content-img img{
	text-align:right;
  width: 100%;
  max-width: 400px;

}



ul.ann-list li i {
  font-style: normal;
}
ul.ann-list li .inner-li {
  padding-top:15px;
  padding-bottom:15px;
}
ul.ann-list li .inner-li span:first-child {
display: block;float: left;width:100%
}
ul.ann-list li .inner-li span:last-child {
overflow: hidden;display: block;width:100%;
}
ul.ann-list li:nth-child(odd) {
  position: relative;
  background-color: #efefef;
}
ul.ann-list li:nth-child(odd)::after,
ul.ann-list li:nth-child(odd)::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  z-index: 2;
  background-color: #efefef;
}
ul.ann-list li:nth-child(odd)::before {
  right: 100%;
  margin-right: -1px;
}
ul.ann-list li:nth-child(odd)::after {
  left: 100%;
  margin-left: -1px;
}
ul.ann-list li:hover {
  color: #663300;
}
ul.ann-list li:hover a {
  color: #663300;
}
/* / 年份下拉样式 */
.year-wrap {
  margin-bottom: 10px;
}
.year-wrap .current-year {
  display: inline-block;
  font-size: 20px;
  padding-top: 8px;
  line-height: 1;
}
.year-box {
  float: right;
  position: relative;
  color: #636363;
  border-bottom: 1px solid #e6dfd5;
}
.year-box select {
  display: block;
  font-size: 20px;
  color: #636363;
  padding: 8px 36px 8px 24px;
  text-align: center;
  border: none;
  background: transparent;
  cursor:pointer
}
.year-box select option {
  color: #606060;
}
.year-box select:hover{ color: #c0ae97; }
.year-box::after {
  content: "";
  display: block;
  display: none\9\0;
  position: absolute;
  top: 50%;
  margin-top: -5px;
  right: 15px;
  border-top: 10px solid #636363;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}
/* ir report */
ul.comm-pic-list li {
  margin-bottom:4%;
}
ul.comm-pic-list li .inner-li {
  display: table;
  width: 100%;
  height: 100%;
}
ul.comm-pic-list li .d-cell {
  display: table-cell;
  vertical-align: middle;
}
ul.comm-pic-list li .d-cell:nth-child(1) {
  width:50%;
}
ul.comm-pic-list li .d-cell:nth-child(2) {
  width:50%;
}
ul.comm-pic-list li .d-cell:nth-child(2) a {
  display: block;
  border:5px solid transparent;
  margin:-5px;
}
ul.comm-pic-list li .d-cell:nth-child(2) a img {
  display: block;
  width: 100%;
}
ul.comm-pic-list li .d-cell:nth-child(2) a:hover {
  border:5px solid #663300;
}
ul.comm-pic-list li .c-info {
  padding:40px;
  text-align: center;
  background-color: #e6e6e6;
}
ul.comm-pic-list li .c-info h5,
ul.comm-pic-list li .c-info span {

  color: #663300;
  display: block;
  line-height: 1;
  margin-bottom:10px;
}
ul.comm-pic-list li .c-info h5 {
  font-size: 14px;
  margin-bottom: 8px;
}
ul.comm-pic-list li .c-info span {
  font-size:18px;
}
ul.comm-pic-list li .c-info span:nth-child(2) {
  font-size: 32px;
}
ul.comm-pic-list li .c-info p {
  margin-bottom: 0;
  position:relative;
}
.c-info p a{
	padding-left:28px;
	}

ul.comm-pic-list li .c-info p:before{
	content:'';
	display:inline-block;
	background: url(../images/down.png) center center no-repeat;
    background-size: 100% auto;
	width:18px;
	height:55%;
	position:absolute;
	cursor:pointer;
	}
ul.comm-pic-list li .c-info p:hover:before{
	background: url(../images/down_h.png) center center no-repeat;
    background-size: 100% auto;
	}
ul.comm-pic-list li .c-info p:hover a{
	color:#bfa383;
	}
ul.comm-pic-list li:last-child {
  margin-bottom: 0;
}
.page-wrap {
	line-height:1;
  text-align: center;
  margin-top: 30px;
}
.page-wrap a {
  display: inline-block;
	color:#959595;
  padding:0 4px;
  margin-right: 2px;
  margin-left: 2px;
}
.page-wrap a:hover{
  color:#aa721b;
}
.page-wrap a.current {
  text-decoration: underline;
  color:#aa721b;
}
.page-wrap a i,
.page-wrap a:hover i,
.page-wrap a.current i{    font-size: 40px;
    line-height:0.3;
   display: table-cell;
    vertical-align: middle;
}

/* ir demo */
.t-tmpl tr td {
  width: 9%;
}
.t-tmpl tr td:first-child {
  width: 19%;
}
/* ir highlight */
.highlight-table tr td {
  width: 12%;
}
.highlight-table tr td:first-child {
  width: 20%;
}
footer {
  width: 100%;
  padding-bottom: 35px;
  background-color: #fff;
}
footer p.copy-wrap {
  font-size: 12px;
  padding-top: 35px;
  /*padding-bottom:18%;*/
  text-align: center;
  color: #735e46;
  /*background: url(../images/footer.svg) no-repeat center bottom;
  background-size: 100% auto;*/
}
footer p.copy-wrap span,
footer p.copy-wrap i {
  display: inline-block;
  padding-top: 4px;
  padding-bottom: 4px;
}
footer p.copy-wrap span {
  text-align: center;
}
footer p.copy-wrap span:first-child {
  display: block;
}
footer p.copy-wrap span:nth-child(3) {
  display: block;
}
footer p.copy-wrap i {
  font-style: normal;
}
footer p.copy-wrap i:nth-child(2),
footer p.copy-wrap i:nth-child(4) {
  display: none;
}
footer p.copy-wrap a {
  color: #735e46;
}
#w1024 {
  display: block;
  visibility: hidden;
  font-size: 0;
}
#s-top {
  display: none;
  position: fixed;
  right: 22px;
  bottom: 35px;
  text-align: center;
  color: #735e46;
  z-index: 6;
}
#s-top:hover {
  opacity: .6;
}
#s-top span {
  display: block;
}


.inner-contact{
  margin-bottom: 40px;
}
.inner-contact:last-child{
  margin-bottom: 0;
}
.contact-list {width:100%;
  margin-bottom:40px;
}

.contact-list li{
  margin-top:5px;
}
.contact-list span{
  display: table-cell;
}
.contact-list span:first-child{
  min-width:60px;
}
#ver-en .contact-list span:first-child{ min-width:70px;}
#fp{
  overflow: hidden;
}

.project-wrap{
  max-width: 1250px;
  margin-right: auto;
  margin-left: auto;
}
.project-item{
  margin-bottom: 25px;
}
.project-item::after{
  content: "";
  display: table;
  clear: both;
}
.project-item:last-child{
  margin-bottom: 0;
}
.project-item h1{
  text-align: center;
  font-size: 18px !important;
  margin-bottom: 20px !important;
  padding-bottom: 5px;
  border-bottom: 1px solid #663300;
}
ul.project-img-list li a{
  display: block;
  width: 100%;
  padding-bottom: 100%;
  position: relative;
  overflow: hidden;
}
ul.project-img-list li a::after{
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255,255,255,.7);
  -webkit-transition: opacity ease-out .2s;
  -moz-transition: opacity ease-out .2s;
  -ms-transition: opacity ease-out .2s;
  -o-transition: opacity ease-out .2s;
  transition: opacity ease-out .2s;
}
ul.project-img-list li a:hover::after{
  opacity: 0;
}
ul.project-img-list li a img{
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
#img-wrap{
  display: none;
  width: 90%;
  max-width: 820px;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
#img-wrap .img-box{
  border: 6px solid #fff;
}
#img-wrap .img-box img{
  display: block;
  width: 100%;
}

/* .h-hide{
  height: 100% !important;
  overflow: hidden !important;
} */
#loading{
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: #fff;
}
#loading span{
  position: absolute;
  display: block;
  width: 28px;
  height: 28px;
  top: 50%;
  left: 50%;
  margin-top: -14px;
  margin-left: -14px;
  border: 2px solid #663300;
  border-bottom-color: transparent;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation: loader-rotate 1.5s linear infinite;
  -moz-animation: loader-rotate 1.5s linear infinite;
  -ms-animation: loader-rotate 1.5s linear infinite;
  -o-animation: loader-rotate 1.5s linear infinite;
  animation: loader-rotate 1.5s linear infinite;
}

@-webkit-keyframes loader-rotate{
  0%{
    -webkit-transform:rotate(0);
    transform:rotate(0);
  }
  100%{
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
  }
}
@-moz-keyframes loader-rotate{
  0%{
    -moz-transform:rotate(0);
    transform:rotate(0);
  }
  100%{
    -moz-transform:rotate(360deg);
    transform:rotate(360deg);
  }
}
@-ms-keyframes loader-rotate{
  0%{
    -ms-transform:rotate(0);
    transform:rotate(0);
  }
  100%{
    -ms-transform:rotate(0);
    transform:rotate(360deg);
  }
}
@-o-keyframes loader-rotate{
  0%{
    -o-transform:rotate(0);
    transform:rotate(0);
  }
  100%{
    -o-transform:rotate(0);
    transform:rotate(360deg);
  }
}
@keyframes loader-rotate{
  0%{
    -webkit-transform:rotate(0);
    transform:rotate(0);
  }
  100%{
    -webkit-transform:rotate(0);
    transform:rotate(360deg);
  }
}

/*banner 动画*/

@-webkit-keyframes fadeIn{
	0%{
		opacity:0;
	   }

	20%{
		opacity:0.3;
		}
	50%{
		opacity:0.6;
		}
	70%{
		opacity:0.8;
		}
	100%{
		opacity:1;
		}
}
@keyframes fadeIn{
	0%{
		opacity:0;
	   }

	20%{
		opacity:0.3;
		}
	50%{
		opacity:0.6;
		}
	70%{
		opacity:0.8;
		}
	100%{
		opacity:1;
		}
}


@-webkit-keyframes fadeInUp{
	0%{
		opacity:0;
		-webkit-transform:translateX(-150px);
		transform:translateX(-150px);
		}
	100%{
		opacity:1;
		-webkit-transform:translateX(0);
		transform:translateX(0);
		}
		}
@keyframes fadeInUp{
	0%{
        opacity:0;
		-webkit-transform:translateY(-150px);
		transform:translateY(-150px);
		}
	100%{
		opacity:1;
		-webkit-transform:translateY(0);
		transform:translateY(0);
		}

}



/*****ir-total******/
.ir-total{
  position: relative;
  width: 100%;
  height: auto;
}
.ir-total h6{
  font-size: 30px;
  color: #663300;
}
.ir-total ul.ann-news-list{
  position: relative;
  -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
}

.ir-repo-box{
  position: relative;
}

span.re-more{
   display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top:0px;
    right: 0;
    text-align: center;
    line-height: 24px;
    border: 1px solid #663300;
}
span.re-more1{
    display:inline-block;
    width: 24px;
    height: 24px;
    position: relative;
    text-align: center;
    line-height: 24px;
    border: 1px solid #9f743b;
    margin-left: 5px;
}

span.re-more a{
  display: block;
  color: #663300;
  -webkit-transition: all ease-out 0.4s;
  -moz-transition: all ease-out 0.4s;
  -ms-transition: all ease-out 0.4s;
  -o-transition: all ease-out 0.4s;
  transition: all ease-out 0.4s;
}
span.re-more a:hover {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
span.re-more1 a{
  display: block;
  color: #b28850;
  -webkit-transition: all ease-out 0.4s;
  -moz-transition: all ease-out 0.4s;
  -ms-transition: all ease-out 0.4s;
  -o-transition: all ease-out 0.4s;
  transition: all ease-out 0.4s;
}
span.re-more1 a:hover {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
ul.comm-pic-list li.ir-t-li{
  position: relative;
  margin-bottom: 70px;
}
li.ir-t-li dl.ir-t-dl{
  position: relative;
  display: table;
  width: 100%;
  height: 100%;
}
dl.ir-t-dl dd{
  position:relative;
  display:table;
  margin-bottom: 20px;
  width: 100%;
  table-layout: fixed;
}

span.sp-pad{
  padding:0px 30px;
}
.join_info ul{ margin:20px 0;}
.join_info ul li{ list-style:none; padding-bottom:5px;}

.pick-main{
  position: relative;
  width: 100%;
  height:auto;
}
.pick-main ul li{
  position: relative;
  list-style-type:none;
  width: 100%;
}
ul.pick-icon-box li a{
  position:relative;
  display: block;
  width: 100%;
  height:auto;
  font-size: 0px;
}
ul.pick-icon-box li a img{
  width: 100%;
  height:auto;
  position: relative;
  z-index: 2;opacity:0.5
}
ul.pick-icon-box li a img:hover{ opacity:1}
ul.pick-icon-box li p{
  width: 100%;
  text-align: center;
  font-size: 18px;
  color: #636363;
}
span.icon-c{
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(225,225,225,0.6);
  z-index: 3;
  top: 0px;
  left: 0px;
  display: none;
}



.dis-map{
  position: relative;
  width: 100%;
  height:auto;
  overflow: hidden;
  overflow-x: auto;
  z-index: 1;
}
.dis-map .map{
  z-index: 1;
}
.map{
  position: relative;
  height:auto;
  min-width:1024px;
  margin: 0px auto;
}
.map img{
  position: relative;
  z-index: 6;
  width: 100%;
  height:auto;
  margin: 0px auto;
}

a.dis-map-addr{
  position: absolute;
  z-index: 8;
  display: block;
  width: 3%;
  height: 9%;
  /*background: url(../images/log_icon1.png) center no-repeat;
  background-size: 100% auto;*/
  opacity:1;
 /*animation: flash 5s linear 2s infinite alternate;
-moz-animation: flash 5s linear 2s infinite alternate;
-webkit-animation: flash 5s linear 2s infinite alternate;
-o-animation: flash 5s linear 2s infinite alternate; */
}
a.dis-map-addr img{
    width:100%;
    height:auto;
	 position:relative;
}

a.dis-addr1{
  top: 3%;
  left: 32%;

-webkit-animation:hint 1.3s 0.8s infinite linear;
    animation:hint 1.3s 0.3s infinite linear;
}
a.dis-addr2{
  top: 7.2%;
  left: 88.7%;

-webkit-animation:hint 1.5s 0.3s infinite linear;
    animation:hint 1.5s 0.3s infinite linear;
}
a.dis-addr3{
  top: 15.2%;
  left:76.9%;

-webkit-animation:hint 1.5s 0.6s infinite linear;
    animation:hint 1.5s 0.6s infinite linear;
}
a.dis-addr4{
  top:29%;
  left:49%;

-webkit-animation:hint 1s 1.3s infinite linear;
    animation:hint 1s 1.3s infinite linear;
}
a.dis-addr5{
  top: 41%;
  left:49%;

-webkit-animation:hint 1.5s 0.7s infinite linear;
    animation:hint 1.5s 0.7s infinite linear;
}
a.dis-addr6{
  top: 55%;
  left: 17.5%;

-webkit-animation:hint 1.8s 0.3s infinite linear;
    animation:hint 1.8s 0.3s infinite linear;
}
a.dis-addr7{
  top: 74.5%;
  left: 22%;

-webkit-animation:hint 2.1s 0.6s infinite linear;
    animation:hint 2.1s 0.6s infinite linear;
}

.dis-info-box{
  position: absolute;
  z-index: 10;
  background: #91795f;
  width: 30%;
  padding-bottom: 30%;
  height: 0px;
  border-radius: 50%;
  display: none;
  opacity: 0;
  -webkit-transform: scale(0,0);
  -moz-transform: scale(0,0);
  -ms-transform: scale(0,0);
  -o-transform: scale(0,0);
  transform: scale(0,0);
  -webkit-transition: all ease-out .5s;
  -moz-transition: all ease-out .5s;
  -ms-transition: all ease-out .5s;
  -o-transition: all ease-out .5s;
  transition: all ease-out .5s;
}
.dis-info-box.active{
  opacity: 1;
  -webkit-transform: scale(1,1);
  -moz-transform: scale(1,1);
  -ms-transform: scale(1,1);
  -o-transform: scale(1,1);
  transform: scale(1,1);
}
.dis-info1{
  top: 1%;
  left: 35%;
}
.dis-info2{
  top: 13.3%;
  left: 67.1%;
}
.dis-info3{
  top: 27.8%;
  left:63.2%;
  /*display: block;*/
}
.dis-info4{
  top: 22%;
  left: 19.2%;
}
.dis-info5{
  top: 26.9%;
  left: 52.8%;
}
.dis-info6{
  top: 27.5%;
  left: 20%;
}
.dis-info7{
  top: 47%;
  left: 25.6%;
}
.dis-infi-t{
  position:absolute;
  display:table;
  width: 100%;
  height:100%;
  top: 0px;
  left: 0px;
}
.dis-infi-m{
  position: relative;
  display:table-cell;
  vertical-align: middle;
}
.dis-icon{
  position: relative;
  width: 100%;
  margin: 0px auto;
  text-align: center;
  font-size: 0px;
}
.dis-icon span.dis-ico-img{
  position: relative;
  display: inline-block;
  height: auto;
  max-width: 50%;
}
.dis-icon span.dis-ico-img img{
  width: 100%;
  position: relative;
  height:auto;
}

span.dis-more{
  position:absolute;
  bottom: 0px;
  font-size: 12px;
    display:inline-block;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    border: 1px solid #fff;
    margin-left: 5px;
}

span.dis-more a{
  display: block;
  color: #fff;
  -webkit-transition: all ease-out 0.4s;
  -moz-transition: all ease-out 0.4s;
  -ms-transition: all ease-out 0.4s;
  -o-transition: all ease-out 0.4s;
  transition: all ease-out 0.4s;
}
span.dis-more a:hover {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.logan-dis-i{
  position: relative;
  width: 100%;
  height:auto;
  padding-top: 5px;
}
.logan-dis-i p{
  margin-bottom: 0px;
  position: relative;
  color: #fff;
  line-height: 16px;
  text-align: center;
}
p.logan-name{
  font-size: 26px;
  padding: 5px 0px;
}
p.logan-adr-m span{
  position: relative;
  display: inline-block;
  width: 10px;
  height:15px;
  background: url(../images/log_icon.png) center no-repeat;
  background-size: 100% 100%;
  margin-right: 5px;
}

p.logan-adr-in{
  padding:0px 15%;
}




/******index-map **** */
.pc-land-map,
.index-land-bg{
  display: none;
  }
.in-map-main{
  position: relative;
  width: 100%;
  height: 100%;
}
p.in-map-info{
  position: absolute;
  font-size: 12px;
  cursor: pointer;
}
p.in-map-info b.in-map-txt{
  color: #fff;
  font-weight: normal;
}
p.in-map-info b.in-map-ct{
  color: #663300;
}
p.in-map-info span.in-map-addr{
  width: 30%;
  height: auto;
  display: block;
  margin:0px auto;
  cursor: pointer;
}
span.in-map-addr img{
  position: relative;
  width: 100%;
  height:auto;
  max-width: 30px;
}
p.in-map1{
  left: 3%;
  top: 14%;
    min-width: 200px;
  text-align:center;
}
p.in-map2{
  left: 12%;
  top: 40%;
    min-width: 200px;
  text-align: center;
}
p.in-map3{
  left: 57%;
  top: 36%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  height:0px;
  width: 30%;
  padding-bottom: 30%;
}
p.in-map3 .in-map3-bg{
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius:50%;
  top:0px;
  left:0px;
  background: rgba(102, 51, 0,0.7);
  -webkit-animation-name:'ripple';/*动画属性名，也就是我们前面keyframes定义的动画名*/
-webkit-animation-duration: 1s;/*动画持续时间*/
-webkit-animation-timing-function: ease; /*动画频率，和transition-timing-function是一样的*/
-webkit-animation-delay: 0s;/*动画延迟时间*/
-webkit-animation-iteration-count: infinite;/*定义循环资料，infinite为无限次*/
-webkit-animation-direction: alternate;/*定义动画方式*/
}
p.in-map4{
  left: 72%;
  top: 25%;
  min-width: 200px;
  text-align: right;
}
p.in-map5{
  left: 30%;
  top: 65%;
  min-width: 200px;
  text-align: center;
}
p.in-map3 b.in-map-txt{
  color: #fff;
  position: absolute;
  width: 100%;
  top: 100%;
  text-align: center;
  left: 0px;
  line-height:1.5;
  font-size:130%;
}
/*#ver-en p.in-map3 b.in-map-txt{bottom:0%;}*/
p.in-map3 span.in-map-addr{
    width: 40%;
    padding-bottom: 40%;
    height: 0px;
    position: absolute;
    left: 50%;
    margin-left: -20%;
    top: 50%;
    margin-top: -20%;
}
p.in-map3 span.in-map-addr i{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0%;
  top: 50%;
  margin-top: -25%;
  font-family:"ACaslonPro-Regular";
  font-style: normal;
}
p.in-map-info span.in-map-bg{
  background: url(../images/index_map_icon1.png) center no-repeat;
  background-size: cover;
  color: #91795f;
}
p.in-map4 span.in-map-addr{
    width: 24%;
    padding-left: 5px;
}
p.in-map4 b.in-map-txt,
p.in-map4 span.in-map-addr{
  float: left;
}

ul.phone-map-tab{
	font-size:16px;
	margin:20px 0 50px 0;
  position: relative;
  width: 100%;
}
ul.phone-map-tab li{
  list-style-type: none;
  position: relative;
  width: 100%;
  border-bottom: 1px solid #e1d4c5;
}
ul.phone-map-tab li p{margin-bottom:0;
  display: table;
  width: 100%;
}
ul.phone-map-tab li:last-child{
  border-bottom:none;
}
ul.phone-map-tab li p b{
  color: #91795f;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
}
ul.phone-map-tab li p i{
  color: #91795f;
  text-align: right;
  font-size:250%;
  font-style: normal;
  display: table-cell;
  vertical-align: middle;
  font-family:"ACaslonPro-Regular";
}
ul.phone-map-tab li:nth-child(1) p:nth-child(1) b{ font-size:130%;    line-height: 1;}
ul.phone-map-tab li:nth-child(1) p:nth-child(1) i{ font-size:380%;    line-height: 1;}

ul.phone-map-tab li:nth-child(1) p:nth-child(2) b{ color: #bfa383;}
ul.phone-map-tab li:nth-child(1) p:nth-child(2) i{ color: #bfa383;}
ul.phone-map-tab li:nth-child(1) p:nth-child(3) b{ color: #bfa383;}
ul.phone-map-tab li:nth-child(1) p:nth-child(3) i{ color: #bfa383;}

.in-bub-box{
  position: absolute;
  width: 100%;
  height: 100%;
  height: 0;
  font-size: 12px;
  color: #fff;
  display:none;
  cursor: pointer;
}
.in-bub-bg{
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../images/in_bub_bg.png) center no-repeat;
  background-size: 100% 100%;
-webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.in-bub-bg1{
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../images/in_bub_bg.png) center no-repeat;
  background-size: 100% 100%;
}
.in-bub-bg2{
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../images/in_bub_bg_o.png) center no-repeat;
  background-size: 100% 100%;
}
#ver-en .in-bub-bg2{
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../images/in_bub_bg_o_en.png) center no-repeat;
  background-size: 100% 100%;
}
.in-bub-num{
  position: absolute;
  display: table;
  width: 100%;
  height: 100%;
}
.in-bub-num p{
  display: table-cell;
  vertical-align: middle;
  font-size:16px;
}
.in-bub-num p i{
 font-size: 40px;
 display: block;
 line-height: 46px;
 font-style: normal;
 font-family:"ACaslonPro-Regular";
 opacity:0.6;
}
.in-bub-num span{
  display: table;
    width: auto;
    position: relative;
    margin: 0px auto;
    padding: 0px 15px;
    line-height: 14px;
    margin-bottom:2%;
}
.in-bub-cell{
  position: relative;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  font-size: 16px;
}
.in-bub-cell_o{
	color:#634f39;
  /*position: relative;*/
  position: absolute;
  width: 100%;
  height:100%;
  font-size: 16px;
  padding-top:5%;
  padding-bottom: 12px;
}
.in-sm-icon{ position:absolute !important;bottom: 2%;left: 40%;}
.in-bub-num span i{
  font-size: 40px;
  line-height: 46px;
  font-style: normal;
  font-family:"ACaslonPro-Regular";
  margin-right:10%;
}
.in-bub-num span b{
  display:table-cell;
  text-align: left;
  line-height: 20px;
  vertical-align: middle;

}
.in-bub1{
  width: 27%;
  padding-bottom: 26%;
  left: 11%;
  top: 13%;
}

.in-bub2{
 width: 27%;
  padding-bottom: 26%;
 left: 20%;
 top: 25%;
}

.in-bub3{
 width: 50%;
 padding-bottom: 49%;
  left:4%;
  top:15%;
}

.in-bub4{
  width: 27%;
  padding-bottom: 26%;
  left:56%;
  top: 3%;
}
.in-bub5{
  width: 27%;
  padding-bottom: 26%;
  top: 47%;
  left: 32%;
}


@keyframes ripple{
    0% {
        transform: scale(1);
        opacity:0.5;
    }
   100% {
        transform: scale(1.5);
        opacity: 1;
    }
}


/*hintbg*/
@keyframes ripplebg {
  0% {
     height:5px;
     width:5px;
     opacity:0;
     }
  80% {
     height:100%;
     width:100%;
     opacity:1;
     }
  85% {
     height:100%;
     width:100%;
     opacity:0;
     }
  100% {
     height:5px;
     width:5px;
     opacity:0;
     }
  }
@-moz-keyframes ripplebg{
  0% {
     height:5px;
     width:5px;
     opacity:0;
     }
  80% {
     height:100%;
     width:100%;
     opacity:1;
     }
 85% {
     height:100%;
     width:100%;
     opacity:0;
     }
  100% {
     height:5px;
     width:5px;
     opacity:0;
     }
}

/*flash*/
@-webkit-keyframes flash{
  0%,100%,50%{opacity:1}
  25%,75%{opacity:0}
  }
@keyframes flash{
  0%,100%,50%{opacity:1}
  25%,75%{opacity:0}
  }






  /*hint*/
@keyframes hint{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0);
        }
    50%{
        opacity:1;
        -webkit-transform:translateY(10px);
        -ms-transform:translateY(10px);
        transform:translateY(10px);
        }
     100%{
        opacity:1;
         -webkit-transform:translateY(0px);
        -ms-transform:translateY(0px);
        transform:translateY(0px);
        }
}
@-moz-keyframes hint{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0);
        }
    50%{
        opacity:1;
        -webkit-transform:translateY(10px);
        -ms-transform:translateY(10px);
        transform:translateY(10px);
        }
     100%{
        opacity:1;
         -webkit-transform:translateY(0px);
        -ms-transform:translateY(0px);
        transform:translateY(0px);
        }
}




/* 手指遮罩 */
.swipe-indicator {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.7);
}
.swipe-indicator i {
  font-family: "icomoon";
  font-size: 135px;
  display: inline-block;
  width: 140px;
  font-style: normal;
  left: 50%;
  color: #ffffff;
  margin-left: -70px;
  position: absolute;
  top:0;
}
.swipe-indicator i::before {
  content: "\e60b";
}
.swipe-indicator b {
  font-family: "icomoon";
  font-size:28px;
  display: inline-block;
  font-style: normal;
  right:0;
  color: #e33333;
  margin-right:10px;
  position: absolute;
  top:0;
}
.swipe-indicator b::before {
  content: "\e614";
}

.search-result-wrap{
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding-top: 120px;
  padding-bottom:30px;
  z-index: 3;
  background-color: rgba(255,255,255,.95);
}
.search-result-wrap .container{
  height: 100%;
  position: relative;
}
.search-result-wrap .s-close{
  display: block;
  width: 28px;
  height: 28px;
  position: absolute;
  top: 0;
  right: 60px;
}
.search-result-wrap .s-close span{
  display: block;
  width: 36px;
  height: 4px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -2px;
  margin-left: -18px;
  background-color: #351c0b;
}
.search-result-wrap .s-close:hover span{
  background-color: #663300;
}
.search-result-wrap .s-close span:first-child{
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.search-result-wrap .s-close span:nth-child(2){
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.search-result-box{
  height: 100%;
  overflow-y: auto;
}
.search-result h3{
  width: 60%;
  max-width: 500px;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 20px;
  margin-bottom: 15px;
  border-bottom: 1px solid #bfa383;
}
.search-result h3 + p{
  text-align: center;
}
ul.search-result-list{
  margin-top: 30px;
}
ul.search-result-list li{
  padding-top: 30px;
  padding-bottom: 30px;
  border-top: 1px solid #bfa383;
}
ul.search-result-list li:first-child{
  padding-top: 0;
  border-top: none;
}
ul.search-result-list li .inner-li h4{
  font-size: 24px;
}
ul.search-result-list li .inner-li h4 a{
  color: #663300;
}
ul.search-result-list li .inner-li p{
  font-size: 18px;
}
ul.gov-dev-img{
  margin-bottom: 22px;
}

.p-fade-wrap{
  max-width: 1120px;
  margin-right: auto;
  margin-left: auto;
}
ul.p-fade-list{
  position: relative;
}
ul.p-fade-list li{
  display: none;
  position: absolute;
  min-height: 370px;
}
ul.p-fade-list li img{
  display: block;
  width: 100%;
  height: auto;
}
ul.p-fade-nav-list{
  text-align: center;
  font-size: 0;
  margin-top: 20px;
}
ul.p-fade-nav-list li{
  display: inline-block;
  margin: 0 12px;
}
ul.p-fade-nav-list li a{
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #b9b9b9;
}
ul.p-fade-nav-list li.active a,
ul.p-fade-nav-list li:hover a{
  background-color: #663300;
}
ul.p-info-list{
  position: static !important;
  -webkit-transform: translateY(0) !important;
  -moz-transform: translateY(0) !important;
  -ms-transform: translateY(0) !important;
  -o-transform: translateY(0) !important;
  transform: translateY(0) !important;
}
ul.p-info-list li{
  padding-right: 0;
  padding-left: 0;
}
ul.p-info-list li h3{
  margin-bottom: 30px;
}
.project-content ul.ann-news-list li h3{
  display: table;
}
.project-content ul.ann-news-list li h3 span {
    display: table-cell !important;
    vertical-align: bottom;
    text-align: center;
}

ul.p-info-list li h5{
  margin-top: 0;
  margin-bottom: 30px;
  padding-left: 25px;
  background: url(../images/loc_icon.png) no-repeat left 3px;
  background-size: 14px auto;
}
ul.p-info-list li .content-img img{
  width:auto;
  max-width: 100%;
}
ul.p-info-list li p strong,
ul.p-info-list li p span{
  display: block;
}
#ver-en ul.p-info-list li p strong{ width:100%; padding-left:20px; padding-bottom:15px;}
#ver-en ul.p-info-list li p span{ width:100%; margin-left:0;margin-top: 10px;}
ul.p-info-list li p strong{
  float: left;
  width: 25%;
  top: 5px;
  line-height: 1.2;
  padding-left: 15px;
  position: relative;
}
ul.p-info-list li p strong::after{
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  left: 0;
  top: 2px;
  background-color: #9f743b;
}
ul.p-info-list li p span{
  margin-left: 27%;
}
.pro-h1{
  position: relative;
}
.pro-h1 .prev-page{
  font-size: 18px;
  color: #636363;
  position: absolute;
  right: 0;
  bottom: 0;
  font-family: "Microsoft JhengHei","Microsoft YaHei", arial;
}
.pro-h1 .prev-page a i{
  display: inline-block;
  line-height: 24px;
  font-size: 32px;
  position: relative;
  top: 4px;
  left: -4px;
}
.report-list li h3{
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}
.report-list li h3 span{
  display: block;
  padding-left:0;
}
.ir-repo-box .report-list .inner-li{
  padding-top: 20px;
}
.ir-t-dl h3{
  margin-bottom: 20px;
  border-bottom: 1px solid #663300;
}
.ir-t-dl h3::after{
  content: "";
  display: table;
  clear: both;
}
.ir-t-dl h3 span{
  // float: left;
  border-bottom: none;
}
.ir-t-dl h3 span.re-more{
  padding: 0;
  // position: static;
  font-size: 14px;
  // margin-top: 12px;
  // float: right;
  border-bottom: 1px solid #663300;
}
.ir-repo-height ul.report-list li{
  height: auto !important;
}

.nav-slide-wrap{
  display: inline-block;
  position: relative;
  z-index: 3;
  margin-top: 40px;
  min-width: 200px;
  margin-bottom: 25px;
  padding-right: 45px;
}
.nav-slide-wrap h1{
  margin-bottom: 0;
  cursor: pointer;

}
.nav-slide-wrap h1 i{
  position: relative;
  top: 2px;
  left: 5px;
}
.nav-slide-box{
  display: none;
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  z-index: 2;
  padding: 20px 30px;
  background-color: #fff;
  box-shadow: 1px 1px 4px rgba(000,000,000,.3);
}
ul.nav-slide-list{font-weight:normal;
  border-top: none !important;
}
ul.nav-slide-list li{
  float: none !important;
  width: 100% !important;
}
ul.nav-slide-list li a{
  color: #663300;
  font-size: 18px;
  display: block;
  line-height: 1.2;
  padding-top: 10px;
  padding-bottom: 10px;
}

ul.nav-slide-list li a:hover{
  color: #000;
}
ul.nav-slide-list li .sub-sub-nav{
  display: none;
  padding-left: 15px;
  margin-left: 8px;
  border-left: 1px solid #663300;
}
ul.nav-slide-list li .sub-sub-nav p{
  margin-bottom: 0;
}
.ir-alert-frame-wrap{
  overflow-x: auto;
}
.ir-alert-frame{
  min-width: 600px;
}

.in-bub3 .in-bub-cell_o a.i-a,
.in-bub3 .in-bub-cell_o a.i-a:hover{
  color: #663300;
}
.in-bub3 .in-bub-cell_o a.i-a i{
  font-size: 40px;
}
.in-bub3 .in-bub-cell_o a.i-a b{
  font-size:16px;
}
#ver-en .in-bub3 .in-bub-cell_o a.i-a i{
  font-size:30px;
}
#ver-en .in-bub3 .in-bub-cell_o a.i-a b{
  font-size:16px; font-weight:normal;
}

#banner .li-bg{
  height: 150%;
}

ul.join-type{
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
}
ul.join-type li{
  padding-top:25px;
  padding-bottom:25px;
  border-top: 1px solid #663300;
}
ul.join-type li .join-text p{
  margin-bottom: 0;
}
ul.join-type li .join-icon img{
  display: block;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}
ul.join-type li h5{
  color: #663300;
  font-size: 20px;
  line-height: 1.2;
}

ul.contact-list li{
  margin-bottom: 15px;
}
.news-contact li{ line-height:33px;}
.news-contact  h4{ padding-top:20px; font-size:16px;}
.news-contact span:first-child{padding-left:5px; min-width:80px; }
#ver-tc .news-contact span:first-child, #ver-sc .news-contact span:first-child{ min-width:65px; padding-left:5px;}
.news-contact-img{
  margin-bottom: 25px;
}
.news-contact-img img {
  display: block;
  width: 100%;
}
li.tel,
li.email,
li.name,
li.fax,
li.add{
  position: relative;
  padding-left: 40px;line-height:33px;
}
li.tel::before,
li.email::before,
li.name::before,
li.fax::before,
li.add::before{
  content: "";
  display: block;
  position: absolute;
  width: 32px;
  height: 100%;
  top: 0;
  left: 0;
  background-position: left center;
  background-repeat: no-repeat;
}
li.tel::before{
  background-image: url(../images/contact_tel.svg);
  background-size: 29px auto;
}
li.email::before{
  background-image: url(../images/contact_email.svg);
  background-size: 30px auto;
}
li.name::before{
  background-image: url(../images/contact_peo.svg);
  background-size: 26px auto;
}
li.fax::before{
  background-image: url(../images/contact_fax.svg);
  background-size: 29px auto;

}
li.add::before{
  background-image: url(../images/contact_add.svg);
  background-repeat:no-repeat;
  background-position:top;
  background-size: 26px auto;
}

/* sitemap **********************************************************/
.sitemap-wrap{
  padding-top: 30px;
  border-top: 1px solid #663300;
}
ul.sitemap-list{
  width: 100%;
  max-width: 1310px;
  margin-right: auto;
  margin-left: auto;
}
ul.sitemap-list li{
  margin-bottom: 10px;
  padding-right: 5px;
  padding-left: 5px;
}
ul.sitemap-list li a{
  color: #663300;
  display: block;
  line-height: 1.2;
  padding-top: 5px;
  padding-bottom: 5px;
}
ul.sitemap-list li a:hover{
  color: #000;
}
ul.sitemap-list li > a{
  font-weight: bold;
}
ul.sitemap-list li dl{
  display: none;
}
ul.sitemap-list li dl .sub-sub-nav{
  display: none;
}
.inner-hide{
  display: none;
}
ul.sitemap-list li dl dd a{ font-size:14px;}

/**************************add*************************/
.about-culture{
  position: relative;
  width: 100%;
}
.about-culture img{
  width: 100%;
  height: auto;
}
ul.culture-ul{
  position: relative;
  width: 100%;
  height: auto;
}
ul.culture-ul li{

  width: 100%;
  list-style-type: none;
}
ul.culture-ul li span{
  display: block;
  font-size: 30px;
  padding:30px 0 15px 0px;
  color: #663300;
  border-bottom: 1px solid #663300;
  margin-bottom: 20px;
  text-align: center;
    line-height: 1;
}
ul.culture-ul li p{
  text-align: center;
}

span.span-com{
  width: 100%;
  display: table;
  background: #663300;
  font-size: 12px;
  color: #fff;
}
span.span-com p{
  padding:10px 20px;
  display: table-cell;
  vertical-align: middle;
}
ul.alert-tab{
  position: relative;
  width: 100%;
  padding-bottom: 60px;
  margin-bottom: 40px;
  border-bottom: 3px solid #663300;
}
ul.alert-tab.last{
  border-bottom: none;
}
ul.alert-tab li{
  padding: 10px 5px;
  list-style-type: none;
  display: table;
  width: 100%;
  border-bottom: 1px solid #663300;
}
ul.alert-tab li:nth-last-child(2),
ul.alert-tab li:nth-last-child(1){
  border-bottom: none;
}
ul.alert-tab li span{
  display: table-cell;
  width: 80px;
}
ul.alert-tab li span sup{
  color: #950000;
}
ul.alert-tab li p,
ul.alert-tab li input{
  display: table-cell;
  height: 100%;
  padding-bottom: 0px;
  padding:0px 8px;
}

.styled-select{
  position: relative;
  width: 100%;
  height: 25px;
  max-width: 380px;
  cursor: pointer;
}
.styled-select::after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  right: 10px;
  top: 50%;
  margin-top: -4px;
  border-right: 8px solid transparent;
  border-top: 10px solid #663300;
  border-left: 8px solid transparent;
}
.styled-select select{
  width: 100%;
  height: 25px;
  border:none;
  text-align: center;
  color: #6a6a6a;
  cursor: pointer;
  padding-left: 30px;
}

ul.alert-tab li p input{
  display:inline-block;
  width: 15%;
  height: 100%;
  background: #eeeeee;
  margin-right: 10px;
  padding:0px 8px;
}

ul.alert-tab li p input:last-child{
  margin-right: 0px;
  margin-left: 10px;
}

ol.category-box {
  position: relative;
  width: 100%;
  max-width: 450px;
}
ol.category-box li{
  display: table;
  border-bottom: none;
  width: 100%;
  padding:6px 0px;
}
span.cbox{
  position: relative;
  display: inline-block!important;
  width:20px!important;
  height:20px!important;
  border:1px solid #663300;
  background:#fff;
  vertical-align: middle;
}
.cbox.checked{
  border:1px solid #663300;
}
.cbox.checked:after{
  content:"√";
  position: absolute;
  line-height: 20px;
  width: 20px;
  height: 20px;
  text-align: center;
}
.category-box b{
  display: table-cell;
  width: 95%;
  font-weight: normal;
  line-height: 20px;
  padding-left: 10px;
  vertical-align: middle;
  text-align: left;
}

li.submit-btn{
  width: 50%!important;
  position: relative;
  height: 40px;
}
li.submit-btn a{
  position: relative;
  width: 100%;
  height: 50px;
  background:#663300;
  color: #fff;
  line-height: 50px;
  text-align: center;
  display: block;
  cursor: pointer;
}
li.submit-btn a:hover{
  background:#4a3424;
}
p.alert-copy a,
p.alert-copy{
  color: #663300;
  text-align: center;
}
br.ip-bg{
  display: none;
}
@-moz-document url-prefix(){
  .index-land-bg{
    background-position: center !important;
  }
}

.join_table tr td{
  text-align: center !important;
}
.decimal{
  margin-top: 15px;
}
.decimal li{
  list-style-type: decimal;
  margin-left: 20px;
  padding: 5px 0;
}
/*#ver-tc article h1,
#ver-tc .banner-info span,
#ver-tc .inner-banner-info span,
#ver-tc .nav-slide-wrap,
#ver-tc .index-stock h3,
#ver-tc .index-about-info h3,
#ver-tc .index-land-map h3,
#ver-tc .contact-info h3,
#ver-tc .ir-total h3,
#ver-tc .ir-repo-box h3,
#ver-tc .ann-news-list h3,
#ver-tc p.logan-name,
#ver-tc ul.index-images-list li .inner-li span{font-weight:600 !important;}

#ver-sc article h1,
#ver-sc .banner-info span,
#ver-sc .inner-banner-info span,
#ver-sc .nav-slide-wrap,
#ver-sc .index-stock h3,
#ver-sc .index-about-info h3,
#ver-sc .index-land-map h3,
#ver-sc .contact-info h3,
#ver-sc .ir-total h3,
#ver-sc .ir-repo-box h3,
#ver-sc .ann-news-list h3,
#ver-sc p.logan-name,
#ver-tc ul.index-images-list li .inner-li span{font-weight:600 !important;}
*/

.small {
  font-size: 16px;
  line-height: 1.6;
}
.medium {
  font-size: 18px;
  line-height: 1.8;
}
.large {
  font-size: 20px;
  line-height: 2;
}
.small, .medium, .large {
  padding: 0 3px;
  cursor:pointer;
}
.ndhead {
  margin-top: 40px;
}
.ndhead h1 {
  margin-bottom: 0;
  line-height: 1.2;
}
.sub-head {
  font-size: 14px;
  line-height: 1.4;
  padding-right: 30px;
}

.icon-section{
  border-bottom: 1px solid #000;
  margin-top: 30px;
}
.icon-section:last-child {
  border-bottom: 0;
}
.icon-img , .icon-desc {
  display: inline-block;
  vertical-align: middle;
}
.icon-img  {
  width:30%;
}
.icon-img b {
  display: block;
}
.icon-desc {
  width:65%;
  color:#978259;
}
.midsection-banner {
  position: relative;
  margin-bottom: 40px;
}
.midsection-image {
  width:60%;
}
.midsection-image img{
  width:100%;
  display: block;
}
.banner-label {
  background-color: #978259;
    color: #ffffff;
    padding: 20px 48px 20px 80px;
    font-size: 22px;
    position: absolute;
    top: 50%;
    z-index: 1;
    right: 0;
    width:45%;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.banner-label span {
  font-size: 53px;
  line-height: 53px;
  display: inline-block;
  vertical-align: middle;
}
.banner-label img {
  width: 20px;
  /* display: inline-block;
  vertical-align: baseline; */
  position: absolute;
  top: 30%;
  right: 15px;
}

.text-image-block {
  margin-bottom: 30px;
}
.textsection-block{
  width:60%;
  float: left;
}

.textsection-block h3 {
  background-color: #978259;
    color: #ffffff;
    font-size: 22px;
    padding: 20px 30px 15px;
    margin-bottom: 30px;
}
.textsection-block p {
  padding:0 30px;
}
.imagesection-block{
  width:40%;
  float: left;
}
.imagesection-block img {
  width: 100%;
  display: block;
}
#esg_table {

  overflow-x:auto;
}
.esg_table {
  width:100%;
  margin-bottom: 30px;

}
.esg_table thead th {
  background-color: #978259;
  color: #ffffff;
  padding: 10px;
  text-align: left;
  border:1px solid #ffffff;
}
.esg_table tbody tr {
  border-bottom: 1px solid #000000;
}
.esg_table tbody td {
  padding: 10px;
  vertical-align: top;
}
.esg_table ul {
  padding-left: 30px;
}
.esg_table img {
  max-width:300px;
}

.image-block {
  width:100%;
  max-width: 600px;
  margin: 0 auto;
  display: block;
}
.esg-gov-table{
  width: 100%;
}
.esg-gov-table tr th{
  padding: 15px;
  background-color: #f6f6f6;
}
.esg-gov-table tr th:first-child{
  text-align: left;
}
.esg-gov-table tbody tr td{
  background-color: #fff;
}
.esg-gov-table th,
.esg-gov-table td{
  border: 1px solid #f0f0f0;
}
.esg-gov-table tbody td:nth-child(2){
  color: inherit;
  border-right: 1px solid #f0f0f0;
  border-left: 1px solid #f0f0f0;
}
.textsection-block .table-wrap{
  overflow: auto;
}

.news-detail-content{
  text-align: justify;
}
.news-detail-content p img{
  /* width: 100% !important; */
  max-width: 100% !important;
}

.china-south-sea {
  width: 200px;
  right: 100px;
  bottom: -285px;
}
.index-land-bank-wrap .china-south-sea {
  width: 70px;
  bottom: -60px;
}