.rel {
  position: relative;
}
.abs {
  position: absolute;
}
.fixed {
  position: fixed;
}
.flex {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
}
.flex-wrap {
  flex-flow: wrap;
}
.flex-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.inline-block {
  display: inline-block;
}
.block {
  display: block;
}
.hide {
  display: none;
}
.bold {
  font-weight: 700;
}
.txt-center {
  text-align: center;
}
.txt-left {
  text-align: left;
}
.txt-right {
  text-align: right;
}
.before {
  opacity: 0;
  visibility: hidden;
}
.after {
  opacity: 1;
  visibility: visible;
}
.font {
}
.txt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.upper {
  text-transform: uppercase;
}
.middle {
  vertical-align: middle;
}
.hidden-xs {
  display: block;
}
.hidden-pc {
  display: none;
}
.box-container {
  width: 1536px;
  margin: 0 auto;
}
.w1200 {
  width: 1200px;
  margin: 0 auto;
}
.box-container-fluid {
  width: 100%;
  margin: 0 auto;
}
.medium-box-container {
  width: 80%;
  margin: 0 auto;
}
html, body {
    font-family: 微软雅黑;
}
body {
  font-size: 16px;
  overflow-x: hidden;
}
.rl {
  writing-mode: tb-rl;
  writing-mode: vertical-lr;
}
.pic {
  font-size: 0;
  overflow: hidden;
}
.pic img {
  display: block;
  width: 100%;
  transition: transform 0.8s ease;
  -webkit-transition: transform 0.8s ease;
  -moz-transition: transform 0.8s ease;
  -ms-transition: transform 0.8s ease;
  -o-transition: transform 0.8s ease;
}
.phone-nav {
  display: none;
}
.index-box-2 .key {
  font-size: 14px;
  color: #fff;
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  align-items: flex-end;
  line-height: 14px;
}
.index-box-2 .key .line {
  flex: 1;
  height: 1px;
  background: rgba(255, 255, 255, 0.3);
  margin-left: 30px;
}
.hy-dot i {background-color: #fff;}
.hy-dot i.active{background-color: #ea5404;}
.index-box-2 ul {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  border-radius: 8px;
  box-shadow: 8px 8px 18px #aaa;
  padding-left:0;
}
.index-box-2 ul li {
  width: 18.536%;
  flex: 1;
  transition: flex 0.3s ease;
  -webkit-transition: flex 0.3s ease;
  -moz-transition: flex 0.3s ease;
  -ms-transition: flex 0.3s ease;
  -o-transition: flex 0.3s ease;
  background: #009143;
  list-style:none;
}
.index-box-2 ul li:nth-child(4n).on a:before {
  background: url(../images/shadow.png) repeat-y;
}
.index-box-2 ul li.on {
  flex: 0 0 28%;
  width: 28%;
}
.index-box-2 ul li.on a:before {
  background: url(../images/shadow.png) repeat-y;
}
.index-box-2 ul li.on .info {
  padding-left: 28px;
}
.index-box-2 ul li.on .key,
.index-box-2 ul li.on .inner {
  padding-right: 100px;
}
.index-box-2 ul li.on .pic {
  opacity: 1;
}
.index-box-2 ul li.on .icon img {
  display: none;
}
.index-box-2 ul li.on .icon img.on {
  display: block;
}
.index-box-2 ul li.on .a-more {
  background: url(../images/more.png) no-repeat;
  background-size: contain;
}
.a-more {
    display: block;
    width: 47px;
    height: 33px;
    background: url(../img/more3.png) no-repeat;
    background-size: contain;
    transition: background 0.3s ease;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    border-radius: 16px;
}
.index-box-2 ul li a {
  position: relative;
  display: block;
  transform: perspective(1px) translateZ(0);
}
.index-box-2 ul li a:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  background: #EA5404 url(../images/index2_bg.jpg) no-repeat left bottom;
  background-size: cover;
}
.index-box-2 .pic {
  opacity: 0;
}
.index-box-2 .pic img {
  height: 500px;
  object-fit: cover;
}
.index-box-2 .pic img.phone {
  display: none;
}
.index-box-2 .info {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  line-height: 30px;
  padding: 45px 22px;
  padding-right: 0;
}
.index-box-2 .inner {
  padding-right: 22px;
}
.index-box-2 .icon {
  margin: 18px auto 28px;
}
.index-box-2 .icon img {
  display: block;
  width: 45px;
  height: 50px;
  object-fit: contain;
}
.index-box-2 .icon img.on {
  display: none;
}
.index-box-2 .name {
  font-size: 26px;
  color: #fff;
  font-weight: 700;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 40px;
  height: 80px;
}
.index-box-2 .en {
  font-size: 12px;
  color: #ddd;
  line-height: 24px;
  height: 118px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-transform: uppercase;
  margin: 8px 0 45px;
}
.index-box-2 .a-more {
  background: url(../images/more2.png) no-repeat;
}

/*footer*/
.bx_fl, .fl {
    float: left;
}
.footer li {
    list-style: none;
}
.html {
    line-height: 1;
}
.clear {
    clear: both;
}
.footer{width:100%;background: #fff;}
.footer .footer-link{background:url(../images/footer_bg.png) no-repeat;background-size:cover;background-position:50%;height: 45px;border:0;}
.footer .footer-link p{line-height:45px; right:45px;}
.footer .footer-link a{margin-left:66px; color:#009143; font-size:13px;}
.footer .footer-link a:hover{ display: inline-block; text-decoration:underline; color:#EA5404;}
.footer .copyright{line-height:24px; color:#aeaeae; font-size:12px; text-align:center; padding:15px 10px;}

@media(max-width:1200px) {
 .footfr{display: none;}
}
.footfr{float: right;line-height: 45px;color: #fff; font-size: 14px;} 
.footfr span{padding:0 15px;cursor: pointer;display: block;float: left;}
.footfr p{ display:inline-block ;cursor: pointer;padding: 0 15px ;  }
.footfr p i{font-size: 12px;}

.qsco {overflow: hidden;z-index: 99999999999;  background: #fff; height: 432px;width: 1300px;margin-top:  -432px;position: absolute; display: none;  box-shadow: 1px -1px 28px 0 #999999;}
.qsco  .qsli{float: left;width: 16%;text-align: center;line-height: 100px; }
 .qsco  .qsli a{display: block;font-size: 16px;}
.ljco {overflow: hidden;z-index: 99999999999;  background: #fff; height: 100px;width: 1300px;margin-top:  -100px;position: absolute; display: none;  box-shadow: 1px -1px 28px 0 #999999;}
.ljco  .qsli{float: left;text-align: center;line-height: 100px; }
 .ljco  .qsli a{display: block;font-size: 18px;} 
.footfr .qs.qsco:hover {display: block!important;}
.wxbox { display: none; background-color: #fff; width: 360px; height: 360px; position: fixed;  top: 50%;  left: 50%; margin-left: -180px;margin-top: -180px;  margin-top:-180px;border: 2px solid #f0f0f0; }
.wxbox span{  cursor: pointer;float: right;}
.wxvon{padding: 5%;}
.wxbox img{width: 100%;}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.glyphicon-triangle-top:before {
    content: "▲";
}
.glyphicon-remove:before {
    content: "✖";
}

.navlist_nav .nav_last {
	border: none;
}
.navlist_nav {
	width: 768px;
	left: 4%;
	top: 1%;
	position: absolute;
	margin: 0;
}
.navlist_nav1 {
	width: 851px;
	left: 50%;
	top: 1%;
	position: absolute;
	margin: 0;
}
.navlist01 {
	width: 60%;
	margin-top: 12px;
}
.navlist01 h3 {
	width: 145px;
	font-size: 16px;
	padding: 8px;
    border-bottom: 2px solid #EA5404;
	margin: 0;
}
.navlist01 li {/*width:60px;*/
	padding-right: 12px;
	height: 16px;
	border-right: 1px solid #e6e6e6;
	float: left;
	margin-right: 12px;
	margin-top: 8px;
	font-size: 14px;
	color: #009143;
}
.navlist01 li a {
	color: #EA5404;
	margin-left: 1px !important;
}
.navlist01 li a:hover {
	color: #009143;
}
.h_border {
	width: 100%;
	height: 1px;
	background: #e3e3e3;
}