body {
  background: #fff;
  font-family: 'PingFang SC', "microsoft yahei", 'Myriad Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
ul {
  padding: 0;
}
ul,
li,
ol {
  list-style: none;
}
a {
  color: #fff;
}
a:hover {
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.h16 {
  font-size: 16px;
}
.h3 {
  font-size: 22px;
}
.h2 {
  font-size: 24px;
}
.h5 {
  font-size: 16px;
}
.h6 {
  font-size: 14px;
}
.h7 {
  font-size: 12px;
}
.h50 {
  font-size: 34px;
}
.h120 {
  font-size: 120px;
}
.h60 {
  font-size: 60px;
  font-family: arial, "microsoft yahei";
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h50,
.h6,
.h7 {
  font-family: 'PingFang SC', "microsoft yahei", 'Myriad Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: normal;
}
.tac {
  text-align: center;
}
.por {
  position: relative;
}
.poa {
  position: absolute;
}
.ease {
  transition: all .3s;
}
.font1 {
  font-family: futural;
}
@media (min-width: 1499px) {
  .container {
    width: 1280px;
  }
  .carousel-indicators {
    margin-left: -640px;
  }
}
.transs {
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
/**************main css****************/
.indexTit {
  text-align: center;
  padding-bottom: 1.2%;
  margin-bottom: 7%;
  line-height: 1.5em;
  margin-left: 5%;
  margin-right: 5%;
}
.indexTit .en {
  font-weight: bold;
  letter-spacing: 5px;
  display: block;
  margin-top: 0;
  text-transform: uppercase;
}
.indexTit h3 {
  margin-top: 0;
}
.carousel-indicators {
  text-align: right;
}
.carousel-indicators li {
  width: 44px;
  height: 4px;
  border-radius: 0;
  background: #fff;
  border: 0px;
}
.carousel-indicators li.active {
  width: 44px;
  height: 4px;
  background: #263157;
}
.banner {
  width: 100%;
  height: 700px;
}
.banner .item a {
  width: 100%;
  height: 100%;
  display: block;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner .swiper-pagination {
  text-align: right;
  padding: 0 10%;
  bottom: 1rem;
  vertical-align: bottom;
  color: #fff;
}
.banner .swiper-pagination span {
  border-radius: 0;
  vertical-align: bottom;
  border: 0px;
  font-size: 16px;
  width: 10px;
  height: 30px;
  color: #fff;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  line-height: 40px;
}
.banner .swiper-pagination span.swiper-pagination-current {
  font-size: 30px;
  width: 20px;
  line-height: 30px;
}
.banner .swiper-button-next {
  top: auto !important;
  bottom: 9%;
  background: url(../images/sb_next.png) no-repeat;
  right: 6%;
}
.banner.scroll {
  transform: translateY(-100%);
}
.banner .swiper-pagination-bullet {
  opacity: 1;
}
@media (min-width: 768px) {
  .banner .swiper-pagination {
    bottom: 120px;
  }
}
@media (max-width: 1024px) {
  .banner .swiper-button-next {
    bottom: 7%;
  }
}
@media (max-width: 768px) {
  .banner .swiper-button-next {
    bottom: 9%;
  }
}
.mouse-ico {
  position: fixed;
  width: 75px;
  height: 82px;
  left: 50%;
  margin-left: -37px;
  bottom: 58px;
  z-index: 200;
}
.mouse-ico .line {
  width: 1px;
  height: 6px;
  background: #fff;
  position: absolute;
  left: 50%;
  margin-left: -2px;
  top: 34px;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.mouse-ico .mouse {
  width: 19px;
  height: 33px;
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -10px;
  top: 40px;
  background: url(../images/mouse.png) no-repeat center center;
}
.mouse-ico .mouse span {
  width: 2px;
  height: 2px;
  background: #fff;
  position: absolute;
  left: 50%;
  margin-left: -1px;
  top: 10px;
  animation: mousemove 3s linear 1s infinite;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.mouse-ico .en {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  opacity: 0.7;
  filter: alpha(opacity=70);
  display: block;
}
@keyframes mousemove {
  0% {
    transform: translateY(-5px);
  }
  25% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(5px);
  }
  75% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-5px);
  }
}
.y-navbar {
  border-radius: 0;
  margin-bottom: 0;
  min-height: 1rem;
  border: 0;
  background: #253157;
  transition: all 0.5s ease 0s;
}
.y-navbar.ind_nav {
  background: #fff;
}
.y-navbar.ind_nav .navbar-collapse {
  background: #fff;
}
.y-navbar.ind_nav .navbar-toggle .icon-bar {
  background: #263157;
}
.y-navbar.ind_nav .y-top-search .but {
  background: url(../images/search-ico2.png) no-repeat center center;
  outline: none;
}
.y-navbar.ind_nav .y-top-search .sear {
  color: #263157;
}
.y-navbar.ind_nav .nav-justified .logo {
  display: none;
}
.y-navbar.ind_nav .nav-justified .logo2 {
  display: block;
}
.y-navbar .navbar-collapse {
  z-index: 999;
  position: relative;
  border-top: 0;
  max-height: 5rem;
}
.y-navbar .nav-justified {
  padding: 5px 0;
  height: 100px;
}
.y-navbar .nav-justified img {
  max-height: 50%;
  width: auto;
  box-sizing: initial;
  margin: 2% auto;
}
.y-navbar .nav-justified .logo {
  display: block;
}
.y-navbar .nav-justified .logo2 {
  display: none;
}
@media (max-width: 700px) {
  .y-navbar .nav-justified img {
    height: .7rem;
    margin-top: .1rem;
  }
}
.y-navbar .navbar-nav > li > a {
  line-height: .6rem;
  padding: 0 5%;
  color: #fff;
  transition: all .3s;
  position: relative;
  font-size: 16px;
}
.y-navbar .navbar-nav > li:hover a,
.y-navbar .navbar-nav > li.hover a {
  background: #b8945f;
  color: #fff;
}
.y-navbar .navbar-nav > li:hover a:before,
.y-navbar .navbar-nav > li.hover a:before {
  width: 100%;
}
.y-navbar .navbar-toggle {
  border: 0;
  margin-top: 0;
  z-index: 999;
  background: none !important;
}
.y-navbar .navbar-toggle .icon-bar {
  width: .45rem;
  height: .02rem;
  background: #fff;
  margin-bottom: .1rem;
}
.y-navbar .navbar-toggle:hover {
  background: none;
}
.y-navbar .container-fluid {
  position: relative;
}
.body-wrap {
  width: 100%;
  position: relative;
  transition: all 0.5s ease 0s;
}
.footer {
  transition: all 0.5s ease 0s;
}
.body-wrap.left,
.y-navbar.left,
.footer.left {
  transform: translateX(30%);
}
.m-sub-menu.show {
  left: 0;
  transition: all 0.44s ease 0s;
}
.m-sub-menu {
  background-color: #fff;
  height: 100%;
  position: fixed;
  left: -100%;
  top: 0;
  transition: all 0.64s ease 0s;
  width: 26%;
  z-index: 1040;
}
.m-sub-menu .top-box {
  background-color: #263157;
  height: 100px;
  line-height: 100px;
}
.m-sub-menu .top-box .stt {
  color: #acacac;
  display: inline-block;
  margin-left: 8%;
}
.m-sub-menu .top-box .close {
  background: url("../images/ico_37.png") no-repeat center center;
  cursor: pointer;
  display: inline-block;
  height: 17px;
  margin-right: 15%;
  margin-top: 10%;
  width: 17px;
}
.m-sub-menu .list-wrap ul {
  width: 100%;
  padding-top: 2%;
}
.m-sub-menu .list-wrap li {
  border-bottom: 1px solid #f2f2f2;
  line-height: 60px;
  width: 100%;
}
.m-sub-menu .list-wrap li .col-box {
  display: block;
  padding: 0 0 0 8%;
  width: 84%;
}
.m-sub-menu .list-wrap .tit {
  color: #666;
  height: 2em;
  line-height: 2em;
  transition: all .3s;
}
.m-sub-menu .list-wrap .point {
  background: url("../images/ico_38.png") no-repeat center center;
  display: inline-block;
  height: 12px;
  margin-top: 20px;
  width: 8px;
}
.m-sub-menu .list-wrap li .col-box:hover .tit {
  color: #263157;
  padding-left: 2%;
}
@media (max-width: 700px) {
  .m-sub-menu {
    width: 50%;
  }
  .m-sub-menu .list-wrap .point {
    margin-top: 16px;
  }
  .m-sub-menu .top-box {
    height: 1rem;
    line-height: 1rem;
  }
  .mouse-ico {
    bottom: 2%;
  }
  .banner .swiper-pagination {
    bottom: 4%;
  }
  .banner .swiper-button-next {
    bottom: 0;
    right: -1%;
  }
  .navbar-toggle {
    padding-top: 8%;
  }
}
.m-sub-menu .sec-sub-list {
  position: absolute;
  left: -100%;
  top: 60px;
  width: 100%;
  z-index: 1050;
}
.m-sub-menu .sec-sub-list .return-fir {
  background-color: #333;
  display: block;
  line-height: 60px;
  padding: 0;
  width: 100%;
}
.m-sub-menu .sec-sub-list .return-fir p {
  background: url("../images/ico_42.png") no-repeat left center;
  color: #fff;
  font-size: 18px;
  padding-left: 18px;
  margin-left: 3%;
}
.m-sub-menu .sec-sub-list .boxs {
  background-color: #fff;
  left: 0;
  position: absolute;
  top: 0;
  transition: all 0.4s ease 0s;
  width: 100%;
}
.m-sub-menu .sec-sub-list .boxs.show {
  left: 100%;
}
.m-sub-menu .sec-sub-list ul,
.m-sub-menu .sec-sub-list li {
  width: 100%;
}
.m-sub-menu .sec-sub-list li {
  border-bottom: 1px solid #f2f2f2;
  line-height: 60px;
}
.m-sub-menu .sec-sub-list li a {
  color: #666;
  display: block;
  font-size: 16px;
  padding: 0 7.8% 0 8.2%;
  width: 84%;
}
.m-sub-menu .sec-sub-list .bot-link {
  margin-top: 14px;
}
.zzblack {
  position: fixed;
  z-index: 1030;
  background: url("../images/black50.png") repeat left top;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  transition: all .3s;
}
.gotop {
  background: url("../images/gotop.png") no-repeat left top;
  z-index: 9999;
  position: fixed;
  right: 0;
  bottom: 18%;
  width: 50px;
  height: 50px;
  cursor: pointer;
  display: none;
}
@media (max-width: 768px) {
  .gotop {
    background: url("../images/gotop.png") no-repeat left top;
    background-size: .6rem auto;
    width: .6rem;
    height: .6rem;
    bottom: 20%;
  }
}
@media (min-width: 768px) {
  .y-navbar {
    height: 1rem;
  }
  .y-navbar .y-top-search {
    position: absolute;
    right: 0;
    top: 0;
    outline: none;
  }
  .y-navbar .navbar-brand {
    position: relative;
    z-index: 1000;
    padding: 5px;
  }
  .y-navbar .nav-justified {
    width: 60%;
    margin: 0 auto;
    display: block;
  }
  .y-navbar .nav-justified img {
    margin: 2% auto;
    display: block;
    height: 45%;
  }
  .y-navbar .navbar-toggle {
    display: block !important;
    margin-top: 20px;
  }
  .y-navbar .navbar-right {
    margin-right: 0;
  }
}
@media (min-width: 992px) {
  .y-navbar .navbar-collapse {
    display: none !important;
  }
  .y-navbar .navbar-brand {
    margin-top: 15px;
  }
  .y-navbar .navbar-toggle {
    padding-top: 0;
    margin-top: 10px;
  }
  .y-navbar .y-top-search {
    height: 100px;
  }
  .y-navbar .y-top-search .sform {
    position: relative;
    margin: 26px 10px 0 110px;
  }
  .y-navbar .y-top-search .but,
  .y-navbar .y-top-search .sear {
    height: 40px;
    width: 40px;
    outline: none;
  }
  .y-navbar .y-top-search .sear {
    position: absolute;
    width: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    border-bottom: 1px solid #7a7a7a;
    right: 52px;
    top: 1px;
    transition: all .5s;
    background: none;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    outline: none;
    color: #fff;
  }
  .y-navbar .y-top-search .but {
    width: 40px;
    height: 40px;
    border: 0;
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    background: url(../images/search-ico.png) no-repeat center center;
  }
  .y-navbar .y-top-search.open .sear {
    width: 140px;
    padding-right: 20px;
    padding-left: 10px;
  }
}
@media (min-width: 1000px) {
  .y-navbar .navbar-toggle {
    padding-top: 0;
    margin-top: 18px;
  }
}
@media (min-width: 1200px) {
  .y-navbar .navbar-brand {
    margin-top: 30px;
  }
  .y-navbar .y-top-search .sform {
    margin: 30px 30px 0 130px;
  }
  .y-navbar .y-top-search.open .sear {
    width: 130px;
    padding-right: 20px;
    padding-left: 10px;
  }
  .y-navbar .navbar-toggle {
    padding-top: 0;
    margin-top: 10px;
  }
}
@media (min-width: 1400px) {
  .y-navbar .navbar-brand {
    margin-top: 20px;
  }
  .y-navbar .y-top-search .sform {
    margin: 30px 30px 0 140px;
  }
  .y-navbar .y-top-search.open .sear {
    width: 140px;
    padding-right: 20px;
    padding-left: 10px;
  }
}
@media (min-width: 1600px) {
  .y-navbar .y-top-search .sform {
    margin: 30px 30px 0 140px;
  }
  .y-navbar .y-top-search.open .sear {
    width: 140px;
    padding-right: 20px;
    padding-left: 10px;
  }
  .y-navbar .navbar-toggle {
    margin-top: 12px;
  }
}
.icount-pro {
  width: 100%;
  background: #fff;
  padding-top: 120px;
  transition: all .3s;
}
@media (max-width: 768px) {
  .icount-pro {
    padding-top: 2rem;
  }
}
.icount {
  padding: 6% 0 2%;
}
.icount .item {
  text-align: center;
  color: #999999;
  margin-bottom: 4%;
  padding: 0;
}
.icount .item .num {
  line-height: 16px;
  margin: 0;
}
.icount .item span {
  letter-spacing: 6px;
}
.icount .item strong {
  font-family: futural;
  color: #dbbd7d;
  font-weight: normal;
  line-height: 1.1em;
}
.iproject {
  padding: 5% 0 9%;
  position: relative;
}
.iproject .itxt {
  position: relative;
  z-index: 3;
}
.iproject .itxt .box {
  position: absolute;
  left: -50%;
  top: 0;
}
.iproject .itxt p {
  line-height: 1.3em;
  color: #252525;
  font-size: 60px;
  text-transform: uppercase;
  font-family: arial;
}
.iproject .itxt a {
  display: block;
  text-align: center;
  color: #252525;
  font-size: 16px;
  padding-top: 10px;
}
.iproject .itxt a h3 {
  margin-bottom: 10px;
  line-height: 24px;
  text-align: left;
  padding-left: 52px;
}
.iproject .itxt a span {
  width: 40px;
  height: 40px;
  display: block;
  margin-left: 52px;
  border: 1px solid #263157;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  text-align: center;
  position: relative;
}
.iproject .itxt a span s {
  width: 22px;
  height: 8px;
  background: url(../images/rig-ico.png) no-repeat 0 0;
  left: 20%;
  animation: down-ico2 2s ease-out infinite;
}
.iproject .iimg {
  position: relative;
  z-index: 2;
}
.iproject .iimg .item {
  position: relative;
  color: #999999;
  padding: 0;
  margin-bottom: 2%;
}
.iproject .iimg .item a {
  display: block;
  margin: 0 2%;
  transition: all .6s;
  overflow: hidden;
  position: relative;
}
.iproject .iimg .item img {
  width: 100%;
  display: block;
  transition: all .6s;
}
.iproject .iimg .item .bg {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0px;
  bottom: 0;
  background: url(../images/black70.png) repeat 0 0;
  transition: all .6s;
  display: none;
}
.iproject .iimg .item .txt {
  width: 68%;
  margin: 0 auto;
  position: absolute;
  left: 16%;
  top: 32%;
  color: #fff;
  text-align: center;
}
.iproject .iimg .item .txt h3 {
  margin-bottom: 2%;
  transition: all .6s;
  padding-top: 0;
  margin-top: 10px;
}
.iproject .iimg .item .txt h3 s {
  width: 6px;
  height: 6px;
  display: inline-block;
  vertical-align: middle;
  background: #dbbd7d;
  margin-left: 5%;
}
.iproject .iimg .item .txt em {
  width: 20px;
  height: 2px;
  display: block;
  margin: 14px auto;
  background: #fff;
}
.iproject .iimg .item .txt p {
  line-height: 1.6em;
  height: 6.2em;
  overflow: hidden;
  color: #bab8b8;
  padding-top: 16px;
}
.iproject .iimg .item .txt .arrow {
  width: 118px;
  height: 3px;
  margin: 12% 0 18%;
  float: right;
  background: url(../images/arrow-ico.png) no-repeat right center;
}
.iproject .iimg .itxt2 .box {
  padding-left: 2%;
}
.iproject .iimg .itxt2 p {
  line-height: 1em;
  color: #252525;
  text-transform: uppercase;
  font-family: arial;
}
.iproject .iimg .itxt2 a {
  display: block;
  text-align: center;
  color: #252525;
  padding-top: 0;
}
.iproject .iimg .itxt2 a h3 {
  margin-bottom: 10px;
  line-height: 1.5em;
  text-align: left;
  margin-top: 0;
}
.iproject .iimg .itxt2 a span {
  width: .6rem;
  height: .6rem;
  display: block;
  border: 1px solid #263157;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  text-align: center;
  position: relative;
}
.iproject .iimg .itxt2 a span s {
  width: .22rem;
  height: .08rem;
  background: url(../images/rig-ico.png) no-repeat 0 0;
  left: 20%;
  animation: down-ico2 2s ease-out infinite;
}
@media (min-width: 1200px) {
  .iproject .iimg .item a:hover img {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
  }
  .iproject .iimg .item a:hover .bg {
    display: block;
  }
  .iproject .iimg .item a:hover .txt .h4 {
    padding-top: 4%;
  }
}
.icase {
  color: #fff;
  background: url(../images/casebg.jpg) no-repeat center top;
  background-size: cover;
}
.icase .container {
  padding-top: 8%;
  padding-bottom: 5%;
}
.icase .list-group {
  padding-bottom: 50px;
}
.icase .row a.more {
  width: 16em;
  height: 3em;
  line-height: 3em;
  margin: 3% auto 0;
  border: 1px solid #c6c7c7;
  text-align: center;
  color: #666;
  display: block;
}
.icase .row a.more:hover {
  background: #263157;
  border: 1px solid #263157;
  color: #fff;
}
@media (max-width: 1024px) {
  .icase .container {
    padding-top: 10%;
    padding-bottom: 8%;
  }
}
.kehu {
  overflow: hidden;
}
.kehu .item {
  margin-bottom: 4%;
}
.kehu .item a {
  display: block;
}
.kehu .item a.thumbnail {
  overflow: hidden;
  border: 0 none;
  border-radius: initial;
  position: relative;
  padding: 0;
  margin-bottom: 0;
  border-radius: inherit;
}
.kehu .item a.thumbnail img {
  display: block;
  width: 100%;
  border-radius: initial;
}
.kehu .item a.thumbnail .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../images/black50.png) repeat left top;
  left: 0;
  top: 0;
  display: none;
}
.kehu .item a.thumbnail .bg .stbn {
  width: 40px;
  height: 40px;
  margin: 23px auto;
  background: url(../images/search-ico.png) no-repeat center;
  display: block;
}
.kehu .item a.thumbnail .bg s {
  width: 30px;
  height: 1px;
  display: block;
  background: #fff;
  margin: 0 auto;
}
.kehu .item a.thumbnail .bg s.one {
  margin-top: 14%;
}
.kehu .item a.txt {
  padding: 10px 0 10px 0;
  color: #666;
  background: #fff;
  border-top: 1px solid #e3e3e3;
  transition: all 0.3s ease-out 0s;
  height: 130px;
}
.kehu .item a.txt h3 {
  padding: 0 6%;
  transition: all .3s;
  line-height: 1em;
  height: 1em;
  overflow: hidden;
  display: none;
}
.kehu .item a.txt p {
  padding: 2% 6% 0;
  margin: 0;
}
.kehu .item a.txt p .jtou {
  width: 24px;
  height: 10px;
  display: block;
  background: url(../images/rig-ico.png) no-repeat 0 0;
  margin-top: 10px;
}
.kehu .item a.txt h4 {
  border-bottom: 1px solid #eeeeee;
  padding: 0 5% 6%;
  transition: all .3s;
  height: 2.4em;
  line-height: 2em;
  overflow: hidden;
}
.kehu .item:hover a.txt {
  color: #fff;
  background: #424445;
  border-top: 1px solid #424445;
}
.kehu .item:hover a.txt h4 {
  border-bottom: 1px solid #68696a;
}
.kehu .item:hover a.txt p .jtou {
  background: url(../images/rig-ico.png) no-repeat 0 -18px;
}
.kehu .item:hover .thumbnail .bg {
  display: block;
}
.kehu .item:hover .thumbnail .bg s.one {
  margin-top: 24%;
}
@media (max-width: 768px) {
  .kehu .item a.txt {
    height: 120px;
    padding: 2% 0 0;
  }
  .kehu .item.hover a.txt {
    color: #666;
    background: #fff;
    border-top: 1px solid #e3e3e3;
  }
  .kehu .item.hover a.txt p .jtou {
    background: url(../images/rig-ico.png) no-repeat 0 0;
  }
}
@media (max-width: 640px) {
  .kehu .item a.txt {
    height: 90px;
    padding: 0;
  }
}
.kehulist {
  overflow: hidden;
}
.kehulist .item {
  margin-bottom: 4%;
}
.kehulist .item a {
  display: block;
  overflow: hidden;
  border-radius: initial;
  position: relative;
  padding: 0;
  margin-bottom: 0;
  border-radius: inherit;
  border: 1px solid #ddd;
}
.kehulist .item a img {
  display: block;
  width: 100%;
  border-radius: initial;
  -webkit-filter: grayscale(.9);
  filter: gray;
  filter: grayscale(.9);
}
.kehulist .item a:hover img {
  -webkit-filter: grayscale(0);
  filter: none;
  filter: grayscale(0);
}
.mobileshare {
  overflow: hidden;
}
.footer {
  padding: 1% 0;
  background: #263157;
}
.footer .row > div {
  padding: 0;
}
.footer .navbox {
  overflow: hidden;
}
.footer .navbox ul {
  font-size: 0;
  text-align: center;
}
.footer .navbox .nav-pills > li > a {
  border-radius: initial;
}
.footer .navbox li {
  color: #808496;
  background: url(../images/nav_line.png) no-repeat right center;
  height: 1.5em;
  line-height: 1.5em;
  overflow: hidden;
  padding: 0;
  margin: 0;
}
.footer .navbox li a {
  color: #808496;
}
.footer .navbox li span {
  display: inline-block;
  padding: 0 1%;
}
.footer .navbox li:last-child {
  background: none;
}
.footer .navbox .nav > li > a:focus,
.footer .navbox .nav > li > a:hover {
  background: none;
  color: #fff;
}
.footer .ilinks {
  margin-top: 2%;
  padding: 0;
  display: block;
  text-align: center;
}
.footer .ilinks span {
  color: #666978;
  display: inline-block;
  margin-top: 0;
}
.footer .ilinks a {
  color: #666978;
  display: inline-block;
  padding: 0 1%;
}
.footer .ilinks a:hover {
  color: #fff;
}
.footer .copyright {
  overflow: hidden;
  color: #666978;
  line-height: 1.5;
  padding: 0;
  text-align: center;
}
.footer .copyright span {
  display: inline-block;
  margin-left: 2%;
  margin-right: 1%;
}
.footer .copyright a {
  color: #666978;
}
.footer .copyright a:hover {
  color: #fff;
}
@media (max-width: 1200px) {
  .footer .navbox li {
    width: auto;
  }
}
@media (max-width: 1024px) {
  .footer .navbox .nav > li {
    display: inline-block;
    background: none;
  }
  .footer .navbox .nav > li > a {
    padding: 5px 10px;
  }
  .footer .navbox .nav-justified > li {
    width: auto;
  }
  .singlePage .content {
    min-height: 658px;
  }
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
  }
  .singlePage .content {
    min-height: 440px;
  }
}
@media (max-width: 414px) {
  .footer .navbox {
    padding: 3% 0;
  }
  .singlePage .content {
    min-height: 166px;
  }
}
@media (max-width: 320px) {
  .footer .navbox {
    text-align: center;
  }
  .footer .navbox .nav > li {
    display: inline-block;
    padding: 1%;
  }
  .footer .navbox .nav > li {
    background: none;
  }
  .footer .navbox .nav > li > a {
    padding: 0;
  }
}
/********ny content css********/
.nybanner {
  margin-top: 100px;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.nybanner img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.nybanner .txt {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.nybanner .txt .en {
  text-transform: uppercase;
  font-family: arial;
}
.nybanner .txt h3 {
  margin-top: .5em;
  margin-bottom: 0;
}
.nybanner .txt h4 {
  margin: 1.5em 0 1.2em;
  font-weight: 200;
  line-height: 1.5em;
  font-size: .28rem;
}
.nybanner .txt .arrow {
  margin-top: 2em;
  width: 45px;
  height: 45px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 100%;
  cursor: pointer;
  display: block;
  position: relative;
  overflow: hidden;
}
.nybanner .txt .arrow i {
  width: 22px;
  height: 22px;
  margin: 8px auto 0;
  display: block;
  position: relative;
  background: url(../images/down-ico.png) no-repeat center center;
  animation: down-ico 1.5s ease-out infinite;
}
.nybanner.probanner .txt {
  color: #13141c;
  top: 44%;
}
.nybanner.probanner .txt .en {
  text-transform: capitalize;
  font-weight: bold;
}
.nybanner.probanner .txt h3 {
  padding-left: 6%;
}
.nybanner.casebanner .txt {
  top: 46%;
}
.nybanner.nban2 .txt {
  text-align: center;
  top: 50%;
}
.nybanner.nban2 .txt .en {
  color: rgba(255, 255, 255, 0.1);
}
.nybanner.nban2 .txt h3 {
  margin-top: 0;
  display: block;
  margin-bottom: 0;
}
.nybanner.nban2 .txt .arrow {
  margin: 0 auto 0;
  width: 45px;
  height: 45px;
  cursor: pointer;
  display: block;
  position: absolute;
  overflow: hidden;
  border: 0 none;
  left: 48%;
  bottom: -42%;
}
.nybanner.nban2 .txt .arrow i {
  width: 34px;
  height: 22px;
  margin: 8px auto 0;
  display: block;
  position: relative;
  background: url(../images/down-ico2.png) no-repeat center center;
  animation: down-ico 1.5s ease-out infinite;
}
@media (max-width: 768px) {
  .nybanner {
    margin-top: 1rem;
  }
  .nybanner .txt h4 {
    width: 60%;
  }
  .nybanner.nban2 .txt {
    top: 45%;
  }
  .nybanner.nban2 .txt .arrow {
    margin-top: 0;
  }
}
@media (min-width: 992px) {
  .nybanner.nban2 .txt {
    top: 45%;
  }
  .nybanner.nban2 .txt h3 {
    margin-top: -28px;
  }
  .nybanner.nban2 .txt .arrow {
    bottom: -70%;
  }
}
@media (max-width: 640px) {
  .nybanner.probanner .txt h3 {
    padding-left: 6%;
  }
  .nybanner.nban2 .txt {
    top: 45%;
  }
  .nybanner.nban2 .txt h3 {
    margin-top: 0;
  }
  .nybanner.nban2 .txt .arrow {
    margin-top: 0;
  }
  .nybanner .container {
    width: 100%;
    padding-left: 30px;
  }
}
.aboutPage {
  padding: 5% 0 8%;
  width: 100%;
  margin-top: 1rem;
  background: url(../images/aboutbg.jpg) no-repeat center top;
  background-size: cover;
}
@media (min-width: 768px) {
  .aboutPage {
    margin-top: 100px;
  }
}
.aboutPage .title {
  color: #fff;
  margin-bottom: 3%;
}
.aboutPage .title .en {
  text-transform: uppercase;
  font-weight: 200;
  letter-spacing: 4px;
}
.aboutPage .title h3 {
  margin: .4em 0 .4em;
}
.aboutPage .title .txt {
  width: 70%;
  line-height: 1.8em;
}
@media (max-width: 768px) {
  .aboutPage .title {
    padding-left: 5%;
  }
  .aboutPage .title .txt {
    width: 90%;
  }
}
.aboutPage .icount {
  border-top: 1px solid rgba(256, 256, 256, 0.4);
  padding: 0;
}
.aboutPage .icount .item {
  color: #fff;
  position: relative;
  padding: 6% 0 7%;
  margin-bottom: 0;
  background: url(../images/iaboutlinebg.png) no-repeat right bottom;
  background-size: contain;
}
.aboutPage .icount .item:last-child {
  background-image: url(../images/iaboutlinebg_last.png);
}
@media (max-width: 992px) {
  .aboutPage .icount {
    border-top: 0;
  }
  .aboutPage .icount .item {
    background: none;
  }
}
.map_ul {
  list-style: outside none none;
  display: block;
  width: 100%;
}
.map_ul li {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 15px;
}
.map_ul li a {
  height: 35px;
  line-height: 35px;
  font-weight: bold;
  display: block;
  background: #f6f6f6;
  text-indent: 15px;
  color: #333;
}
.map_ul li a:hover {
  color: #253157;
}
.map_ul li .list_inline {
  display: block;
  width: 100%;
}
.map_ul li .list_inline a {
  text-indent: 0;
  font-weight: normal;
  display: block;
  line-height: 32px;
  height: 32px;
  display: inline-block;
  padding: 0px 10px;
  width: auto;
  margin: 15px 0 0;
  border: 1px solid #ccc;
  text-align: center;
}
.map_ul li .list_inline a:hover {
  background: #253157;
  color: #fff;
  border: 1px solid #253157;
}
.about-txt {
  background: #253157;
  color: #fff;
  padding: 12% 0 10%;
}
.about-txt .row1 {
  padding-bottom: 16%;
}
.about-txt .row1 .txtcon h3 {
  margin-bottom: 2em;
}
.about-txt .row1 .txtcon .txt {
  line-height: 1.8em;
  height: 9em;
  overflow: hidden;
  color: #ccc;
}
.about-txt .row1 .txtcon .more {
  width: 260px;
  margin-top: 6em;
  padding-top: 1em;
  padding-bottom: 1em;
  display: block;
  border-bottom: 1px solid #c8a063;
  text-transform: uppercase;
  transition: all .3s;
}
.about-txt .row1 .txtcon .more:hover {
  color: #fff;
  background: #111e47;
  text-indent: 1em;
  text-decoration: none;
}
.about-txt .row1 .img img {
  max-width: 100%;
  max-height: 100%;
  position: relative;
  display: block;
}
.about-txt .row1 .img p {
  width: 434px;
  height: 58px;
  position: absolute;
  z-index: 5;
  bottom: 15px;
  left: -30%;
  background: url(../images/aboutPagep.jpg) no-repeat center center;
  background-size: cover;
}
@media (max-width: 992px) {
  .about-txt .row1 .txtcon h3 {
    margin-top: .1em;
  }
}
@media (max-width: 1200px) {
  .about-txt .row1 .txtcon h3 {
    margin-bottom: 1em;
  }
  .about-txt .row1 .txtcon .more {
    margin-top: 2em;
  }
}
.about-txt .row2 {
  background: url(../images/coopbg.png) no-repeat right top;
  background-size: 100% auto;
}
.about-txt .row2 .img {
  margin-top: 3%;
  display: block;
}
.about-txt .row2 .img img {
  max-width: 100%;
  display: block;
  transition: all .3s;
}
.about-txt .row2 .img:hover img {
  filter: brightness(110%);
}
.about-txt .row2 .txtcon {
  padding-bottom: 6%;
}
.about-txt .row2 .txtcon a.h2 {
  padding: .5em 0 .2em;
  transition: all .3s;
  display: inline-block;
  color: #fff;
}
.about-txt .row2 .txtcon a.h2:hover {
  padding-left: .2em;
}
.about-txt .row2 .txtcon .en {
  font-weight: 400;
  color: #fff;
  display: block;
  text-transform: uppercase;
  letter-spacing: 5px;
  margin-bottom: 1.2em;
}
.about-txt .row2 .txtcon .line {
  width: 150px;
  height: 1px;
  background: #c9ac6f;
  display: block;
  margin: 1em 0 2em;
}
.about-txt .row2 .txtcon .txt {
  line-height: 1.8em;
  color: #ccc;
  margin-bottom: 7%;
  height: 3.6em;
  overflow: hidden;
}
.about-txt .row2 ul li {
  width: 72px;
  height: 72px;
  font-size: 12px;
  margin-right: 5%;
  padding: 20px 20px 0;
  line-height: 1.5em;
  text-align: center;
  display: inline-block;
  background: url(../images/coopbg2.png) no-repeat center center;
  background-size: contain;
}
@media (max-width: 992px) {
  .about-txt .row2 .txtcon .line {
    margin: 0 0 1em;
  }
  .about-txt .row2 .txtcon h3 {
    margin-top: .5em;
  }
  .about-txt .row2 ul li {
    margin-right: 2%;
  }
}
@media (max-width: 360px) {
  .about-txt .row2 .txtcon .line {
    margin: 0 0 1em;
  }
  .about-txt .row2 .txtcon h3 {
    margin-top: .5em;
  }
  .about-txt .row2 ul li {
    width: 65px;
    height: 65px;
    margin-right: 1%;
  }
}
.zhizao {
  text-align: center;
  padding-top: 2%;
}
.zhizao img {
  max-width: 100% !important;
  display: block;
  margin: 0 auto;
}
.about-honor .container {
  padding: 0;
}
.about-honor .title {
  text-align: center;
  color: #fff;
  margin-bottom: 5%;
  padding: 0 15px;
}
.about-honor .title .en {
  text-transform: uppercase;
  letter-spacing: 3px;
  margin-bottom: 1.5em;
}
.about-honor .proslide {
  width: 100%;
}
.about-honor .proslide .carousel-inner {
  position: relative;
  min-height: 190px;
}
.about-honor .proslide .row {
  margin: 0;
  padding: 0;
}
.about-honor .proslide .thumbnail {
  border-radius: 0px;
  padding: 0;
  border: 0px;
}
.about-honor .carousel-control {
  width: 26px;
  height: 60px;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -35px;
  cursor: pointer;
  z-index: 99;
  background: none;
  opacity: 1;
}
.about-honor .carousel-control span {
  display: block;
  width: 26px;
  height: 60px;
}
.about-honor .carousel-control.left {
  left: 15px;
}
.about-honor .carousel-control.left span {
  background: url(../images/h-prev-ico.png) no-repeat 0 0;
}
.about-honor .carousel-control.right {
  right: 15px;
}
.about-honor .carousel-control.right span {
  background: url(../images/h-next-ico.png) no-repeat 0 0;
}
.about-idea {
  padding: 10% 0 10%;
}
.about-idea .container {
  padding-bottom: 8%;
  background: url(../images/about-coopbg.jpg) no-repeat 0 0;
  background-size: cover;
  color: #fff;
}
.about-idea .title {
  padding: 2% 5% 4%;
}
.about-idea .title .en {
  font-weight: 400;
  color: #fff;
  display: block;
  text-transform: uppercase;
  letter-spacing: 5px;
}
.about-idea .carousel-control.left {
  left: 5%;
  background: url(../images/about-idea-txtbg-left.png) no-repeat center center;
}
.about-idea .txt {
  width: 70%;
  height: 14em;
  margin: 0 auto;
  background: url(../images/about-idea-txtbg.png) no-repeat center center;
  background-size: contain;
  text-align: center;
}
.about-idea .txt .item {
  width: 100%;
  padding: 3% 0;
  text-align: center;
  padding-top: 3em;
}
.about-idea .txt .p1,
.about-idea .txt .p2 {
  display: inline-block;
  vertical-align: middle;
}
.about-idea .txt .p1 {
  line-height: 100%;
  margin: 0 10% 0 0;
}
.about-idea .txt .p2 {
  letter-spacing: 4px;
  line-height: 1.6em;
}
.about-idea .txt .p2 p {
  margin-bottom: 0;
  text-align: left;
}
.about-idea .txt .p2 .z {
  text-indent: 2em;
}
@media (max-width: 1030px) {
  .about-idea .carousel-control.left {
    left: -15px;
    opacity: 1;
    background-size: contain;
  }
  .about-idea .txt {
    width: 85%;
  }
}
@media (max-width: 700px) {
  .about-idea .txt {
    width: 100%;
    background: none;
    text-align: left;
    padding-top: 0;
  }
  .about-idea .txt .p1 {
    margin-right: 0;
    text-align: left;
    display: block;
    padding-left: 2em;
  }
  .about-idea .txt .p2 {
    display: block;
    padding-left: 2em;
  }
  .about-idea .txt .p2 p {
    text-align: left;
  }
  .about-idea .txt .p2 .z {
    text-indent: 0;
  }
}
.about-team {
  padding: 8% 0 0;
}
.about-team .row {
  background: #243058;
  background-size: 100% auto;
}
.about-team .row .img {
  padding: 0;
}
.about-team .row .img img {
  max-width: 100%;
  display: block;
}
.about-team .row .txtcon {
  padding-left: 4%;
  color: #fff;
}
.about-team .row .txtcon h3 {
  padding: .4em 0 .1em;
  color: #fff;
}
.about-team .row .txtcon h4 {
  letter-spacing: 5px;
  margin-bottom: .2rem;
}
.about-team .row .txtcon .en {
  font-weight: 400;
  display: block;
  text-transform: uppercase;
  letter-spacing: 5px;
  margin-bottom: 3em;
}
.about-team .row .txtcon .line {
  width: 150px;
  height: 1px;
  background: #c9ac6f;
  display: block;
}
.about-team .row .txtcon .more {
  width: 130px;
  height: 30px;
  margin-top: 4em;
  line-height: 30px;
  border: 1px solid rgba(256, 256, 256, 0.5);
  text-align: center;
  color: #fff;
  display: block;
  transition: all .3s;
}
.about-team .row .txtcon .more:hover {
  background: #253157;
  color: #fff;
  border-color: #253157;
  text-decoration: none;
  width: 148px;
}
@media (max-width: 1200px) {
  .about-team .row .txtcon .en {
    margin-bottom: 1em;
  }
  .about-team .row .txtcon h4 {
    margin-bottom: 1em;
  }
  .about-team .row .txtcon .more {
    margin-top: 3em;
  }
}
@media (max-width: 768px) {
  .about-team .row .txtcon {
    padding-bottom: 6%;
  }
}
.about-history {
  padding: 0 0 8%;
}
.about-history .row {
  padding: 7em 0 8em;
  text-align: center;
  background: #243058 url(../images/about-historybg.jpg) no-repeat center bottom;
  background-size: cover;
}
.about-history .row h3 {
  padding: .4em 0 .2em;
  color: #fff;
}
.about-history .row h4 {
  letter-spacing: 5px;
  margin-bottom: 2em;
}
.about-history .row .en {
  font-weight: 400;
  display: block;
  margin-bottom: 1em;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 5px;
}
.about-history .row .more {
  width: 326px;
  height: 40px;
  margin-top: 3em;
  line-height: 40px;
  border: 1px solid rgba(256, 256, 256, 0.5);
  text-align: center;
  color: #fff;
  display: block;
  transition: all .3s;
  margin: 0 auto;
  font-size: 16px;
}
.about-history .row .more:hover {
  background: #253157;
  color: #fff;
  border-color: #fff;
  text-decoration: none;
}
@media (max-width: 1200px) {
  .about-history .row .en {
    margin-bottom: 1em;
  }
  .about-history .row h4 {
    margin-bottom: 1em;
  }
  .about-history .row .more {
    margin-top: 3em;
  }
}
@media (max-width: 768px) {
  .about-history .row {
    padding: 5em 0 6em;
  }
}
.servicePage {
  padding: 1% 0 15%;
}
.servicePage .container {
  background: #ffffff;
  overflow: visible;
}
@media (max-width: 768px) {
  .servicePage {
    padding-top: 3%;
  }
  .servicePage .container {
    margin: 0 15px;
  }
}
@media (max-width: 640px) {
  .servicePage {
    padding-top: 0;
  }
  .servicePage .container {
    margin: 0;
  }
}
.servicePage .title {
  padding: 3% 5% 7%;
  margin-left: -15px;
  margin-right: -15px;
  background: #eaeaea;
}
.servicePage .title h3 {
  margin: 0 0 .7em;
}
.servicePage .title .en {
  font-weight: 600;
  color: #666666;
  display: block;
  text-transform: uppercase;
  letter-spacing: 5px;
  margin-bottom: 1.2em;
}
.servicePage .title p {
  width: 95%;
  color: #666666;
  line-height: 1.5em;
}
.servicePage .row {
  margin-bottom: 10px;
}
.servicePage .item {
  padding: 3% 4% 5%;
  display: block;
}
.servicePage .item img {
  display: block;
  height: .92rem;
}
.servicePage .item h3 {
  color: #000;
  font-weight: 200;
  margin-bottom: .1em;
}
.servicePage .item .en {
  text-transform: uppercase;
  color: #999;
  display: block;
  margin-bottom: 1em;
}
.servicePage .item .txt {
  color: #666666;
  line-height: 1.5em;
  height: 4.5em;
  overflow: hidden;
}
.servicePage .item:nth-child(2n+2) {
  background: #f9f9f9;
}
.servicePage .item:hover {
  box-shadow: 0 0 .22rem rgba(0, 0, 0, 0.4);
  z-index: 10;
  text-decoration: none;
}
@media (min-width: 768px) {
  .servicePage .title p {
    width: 60%;
  }
  .servicePage .item img {
    height: 92px;
    background-size: auto;
  }
  .servicePage .item .en {
    margin-bottom: 2em;
  }
  .servicePage .item:hover {
    box-shadow: 0 0 22px rgba(0, 0, 0, 0.4);
  }
}
.casePage {
  padding: 3% 0 15%;
  background: #060e27;
}
.casePage .title {
  background: #fff;
  margin-bottom: 0;
}
.casePage .title .ch,
.casePage .title .en {
  padding: 2% 4% 8%;
}
.casePage .title .ch {
  background: #eaeaea;
}
.casePage .title h3 {
  color: #000000;
}
.casePage .title h4 {
  margin-bottom: 3em;
}
.casePage .title .line {
  width: 18px;
  height: 2px;
  background: #000;
  display: block;
  margin: 1em 0 2.5em;
}
.casePage .title .enh {
  text-transform: uppercase;
  font-weight: 600;
  color: #999999;
}
.casePage .item {
  background: #ffffff;
  display: block;
  margin-top: 3%;
}
.casePage .item .img {
  padding: 0;
  float: right;
}
.casePage .item .img img {
  max-width: 100%;
  width: 100%;
  max-height: 100%;
  display: block;
  margin: 0;
}
.casePage .item .txtcon {
  padding: 3% 4% 0;
  color: #999999;
}
.casePage .item .txtcon h3 {
  color: #000000;
  margin-bottom: 1.5em;
}
.casePage .item .txtcon h4 {
  color: #000000;
  line-height: 2em;
  height: 2em;
  overflow: hidden;
}
.casePage .item .txtcon .line {
  width: 78px;
  height: 1px;
  background: #7f7f7f;
  display: block;
  margin: 1.5em 0 2.5em;
  transition: all .3s;
}
.casePage .item .txtcon .txt {
  width: 100%;
  line-height: 1.5em;
  height: 4.5em;
  overflow: hidden;
}
.casePage .item .txtcon .arrow-c {
  width: 188px;
  height: 7px;
  margin-top: 7%;
  display: block;
  background: url(../images/arrow-ico2.png) no-repeat 0 0;
  transition: all .3s;
}
.casePage .item:nth-last-child(2) .txtcon {
  float: right;
}
.casePage .item:hover .img img {
  filter: brightness(110%);
}
.casePage .item:hover .txtcon .line {
  width: 140px;
  background: #c8a063;
}
.casePage .item:hover .txtcon h3,
.casePage .item:hover .txtcon h4 {
  color: #c8a063;
}
@media (min-width: 768px) {
  .casePage .item .txtcon .arrow-c {
    margin-top: 10%;
  }
}
@media (min-width: 992px) {
  .casePage .item .txtcon .txt {
    width: 80%;
  }
  .casePage .item .txtcon .arrow-c {
    margin-top: 18%;
  }
}
@media (max-width: 640px) {
  .casePage {
    padding-top: 0;
  }
  .casePage .container {
    margin: 0;
  }
  .casePage .item .txtcon h3 {
    margin: .1rem 0;
  }
  .casePage .item .txtcon h4 {
    margin: 0;
  }
  .casePage .item .txtcon .line {
    margin: .2rem 0;
  }
}
.showCase {
  padding: 0;
  background: #f4f4f4;
}
.showCase .container {
  padding: 0 3% 4%;
  overflow: visible;
  position: relative;
}
.showCase .container .tab {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  border-top: 0 none;
}
.showCase .container .tab .bt1 {
  text-align: center;
}
.showCase .container .tab .bt1 img {
  margin-right: 5px;
}
.showCase .container .tab ul {
  width: 100%;
  border: 1px solid #dfdfdf;
  padding: 1%;
}
.showCase .miaod {
  position: absolute;
  left: 0;
  top: -10em;
  width: 100%;
  height: 1px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.showCase .title {
  padding: 1% 0;
}
.showCase .list .item {
  margin-bottom: 3%;
}
.showCase .list .item a {
  display: block;
  transition: all .3s;
}
.showCase .list .item a:hover {
  text-decoration: none;
}
.showCase .list .item img {
  width: 100%;
  display: block;
}
.showCase .list .item a.txt {
  padding: 10px 0;
}
.showCase .list .item a.txt p .jtou {
  width: 24px;
  height: 10px;
  display: block;
  background: url(../images/rig-ico.png) no-repeat 0 0;
  margin-top: 10px;
}
.showCase .list .item a.txt .h5 {
  height: 2.4em;
  line-height: 2em;
  overflow: hidden;
  display: block;
}
.showCase .list .item a.txt:hover p .jtou {
  background: url(../images/rig-ico.png) no-repeat 0 -18px;
}
.showCase .list .item.hover a.txt p .jtou {
  background: url(../images/rig-ico.png) no-repeat 0 -18px;
}
.showCase .morebtn {
  margin: 4% auto;
}
@media (max-width: 768px) {
  .showCase {
    padding-top: 3%;
  }
  .showCase .container {
    margin: 0 auto;
  }
  .showCase .container .tab {
    position: relative;
    top: 0;
    margin-top: 3%;
  }
  .showCase .container .list {
    padding-top: .3rem;
  }
  .showCase .container .list .item a.txt {
    padding: .1rem 0 0;
  }
}
@media (max-width: 640px) {
  .showCase {
    padding-top: 0;
  }
  .showCase .title3 {
    font-size: 18px;
  }
  .showCase .container {
    margin: 0;
  }
}
.container .tab {
  margin: 3% 0 4%;
  line-height: 3em;
  border-top: 1px solid #dfdfdf;
  position: relative;
}
.container .tab p {
  margin: 0;
  width: 15%;
  height: 5.6em;
  color: #fff;
  text-align: center;
  line-height: 5.6em;
  position: relative;
  top: -1px;
  background: #263157;
}
.container .tab ul {
  background: #f8f8f8;
  width: 85%;
  padding: 2% 5%;
  display: block;
  border-right: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
}
.container .tab ul li {
  margin-right: 30px;
}
.container .tab ul li a {
  padding: 0 20px;
  color: #151515;
  height: 3em;
  line-height: 3em;
  background: none;
  border: 0;
  border-radius: initial;
}
.container .tab ul li.active {
  background: none;
}
.container .tab ul li.active a {
  border: 0;
  background: #263157;
  color: #fff;
}
@media (max-width: 768px) {
  .container .tab {
    border: 0;
    background: none;
  }
  .container .tab p {
    margin-right: 0;
    width: 100%;
    background: #263157;
    top: 0;
    height: .8rem;
    line-height: .8rem;
    overflow: hidden;
  }
  .container .tab ul {
    border: 1px solid #dfdfdf;
    width: 100%;
    padding: 2% 0;
  }
  .container .tab ul li {
    margin: 0 1%;
    padding: 0;
    width: 31%;
  }
  .container .tab ul li:nth-child(3n) {
    margin-right: 0;
  }
  .container .tab ul li a {
    padding: 0;
    text-align: center;
  }
  .container .tab ul li.active {
    background: #263157;
  }
  .container .tab ul li.active a {
    color: #fff;
  }
}
@media (min-width: 769px) {
  .container .tab ul li a {
    height: 2em;
    line-height: 2em;
  }
}
@media (min-width: 992px) {
  .container .tab p {
    height: 4.9em;
    line-height: 4.9em;
  }
  .container .tab ul li a {
    height: 3em;
    line-height: 3em;
  }
}
@media (min-width: 1024px) {
  .container .tab p {
    height: 5em;
    line-height: 5em;
  }
}
@media (min-width: 1200px) {
  .container .tab p {
    height: 5.4em;
    line-height: 5.4em;
  }
}
@media (min-width: 1366px) {
  .container .tab p {
    height: 5.4em;
    line-height: 5.4em;
  }
}
@media (min-width: 1440px) {
  .container .tab p {
    height: 5.4em;
    line-height: 5.4em;
  }
}
@media (min-width: 1500px) {
  .container .tab p {
    height: 5.6em;
    line-height: 5.6em;
  }
}
@media (min-width: 1600px) {
  .container .tab p {
    height: 5.7em;
    line-height: 5.7em;
  }
}
.showproduct {
  padding: 0;
}
.showproduct .container {
  background: #ffffff;
  padding: 0 3% 4%;
  overflow: hidden;
  position: relative;
}
.showproduct .miaod {
  position: absolute;
  left: 0;
  top: -5.6em;
  width: 100%;
  height: 1px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.showproduct .tab {
  margin: 3% 0 4%;
}
.showproduct .list .pcmoreImg {
  margin-bottom: 3%;
}
.showproduct .list .pcmoreImg a {
  color: #fff;
  display: block;
  border: 0 none;
  transition: all .3s;
}
.showproduct .list .pcmoreImg a:hover {
  text-decoration: none;
}
.showproduct .list .pcmoreImg .img {
  width: 100%;
  position: relative;
  overflow: hidden;
  max-height: 528px;
  margin-bottom: 10px;
}
.showproduct .list .pcmoreImg img {
  width: 100%;
  display: block;
  max-height: 580px;
}
.showproduct .list .pcmoreImg .txt {
  position: absolute;
  width: 80%;
  left: 10%;
  bottom: 5%;
}
.showproduct .list .pcmoreImg h3 {
  margin: 0;
  line-height: 1.2em;
  height: 1.2em;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
}
.showproduct .list .pcmoreImg .desc {
  display: none;
}
.showproduct .list .pcmoreImg .bt1 {
  padding-top: 20%;
}
.showproduct .list .pcmoreImg .more {
  margin: 0 5%;
  color: #999999;
  padding: 1em 0;
}
.showproduct .list .pcmoreImg .more s {
  width: 24px;
  height: 18px;
  display: inline-block;
  margin-left: .5em;
  vertical-align: middle;
  background: url(../images/click-ico.png) no-repeat center center;
}
.showproduct .list .pcmoreImg:hover a {
  box-shadow: 0 0 .2rem rgba(0, 0, 0, 0.4);
  z-index: 10;
}
@media (min-width: 768px) {
  .showproduct .list .pcmoreImg:hover a {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  }
}
.showproduct .list .pcmoreImg .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../images/black50.png) repeat left top;
  left: 0;
  top: 0;
  display: none;
}
.showproduct .list .pcmoreImg .bg .stbn {
  width: 40px;
  height: 40px;
  margin: 23px auto;
  background: url(../images/search-ico.png) no-repeat center;
  display: block;
}
.showproduct .list .pcmoreImg .bg s {
  width: 30px;
  height: 1px;
  display: block;
  background: #fff;
  margin: 0 auto;
}
.showproduct .list .pcmoreImg .bg s.one {
  margin-top: 34%;
}
.showproduct .list .pcmoreImg:hover .bg {
  display: block;
}
.showproduct .list .pcmoreImg:hover .bg s.one {
  margin-top: 78%;
}
.showproduct .list .moreImg {
  margin-bottom: 3%;
}
.showproduct .list .moreImg a {
  display: block;
  padding-bottom: 10px;
}
.showproduct .list .moreImg img {
  width: 100%;
  display: block;
  margin-bottom: .1rem;
}
.showproduct .list .moreImg h3 {
  margin: 0;
  line-height: 1.2em;
  height: 1.2em;
  overflow: hidden;
  color: #666666;
  text-align: center;
  text-decoration: none;
}
.showproduct .list .moreImg .more {
  margin: 0 5%;
  color: #999999;
  padding: 1em 0;
}
.showproduct .list .moreImg .more s {
  width: 24px;
  height: 18px;
  display: inline-block;
  margin-left: .5em;
  vertical-align: middle;
  background: url(../images/click-ico.png) no-repeat center center;
}
.showproduct .lmcot {
  background: #ddd;
  padding: 3%;
  text-align: center;
  margin-bottom: 4%;
}
.showproduct .lmcot .entxt {
  color: #fff;
  text-transform: uppercase;
  margin: 0;
  padding-bottom: 10px;
}
.showproduct .lmcot p {
  width: 45%;
  margin: 0 auto;
  line-height: 1.5;
}
@media (max-width: 1200px) {
  .showproduct .lmcot p {
    width: 64%;
  }
}
@media (max-width: 760px) {
  #textlist {
    margin-left: 0;
    margin-right: 0;
  }
  .showproduct .lmcot p {
    width: 66%;
  }
}
@media (max-width: 640px) {
  .showproduct .lmcot p {
    width: 100%;
  }
}
.contactPage {
  padding: 4% 0 8%;
  width: 100%;
  margin-top: 1rem;
  background: url(../images/contactbg.jpg) no-repeat center top;
  background-size: cover;
}
@media (min-width: 768px) {
  .contactPage {
    margin-top: 100px;
  }
}
.contactPage .txtarea {
  color: #fff;
}
.contactPage .txtarea .en {
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 3px;
}
.contactPage .txtarea h3 {
  margin: .6em 0 .5em;
}
.contactPage .txtarea h4 {
  font-weight: 200;
  margin-bottom: 1.5em;
}
.contactPage .txtarea .txt {
  line-height: 2.5em;
}
.contactPage .maparea {
  overflow: hidden;
}
.contactPage .maparea #allmap {
  width: 100%;
  height: 4rem;
}
@media (min-width: 768px) {
  .contactPage .maparea #allmap {
    height: 390px;
  }
}
.newsPage {
  padding: 10% 0 0;
}
.newsPage .container {
  background: #fff;
  position: relative;
}
.newsPage .topbox {
  padding-bottom: 3%;
  margin: 0 auto;
}
.newsPage .topbox .onenews {
  transition: all 0.3s ease-out 0s;
  background: #f3f3f3;
}
.newsPage .topbox .onenews a {
  display: block;
}
.newsPage .topbox .onenews .txt {
  width: 50%;
  overflow: hidden;
}
.newsPage .topbox .onenews .txt h3 {
  color: #000;
  padding: 5%;
}
.newsPage .topbox .onenews .txt .time {
  color: #999999;
  display: block;
  padding: 0 5%;
}
.newsPage .topbox .onenews .txt .desc {
  color: #666666;
  padding: 5% 5% 0;
  line-height: 1.5em;
  height: 13.8em;
}
.newsPage .topbox .onenews .img {
  width: 50%;
  display: block;
  transition: all .3s;
}
.newsPage .topbox .onenews:hover {
  box-shadow: 0 0 .2rem rgba(0, 0, 0, 0.4);
  z-index: 10;
}
.newsPage .topbox .onenews:hover .txt h3 {
  color: #263157;
}
.newsPage .botnews h2 {
  text-align: center;
  border-bottom: 1px solid #f3f3f3;
  padding-bottom: 2%;
  margin-bottom: 2%;
}
.newsPage .item {
  margin-bottom: 4%;
  transition: all 0.3s ease-out 0s;
  padding-top: 15px;
}
.newsPage .item a {
  display: block;
  padding: 0;
}
.newsPage .item a.img {
  overflow: hidden;
  border: 0 none;
  border-radius: initial;
  position: relative;
  padding: 0;
  margin-bottom: 0;
}
.newsPage .item a.img img {
  display: block;
  width: 100%;
  transition: all .3s;
}
.newsPage .item a.txt {
  padding: 0 0 20px 0;
  color: #666;
  background: #fff;
  border-top: 1px solid #e3e3e3;
  transition: all 0.3s ease-out 0s;
  height: 8.2em;
}
.newsPage .item a.txt h3 {
  padding: 0 6%;
  transition: all .3s;
  line-height: 1em;
}
.newsPage .item a.txt p {
  padding: 0 6%;
  margin: 0;
}
.newsPage .item a.txt p .jtou {
  width: 24px;
  height: 10px;
  display: block;
  background: url(../images/rig-ico.png) no-repeat -26px 0;
  margin-top: 2%;
  transition: all .3s;
}
.newsPage .item a.txt h4 {
  border-bottom: 1px solid #eeeeee;
  padding: 0 5% 8%;
}
.newsPage .item:hover a.txt {
  color: #263157;
}
.newsPage .item:hover a.txt p .jtou {
  background: url(../images/rig-ico.png) no-repeat 0 0;
}
.newsPage .item:hover img {
  transform: scale(1.1, 1.1);
}
@media (max-width: 640px) {
  .newsPage {
    padding-top: 22%;
  }
  .newsPage .container {
    margin: 0;
  }
  .newsPage .topbox .onenews .txt {
    padding-top: 8%;
  }
  .newsPage .topbox .onenews .txt h3 {
    padding: 1% 5%;
    margin-top: 2px;
  }
  .newsPage .topbox .onenews .txt .desc {
    display: none;
  }
  .newsPage .item a.txt h4 {
    padding: 0 0 8%;
  }
  .newsPage .newsbox {
    padding: 3%;
  }
  .newsPage .item a.txt {
    height: 6em;
  }
  .newsPage .item a.txt p .jtou {
    margin-top: 10px;
  }
}
@media (min-width: 768px) {
  .newsPage {
    padding-top: 22%;
  }
  .newsPage .container {
    margin: 0;
  }
  .newsPage .topbox .onenews .txt h3 {
    padding: 1% 5%;
    margin-top: 20px;
  }
  .newsPage .topbox .onenews .txt .desc {
    overflow: hidden;
    height: 12em;
  }
  .newsPage .newsbox {
    padding: 3%;
  }
}
@media (min-width: 1024px) {
  .newsPage {
    padding-top: 14%;
  }
  .newsPage .container {
    margin: 0 auto;
  }
  .newsPage .topbox .onenews .txt h3 {
    padding: 1% 5%;
    margin-top: 20px;
  }
  .newsPage .topbox .onenews .txt .desc {
    overflow: hidden;
    height: 13.6em;
  }
  .newsPage .newsbox {
    padding: 3% 0;
  }
}
@media (min-width: 1200px) {
  .newsPage {
    padding-top: 10%;
  }
}
.partnerPage {
  padding: 3% 0 15%;
  background: #253157;
}
.partnerPage .title {
  background: #fff;
  margin-bottom: 3%;
}
.partnerPage .title .ch,
.partnerPage .title .en {
  padding: 2% 4% 4%;
}
.partnerPage .title .ch {
  background: #eaeaea;
}
.partnerPage .title h3 {
  color: #000000;
}
.partnerPage .title h4 {
  margin-bottom: 3em;
  text-transform: uppercase;
}
.partnerPage .title .line {
  width: 18px;
  height: 2px;
  background: #000;
  display: block;
  margin: 1em 0 2.5em;
}
.partnerPage .title .enh {
  text-transform: uppercase;
  font-weight: 600;
  color: #999999;
}
.partnerPage .morebtn {
  margin: 5% auto 7%;
}
.partnerPage .list .row {
  background: #ffffff;
}
.partnerPage .list .listcon {
  padding: 3%;
  text-align: center;
}
.partnerPage .list .listcon li {
  margin-bottom: 2%;
  overflow: hidden;
}
.partnerPage .list .listcon li a {
  display: block;
}
.partnerPage .list .listcon li img {
  max-width: 90%;
  max-height: 100%;
  display: inline-block;
  transition: all .3s;
}
.partnerPage .list .listcon li:hover img {
  transform: scale(1.04);
}
@media (max-width: 768px) {
  .partnerPage .container {
    margin: 0 15px;
  }
}
@media (max-width: 640px) {
  .partnerPage {
    padding-top: 0;
  }
  .partnerPage .container {
    margin: 0;
  }
}
.singlePage {
  padding-bottom: 6%;
  margin: 0;
}
.singlePage .container {
  background: #ffffff;
  padding: 0 20px;
  overflow: visible;
}
.singlePage .title {
  padding: 1% 0;
}
.singlePage .content {
  margin: 0;
  color: #666;
  padding: 5% 0;
}
.singlePage .content .tit {
  line-height: 1em;
  text-align: center;
  padding-bottom: 3%;
}
.singlePage .content p {
  line-height: 2em;
  text-align: center;
}
.singlePage .content .pp1 {
  width: 70%;
  margin: 0 auto;
}
.singlePage .content .pp2 {
  width: 74%;
  margin: 0 auto;
}
.singlePage .content ol {
  line-height: 28px;
  margin-bottom: 0;
  padding: 4%;
}
.singlePage img {
  max-width: 100%;
}
.singlePage video {
  max-width: 700px;
  margin: 0 auto;
  display: block;
}
@media (max-width: 768px) {
  .singlePage {
    margin: 0;
  }
  .singlePage video {
    width: 5rem;
  }
  .singlePage .content .pp1 {
    width: 100%;
  }
  .singlePage .content .pp2 {
    width: 100%;
  }
}
@media (max-width: 700px) {
  .singlePage .container {
    padding: 0 .2rem;
    min-height: 3rem;
  }
}
.showNews {
  background: #f4f4f4;
  margin: 0;
  padding-top: 2%;
}
.showNews .title {
  color: #333333;
  text-align: center;
  margin: .5em 0 .2em;
}
.showNews .ymark {
  color: #999999;
  height: 38px;
  line-height: 38px;
  text-align: center;
  margin-bottom: 20px;
  border-top: 1px dashed #eee;
  border-bottom: 1px dashed #eee;
}
.showNews .ymark span {
  margin: 0 2px;
  font-size: .16rem;
}
.showNews .showTit {
  font-weight: bold;
  margin: 1em 0 .5em;
}
.showNews .showContxt {
  color: #666666;
  padding: 0 0 30px;
  line-height: 1.8em;
}
@media (min-width: 992px) {
  .showNews .ymark span {
    margin: 0 10px;
    font-size: 12px;
  }
  .showNews .moreImg .imgslist {
    width: 640px;
  }
}
.nybanner .showNews {
  position: relative;
  z-index: 10;
  background: none;
}
.nybanner.showCase {
  padding-top: 10%;
}
.nybanner.showCase .mobile-img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.nybanner.showCase .sitepath {
  margin: 0 5%;
}
.nybanner.showCase .title2 {
  margin: .5em 5% 1.5em;
  height: 2em;
  line-height: 2em;
  overflow: hidden;
  border-bottom: 1px solid #b2b2b2;
  color: #000;
  font-weight: bold;
  text-align: center;
}
.nybanner.showCase .content {
  margin: 0 5%;
}
.nybanner.showCase .biggpic img {
  max-width: 100% !important;
  display: block;
  margin: 0 auto;
}
.nybanner.showCase .showTit2 {
  margin: 1em 0 1.5em;
  color: #000;
}
.nybanner.showCase .showTit2 .line {
  width: 42px;
  height: 2px;
  margin-top: .5em;
  background: #7f7f7f;
  display: block;
}
.nybanner.showCase .singlePage .content {
  padding: 0 0 5%;
}
.nybanner.showCase .list {
  padding-top: 0;
}
.nybanner.showCase .title3 {
  color: #000;
}
.nybanner.showCase .reLink {
  border-top: 0;
}
.nybanner.showCase .reLink .prevLink,
.nybanner.showCase .reLink .nextLink {
  width: 76px;
  height: 28px;
  line-height: 26px;
  border-top: 1px solid #b2b2b2;
  border-bottom: 1px solid #b2b2b2;
  text-align: center;
}
.nybanner.showCase .reLink .prevLink a,
.nybanner.showCase .reLink .nextLink a {
  display: block;
  width: 100%;
}
.nybanner.showCase .reLink .prevLink:hover,
.nybanner.showCase .reLink .nextLink:hover {
  border-color: #263157;
  color: #263157;
}
.nybanner.showCase .reLink .prevLink {
  float: left;
}
.nybanner.showCase .reLink .nextLink {
  float: right;
}
.nybanner.showCase .moreImg {
  width: 100%;
}
.nybanner.showCase .moreImg .imgslist {
  width: 5rem;
  margin: 0 auto;
  position: relative;
}
.nybanner.showCase .moreImg .imgslist li {
  height: 100%;
}
.nybanner.showCase .moreImg .imgslist li,
.nybanner.showCase .moreImg .imgslist img {
  width: 100%;
  margin: 0 auto;
}
.nybanner.showCase .swiper-container-horizontal > .swiper-pagination-bullets,
.nybanner.showCase .swiper-pagination-custom,
.nybanner.showCase .swiper-pagination-fraction {
  bottom: 20px;
}
.nybanner.showCase .swiper-pagination-bullet-active {
  background: #263157;
}
.nybanner.showCase .swiper-button-disabled {
  opacity: .5;
}
.nybanner.showCase .swiper-button-prev {
  width: 27px;
  left: 130px;
  height: 96px;
  margin-top: -48px;
  background-size: contain;
  background-image: url(../images/sc_prev.png);
}
.nybanner.showCase .swiper-button-next {
  width: 27px;
  right: 130px;
  height: 96px;
  margin-top: -48px;
  background-size: contain;
  background-image: url(../images/sc_next.png);
}
.nybanner.showCase .pcmoreImg {
  width: 100%;
  height: 375px;
  overflow: hidden;
  margin-bottom: 40px;
}
.nybanner.showCase .pcmoreImg li {
  width: 500px;
  height: 375px;
  float: left;
  margin-right: 15px;
  cursor: pointer;
}
.nybanner.showCase .pcmoreImg li img {
  width: 500px;
  height: 375px;
  display: block;
}
@media (min-width: 992px) {
  .nybanner.showCase .moreImg .imgslist {
    width: 700px;
  }
}
@media (max-width: 1024px) {
  .nybanner.showCase .swiper-button-prev {
    left: 50px;
  }
  .nybanner.showCase .swiper-button-next {
    right: 50px;
  }
}
@media (max-width: 768px) {
  .nybanner.showCase .container {
    margin: 0 auto;
  }
  .nybanner.showCase .swiper-button-prev {
    left: 40px;
  }
  .nybanner.showCase .swiper-button-next {
    right: 40px;
  }
}
@media (max-width: 700px) {
  .nybanner.showCase {
    padding-top: 0;
  }
  .nybanner.showCase .swiper-button-prev {
    left: 4px;
  }
  .nybanner.showCase .swiper-button-next {
    right: 4px;
  }
}
.resultPage li {
  width: 100%;
  line-height: 3em;
  height: 3em;
  overflow: hidden;
  border-bottom: 1px solid #eee;
}
.resultPage li a {
  display: block;
  color: #333;
}
.resultPage li a:hover {
  color: #263157;
}
.videoPage {
  padding-bottom: 4% !important;
}
.videoPage img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
  opacity: 0.85;
  filter: alpha(opacity=85);
}
.videoPage h3 {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  text-align: center;
  transform: translate(0, -50%);
  z-index: 10;
}
.videoPage s {
  width: 31px;
  height: 31px;
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  background: url(../images/vedio-ico.png) no-repeat 0 0;
  transition: all .3s;
}
.videoPage a {
  width: 80%;
  margin: 2% auto 0;
  display: block;
  background: #000;
  position: relative;
}
.videoPage a:hover h3 {
  color: #fff;
}
.videoPage a:hover s {
  margin-left: 20px;
}
.videoPage a:visited h3 {
  color: #fff;
}
@media (max-width: 1024px) {
  .videoPage a {
    width: 100%;
    margin-bottom: 1%;
  }
}
.bd_weixin_popup {
  box-sizing: initial;
}
.bd_weixin_popup * {
  box-sizing: initial;
}
.sitepath {
  color: #333333;
  padding-top: 15px;
  padding-bottom: 15px;
  margin: 0;
  border-bottom: 1px solid #eee;
  margin-bottom: 1em;
}
.sitepath s {
  width: 15px;
  height: 18px;
  background-position: -226px -130px;
  margin-right: 6px;
}
.sitepath a {
  color: #333333;
}
.sitepath a:hover {
  color: #263157;
}
/* reLink */
.reLink {
  width: 100%;
  border-top: 1px solid #eee;
  padding: .2em 0 .2em;
  margin-top: 1em;
}
.reLink .nextLink,
.reLink .prevLink {
  width: 100%;
  color: #333;
  margin-top: 1em;
}
.reLink a {
  color: #333;
}
.reLink a:hover {
  color: #263157;
}
.morebtn {
  width: 177px;
  height: 60px;
  display: block;
  margin: 7% auto;
  line-height: 60px;
  text-align: center;
  background: #f3f3f3;
  color: #666;
  font-family: futural;
  font-weight: normal;
  transition: all .3s;
}
.morebtn em {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 5px;
  background: url(../images/lod.png) no-repeat center;
  vertical-align: middle;
}
.morebtn:hover {
  width: 200px;
  text-decoration: none;
  background: #ddd;
  color: #999;
}
.morebtn:focus {
  background: #eeeeee;
  color: #999999;
  text-decoration: none;
}
.g-email,
.g-qq {
  width: 38px;
  height: 38px;
  display: inline-block;
  margin-right: 1.5em;
  background: url(../images/cooper-ico.png) no-repeat -2px -2px;
  transition: all .3s;
  border: 1px solid #a0a0a0;
  border-radius: 100%;
}
.g-email:hover,
.g-qq:hover {
  border-color: #253157;
}
.g-qq {
  background-position: -62px -2px;
}
@media (max-width: 1024px) {
  body {
    font-size: 14px;
  }
  .h1 {
    font-size: 28px;
  }
  .h2 {
    font-size: 22px;
  }
  .h3 {
    font-size: 20px;
  }
  .h4 {
    font-size: 18px;
  }
  .h5 {
    font-size: 16px;
  }
  .h6 {
    font-size: 14px;
  }
  .h7 {
    font-size: 12px;
  }
  .h50 {
    font-size: 32px;
  }
  .h60 {
    font-size: 60px;
  }
  .h120 {
    font-size: 80px;
  }
}
@media (max-width: 992px) {
  body {
    font-size: 13px;
  }
  .h1 {
    font-size: 28px;
  }
  .h2 {
    font-size: 22px;
  }
  .h3 {
    font-size: 20px;
  }
  .h4 {
    font-size: 18px;
  }
  .h5 {
    font-size: 14px;
  }
  .h6 {
    font-size: 12px;
  }
  .h50 {
    font-size: 32px;
  }
  .h60 {
    font-size: 60px;
  }
  .h120 {
    font-size: 70px;
  }
}
@media (max-width: 768px) {
  body {
    font-size: 12px;
  }
  .h1 {
    font-size: 24px;
  }
  .h2 {
    font-size: 20px;
  }
  .h3 {
    font-size: 16px;
  }
  .h4 {
    font-size: 14px;
  }
  .h5 {
    font-size: 14px;
  }
  .h6 {
    font-size: 10px;
  }
  .h7 {
    font-size: 10px;
  }
  .h50 {
    font-size: 30px;
  }
  .h60 {
    font-size: 50px;
  }
  .morebtn {
    width: 2.6rem;
    height: .6rem;
    line-height: .6rem;
    font-size: .2rem;
  }
  .morebtn:hover {
    width: 2rem;
  }
}
@media (max-width: 640px) {
  body {
    font-size: 14px;
  }
  .h1 {
    font-size: 24px;
  }
  .h2 {
    font-size: 20px;
  }
  .h3 {
    font-size: 16px;
  }
  .h4 {
    font-size: 14px;
  }
  .h5 {
    font-size: 13px;
  }
  .h6 {
    font-size: 12px;
  }
  .h50 {
    font-size: 26px;
  }
  .h60 {
    font-size: 32px;
  }
  .h120 {
    font-size: 40px;
  }
}
.dialog-layout {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  filter: alpha(opacity=90);
}
.photoLayerCon {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: fixed;
  z-index: 11111;
}
.photoLayerCon .p-ico {
  background: url(../images/player-ico.png) no-repeat;
  display: inline-block;
  vertical-align: middle;
}
.photoLayer {
  width: 1000px;
  height: 674px;
  padding: 20px 0;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -500px;
  margin-top: -337px;
  z-index: 111;
}
.photoLayer .tit {
  width: 100%;
  height: 30px;
  margin-top: 0;
  line-height: 30px;
}
.photoLayer .close2 {
  right: -40px;
  top: 0;
  width: 19px;
  height: 19px;
  z-index: 999;
  background-position: 0 0;
  cursor: pointer;
  transition: all .3s;
}
.photoLayer .close2:hover {
  transform: rotate(90deg);
}
.photoLayer .listcon {
  width: 1000px;
  position: relative;
  overflow: hidden;
  background: #fff;
  max-height: 764px;
  overflow-y: auto;
  padding-top: 20px;
}
.photoLayer .list {
  width: 1000%;
}
.photoLayer li {
  width: 900px;
  float: left;
}
.propic .photoLayer {
  height: 756px;
}
.propic .photoLayer img {
  width: 322px;
}
.propic .photoLayer h3 {
  display: block;
  text-align: center;
}
.propic .photoLayer .bdesc {
  text-align: center;
  padding-bottom: 20px;
}
.propic .photoLayer .txtbox {
  padding: 0 20px;
}
.photoLayer img {
  width: 900px;
  height: 633px;
  margin: 0 auto;
  display: block;
}
.photoLayer .prev,
.photoLayer .next {
  width: 27px;
  height: 96px;
  top: 50%;
  margin-top: -50px;
  display: block;
  cursor: pointer;
}
.photoLayer .prev {
  left: 9px;
  background: url(../images/sc_prev.png) no-repeat center center;
}
.photoLayer .next {
  right: 9px;
  background-position: -61px 0;
  background: url(../images/sc_next.png) no-repeat center center;
}
.newprobox {
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  overflow-y: auto;
}
.newprobox img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.newprobox .goBack {
  width: 100%;
  height: .8rem;
  line-height: .8rem;
  background: #253157;
  position: fixed;
  left: 0;
  top: 0;
  opacity: .8;
}
.newprobox .goBack a {
  display: block;
  position: relative;
  height: 100%;
}
.newprobox .goBack a:before {
  position: absolute;
  left: 5%;
  top: 0;
  background: url(../images/backgo.png) no-repeat left center;
  background-size: .17rem auto;
  width: 20%;
  height: 100%;
  content: "";
}
.newprobox .picbox {
  padding-top: 0;
  text-align: center;
  color: #fff;
  padding-bottom: 2%;
}
.tips {
  text-align: center;
}
.fdguangfao {
  width: 540px;
  height: 370px;
  position: fixed;
  left: 50%;
  z-index: 999;
  margin-top: -185px;
  top: 50%;
  margin-left: -270px;
  background: url(../images/write75.png) repeat left top;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
.fdguangfao a {
  display: block;
  color: #403f42;
}
.fbox {
  position: relative;
  width: 500px;
  margin: 0 auto;
  padding: 5% 0;
}
.fbox img {
  width: 100%;
  height: 325px;
  display: block;
}
.fbox .txt {
  width: 240px;
  line-height: 24px;
  padding-top: 0;
  display: none;
}
.fbox .close {
  position: absolute;
  right: -10px;
  top: 15px;
  width: 12px;
  height: 12px;
  background: url(../images/close.png) no-repeat;
  opacity: 1;
  cursor: pointer;
  transition: all 0.3s ease-out 0s;
}
@media (max-width: 640px) {
  .fdguangfao {
    width: 290px;
    height: 170px;
    margin-top: -80px;
    margin-left: -145px;
  }
  .fbox {
    width: 270px;
    padding: 10px 0;
  }
  .fbox .txt {
    width: 150px;
    padding-top: 0;
    height: 140px;
    overflow-y: auto;
  }
  .fbox img {
    height: 150px;
    display: block;
  }
  .fbox .close {
    right: 0;
  }
}
/*fenx*/
#nativeShare {
  margin: 0 auto;
  width: 100%;
  padding-top: 0.3rem;
  max-width: 640px;
  min-width: 320px;
}
#nativeShare .label {
  font-size: 0.2rem;
  color: #666666;
  line-height: 0.6rem;
}
#nativeShare .list {
  width: 4.6rem;
  float: right;
}
#nativeShare .list span {
  height: 0.75rem;
  width: 0.75rem;
  padding: 0;
  display: inline-block;
}
#nativeShare .list span i {
  margin: 0 auto;
  width: 0.63rem;
  height: 0.63rem;
  display: block;
}
#nativeShare .weibo i {
  background-image: url('../images/weibo.png');
  background-size: cover;
}
#nativeShare .weixin i {
  background-image: url('../images/weixin_friend.png');
  background-size: cover;
}
#nativeShare .weixin_timeline i {
  background-image: url('../images/weixin.png');
  background-size: cover;
}
#nativeShare .qq i {
  background-image: url('../images/qq.png');
  background-size: cover;
}
#nativeShare .qzone i {
  background-image: url('../images/qqzone.png');
  background-size: cover;
}
#nativeShare .more i {
  background-image: url('../images/more.png');
  background-size: cover;
}
#nativeShare .list span.qzone,
#nativeShare .list span.more {
  width: 0.73rem;
}
#fenxiang {
  display: none;
}
.fenx {
  height: 1.0rem;
  width: 100%;
}
.fenx .tt {
  margin-left: 0.2rem;
  font-size: 0.24rem;
  color: #666666;
  line-height: 0.6rem;
}
.fenx .bdsharebuttonbox {
  width: 80%;
  float: right;
}
.fenx .bdsharebuttonbox a {
  margin-left: 0.2rem;
}
#bdfx a {
  height: 0.6rem;
  width: 0.6rem;
  margin: 0;
  padding: 0;
  margin: 0px 0.08rem;
  display: inline-block;
}
#bdfx .d1 {
  background: url(../images/qqzone.png) no-repeat center;
  background-size: 100% 100%;
}
#bdfx .d2 {
  background: url(../images/weibo.png) no-repeat center;
  background-size: 100% 100%;
}
embed {
  width: 100% !important;
  height: auto !important;
}
.jiantou {
  position: relative;
}
.jiantou s {
  width: 33px;
  height: 12px;
  position: absolute;
  left: 60%;
  top: 50%;
  margin-top: -6px;
  vertical-align: middle;
  display: inline-block;
  background: url(../images/jiantou.png) no-repeat right 0;
  animation: down-ico2 1.5s ease-out infinite;
}
.about-team .row .txtcon .jiantou {
  text-align: left;
  text-indent: 18px;
}
.about-team .row .txtcon .jiantou s {
  width: 20px;
  left: 65%;
}
.rotating {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation: rotating 700ms infinite linear;
  -webkit-transform: translateZ(0);
  animation-name: rotating;
}
@-webkit-keyframes rotating {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rotating {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
.imsg {
  padding: 4% 0 4%;
  background: #f9f9f9;
}
.imsg .indexTit {
  background: none;
  margin-bottom: 2%;
}
.imsg .indexTit .en {
  font-weight: 200;
  letter-spacing: 10px;
}
.imsg li {
  padding: 0;
  margin-bottom: 2%;
  position: relative;
}
.imsg li label {
  position: absolute;
  left: 0;
  top: 5px;
  color: #666;
  display: block;
  padding: 0;
  width: 50px;
  margin-bottom: 0;
}
.imsg li textarea {
  background: none;
  border: 0px;
  outline: none;
  padding: 0;
  width: 100%;
  display: block;
  border-bottom: 1px solid #979797;
  color: #999999;
  resize: none;
  height: 2em;
  line-height: 2em;
}
.imsg li textarea:focus {
  border-color: #000000;
  color: #000000;
}
.imsg li input {
  background: none;
  border: 0px;
  height: 2em;
  line-height: 2em;
  outline: none;
  width: 100%;
  display: block;
  border-bottom: 1px solid #979797;
  color: #999999;
}
.imsg li input:focus {
  border-color: #000000;
  color: #000000;
}
.imsg .ybtn input {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  line-height: 2;
  padding: 0;
  background: none;
  border: 0px;
  border-bottom: 1px solid #979797;
  transition: all .3s;
}
.imsg .ybtn input:hover {
  padding: 0 10px;
  border-color: #101b3b;
  color: #101b3b;
}
@keyframes down-ico2 {
  0% {
    margin-left: 0;
    opacity: 1;
  }
  35% {
    margin-left: 5%;
    opacity: 0;
  }
  65% {
    margin-left: -5%;
    opacity: 0;
  }
  100% {
    margin-left: 0;
    opacity: 1;
  }
}
@-webkit-keyframes down-ico2 {
  0% {
    margin-left: 0;
    opacity: 1;
  }
  35% {
    margin-left: 5%;
    opacity: 0;
  }
  65% {
    margin-left: -5%;
    opacity: 0;
  }
  100% {
    margin-left: 0;
    opacity: 1;
  }
}
/*字体*/
@media only screen and (min-width: 641px) {
  html {
    font-size: 100px;
  }
}
@media only screen and (max-width: 640px) {
  html {
    font-size: 100px;
  }
}
@media only screen and (max-width: 540px) {
  html {
    font-size: 84.375px;
  }
}
@media only screen and (max-width: 480px) {
  html {
    font-size: 75px;
  }
}
@media only screen and (max-width: 414px) {
  html {
    font-size: 64.6875px;
  }
}
@media only screen and (max-width: 400px) {
  html {
    font-size: 62.5px;
  }
}
@media only screen and (max-width: 375px) {
  html {
    font-size: 58.5938px;
  }
}
@media only screen and (max-width: 360px) {
  html {
    font-size: 56.25px;
  }
}
@media only screen and (max-width: 320px) {
  html {
    font-size: 50px;
  }
}
@keyframes down-ico {
  0% {
    top: 0;
    opacity: 1;
  }
  35% {
    top: 20%;
    opacity: 0;
  }
  65% {
    top: -20%;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
@-webkit-keyframes down-ico {
  0% {
    top: 0;
    opacity: 1;
  }
  35% {
    top: 20%;
    opacity: 0;
  }
  65% {
    top: -20%;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
/*******font-face********/
@font-face {
  font-family: 'futural';
  src: url('../fonts/futural-webfont.eot');/* IE9 Compat Modes */
  src: url('../fonts/futural-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/futural-webfont.woff') format('woff'), /* Modern Browsers */
  url('../fonts/futural-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/futural-webfont.svg#dinc') format('svg');/* Legacy iOS */
}
/*# sourceMappingURL=style.css.map */