*{margin:0; padding: 0; /*transition: all 0.5s;-webkit-transition: all 0.5s;*/}
html{width: 100%; overflow-x: hidden; height: 100vh; background: #e8e3df;overflow-y: scroll;
scrollbar-color: #6e7b61 #e8e3df;scrollbar-width: thin;}
.windows.h-about{ background: #6e7b61;}
.windows::-webkit-scrollbar {  width: 10px;  }
.windows::-webkit-scrollbar-thumb { background: rgba(110,123,97,1);     }
.windows::-webkit-scrollbar-track {border-radius: 0;background: rgba(232,227,223,1);}
@font-face {
  font-family: 'ArnoPro-Regular';
  src:  url('../fonts/ArnoPro-Regular.eot?3rbom4');
  src:  url('../fonts/ArnoPro-Regular.eot?3rbom4#iefix') format('embedded-opentype'),
    url('../fonts/ArnoPro-Regular.ttf?3rbom4') format('truetype'),
    url('../fonts/ArnoPro-Regular.woff?3rbom4') format('woff'),
    url('../fonts/ArnoPro-Regular.svg?3rbom4#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DFFN_N5';
  src:  url('../fonts/DFFN_N5.eot?3rbom4');
  src:  url('../fonts/DFFN_N5.eot?3rbom4#iefix') format('embedded-opentype'),
    url('../fonts/DFFN_N5.ttf?3rbom4') format('truetype'),
    url('../fonts/DFFN_N5.woff?3rbom4') format('woff'),
    url('../fonts/DFFN_N5.svg?3rbom4#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
body{
	font-family:DFFN_N5;
    font-size: 16px;  
    background: #e8e3df;
    color: #6e7b61;
    letter-spacing: 1px;
    border: 10px solid #e8e3df; border-right: none;
    overflow: auto;
  	-webkit-overflow-scrolling: touch;
}
ul,ol,li{
	list-style: none; text-decoration: none;
}
select{
	
	/*appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;*/
}
input,textarea,input[type=button],input[type=text],input[type=password],input[type=date]{
	-webkit-appearance:none;
	outline:none;
	-moz-appearance:none;
	-moz-appearance:textfield;
	box-shadow: none;
	border: none;
	border-radius: none;
	 -webkit-appearance: none;  
}
input,input[type=text],input[type=password],input[type=date]{ background: #fff; -webkit-appearance: none;  }
input[type=number] {  
    -moz-appearance:textfield;  background: #fff; border-radius: 0; box-shadow: none; -webkit-appearance: none;  
}  
input[type=number]::-webkit-inner-spin-button,  
input[type=number]::-webkit-outer-spin-button {  
    -webkit-appearance: none;  
    margin: 0;  
} 
small{ display: block;}
select{ background: #fff; padding: 5px; border: 1px solid #fff;}
select::-ms-expand { display: none; }
hr{ width: 100%; margin-bottom: 0;}
*:focus { outline: none; }
input,button {outline:none;}
 em{font-style: normal;}
img{border: none;}
a{color: #6e7b61; text-decoration: none;}
a:hover,a:focus{ color: #c8d600 !important; text-decoration: none; outline: none;}
i{font-style: normal;}
.t-color{ color: #69C3E8;}
.btn:focus{ color: #fff;}
.floatleft{ float: left;}
.floatright{ float: right;}
.ellipsis{white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;display: block;}
.ellipsis-2{display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ellipsis-3{display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ellipsis-4{display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden}
.clearfix:after{clear:both}
.clearfix{clear: both;zoom:1}
.sp-bg{ background: #fff;}
.box-block{ height: 82px;}
header{ position: fixed; right: 0; left: 10px; width: auto; border-top: 10px solid #e8e3df; padding:20px 35px; z-index: 88; top: 0;}
.logo{ float: left;}
.logo a{ background: url(../img/headlogo.svg) left top no-repeat; background-size: 100% auto; width: 156px; height: 41px; display: block;}
.menu { float: right}
.menu >ul>li{ float: left;}
.menu >ul>li>a{ color: #6e7b61; padding: 0 17px; position: relative; padding-bottom: 20px; overflow: hidden; display: inline-block; height: 37px;}
.menu >ul>li:last-child>a{background: url(../img/icon-search2.svg) center 3px no-repeat;height: 15px;}
.menu >ul>li>a:after{ content: ""; position: absolute; bottom: 8.5px; left: 50%; transform: translate(-50%,20px); width: 27px; height: 2px; background: #6E7B61;transition: all 0.5s;-webkit-transition: all 0.3s;}
.menu >ul>li >.dropdownmenu{ display: none;}
.index.menu >ul>li>a{ color: #fff}
.index.menu >ul>li:last-child>a{background-image: url(../img/icon-search.svg);height: 15px;}
.index.menu >ul>li>a:after{background-color: #fff;}
.menu >ul>li>a:hover:after{ transform: translate(-50%,0); background: #C8D600; }
header.menu-bg{ background: #fff;}
header.menu-bg .logo a{ background-image: url(../img/headlogo2.svg);}
.menu >ul>li.li-search{position: relative; width: auto; text-align: right;}
.menu >ul>li.li-search a{ transition: none; -webkit-transition: none;}
.searchout{ width: 200px;background: #fff; height: 32px; border-bottom: 1px solid #6E7B61; overflow: hidden;  position: absolute; bottom: 0px; right: 0; display: none;}
.searchout .input-tt{width: 165px; height: 30px; padding:0 5px; line-height: 30px; text-align: left; float: left;}
.searchout .input-btn{ width: 30px; height: 30px; color: #6E7B61; background: #fff; font-size: 14px; background: #fff; border: none; float: right;}
.searchout .input-btn i{ font-size: 18px;}
.menu >ul>li.li-search:hover{width: 220px;}
.menu >ul>li.li-search:hover>a{ background: none;}
.menu >ul>li.li-search:hover .searchout{ display: block;}
.searchout.search-index,.searchout.search-index .input-tt,.searchout.search-index .input-btn{background: transparent; color: #fff; border-color: #fff;}
.menu-bg .searchout.search-index,.menu-bg .searchout.search-index .input-tt,.menu-bg .searchout.search-index .input-btn{ color: #6E7B61; border-color: #6E7B61;}
.searchout.search-index .input-tt::-webkit-input-placeholder { color: #fff;}
.searchout.search-index .input-tt::-moz-placeholder { color: #fff;}
.searchout.search-index .input-tt::-moz-placeholder { color: #fff;}
.searchout.search-index .input-tt:-ms-input-placeholder {color: #fff;}
.searchout.search-index .input-tt::-ms-input-placeholder {color: #fff;}
.menu-bg .searchout.search-index .input-tt::-webkit-input-placeholder { color: #6E7B61;}
.menu-bg .searchout.search-index .input-tt::-moz-placeholder { color: #6E7B61;}
.menu-bg .searchout.search-index .input-tt::-moz-placeholder { color: #6E7B61;}
.menu-bg .searchout.search-index .input-tt:-ms-input-placeholder {color: #6E7B61;}
.menu-bg .searchout.search-index .input-tt::-ms-input-placeholder {color: #6E7B61;}
.phone-search{ position: absolute; left: 0; right: 0; padding: 0 10px; top: 104px; height: 43px; display: none;}
.phone-search .searchout{right: 8px; left: 8px; width: calc(100% - 16px);}
.phone-search .searchout .input-tt{width: calc(100% - 60px);}
.menu-bg .phone-search{ background: #fff;}
.menu-bg .phone-search .searchout{border-color: #6E7B61;}
.menu-bg .phone-search .searchout .input-btn,.menu-bg .phone-search .searchout .input-tt{ color: #6E7B61;}
.menu-bg .phone-search .searchout.search-index .input-tt::-webkit-input-placeholder { /* WebKit, Blink, Edge */
   color: #6E7B61;
}
.menu-bg .phone-search .searchout.search-index .input-tt::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #6E7B61;
}
.menu-bg .phone-search .searchout.search-index .input-tt::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #6E7B61;
}
.menu-bg .phone-search .searchout.search-index .input-tt:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #6E7B61;
}
.menu-bg .phone-search .searchout.search-index .input-tt::-ms-input-placeholder { /* Microsoft Edge */
    color: #6E7B61;
}
.phone-links ul{ margin: 0; height: 34px; overflow: hidden;border-bottom: 1px solid #fff;}
.phone-links ul li{ float: left; width: 20%; text-align: center;  background:#fff; border-bottom: 1px solid #e8e3df;border-right: 1px solid #fff; height: 34px; overflow: hidden;}
.phone-links ul li:last-child{ border-right: none;}
.phone-links ul li a{ display: block; background: #6E7B61;}
.phone-links ul li a img{ max-width: 100%; height: 34px;}
.phonebtn{ position: absolute; right: 8px; top: 55px;}
.phonebtn a{display: inline-block;width: 25px; height: 25px;}
.phonebtn a.btn-search-phone{ background: url(../img/icon-search-phone.svg) center center no-repeat;}
.phonebtn a.btn-menu-phone{ background: url(../img/icon-menu.png) center center no-repeat;}
footer{ background: #e8e3df; position: relative; line-height: 28px; padding: 38px 0 48px;}
.flogo{position: relative; height: 95px; margin: 0 20px;}
.flogo:after{content: ""; position: absolute; left: 0; bottom: 0; height: 4px; width: 13px ; background: #6e7b61;}
.flogo p{ margin: 2px 0 0 0 ; font-weight: bold;}
.wechar{ line-height: 22px; letter-spacing: 0.4px; font-weight: normal;}
.f-linksout{ 
	margin:25px 20px 0 20px;
	display: flex;
	justify-content: space-between;
}
.f-links a{ display: inline-block; margin-right:10px ; float: left;}
.f-links a img{ width: 28px;}
.footer-map{width: 70px;}
.f-contact-tt-group {display: flex;}
.footer-map a:last-child{ color: #c8d600;}
.footer-map a:nth-child(7){letter-spacing: 2.4px;}
.footer-map>p,.footer-contact > p{margin-bottom: 15px;}
.f-contact-tt-l{ margin-right: 60px;}
.footer-copy{transform: rotate(-90deg);-webkit-transform:rotate(-90deg); position: absolute; left: -168px;  margin-left:50px; top: 50%; transform-origin: center center;font-size: 12px; font-weight: bold;}
.f-contact-tt-r ul,.f-contact-tt-l ul{ margin-bottom: 13px;}
.f-contact-tt-r ul li,.f-contact-tt-l ul li{ position: relative; padding-left: 50px;}
.f-contact-tt-r ul li:first-child,.f-contact-tt-l ul li:first-child{ padding-left: 0;}
.f-contact-tt-r ul li span,.f-contact-tt-l ul li span{ position: absolute; left: 0; top: 0;}
.sharefixed{ position: fixed; z-index: 21; left: 10px; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%); width: 33px;}
.sharefixed a img,.sharefixed a{ display: block;}
.linkfixed{ position: fixed; z-index: 21; right: 0px; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 28px}
.linkfixed a,.linkfixed a img{ display: block; width: 28px;}
.linkfixed a{ margin-bottom: 5px;}
.top-contact-fixed{ position: fixed; right: 25px; bottom: 90px; width: 44px; text-align: center; z-index: 10;}
.top-contact-fixed a{ display: block; margin-top: 13px;}
.top-contact-fixed img{ display: inline-block;}
.top-contact-fixed span{ position: absolute; right: 50px; bottom: 0; width: 133px; height: 48px; background: url(../img/bg-fixedcont.png) center center no-repeat; background-size:100% auto; text-align: left; padding: 6.5px 0 5px 5px; font-size: 12px;}
.phone-share{ background: #fff; position: fixed; left: 10px; right: 0;bottom: -1px; border-bottom: 10px solid #e8e3df; z-index: 21;}
.phone-share a{ display: block; float: left; width: 14.285714%; /*height: 30px;*/ position: relative;background: #fff; }
.phone-share a img{ width: 100%; display: block; /*position: absolute; top: 50%; transform: translateY(-50%); */background: #fff;}
body .atss .at-share-btn .at-icon-wrapper, .atss a .at-icon-wrapper {padding: 0;}
body span.at-icon-wrapper{ display: block; height: 28px; line-height: 28px; width: 28px;}
.atss .at-share-btn,.atss a,.at4-share .at4-share-count-container,.at4-show-content {width: 28px!important;}
.atss .at-share-btn span .at-icon,.atss a span .at-icon {height: 28px!important; width: 28px!important;}
.at4-share .at4-share-count-container {bottom: -2px;}
body .atss .at-share-btn,.atss a{ background: none; transition: none; width: 2pc;}
.atss .at-share-btn{ background: none;}
.at4-share8 {bottom: 0; margin: auto; top: 0!important;}
#backtop img {width: 25px;}
@media screen and (min-width: 992px) {
	.li-search.active .searchout {display: block;}
	.menu >ul>li.li-search.active {width: 220px;}
}
@media screen and (max-width: 1450px) {
	.footer-map{ margin: 0 25px;}
	.f-contact-tt-l{ margin-right: 25px;}	
}
@media screen and (max-width: 1200px) {
	.menu>ul>li>a{padding: 0 5px;}
	.menu>ul>li:last-child>a{padding: 0 12px;height: 19px;}
	.searchout {bottom: -3px;width: 180px;}
	.searchout .input-tt {width: 150px;}
	.menu >ul>li.li-search:hover {width: 180px;}
	footer{ line-height: 30px; }
	.flogo p{ font-size: 14px;}
	.fotter-linkout,.footer-contact{ float: none;}
	.footer-map{ width: 170px; margin:0; float: none;}
	.footer-map a{ display: inline-block ;}
	.flogo{ height: 123px;}
	.footer-map>p,.footer-contact > p{margin-bottom: 10px;}
	.top-contact-fixed {bottom: 130px;}
	.f-linksout{flex-wrap: wrap;}
	.menu >ul>li.li-search.active {width: 180px;}
}
@media screen and (max-width: 1025px) {
	body{ margin-right: 10px;}
	header,.linkfixed,.phone-share{right:10px}
	.windows.h-about{ background: #e8e3df;}
	.at-share-dock.atss-top,.phone-share{display: none;}
}
@media screen and (max-width: 992px) {
	/*body{ margin-right: 10px;}*/
	/*.menu>ul>li>a{padding: 0 5px;}
	.menu>ul>li:last-child>a{padding: 0 12px;}
	.footer-contact{width:100%}
	.windows::-webkit-scrollbar {width: 0px;}
	.logo a{width:100px}
	header,.linkfixed{right: 10px;}
	.fotter-linkout{margin-top: 30px;}*/
	header{ padding-top: 0; padding-right:0; padding-left: 0; padding-bottom: 20px; width: auto; border-top: 10px solid #e8e3df;}
	.box-block{height: 115px;}
	/*.menu { display: none;}*/
	.logo{ margin-top: 10px; margin-left: 8px; position: relative; z-index: 8;}
	.logo a{width:156px}
	.phone-links{ position: relative; }
	.phone-links,.phonebtn{z-index: 8;}
	.menu{ background: #6E7B61; float: none; padding: 100px 10px 10px 10px;  position: absolute; left: 0; right: 0; top: 10px; display: none;}
	.menu>ul{ max-height: 65vh;overflow-y: scroll;}
	.menu>ul>li{ float: none;}
	.menu>ul>li a{ display: block; border-bottom: 1px solid #fff; font-size: 16px; padding: 0; height: 45px; line-height: 45px; font-weight: bold;}
	.menu>ul>li>a{ background: url(../img/icon-menu-drop.png) right center no-repeat; color: #fff;line-height: 45px; }
	.menu > ul > li > a:last-child{ padding: 0;}
	.menu>ul>li.no-bg.active>a,.menu>ul>li.no-bg>a{ background: none; }
	.menu>ul>li>a:after{content: none;}
	.menu>ul>li .dropdownmenu>ul>li>a{ color: #fff;}
	.menu>ul>li .dropdownmenu{padding-left: 25px;}
	.menu>ul>li.active>.dropdownmenu{ display: block;}
	.menu>ul>li.active>a{ background-image: url(../img/icon-menu-drop2.png);}
	header.menu-bg .phonebtn a.btn-search-phone{ background-image: url(../img/icon-search-phone2.svg);}
	header.menu-bg .phonebtn a.btn-menu-phone{ background-image: url(../img/icon-menu2.png);}
	header.menu-bg.open .logo a{background-image: url(../img/headlogo.svg);}
	header.menu-bg.open .phonebtn a.btn-search-phone{background-image: url(../img/icon-search-phone.svg);}
	header.open .phonebtn a.btn-menu-phone.bg-close{ background-image: url(../img/icon-menu-close.png);}
	footer{padding-bottom: 78px;}
	.linkfixed{right: 10px;}	
}
@media screen and (max-width: 979px){
	.at-share-dock.atss,.slideInUp.addthis-animated {background: #fff;}
	body span.at-icon-wrapper{display: block; height: 33px; line-height: 33px; width: 100%!important;}
	.top-contact-fixed {bottom: 130px;}
	.atss .at-share-btn,.atss a,.at4-share .at4-share-count-container,.at4-show-content {width: 16.667%!important;}
	.atss .at-share-btn span .at-icon {height: 28px!important; width: 24px!important;}
	.at-share-dock.at-shfs-small .at-share-btn .at-icon-wrapper,.at-share-dock.at-shfs-small a .at-icon-wrapper {padding: 2px 0;}
}
@media screen and (max-width: 767px){
	footer{padding-bottom: 48px;}
}
@media screen and (max-width: 991px){
	.menu > ul > li > a:not(:only-child) {pointer-events: none;}
}

@media screen and (max-width: 1599px) {
	.fotter-linkout {flex: 0 0 20%;}
	.footer-contact {flex: 0 0 60%;}
}
@media screen and (max-width: 991px) {
	.fotter-linkout {flex: 0 0 40%;}
	.footer-contact {
	    flex: 0 0 100%;
	    margin-top: 30px;
	}
}
@media screen and (max-width: 600px) {
	.fotter-linkout {
		flex: 0 0 100%;
		margin-bottom: 30px;
	}
	.f-contact-tt-group {
	    flex-wrap: wrap;
	}
}

/* jquery.pagewalkthrough */

#jpwClose,
#jpwNext,
#jpwPrevious,
#jpwFinish {
  color: #fff;
  cursor: pointer;
  font-size: 18px;
  font-weight: lighter;
  padding: 5px 15px;
  border: 1px solid #fff;
  margin-top: 15px;
}
#jpwOverlay {
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  z-index: 999999;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
}
#jpwOverlay.transparent {
  background: none;
}
#jpWalkthrough.jpw-scrolling .overlay-hole > div {
  box-shadow: inset 0 0 10px 1000px rgba(0, 0, 0, 0.6);
}
#jpWalkthrough .overlay-hole > div {
  box-shadow: inset 0 0 10px 10px rgba(0, 0, 0, 0.6);
}
#jpWalkthrough #jpwTooltip {
  overflow: visible;
  padding: 10px;
  background: none;
  left: auto!important;
  right: 8px;
  color: #fff;
}
#jpWalkthrough #jpwTooltip #tooltipWrapper {
  overflow: visible;
}
#jpWalkthrough #jpwTooltip #bottom-scratch {
  background: url("images/scratch-border.png") no-repeat left top;
  width: 358px;
  height: 42px;
  display: block;
  top: 25px;
  clear: both;
}
#jpWalkthrough #jpwTooltip .draggable-area {
  display: block;
  width: 44px;
  height: 40px;
  position: absolute;
  top: -35px;
  right: -30px;
  background: url("images/drag.png") no-repeat;
  z-index: 10000;
}
#jpWalkthrough #jpwTooltip .top {
  background: url("images/arrow-bottom.png") no-repeat scroll 0 0 transparent;
  bottom: -86px;
  height: 86px;
  left: 130px;
  position: absolute;
  width: 75px;
  display: block;
  z-index: 1000;
}
#jpWalkthrough #jpwTooltip .right {
  background: url("images/arrow-left.png") no-repeat scroll 0 0 transparent;
  height: 56px;
  left: -105px;
  position: absolute;
  top: 35px;
  width: 105px;
  display: block;
  z-index: 1000;
}
#jpWalkthrough #jpwTooltip .bottom {
  background: url("images/arrow-top.png") no-repeat scroll 0 0 transparent;
  height: 86px;
  left: auto!important;
  right: 25px;
  position: absolute;
  top: -86px;
  width: 75px;
  display: block;
  z-index: 1000;
}
#jpWalkthrough #jpwTooltip .left {
  background: url("images/arrow-right.png") no-repeat scroll 0 0 transparent;
  height: 56px;
  position: absolute;
  right: -105px;
  top: 35px;
  width: 105px;
  display: block;
  z-index: 1000;
}
#jpWalkthrough #jpwTooltip #tooltipInner {
  color: #ffffff;
  text-align: right;
  font-size: 22px;
}
#jpWalkthrough #jpwTooltip #tooltipInner a {
  font-size: 22px;
}
#jpWalkthrough #jpwTooltip #tooltipInner .tooltipTitle {
  font-size: 40px;
}
#jpWalkthrough .killOverlay {
  background-image: none !important;
  background-color: none !important;
}
#jpwClose {
  position: fixed;
  top: 65px;
  right: 25px;
  z-index: 1000000;
  color: #ffffff;
  text-align: center;
  display: none;
}
#jpwClose:hover {
  color: #7eff00;
}
#jpwClose:before {
  content: '';
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 44px;
  height: 40px;
  background: url("images/close.png") no-repeat;
  position: absolute;
  top: -45px;
  left: 36px;
}
#jpwNext,
#jpwFinish {
  float: right;
}
#jpwPrevious {
  float: left;
}
.overlay-hole {
    height: 40px!important;
    width: 40px!important;
    top: 55px!important;
    left: auto!important;
    right: 10px;
}