@charset "utf-8";
/* css reset (base on YUI) */
html {color: #332c2b;}
body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,form,legend,input,button,textarea,select,p,th,td {margin: 0;padding: 0;}
table {border-collapse: collapse;border-spacing: 0;}
img {border: none;}
button,em,input,option,select,textarea,th {font:inherit;}
li {list-style: none;}
h1,h2,h3,h4 {font-size: 100%;font-weight: normal;}

/*清除浮动*/
.clear { clear:both;height:0;overflow:hidden;clear:both!important;}
.clear.both {height:10px;}
.clearfix:after{ visibility:hidden; display:block; font-size:0; content: " "; clear:both; height:0;}  
.clearfix { display: inline-block; }  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  

/* global */
body{color:#332c2b;font:14px/1.8em Arial; background-color: #fff;}
html:root body,html:root input,html:root button,html:root select{font-family: Arial;}
a {color:#332c2b;text-decoration:none;}
a:hover {text-decoration:underline; outline: 0; transition: all 0.15s ease 0s; text-decoration: none;}
.mt5 {margin-top:5px;}
.mr5 {margin-right:5px;}
.ml5{margin-left:5px;}
.mt10 {margin-top:10px;}
.ml10 {margin-left:10px;}
.mr10 {margin-right:10px;}
.mt15{margin-top:15px;}
.ml15 {margin-left:15px;}
.mr15 {margin-right:15px;}
.mt20{margin-top:20px;}
.mt40{margin-top:40px;}
.ml20{margin-left:20px;}
.mb100{margin-bottom:100px;}
.pt10 {padding-top:10px;}
.pl10 {padding-left:10px;}
.pr10{padding-right:10px;}
.fl {float:left;}
.fr {float:right;}
.show {display:block;}
.hide {display:none;}
.posr {position:relative;}
.posa {position:absolute;}
.piclink, .piclink img {display:block;}
.piclink p {text-align:center;}
.tc{ text-align:center;}
.mbox{ width: 1200px; margin: 0 auto;}
.mt50{ margin-top: 50px;}
.ml50{ margin-left: 50px;}
.en{ font-family: Arial;}

.toprbox{ position: absolute; right: 0; top: 20px; z-index: 1000;}
.toprbox .lng,.toprbox .searchbtn{ display: inline-block; vertical-align: middle; cursor: pointer;}
.platform li{ float: left; margin: 0 6px;}
.nav{ position: relative; padding-top: 78px; z-index: 100;}
.nav li.nLi{ display: block; position: relative; float: left; margin-left: 45px; padding: 13px 0; line-height: 24px;}
.nav li.nLi h2 a{ display: block; font-weight: bold;}
.nav li.nLi .sub{ display: none; position: absolute; margin-left: -64px; width: 128px; left: 50%; top: 50px; background-color: #fff;}
.nav li.nLi .sub li{ padding: 8px 0; line-height: 22px; border-top: 1px solid #d4d4d4;}
.nav li.nLi .sub a{ display: block; text-align: center; font-size: 12px;}
.nav li.nLi a:hover,.nav li.on h2 a{ color: #eb580b;}
.enav li.nLi{ margin-left: 22px;}

.slick-arrow{ position: absolute; width: 18px; height: 32px; border: 0; background: url('../images/next.png'); z-index: 100; text-indent: -100px; cursor: pointer; top: 50%; overflow: hidden; outline: none;}
.slick-prev{ margin: -16px 0 0 -560px; left: 50%;}
.slick-next{ margin: -16px -560px 0 0; right: 50%; background-position: -18px 0;}
.slick-dots{ position: absolute; width: 100%; height: 12px; bottom: 20px; text-align: center; vertical-align: middle;}
.slick-dots li{ display: inline-block; margin: 0 5px; width: 12px; height: 12px; border-radius: 50%; background-color: #fff; cursor: pointer;}
.slick-dots li.slick-active{ background-color: #eb580b;}
.slick-dots li button{ display: none;}

.tit{ position: relative; line-height: 66px; text-align: center; font-size: 32px; font-weight: bold; color: #eb580b;}
.tit:after{ content: ''; position: absolute; display: inline-block; margin-left: -20px; width: 40px; height: 2px; background-color: #a3a3a3; bottom: 0; left: 50%;}
.subtit{ margin-top: 15px; line-height: 30px; text-align: center;}
.more{ display: inline-block; width: 108px; height: 38px; line-height: 38px; border: 1px solid #666; border-radius: 4px; color: #666; text-align: center;}

.footer{ background-color: #f0f0f0; color: #282828;}
.footer a{ color: #282828; font-size: 12px;}
.footer a:hover{ color: #eb580b;}
.footer .mbox{ padding: 35px 0;}
.footnav{ float: left;}
.footnav ul{ float: left; margin: 15px 55px 0 0;}
.footnav h3{ font-size: 16px; color: #282828;}
.footinfo{ padding-left: 30px; border-left: 1px solid #323232;}
.flogo{ text-align: right;}
.footinfo h3{ font-size: 26px; line-height: 48px;}
.footinfo h3 span{ font-size: 18px;}
.copyright{ padding: 15px 0; border-top: 1px solid #323232; text-align: center; background-color: #222; color: #fff;}
.enfoot .footnav ul{ max-width: 135px; margin-right: 36px;}
.enfoot .footnav ul li{ height: 26px; line-height: 26px; overflow: hidden;}
.enfoot .footinfo{ max-width: 300px;}

.floatad{ position: fixed; width: 60px; right: 0; top: 30%;}
.floatad a{ display: block; margin-bottom: 1px; height: 60px; background-color: #aeaeae;}
.floatad .gotop{ background-color: #8d8d8d;}

.coverbox{ display: none; position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 9999; left: 0; top: 0;}
.showsearch{ display: none; position: fixed; padding:30px; width: 80%; max-width: 600px; height: 45px; background: #22211D;left: 50%; top: 40%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); z-index: 10000;}
.searchbox{ width: 100%; height: 100%; background-color: #fff;}
.keyword{ padding: 0 1%; width: 80%; height:45px; border: 0; outline: none;}
.submitBtn{ width: 50px; height: 45px; float: right; background: url('../images/search.png') center no-repeat; cursor: pointer; border: 0; outline: none;}

.popUpblack {
  width: 100%; 
  height: 100%; 
  position: fixed; 
  left: 0px; 
  top: 0px; 
  z-index: 1010; 
  display: none; 
}
.popUp {
  border: 3px solid #999; 
  background: #fff; 
  position: fixed; 
  left: 50%; 
  top: 50%; 
  transform: translate(-50%,0);
  -webkit-transform: translate(-50%,0);
  z-index: 1004; 
}
.popUp .t { 
  padding: 0 0 0 10px; 
  height: 26px; 
  line-height: 26px; 
  color: #666; 
  font-weight: bold; 
  border-bottom: 1px solid #e8e8e8; 
  background: #f2f2f2; 
}
.popUp .t .close { 
  padding: 0 10px 0 0; 
  float: right; 
  cursor: pointer; 
  color: #666; 
  font-weight: normal; 
}
.popUp .img { 
  padding: 5px; 
}
.popUp .img img { 
  width: 100%; 
  height: 100%; 
  display: block; 
}
.popUp p{
  padding: 0 10px;
}

@media screen and (max-width: 1200px) {
  .mbox{ padding: 0 15px; width: 100%; box-sizing:border-box; -webkit-box-sizing:border-box;}
  .header{ position: fixed; width: 100%; height: 60px; z-index: 10; top: 0; background: rgba(255, 255, 255, 0.85);}
  .lng{ right: 0;}
  .top{ height: 60px;}
  .logo{ position: absolute; height: 60px; margin-left: 0; transform: translateX(-50%); left: 50%;}
  .logo img{ width: auto; height: 100%;}
  .toprbox{ top: 17px;}
  .platform{ display: none;}
  .menu-handler{ display: block; padding: 0 5px; width: 23px; height: 24px; cursor: pointer; position: absolute; left: 10px; top: 17px; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); z-index: 1000;}
  .menu-handler .burger { width: 23px; height: 3px; background: #eb580b; display: block; position: absolute; z-index: 5; top: 4px; left: 50%; margin: 0px 0px 0px -10px; border-radius: 20%; transform-origin: center; -webkit-transform-origin: center; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);}
  .menu-handler .burger2 { top: 11px;}
  .menu-handler .burger3 { top: 18px;}
  .menu-handler.active .burger{ background: #eb580b;}
  .menu-handler.active .burger1 { top: 11px; -webkit-transform: rotate(225deg); transform: rotate(225deg);}
  .menu-handler.active .burger2 {opacity: 0; -webkit-opacity: 0;}
  .menu-handler.active .burger3 { top: 11px; -webkit-transform: rotate(-225deg); transform: rotate(-225deg);}
  .nav{ position: fixed; margin: 0; padding-right: 0; width: 60%; height: 100%; line-height: 60px; -webkit-transform: translateX(-105%); transform: translateX(-105%); transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; left: 0; top: 0; z-index: 100; padding-top: 70px; background-image: none; background-color: #212122; box-sizing:border-box; -webkit-box-sizing:border-box; overflow-y: auto;}
  .nav.open{ transform: translateX(0); -webkit-transform: translateX(0);}
  .nav ul:nth-child(1){ padding-left: 20px;} 
  .nav li.nLi{ margin: 0; margin-bottom: 20px; width: 100%; text-align: left; border-bottom: 1px solid #afafaf; border: 0;}
  .nav .home{ display: block;}
  .nav li.nLi h2{ padding: 0; height: auto; text-align: left; font-size: 18px;}
  .nav li.nLi h2 img{ display: none;}
  .nav li.nLi h2 a{ color: #fff;}
  .nav li.nLi h2.haschnl a:after { content: ''; display: inline-block; margin-left: 15px; width: 0; height: 0; border-top: 5px solid #fff; border-right: 5px solid transparent; border-left: 5px solid transparent; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);}
  .nav li.nLi.on h2 a{color: #c5a260;}
  .nav li.nLi.on h2.haschnl a:after{ border-top: 5px solid #c5a260;}
  .nav li.nLi .sub{ width: auto; font-size: 14px; line-height: 26px;}
  .nav h3{ line-height: 40px;}
  .nav .on h3:after{ display: none;}
  .nav li.nLi .sub{ position: relative; background: none; margin-left: 0; left: auto; top: auto; text-align: left;}
  .nav li.nLi .sub li,.nav li.nLi .sub li:first-child{ border: 0; background: none; line-height: 42px;}
  .nav li.nLi .sub a { color: #fff; font-size: 16px; text-align: left; padding-left: 15px;}
  .nav li.nLi .sub li a:hover{ background: none;}

  .slider{ margin-top: 60px;}
  .slider p{ margin-top: 10px; padding: 0 20px; font-size: 14px;}
  .slick-dots li{ display: inline-block; margin: 4px 5px; width: 10px; height: 10px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.7);}
  .slick-arrow{ display: none!important;}

  .tit{ font-size: 26px; line-height: 54px;}
  .piclink, .piclink img{ width: 100%; height: auto;}

  .history{ margin-top: 30px;}
  .indextit{ margin-top: 20px;}
  .indextit span{ line-height: 40px;}
  .desbox{ margin-top: 20px;}
  .col3 li{ width: 100%; margin: 10px 0; padding: 0;}
  .picslide{ margin-bottom: 0;}
  .col4 li{ width: 50%;}
  .col5 li{ width: 33.33%;}

  .links{ padding: 15px 0 5px; position: relative; right: auto; top: auto; background-color: #eeeeef;}
  .links li{ width: 25%; float: left; text-align: center; color: #bd9965;}
  .links li img{ display: block; margin: 0 auto;}
  .links li span{ display: inline-block;}
  .hotline{ display: block;}

  .foot{ padding: 10px 0; line-height: 20px; border-top: 1px solid #b0b0af;}
  .footnav{ display: none;}
  .footer .mbox{ padding: 15px;}
  .footinfo{ padding-left: 0; width: 100%; border: 0;}
  .flogo{ text-align: center;}
  .flogo img{ transform:scale(0.8)}
  .footinfo h3 { font-size: 16px; line-height: 30px;}
  .footinfo h3 span{ font-size: 16px;}
  .enfoot .footinfo{ max-width: 100%;}

  .floatad{ width: 40px;}
  .floatad a{ height: 40px;}
  .floatad img{ width: 100%; height: auto;}
}