/*
YUI 3.5.0 (build 5089)
Copyright 2012 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot?t=1577210741875'); /* IE9 */
  src: url('../fonts/iconfont.eot?t=1577210741875#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
  url('../fonts/iconfont.woff?t=1577210741875') format('woff'),
  url('../fonts/iconfont.ttf?t=1577210741875') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('../fonts/iconfont.svg?t=1577210741875#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  padding-top: 53px;
  font-family: "Microsoft Yahei";
  font-size: 14px;
  color: #666;
  background-color: #fff;
}
@media (min-width: 768px) {
  body {
    padding-top: 0;
  }
}
a {
  color: #333;
  text-decoration: none;
}
a:hover {
  color: #e80000;
  text-decoration: none;
}

input:focus,
button:focus,
select:focus {
  outline: 0;
}

strong {
  font-weight: bold;
}

.container:before,
.container:after,
.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}
.container:after,
.clearfix:after {
  clear: both;
}

.container {
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1200px;
  }
}

.visible-xs {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  .hidden-xs {
    display: none !important;
  }
}

.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.thumb {
  display: block;
  overflow: hidden;
}
.thumb img {
  display: block;
  width: 100%;
  transition: all .4s;
}
.thumb:hover img {
  transform: scale(1.2);
}

/***************** header S *****************/
header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  padding: 1px 5px 1px 5px;
}
header .logo {
  float: left;
  height: 50px;
  overflow: hidden;
}
header .btn-menu {
  float: right;
  margin: 5px 5px 0 20px;
  width: 32px;
  height: 32px;
  background: url(../img/icon-menu.png) no-repeat;
  cursor: pointer;
}
header .search {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 3;
  display: none;
  text-align: center;
  height: 100%;
  padding-top: 8px;
}
header .search form {
  display: flex;
  float: right;
}
header .search form input {
  padding: 8px 5px;
  border: none;
}
header .search form input[type='text'] {
  width: 80%;
  background-color: #fff;
}
header .search form input[type='submit'] {
  flex: 1;
  letter-spacing: 10px;
  color: #fff;
  background-color: #e80000;
  cursor: pointer;
}
header .search form input[type='submit']:hover {
  background-color: #990000;
}
.btn-close {
  display: block;
  width: 32px;
  height: 32px;
  background: url(../img/icon-close.png) no-repeat;
  cursor: pointer;
  transition: transform 0.6s ease-out;
}
.btn-close:hover {
  transform: rotateZ(180deg);
}
header .search .btn-close {
  position: absolute;
  right: 0;
  top: 8px;
}
header nav > ul > li.btn-search span {
  cursor: pointer;
}
header nav > ul > li.btn-search span:before {
  content: "\e7b3";
}
header.active nav > ul > li.btn-search span:before {
  content: "\e748";
}
nav a:hover {
  color: #cccc66;
}
@media (max-width: 767px) {
  body.open header .btn-menu {
    background-image: url(../img/icon-close.png);
  }
  body.open nav {
    right: 0;
  }
  header {
    background-color: #fff;
  }
  nav {
    position: fixed;
    right: -55%;
    top: 52px;
    z-index: 998;
    width: 55%;
    height: 100%;
    font-size: 16px;
    background-color: transparent;
    transition: all .3s;
  }
  nav > ul {
    display: block;
    height: 100%;
    background-color: #fff;
  }
  nav > ul > li {
    border-bottom: 1px solid #6c5632;
  }
  nav > ul > li.sep {
    border-bottom: none;
  }
  nav > ul > li > a {
    display: block;
    padding: 10px;
    line-height: 30px;
    font-size: 18px;
  }
  nav > ul > li > a .iconfont {
    margin-right: 5px;
    font-size: 28px;
    vertical-align: middle;
  }
  nav > ul > li > a span:before {
    content: "\e627";
  }
  nav > ul > li:nth-child(2) > a span:before {
    content: "\e752";
  }
  nav > ul > li:nth-child(4) > a span:before {
    content: "\e631";
  }
  nav > ul > li:nth-child(5) > a span:before {
    content: "\e754";
  }
  nav > ul > li:nth-child(6) > a span:before {
    content: "\e6ef";
  }
  nav > ul > li > ul {
    padding-left: 50px;
    padding-bottom: 10px;
  }
  nav > ul > li > ul > li {
    margin-bottom: 2px
  }
  header .btn-search {
    float: right;
  }
  header .btn-search span {
    margin-top: 10px;
  }
  header .search .container {
    padding-left: 5px;
    padding-right: 45px;
  }
  header .search .btn-close {
    top: 2px;
    right: 5px;
  }
}
@media (min-width: 768px) {
  header {
    position: absolute;
    z-index: 2;
    padding-top: 20px;
  }
  header.active {
    z-index: 4;
  }
  header .logo {
    width: 25%;
    height: auto;
  }
  header .search {
    top: 80px;
  }
  header .search form {
    width: 50%;
  }
  header .search form input {
    padding: 14px 10px;
    font-size: 16px;
  }
  header nav {
    float: left;
    width: 75%;
    padding-top: 8px;
    font-size: 17px;
  }
  header nav a {
    color: #fff;
  }
  header nav a i {
    display: none;
  }
  header nav > ul {
    padding-left: 4%;
  }
  header nav > ul > li {
    position: relative;
    z-index: 4;
    float: left;
    display: block;
    width: 17%;
    text-align: center;white-space:nowrap;
  }

	
  header nav > ul > li.btn-search {
    z-index: 2;
    width: 15%;
    padding-top: 22px;
  }
  header nav > ul > li.btn-search span {
    font-size: 34px;
    color: #fff;
  }
  header nav > ul > li > a {
    display: block;
    padding-top: 30px;
    padding-bottom: 36px;
  }
  header nav > ul > li > ul {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    min-width: 100%;
    padding: 10px 5px;
    background: rgba(0, 0, 0, .3);
    border-top: 2px solid #4b4945;
    opacity: 0;
    transition: all .3s ease 0s;
    visibility: hidden;
    transform: translate3d(0, 10px, 0);
  }
  header nav > ul > li > ul:after {
    position: absolute;
    top: -10px;
    right: 45%;
    display: block;
    content: " ";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #4b4945;
  }
  header nav > ul > li.dropdown:hover ul {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  header nav > ul > li > ul > li > a {
    display: block;
    line-height: 35px;
    color: #fff;
  }
}
@media (min-width: 1200px) {
  header .search {
    padding-right: 50px;
  }
  header .search .btn-close {
    right: 65px;
  }
}
.mask {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 102;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
}
body.open .mask {
  display: block;
}
/***************** header E *****************/


/***************** footer S *****************/
footer {
  padding: 15px 10px;
  border-top: 2px solid #b37e2c;
}
footer .copyright {
  padding-top: 10px;
  text-align: center;
}
footer .copyright p {
  margin-bottom: 9px;
}
footer .copyright p span {
  padding: 0 .5em;
}
footer .copyright #sitecopy a {
  display: none;
}
footer .social a {
  position: relative;
  z-index: 99;
  display: inline-block;
  width: 29px;
  height: 24px;
  margin-left: 15px;
  background: url(../img/icon-social.png) no-repeat;
}
footer .social a:last-child {
  background-position: -55px 0;
}
footer .social a img {
  position: absolute;
  left: 50%;
  bottom: 40px;
  display: none;
  margin-left: -75px;
  border: 3px solid #fff;
}
footer .social a:hover img {
  display: block;
}
.backtop {
  position: fixed;
  right: 10px;
  bottom: 50px;
  display: none;
  width: 58px;
  height: 58px;
  background: url(../img/backtop.gif) no-repeat;
  cursor: pointer;
}
.backtop:hover {
  background-position: -58px 0;
}
@media (max-width: 767px) {
  footer .logo {
    display: none;
  }
  footer .social {
    display: none;
  }
}
@media (min-width: 768px) {
  footer {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  footer .logo {
    float: left;
    width: 20%;
  }
  footer .copyright {
    float: left;
    width: 60%;
  }
  footer .social {
    float: left;
    width: 20%;
    margin-top: 20px;
  }
}

/***************** footer E *****************/


/***************** banner S *****************/
.owl-banner .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}
.owl-banner .owl-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  display: block;
  width: 100%;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-banner .owl-dots .owl-dot {
  display: inline-block;
}
.owl-banner .owl-dots .owl-dot span {
  display: inline-block;
  width: 30px;
  height: 5px;
  margin: 0 5px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 0 2px rgba(0, 0, 0, .6);
}
.owl-banner .owl-dots .owl-dot.active span,
.owl-banner .owl-dots .owl-dot:hover span {
  background-color: #e80000;
}

#mobile-banner .owl-dots {
  bottom: 5px;
}
#mobile-banner .owl-dots .owl-dot span {
  height: 2px;
  margin-left: 3px;
  margin-right: 3px;
  border: none;
  border-radius: 0;
}

.banner-page {
  height: 150px;
  margin-bottom: 15px;
  background: url(../img/banner.jpg) center no-repeat;
  background-size: cover;
}
.breadcrumb {
  padding-top: 75px;
  color: #fff;
  text-align: center;
}
.breadcrumb a {
  color: #fff;
}
@media (min-width: 768px) {
  .banner-page {
    height: 320px;
    margin-bottom: 30px;
  }
  .breadcrumb {
    padding-top: 280px;
    text-align: right;
  }
}
@media (min-width: 1200px) {
  .banner-page {
    height: 500px;
  }
  .breadcrumb {
    padding-top: 460px;
  }
}
/***************** banner E *****************/


/**************** indexcss S ****************/
.business {
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
}
.business .item {
  position: relative;
  float: left;
  width: 50%;
  border-left: 1px solid #fff;
  margin-bottom: 1px;
}
.business .item img {
  display: block;
  width: 100%;
}
.business .item a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  width: 100%;
  padding: 50% 5px 0 5px;
  text-align: center;
}
.business .item a:hover {
  color: #000;
}
.business .item a h3 {
  margin-bottom: 10px;
  font-size: 22px;
  color: #000;
}
.business .item a p {
  margin-bottom: 8px;
  min-height: 7em;
  line-height: 1.75em;
}
.business .item a span {
  display: inline-block;
  padding: 10px 30px 10px 20px;
  color: #71685f;
  text-transform: uppercase;
  background: url(../img/icon-arr2.png) right center no-repeat;
  border-bottom: 2px solid #71685f;
}
.business .item a:hover span {
  color: #b47e2c;
  background-image: url(../img/icon-arr3.png);
}
@media (min-width: 768px) {
  .business {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .business .item {
    width: 25%;
  }
  .business .item a {
    float: left;
    padding-top: 50%;
  }
  .business .item a h3 {
    font-size: 28px;
  }
}
@media (min-width: 1200px) {
  .business .item a {
    padding-top: 320px;
    padding-left: 40px;
    padding-right: 40px;
  }
  .business .item .text p {
    min-height: 6em;
  }
}

.video {
  padding:0px;
  text-align: center;
  background: url(../img/hand-bg.png) center bottom no-repeat;
}
.partner {
  padding-bottom: 30px;
}
.partner .item {
  display: block;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}
.partner .owl-carousel .owl-item img {
  display: inline-block;
  width: auto;
}
@media (min-width: 768px) {
  .video {
    margin-bottom: 50px;
  }
  .partner {
    padding-bottom: 50px;
  }
}
@media (min-width: 1200px) {
  .video {
    margin-bottom: 100px;
  }
}
/**************** indexcss E ****************/

/****************** main S ******************/
.main {
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 768px) {
  .main {
    display: flex;
    padding-left: 0;
    padding-right: 0;
  }
  .main .sidebar {
    float: left;
    width: 250px;
    margin-right: 30px;
  }
  .main .content {
    flex: 1;
  }
}
.article {
  min-height: 300px;
  padding-bottom: 30px;
  overflow: hidden;
  text-align: justify;
}
.article img {
  max-width: 100%;
}
.single .article {
  padding-top: 15px;
  font-size: 16px;
  line-height: 1.75em;
}
.section-title {
  text-align: center;
}
.section-title h2 {
  font-size: 24px;
  color: #000;
}
.single .article .contact {
  padding-left: 200px;
  min-height: 200px;
  background: url(../img/contact-bg.jpg) no-repeat;
}

@media (min-width: 1200px) {
  .single .article .contact {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 15px;
  }
}

.coltit {
  margin-bottom: 20px;
  line-height: 37px;
  text-align: center;
  background: url(../img/coltit-bg.jpg) center no-repeat;
}
.coltit h2 {
  display: inline-block;
  padding: 0 15px;
  font-size: 24px;
  color: #333;
  background-color: #fff;
}
.list .coltit {
  position: relative;
  line-height: 36px;
  background-image: none;
  border-bottom: 1px solid #b37e2c;
}
.list .coltit:before,
.list .coltit:after {
  position: absolute;
  top: 4px;
  display: inline-block;
  content: " ";
  width: 36px;
  height: 28px;
  background: url(../img/tit-bg.png) no-repeat;
}
.list .coltit:before {
  left: 0;
}
.list .coltit:after {
  right: 0;
  background-position: 0 -28px;
}
@media (min-width: 768px) {
  .list {
    min-height: 500px;
  }
}

.news {
  display: flex;
  padding: 20px 0;
  border-bottom: 1px solid #ccc;
}
.news .thumb {
  float: left;
  width: 35%;
}
.news .meta {
  float: left;
  width: 190px;
  text-align: center;
}
.news .meta span {
  display: block;
  font-size: 24px;
  color: #db251c;
}
.news .meta p {
  padding: 10px 0;
  color: #888;
}
.news .meta i {
  display: inline-block;
  width: 53px;
  height: 53px;
  background: url(../img/btn-more.png) no-repeat;
}
.news .text {
  flex: 1;
  padding-left: 10px;
}
.news .text h4 {
  font-size: 16px;
}
.news .text p {
  line-height: 1.5em;
  color: #888;
}
@media (max-width: 767px) {
  .news .text {
    align-items: center;
  }
}
@media (min-width: 768px) {
  .news .thumb {
    width: 200px;
  }
  .news .text {
    display: flex;
    padding-left: 0;
    align-items: center;
  }
  .news .text h4 {
    margin-bottom: 15px;
    font-size: 18px;
  }
}

.pagination {
  margin: 40px 0;
  text-align: center;
}
.pagination li {
  display: inline-block;
  margin: 2px;
}
.pagination li span,
.pagination li a {
  display: inline-block;
  min-width: 30px;
  height: 28px;
  line-height: 28px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
  border: 1px solid #ebebeb;
  border-radius: 6px;
}
.pagination li.active a,
.pagination li.active a:hover {
  color: #fff;
  background-color: #e80000;
  border-color: #e80000;
}
.pagination li a:hover {
  color: #666;
  background-color: #dadada;
}
.pagination > strong {
  padding: 0 .5em;
}
@media (min-width: 768px) {
  .pagination li span,
  .pagination li a {
    
  }
}

.post {
  padding-bottom: 50px;
}
.post .coltit {
  margin-bottom: 15px;
}
.post .post-meta {
  margin-bottom: 20px;
  text-align: center;
  color: #888;
}
.post .post-meta span {
  padding: 0 .5em;
}
.post .article {
  line-height: 1.5em;
  font-size: 16px;
}
.post .article video {
  display: block;
  object-fit: fill;
}
.post .article .ckin__player:hover .ckin-play {
  padding: 7px;
  border: 4px solid #f00;
  border-radius: 50%;
}
.post .pager {
  padding: 10px 0;
  line-height: 1.8em;
  border-top: 1px solid #eee;
}

.project {
  margin-bottom: 50px;
}
.project li {
  float: left;
  display: block;
  width: 100%;
  padding: 10px 15px;
}
.project li img {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
.project li h4 {
  position: relative;
  line-height: 50px;
  text-indent: 1em;
  font-size: 24px;
  color: #333;
  border-top: 1px solid #b47e2c;
}
.project li h4:after {
  position: absolute;
  top: 12px;
  right: 10px;
  display: block;
  content: " ";
  width: 27px;
  height: 27px;
  background: url(../img/btn-more-small.png) no-repeat;
}
@media (min-width: 768px) {
  .project li {
    width: 50%;
  }
}


/***************** sidebar S *****************/
.sidebar {
  padding-bottom: 30px;
}
.sidebar > h3 {
  height: 30px;
  margin-bottom: 10px;
  line-height: 30px;
  text-indent: 30px;
  font-size: 24px;
  color: #e50045;
  background: url(../img/sidebar-h3.png) left center no-repeat;
}
.subnav {
  padding-right: 12px;
}
.subnav > li {
  padding: 5px 0;
  border-bottom: 1px solid #bfbfbf;
}
.subnav a {
  display: block;
  line-height: 34px;
  padding-left: 40px;
  color: #333;
}
.subnav > li > a {
  position: relative;
  font-size: 16px;
  background: url(../img/subnav-li.png) 25px center no-repeat;
}
.subnav > li > a:hover {
  color: #fff;
  background-color: #8f6520;
  border-radius: 17px;
}
.subnav li.active > a,
.subnav li > a:hover {
  color: #f00;
}
.subnav li ul {
  display: none;
}
.subnav li.active ul {
  display: block;
}
.subnav li ul li {
  margin-top: 8px;
}
@media (max-width: 767px) {
  .subnav > li {
    float: left;
    display: block;
    width: 50%;
  }
  .subnav > li > a {
    padding-left: 35px;
  }
  .subnav > li > a:before {
    left: 5px;
  }
}
/***************** sidebar E *****************/



/***************** timeline S ****************/
.timeline {
  position: relative;
  margin-top: 100px;
}
.timeline:before {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  display: block;
  content: " ";
  width: 1px;
  height: 100%;
  background-color: #b47e2c;
}
.timeline .item {
  position: relative;
  padding-bottom: 40px;
}
.timeline .item:before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  content: " ";
  width: 24px;
  height: 24px;
  margin-left: -12px;
  background-color: #fff;
  border: 5px solid #d52e20;
  border-radius: 50%;
}
.timeline .item > a {
  position: relative;
  float: left;
  display: block;
  width: 50%;
  min-height: 100px;
}
.timeline .item > a img {
  position: absolute;
  top: -45px;
  right: 70px;
  border: 1px solid #b47e2c;
}
.timeline .item h4 {
  position: relative;
  float: right;
  display: block;
  width: 50%;
  margin-bottom: 80px;
  padding-left: 50px;
  font-size: 16px;
  font-weight: bold;
  color: #000;
}
.timeline .item:nth-child(even) > a {
  float: right;
}
.timeline .item:nth-child(even) > a img {
  right: auto;
  left: 50px;
}
.timeline .item:nth-child(even) h4 {
  float: left;
  padding-left: 0;
  padding-right: 70px;
  text-align: right;
}
@media (min-width: 1200px) {
  .timeline {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

}
/***************** timeline E ****************/