.cy {
  transition: all .5s;
}

/* header */
.cy-headerReal {
  height: 70px;
  position: relative;
  background: #fff;
  z-index: 199420;
}

.cy-headerReal.cy-fixed {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  box-shadow: 0 0 10px 1px #ccc;
}

.cy-logo {
  width: 348px;
  height: 80px;
  position: absolute;
  top: 0;
  left: 50px;
  margin-top: 5px;
 background: #fff;
   background-size: auto 100%;
  z-index: 20;
}

.cy-nav {
  font-size: 15px;
  color: #333;
  text-align: center;
}

.cy-nav>li {
  display: inline-block;
  width: 72px;
  height: 70px;
  position: relative;
}

/*
.cy-nav>li::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 100%;
  background: #f8a21b;
  transition: bottom .5s;
}
*/

.cy-nav>li>a {
  position: relative;
  line-height: 70px;
  transition: color .5s;
}

.cy-nav2 {
  display: none;
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  padding: 0 3px;
  font-size: 13px;
  background: #fff;
}

.cy-nav2 li {
  height: 36px;
  border-top: 1px solid #e5e5e5;
  overflow: hidden;
}

.cy-nav2 li:first-child {
  border-top: 0 none;
}

.cy-nav2 a {
  line-height: 35px;
  transition: color .3s;
}

.cy-nav2 li:hover a {
  color: #ef9e00;
}

/*
.cy-nav>li.cy-active::before {
  bottom: 0;
}

.cy-nav>li.cy-active>a {
  color: #ef9e00;
  background: #fff;
}
*/

.cy-nav-more {
  width: 150px;
  height: 70px;
  position: absolute;
  top: 0;
  right: 0;
  padding: 7px 0 0;
  background: #fff;
  z-index: 15;
}

#cy-search-form {
  display: block;
  height: 25px;
  margin: 0 0 6px;
  border: 1px solid #ccc;
  background: #fff;
}

#cy-search {
  display: block;
  float: left;
  width: 120px;
  height: 16px;
  margin: 4px 0 0 5px;
  font-size: 12px;
  color: #333;
  line-height: 15px;
}

#cy-search::-webkit-input-placeholder {
  color: #ccc;
}

#cy-search::-moz-placeholder {
  color: #ccc;
}

#cy-search:-moz-placeholder {
  color: #ccc;
}

#cy-search:-ms-input-placeholder {
  color: #ccc;
}

.cy-search-submit {
  display: block;
  float: right;
  width: 23px;
  height: 23px;
  padding: 4px;
}

#cy-search-submit {
  display: block;
  width: 15px;
  height: 15px;
  background: url("../images/00_cm_search.png") no-repeat center;
  background-size: 100% 100%;
}

.cy-nav-more ul li {
  float: left;
  width: 50%;
  height: 25px;
  color: #fff;
  text-align: center;
}

.cy-nav-more ul a {
  display: block;
  font-size: 12px;
  font-weight: bold;
  line-height: 25px;
}

.cy-email {
  background: #999;
}

.cy-email span{
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  top: 3px;
  margin: 0 5px 0 0;
  background: url("../images/00_cm_email.png") no-repeat left center;
}

.cy-oa {
  background: #fca600;
}

.cy-nav-menu,
.cy-header-ctc {
  display: none;
}
/* header end */

/* footer */
.cy-footerReal .cy-container {
  padding: 20px 50px 0;
  background: #f8a21b;
  color: #fff;
  line-height: 24px;
}

.cy-footerReal h2 {
  font-size: 30px;
  line-height: 1.2;
}

.cy-ctc ul {
  height: 50px;
  margin: 15px 0 30px;
}

.cy-ctcWay {
  float: left;
  width: 64%;
}

.cy-ctcWay li {
  float: left;
  width: 50%;
  height: 24px;
  overflow: hidden;
}

.cy-ctcWay a,
.cy-ctcSoftware a {
  transition: color .2s;
}

.cy-ctcWay a:hover,
.cy-ctcSoftware a:hover {
  color: #aaa;
}

.cy-ctcSoftware {
  float: right;
  width: 36%;
  padding: 18px 0 0;
}

.cy-ctcSoftware li {
  float: left;
  width: 33.33%;
  height: 32px;
  padding: 0 23px 0 46px;
  line-height: 32px;
  background: no-repeat left center;
}

.cy-ctcSoftware .cy-weichat {
  position: relative;
  background-image: url("../images/00_cm_wx.png");
}

.cy-ctcSoftware .cy-sina {
  background-image: url("../images/00_cm_sina.png");
}

.cy-ctcSoftware .cy-coordinate {
  background-image: url("../images/00_cm_address.png");
}

.cy-weichat span {
  width: 100px;
  height: 100px;
  position: absolute;
  top: -35px;
  left: 50%;
  margin: 0 0 0 -50px;
  padding: 5px;
  background: #fff;
  border-radius: 3px;
  transform: scale(0, 0);
  transition: transform .5s linear, top .5s cubic-bezier(.11,.51,.77,1.34);
}

.cy-weichat span::before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -5px;
  margin: 0 0 0 -6px;
  border-left: 6px solid transparent;
  border-top: 6px solid #fff;
  border-right: 6px solid transparent;
}

.cy-weichat a:hover span {
  top: -110px;
  transform: scale(1, 1);
}

.cy-copyright {
  margin: 10px -50px 0;
  padding: 0 50px;
  font-size: 12px;
  background: #003366;
  color: #6699cc;
}

.cy-copyright a:hover {
  color: #199420;
}
/* footer end */

/* to top */
.cy-toTop {
  width: 70px;
  height: 35px;
  position: fixed;
  right: 5%;
  bottom: 150px;
  background: #fff;
  box-shadow: 0 0 8px #ccc;
  cursor: pointer;
  z-index: 1000;
}

.cy-toTop::before {
  content: '';
  width: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -5px 0 0 -10px;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #333366;
  border-right: 10px solid transparent;
  transition: all .5s;
}

.cy-toTop span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -5px 0 0 -10px;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #fff;
  border-right: 10px solid transparent;
  transform: scale(0, 0);
  transition: transform .5s;
}

.cy-toTop:hover::before {
  width: 100%;
  top: 0;
  left: 0;
  margin: 0;
  border-left-width: 0;
  border-right-width: 0;
  border-bottom-width: 35px;
}

.cy-toTop:hover span {
  transform: scale(1, 1);
}
/* to top end */

.slick-list,
.slick-track {
  height: 100%;
}

/* home */
.cy-banner {
  position: relative;
  height: 430px;
  overflow: hidden;	
}

.cy-banner-pic {
  overflow: hidden;
}

.cy-bannerP-item {
  position: relative;
  overflow: hidden;
}

.cy-bP-img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.cy-bP-text {
  width: 100%;
  height: 200px;
  position: absolute;
  top: 50%;
  left: 0;
  margin: -120px 0 0;
  font-size: 20px;
  color: #fff;
  text-align: center;
  overflow: hidden;
  line-height: 1.1;
}

.cy-bP-text h4 {
  font-size: 40px;
  font-family: Arial;
  text-transform: uppercase;
}

.cy-bP-text h4 span {
  display: block;
  font-size: 16px;
}

.cy-bP-text h3 {
  height: 1.1em;
  overflow: hidden;
  font-size: 60px;
}

.cy-bP-text p {
  width: 350px;
  height: 2px;
  position: relative;
  margin: 0 auto;
  background: #fff;
}

.cy-bP-text p span {
  width: 0;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #ff9900;
}

.cy-bannerP-arrows a {
  display: block;
  width: 60px;
  height: 90px;
  position: absolute;
  top: 50%;
  margin: -45px 0 0;
  background: #f3d99c no-repeat center;
  transition: background .5s;
}

.cy-bannerP-arrows .cy-bannerP-prep {
  left: 0;
  background-image: url("../images/01_hm_1prep.png");
}

.cy-bannerP-arrows .cy-bannerP-next {
  right: 0;
  background-image: url("../images/01_hm_1next.png");
}

.cy-bannerP-arrows a:hover {
  background-color: #f8a21b;
}

.cy-bannerP-arrows .cy-bannerP-prep:hover {
  background-position-x: 3px;
}

.cy-bannerP-arrows .cy-bannerP-next:hover {
  background-position-x: 21px;
}

.cy-banner-next {
  width: 30px;
  height: 44px;
  position: absolute;
  left: 50%;
  bottom: 30px;
  margin: -15px 0 0;
  border: 3px solid #fff;
  border-radius: 199420px;
}

.cy-banner-next span {
  width: 4px;
  height: 8px;
  position: absolute;
  top: 6px;
  left: 50%;
  margin: 0 0 0 -2px;
  border-radius: 4px;
  background: #fff;
  animation: _cyBannerTo 2s linear infinite;
}

@keyframes _cyBannerTo {
  from {
    top: 6px;
    opacity: 0;
  }
  20% {
    opacity: .8;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: .9;
  }
  to {
    top: 27px;
    opacity: 0;
  }
}

.cy-banner-announcement {
  width: 450px;
  height: 40px;
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 14px;
  color: #fff;
  background: url("../images/00_cm_grad_black40.png");
}

.cy-banner-announcement h3 {
  float: left;
  width: 56px;
  height: 100%;
  margin: 0;
  font-size: 18px;
  line-height: 40px;
  text-align: center;
  border-right: 2px solid #fff;
}

.cy-bannerA {
  overflow: hidden;
}

.cy-bannerA-item a {
  height: 40px;
  padding: 0 0 0 15px;
  line-height: 40px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: color .2s;
}

.cy-bannerA-item a:hover {
  color: #fca600;
}

.cy-bannerA-arrows {
  float: right;
  width: 60px;
  height: 40px;
  line-height: 40px;
}

.cy-bannerA-arrows p {
  padding: 0 0 0 5px;
}

.cy-bannerA-arrows p span {
  padding: 0 3px;
}

.cy-bannerA-arrows p span:first-child {
  color: #fca600;
  font-weight: bold;
}

.cy-bannerA-prep {
  display: none;
}

.cy-bannerA-next {
  display: block;
  float: right;
  width: 15px;
  height: 15px;
  margin: 12px 6px 0 0;
  background: url("../images/01_hm_2next.png") no-repeat center;
  background-size: 100% 100%;
}

.cy-common-title {
  padding: 0 0 10px;
  overflow: hidden;
}

.cy-common-title h3 {
  padding-left: 1em;
  font-size: 18px;
  color: #f8a21b;
}

.cy-news-banner {
  float: left;
  width: 50%;
  position: relative;
}

.cy-newsB-list {
  overflow: hidden;
}

.cy-newsB-item {
  height: 360px;
  position: relative;
}

.cy-newsB-img {
  float: left;
  width: 58%;
  height: 100%;
  overflow: hidden;
}

.cy-newsB-img img {
/*    width: auto;*/
  transition: transform .38s;
	transform: scale(1.1);
}

.cy-newsB-cont {
  float: left;
  width: 42%;
  height: 100%;
  position: relative;
  padding: 30px 40px 30px 20px;
  color: #fff;
  background: #f8a21b;
}

.cy-newsB-cont::before {
  content: '';
  position: absolute;
  top: 60px;
  left: -18px;
  border-top: 18px solid transparent;
  border-right: 19px solid #f8a21b;
  border-bottom: 18px solid transparent;
}

.cy-newsB-cont span {
  display: block;
  font-size: 12px;
}

.cy-newsB-cont h4 {
  margin: 10px 0;
  font-size: 18px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.cy-newsB-cont h4 a {
  transition: color .2s;
}

.cy-newsB-cont h4:hover a {
  color: #fca600;
}

.cy-newsB-cont p {
  height: 10em;
  position: relative;
  padding: 6px 0 0;
  overflow: hidden;
}

.cy-newsB-cont p::before {
  content: '';
  width: 72%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
}

.cy-newsB-cont .cy-more-info {
  position: absolute;
  left: 20px;
  bottom: 30px;
}

.cy-more-info {
  display: block;
  width: 80px;
  height: 26px;
  font-size: 12px;
  color: #fff;
  line-height: 24px;
  text-align: center;
  border: 1px solid #fca600;
  background: #fca600;
  transition: background .38s, border-color .38s;
}

.cy-more-info2 {
  display: block;
  width: 120px;
  height: 35px;
  font-size: 14px;
  color: #fff;
  line-height: 35px;
  text-align: center;
  border: 1px solid #fca600;
  background: #fca600;
  transition: background .38s, border-color .38s;
  float: right
}

.cy-newsB-item:hover .cy-newsB-img img {
  transform: scale(1.1);
}

.cy-more-info:hover {
  border-color: #fff;
  background: #1a3a76;
}

.cy-newsB-aha {
  width: 58%;
  position: absolute;
  left: 0;
  bottom: 12px;
  font-size: 0;
  text-align: center;
}

.cy-newsB-arrows {
  display: inline-block;
  height: 15px;
  position: relative;
  padding: 0 26px;
}

.cy-newsB-arrows>a {
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  background: no-repeat center;
  transition: background .38s;
}

.cy-newsB-arrows .cy-newsB-prep {
  left: 0;
  background-image: url("../images/01_hm_2prep.png");
}

.cy-newsB-arrows .cy-newsB-next {
  right: 0;
  background-image: url("../images/01_hm_2next.png");
}

.cy-newsB-arrows .cy-newsB-prep:hover {
  background-image: url("../images/01_hm_2preph.png");
}

.cy-newsB-arrows .cy-newsB-next:hover {
  background-image: url("../images/01_hm_2nexth.png");
}

.cy-newsB-arrows ul {
  display: inline-block;
  width: auto;
  position: static;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  margin: 4px 0 0;
}

.cy-newsB-arrows ul li {
  width: 8px;
  height: 8px;
  margin: 0 2px;
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
  transition: background .2s;
}

.cy-newsB-arrows ul li.slick-active {
  background: #fca600;
}

.cy-news-list {
  float: right;
  width: 48%;
  height: 380px;
  overflow: hidden;
/*  border: 1px solid #efefef;*/
}

.cy-newsL-title {
  width: 100%;
  height: 50px;
  padding: 0px 0px 0px 0px;
/*  background: #efefef;*/
  color: #fff;
    border-bottom: 1px solid #ddd;		
}

.cy-newsL-title ul {
  float: left;

}

.cy-newsL-title ul li {
  float: left;
  position: relative;
  background: #fff;
  cursor: pointer;
  transition: background .5s;
	color: #333;
	line-height: 48px;
  font-size: 16px;
}

.cy-newsL-title ul li.cy-active,
.cy-newsL-title ul li:hover {
	border-bottom: 1px solid #f8a21b;
	position: relative;
	bottom: -1px
}

.cy-newsL-title ul li::before {
  content: '';
  position: absolute;
  bottom: 0%;
  left: 50%;
  margin: 0 0 0 -6px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 5px solid #fff;
  transition: border .38s;
	height: 6px;
}

.cy-newsL-title ul li.cy-active::before {
  border-top-width: 6px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 5px solid #f8a21b;
  transition: border .38s;
	height: 6px;
	position: absolute;
	bottom: 0px;

}

.cy-newsL-title .cy-more-info {
  float: right;
  width: 60px;
}

.cy-newsL-cont ul {
  display: none;
  height: 310px;
}

.cy-newsL-cont ul.cy-active {
  display: block;
}

.cy-newsL-cont ul li {
  position: relative;
  background: #fdfdfd;
/*  border-bottom: 1px solid #efefef;*/
  z-index: 10;
  transition: all .2s;
  margin-top: 10px;
  margin-bottom: 15px;
}

.cy-newsL-cont ul a span {
  float: right;
  width: 26%;
  font-size: 12px;
  text-align: right;
}

.cy-newsL-cont ul a H5 {
  float: left;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: color .38s;
  font-size: 16px;
  font-weight: normal;
  line-height: 30px;
  padding: 0px;
	margin: 0px;
}
.cy-newsL-cont ul a p {
  float: left;
  width: 100%;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  transition: color .38s;
  text-indent: 28px;
}

/*
.cy-newsL-cont ul li::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 6%;
  margin: -6px 0 0;
  border-top: 6px solid transparent;
  border-left: 6px solid #999;
  border-bottom: 6px solid transparent;
  transition: border-color .38s;
}*/

.cy-newsL-cont ul li:hover {
  background: #fff;
/*  box-shadow: 0 0 5px 2px #ccc;*/
  border-color: #dedede;
  z-index: 20;
}

.cy-newsL-cont ul li:hover p {
  color: #f8a21b;
}

.cy-newsL-cont ul li:hover::before {
  border-left-color: #fca600;
}

.cy-case {
  position: relative;
}

.cy-case>.cy-more-info {
  width: 60px;
  position: absolute;
  top: 16px;
  right: 0;
}

.cy-case-list li {
  float: left;
  width: 25%;
  height: 350px;
  position: relative;
  overflow: hidden;
}

.cy-case-list li:hover .cy-caseL-cont {
  bottom: 0;
  background: rgba(240, 240, 240, .8);
}

.cy-case-list li:hover .cy-caseL-img img {
  transform: scale(1.1);
}

.cy-caseL-img {
  width: 100%;
  height: 100%;
}

.cy-caseL-img img {
  transition: transform .5s;
}

.cy-caseL-cont {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -160px;
  padding: 0 0 20px;
  color: #333;
  background: #f0f0f0;
  text-align: center;
  transition: all .5s;
}

.cy-caseL-cont h4 {
  height: 60px;
  position: relative;
  margin: 0;
  padding: 0 5%;
  font-size: 18px;
  line-height: 50px;
  overflow: hidden;
}

.cy-caseL-cont h4 a:hover {
  color: #fca600;
}

.cy-caseL-cont h4::before {
  content: '';
  width: 26px;
  height: 1px;
  position: absolute;
  left: 50%;
  bottom: 15px;
  margin: 0 0 0 -13px;
  background: #999;
}

.cy-caseL-cont p {
  height: 6em;
  margin: 0 0 30px;
  padding: 0 40px;
  overflow: hidden;
}

.cy-caseL-cont .cy-more-info {
  margin: 0 auto;
}

.cy-party-culture {
  padding: 0 0 45px;
}

.cy-partyWork {
  float: left;
  width: 66%;
}

.cy-culture {
  float: right;
  width: 33%;
}

.cy-pw-img {
  float: left;
  width: 50%;
  height: 350px;
}

.cy-pw-list {
  float: left;
  width: 50%;
  height: 350px;
  border: 1px solid #e5e5e5;
  overflow: hidden;
  background: #fff;
}

.cy-pw-title {
  height: 70px;
  padding: 22px 25px 22px 30px;
}

.cy-pw-title ul {
  float: left;
}

.cy-pw-title>a {
  float: right;
  width: 60px;
}

.cy-pw-title ul li {
  float: left;
  width: 90px;
  position: relative;
  margin: 0 10px 0 0;
  color: #fff;
  background: #999;
  line-height: 26px;
  text-align: center;
  cursor: pointer;
  transition: background .5s;
}

.cy-pw-title ul li::before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  margin: 0 0 0 -6px;
  border-left: 6px solid transparent;
  border-top: 7px solid #f8a21b;
  border-right: 6px solid transparent;
  transition: bottom .5s;
  z-index: -1;
}

.cy-pw-title ul li:hover,
.cy-pw-title ul li.cy-active {
/*  background: #f8a21b;*/
}

.cy-pw-title ul li.cy-active::before {
  bottom: -6px;
}

.cy-pw-cont {
  height: 280px;
}

.cy-pw-cont ul {
  display: none;
}

.cy-pw-cont ul.cy-active {
  display: block;
}

.cy-pw-cont li {
  height: 35px;
  position: relative;
  padding: 0 30px;
  border-top: 1px solid #e5e5e5;
  line-height: 35px;
  cursor: pointer;
  transition: all .38s;
}
/*
.cy-pw-cont li::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 30px;
  margin: -6px 0 0;
  border-top: 6px solid transparent;
  border-left: 6px solid #999;
  border-bottom: 6px solid transparent;
  transition: border-left-color .38s;
}*/

.cy-pw-cont li p {
  float: left;
  width: 72%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: color .38s;
}

.cy-pw-cont li span {
  float: right;
  font-size: 12px;
  font-family: Arial;
  color: #999;
}

.cy-pw-cont li:hover {
  box-shadow: 0 0 10px 2px #ccc;
}

.cy-pw-cont li:hover p {
  color: #f8a21b;
}

.cy-pw-cont li:hover::before {
  border-left-color: #fca600;
}

.cy-culture-img {
  height: 170px;
}

.cy-culture-list {
  height: 180px;
  border: 1px solid #e5e5e5;
  overflow: hidden;
  background: #fff;
}

.cy-culture-title {
  height: 45px;
  padding: 9px 30px;
}

.cy-culture-title ul {
  float: left;
}

.cy-culture-title>a {
  float: right;
  width: 60px;
}

.cy-culture-title li {
  float: left;
  width: 90px;
  position: relative;
  margin: 0 10px 0 0;
  color: #fff;
  line-height: 26px;
  background: #999;
  text-align: center;
  cursor: pointer;
  transition: background .5s;
}

.cy-culture-title li::before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  margin: 0 0 0 -6px;
  border-left: 6px solid transparent;
  border-top: 7px solid #f8a21b;
  border-right: 6px solid transparent;
  transition: bottom .5s;
  z-index: -1;
}

.cy-culture-title li:hover,
.cy-culture-title li.cy-active {
/*  background: #f8a21b;*/
}

.cy-culture-title li.cy-active::before {
  bottom: -6px;
}

.cy-culture-cont ul {
  display: none;
  position: relative;
}

.cy-culture-cont ul.cy-active {
  display: block;
}

.cy-culture-cont li {
  height: 45px;
  padding: 0 30px;
  border-top: 1px solid #e5e5e5;
  line-height: 45px;
  transition: all .38s;
}

.cy-culture-cont li p {
  float: left;
  width: 72%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.cy-culture-cont li span {
  float: right;
  font-size: 12px;
  font-family: Arial;
  color: #999;
}

.cy-culture-cont li:hover {
  color: #f8a21b;
  box-shadow: 0 0 5px 2px #ccc;
}
/* home end */

/* inside page common */
.cy-ipc {
  position: relative;
  height: 430px;
  overflow: hidden;
}

.cy-ipc img {
width: 100%;
}

.cy-ipc-title {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 160px;
  color: #fff;
}

.cy-ipc-title h3 {
  padding: 0 0 0 50px;
  font-size: 26px;
  font-family: Arial;
  line-height: 1.1;
  text-transform: uppercase;
}

.cy-ipc-title h3 span {
  display: block;
  font-size: 23px;
  font-family: "Microsoft YaHei";
  font-weight: normal;
}

.cy-ipc-hnav {
  padding: 0 0 0 50px;
  font-size: 14px;
  line-height: 40px;
  background: rgba(26, 58, 119, .8);
}

.cy-ipc-hnav i {
  float: left;
}

.cy-ipc-hnav a {
/*
  display: block;
  float: left;
*/
  margin: 0 5px;
  transition: all .2s;
}

.cy-ipc-hnav a:hover {
  color: #fca600;
}

.cy-ipc-hnav .cy-ipc-hnav4 {
  width: 250px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
}

.cy-ipc-hnav .cy-ipc-hnav1 {
  margin-left: 0;
  padding: 0 0 0 40px;
  background: url("../images/00_cm_home.png") no-repeat left center;
}

.cy-ipc-nav {
  height: 50px;
  margin: 0 0 50px;
  font-size: 0;
  line-height: 40px;
  background: #eee;
  text-align: center;
}

.cy-ipc-nav li {
  display: inline-block;
  width: 250px;
  position: relative;
  margin: 0 1px 0 0;
  font-size: 14px;
  font-weight: bold;
}

.cy-ipc-nav li::before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  margin: 0 0 0 -12px;
  border-left: 12px solid transparent;
  border-top: 12px solid #fca600;
  border-right: 12px solid transparent;
  z-index: 10;
  transition: bottom .5s;
}

.cy-ipc-nav a {
  display: block;
  height: 100%;
  position: relative;
  background: #fff;
  overflow: hidden;
  z-index: 10;
  transition: all .5s;
}

.cy-ipc-nav a::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 100%;
  background: #fca600;
  z-index: -1;
  transition: all .5s;
}

.cy-ipc-nav li.cy-active::before {
  bottom: -11px;
}

.cy-ipc-nav li:hover a,
.cy-ipc-nav li.cy-active a {
  color: #fff;
}

.cy-ipc-nav li.cy-active a::before,
.cy-ipc-nav li:hover a::before {
  bottom: 0;
}

.cy-ipc h4 {
  width: 660px;
  position: relative;
  margin: 0 auto;
  padding: 5px 0;
  font-size: 30px;
}

.cy-ipc h4::before {
  content: '';
  width: 40px;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 3px;
  background: #666;
}

.cy-ipc-cont {
  width: 660px;
  margin: 0 auto;
  padding: 40px 0 80px;
}

.cy-ipc-cont p {
  text-indent: 2em;
}
/* inside page common end */

/* about us */
.cy-aboutUs-profile.cy-ipc-cont {
  width: 100%;
}

.cy-aboutUs-profile p {
  width: 100%;
  margin: 0 auto;
}

.cy-aboutUsP-img {
  height: 268px;
  position: relative;
}

.cy-aboutUsP-list {
  width: 80%;
  height: 150px;
  position: absolute;
  top: 50%;
  left: 10%;
  margin: -75px 0 0;
  text-align: center;
}

.cy-aboutUsP-list li {
  display: block;
  float: left;
  width: 25%;
  color: #fff;
  font-size: 16px;
  line-height: 50px;
}

.cy-aboutUsP-list a {
  display: block;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  padding: 32px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .8);
}

.cy-aboutUsP-list a:hover {
  animation: _cyProfileIcon 2s infinite linear;
}

@keyframes _cyProfileIcon {
  from {
    transform: rotate(0deg) scale(1);
  }
  50% {
    transform: rotate(180deg) scale(1.1);
  }
  to {
    transform: rotate(360deg) scale(1);
  }
}

.cy-aboutUs-framework.cy-ipc-cont {
  width: 900px;
}

.cy-aboutUsF-cont {
  margin: 40px 0 0;
  background: #eee;
}
/* about us end */

/* common turn page */
.cy-ctp {
  height: 40px;
  margin: 45px 0 10px;
  line-height: 40px;
  background: #f4f4f4;
  color: #f8a21b;
  text-align: center;
}

.cy-ctp-arrows {
  display: block;
  width: 90px;
  height: 100%;
  position: relative;
  font-size: 14px;
  background: #fff;
  box-shadow: 0 0 3px #ccc;
  overflow: hidden;
  z-index: 10;
  transition: all .5s;
}

.cy-ctp-arrows::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background: #fca600;
  z-index: -1;
  transition: all .5s;
}

.cy-ctp-prep {
  float: left;
}

.cy-ctp-next {
  float: right;
}

.cy-ctp-prep::before {
  left: 100%;
}

.cy-ctp-next::before {
  right: 100%;
}

.cy-ctp-arrows:hover {
  color: #fff;
}

.cy-ctp-prep:hover::before {
  left: 0;
}

.cy-ctp-next:hover::before {
  right: 0;
}

.cy-ctp-page {
  float: right;
  padding: 0 40px;
}

.cy-ctp-page a {
  margin: 0 8px;
}

.cy-ctp-page a.cy-active {
  color: #fca600;
}

.cy-ctp-back {
  display: inline-block;
}

.cy-ctp-back::before {
  top: auto;
  left: 0;
  bottom: 100%;
}

.cy-ctp-back:hover::before {
  bottom: 0;
}
/* common turn page end */

/* news */
.cy-newsC .cy-ipc h4,
.cy-newsC .cy-ipc-cont {
  width: 100%;
}

.cy-news-company p {
  text-indent: 0;
}

.cy-news-list1 {
  padding: 1px 0;
}

.cy-news-list1 li {
  height: 320px;
  margin: 0 0 20px;
/*  box-shadow: 0 0 3px #ccc;*/
}

.cy-newsL1-img {
  float: left;
  width: 56%;
  height: 100%;
  overflow: hidden;
}

.cy-newsL1-img img {
  transform-origin: bottom center;
  transition: all .5s;
}

.cy-newsL1-cont {
  float: right;
  width: 44%;
  height: 100%;
  position: relative;
  padding: 30px 35px 55px;
  overflow: hidden;
  z-index: 10;
}

/*
.cy-newsL1-cont::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #f8a21b;
  transform: scale(1, 0);
  transition: all .5s;
  z-index: -1;
}
*/

.cy-newsL1-cont span {
  font-size: 12px;
  transition: all .5s;
}

.cy-newsL1-cont h4 {
  position: relative;
  margin: 0 0 10px;
  padding: 10px 0;
  font-size: 18px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: all .5s;
}

.cy-newsL1-cont h4::before {
  content: '';
  width: 235px;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #b2b2b2;
  transition: all .5s;
}

.cy-newsL1-cont p {
  height: 6em;
  overflow: hidden;
  transition: all .5s;
}

.cy-newsL1-cont i {
  width: 80px;
  position: absolute;
  left: 35px;
  bottom: 55px;
  font-size: 12px;
  text-align: center;
  background: #fff;
  color: #fff;
  transform: scale(0, 0);
  transition: all .5s;
}

.cy-news-list1 li:hover img {
  transform: scale(1.1);
}

.cy-news-list1 li:hover .cy-newsL1-cont {
  color: #333;
}

.cy-news-list1 li:hover .cy-newsL1-cont::before {
  transform: scale(1, 1);
}

.cy-news-list1 li:hover h4 {
  color: #f8a21b;
}

.cy-news-list1 li:hover h4::before {
  background: #f8a21b;
}

.cy-news-list1 li:hover i {
  background: #fca600;
  transform: scale(1, 1);
}

.cy-news-list2 {
  padding: 1px 0;
}

.cy-news-list2 li {
  height: 50px;
  margin: 0 0 5px;
  box-shadow: 0 0 10px #ccc;
  border: 1px solid transparent;
  transition: all .5s;
}

.cy-news-list2 a {
  display: block;
  padding: 0 30px;
  line-height: 50px;
  overflow: hidden;
}

.cy-news-list2 a span {
  float: left;
  width: 10%;
  font-size: 12px;
}

.cy-news-list2 a p {
  float: left;
  width: 85%;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: all .5s;
}

.cy-news-list2 a i {
  float: right;
  width: 5%;
  font-size: 30px;
  text-align: right;
  line-height: 46px;
  color: #999;
  transition: all .5s;
}

.cy-news-list2 li:hover {
  border-color: #ccc;
}

.cy-news-list2 li:hover p {
  color: #f8a21b;
  font-weight: bold;
}

.cy-news-list2 li:hover i {
  color: #fca600;
}

.cy-news-noT .cy-ipc h4 {
  visibility: hidden;
}

.cy-news-noT .cy-ipc-cont {
  width: 660px;
  margin-top: -70px;
}

.cy-news-content h4 {
  font-size: 30px;
  line-height: 48px;
	text-align: center;
	padding-top: 50px;
	color: #333;
	font-weight: normal;
}

.cy-news-content p {
  font-size: 17px;
  color: #000;
}
.cy-news-content span {
  font-size: 12px;
  color: #000;
}
/* 2021-04-09Li图片最大1000改为800 */
.cy-news-content img{
	max-width: 800px;
	margin: 0px auto;
}

/* news end */

/* business */
.cy-businessC .cy-ipc h4,
.cy-businessC .cy-ipc-cont {
  width: 900px;
}

.cy-business-areasList li {
  width: 100%;
  height: 300px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.cy-business-areasList li::before {
  content: '';
  width: 100px;
  height: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -75px 0 0 -50px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .9);
  transform: scale(0, 0);
  transition: all 1s;
}

.cy-business-areasList span {
  width: 320px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -75px 0 0 -160px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  line-height: 50px;
  text-align: center;
}

.cy-business-areasList a {
  display: block;
  width: 100px;
  height: 100px;
  position: relative;
  padding: 32px;
  background: #fff ;
  border-radius: 50%;
  margin: 0 auto;
  z-index: 10;
}

.cy-business-areasList a::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #fca600;
  border-radius: 50%;
  z-index: -1;
  transform: scale(0, 0);
  transition: all .5s .3s;
}


.cy-business-areasList span i {
  display: block;
  overflow: hidden;
  transition: all .5s .3s;
}

.cy-business-areasList li:hover::before {
  width: 100%;
  height: 300%;
  top: 50%;
  left: 0;
  margin: -50% 0 0;
  border-radius: 0;
  transform: scale(1, 1);
}

.cy-business-areasList li:hover span {
  color: #375388;
}

.cy-business-areasList li:hover a::before {
  transform: scale(1, 1);
}

.cy-business-areasList b {
  display: block;
  width: 100%;
  height: 100%;
  background: no-repeat center;
  background-size: 100% 100%;
  transition: all .5s .3s;
}

.cy-busAreas-icon1 b {
  background-image: url("../images/00_cm_bsa1.png");
}

.cy-business-areasList li:hover .cy-busAreas-icon1 b {
  background-image: url("../images/00_cm_bsah1.png");
}

.cy-busAreas-icon2 b {
  background-image: url("../images/00_cm_bsa2.png");
}

.cy-business-areasList li:hover .cy-busAreas-icon2 b {
  background-image: url("../images/00_cm_bsah2.png");
}

.cy-busAreas-icon3 b {
  background-image: url("../images/00_cm_bsa3.png");
}

.cy-business-areasList li:hover .cy-busAreas-icon3 b {
  background-image: url("../images/00_cm_bsah3.png");
}

.cy-busAreas-icon4 b {
  background-image: url("../images/00_cm_bsa4.png");
}

.cy-business-areasList li:hover .cy-busAreas-icon4 b {
  background-image: url("../images/00_cm_bsah4.png");
}

.cy-bsa-List p {
  text-indent: 0;
}

.cy-bsa-List li {
  float: left;
  width: 33.33%;
  height: 225px;
  position: relative;
  text-align: center;
  color: #fff;
  overflow: hidden;
}

.cy-bsaL-cont {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: -175px;
  padding: 0 20px;
  background: rgba(0, 0, 0, .4);
  transition: all .5s;
}

.cy-bsaL-cont h4 {
/*  height: 0;
  margin: 0;
  font-size: 0;
  opacity: 0;*/
  transition: all .5s;
}

.cy-bsaL-cont p {
  font-weight: bold;
  line-height: 50px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.cy-bsaL-cont span {
  display: inline-block;
  width: 80px;
  margin: 16px 0 0;
  font-size: 12px;
  background: #fca600;
  transform: scale(0, 0);
  opacity: 0;
  transition: all .5s;
}

.cy-bsa-List li:hover .cy-bsaL-cont {
  bottom: 0;
  padding: 40px 20px;
}

.cy-bsa-List li:hover h4 {
  height: 40px;
  font-size: 16px;
  opacity: 1;
}

.cy-bsa-List li:hover p {
  height: 4em;
  line-height: 2;
  white-space: normal;
  text-overflow: clip;
  overflow: hidden;
}

.cy-bsa-List li:hover span {
  opacity: 1;
  transform: scale(1, 1);
}

.cy-bsaL-cont span:hover {
  background: #f8a21b;
}
/* business end */

/* party work */
.cy-partyC .cy-ipc h4,
.cy-partyC .cy-ipc-cont {
  width: 900px;
}

.cy-pn-list {
  margin: 0 0 0 -20px;
}

.cy-pn-list li {
  float: left;
  width: 50%;
  padding: 0 0 20px 20px;
}

.cy-pn-list a {
  display: block;
  box-shadow: 0 0 5px #ccc;
}

.cy-pnl-img {
  height: 280px;
  overflow: hidden;
}

.cy-pnl-img img {
  transition: all .5s;
}

.cy-pnl-cont {
  height: 200px;
  position: relative;
  padding: 25px 46px 25px 36px;
  overflow: hidden;
  z-index: 10;
  transition: all .5s;
}

.cy-pnl-cont::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  background: #f8a21b;
  z-index: -1;
  transition: all .5s;
}

.cy-pnl-cont span {
  font-size: 12px;
  transition: all .5s;
}

.cy-pnl-cont h4 {
  position: relative;
  font-size: 18px;
  margin: 3px 0 5px;
  padding: 0 0 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: all .5s;
}

.cy-pnl-cont h4::before {
  content: '';
  width: 235px;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #b2b2b2;
  transition: all .5s;
}

.cy-pnl-cont h4::after {
  content: '';
  width: 0;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #fff;
  transition: all .5s;
}

.cy-pnl-cont p {
  height: 4em;
  line-height: 2;
  text-indent: 0;
  overflow: hidden;
  transition: all .5s;
}

.cy-pnl-cont i {
  width: 80px;
  position: absolute;
  left: 36px;
  bottom: 25px;
  color: #fff;
  background: #fca600;
  text-align: center;
  opacity: 0;
  transform: scale(0, 0);
  transition: all .5s;
}

.cy-pn-list li:hover img {
  transform: scale(1.1);
}

.cy-pn-list li:hover span,
.cy-pn-list li:hover h4 {
  color: #fff;
}

.cy-pn-list li:hover .cy-pnl-cont::before {
  top: 0;
}

.cy-pn-list li:hover h4::after {
  width: 235px;
}

.cy-pn-list li:hover p {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #fff;
}

.cy-pn-list li:hover i {
  color: #fff;
  opacity: 1;
  transform: scale(1, 1);
}

.cy-pn-list .cy-pnl-cont h4:hover {
  color: #fca600;
}

.cy-pn-list .cy-pnl-cont h4:hover::before {
  background: #fca600;
}

.cy-pn-list .cy-pnl-cont h4:hover::after {
  width: 0;
}

.cy-pn-list .cy-pnl-cont i:hover {
  color: #f8a21b;
}
/* party work end */

/* culture */
.cy-cultureC h4 {
  width: 900px;
}

.cy-cultureC .cy-culture-spirit {
  width: 100%;
}

.cy-culture-spirit p {
  text-indent: 0;
  text-align: center;
  color: #333;
}

.cy-clts-list {
  position: relative;
}

.cy-clts-list ul {
  width: 100%;
  height: 200px;
  position: absolute;
  top: 50%;
  left: 0;
  margin: -100px 0 0;
  overflow: hidden;
  text-align: center;
}

.cy-clts-list li {
  display: inline-block;
  width: 200px;
  height: 200px;
  position: relative;
  margin: 0 72px;
  border-radius: 50%;
  background: rgba(26, 58, 119, .8);
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  line-height: 200px;
  cursor: pointer;
  z-index: 10;
}

.cy-clts-list li::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background: #fca600;
  z-index: -1;
  transform: scale(0, 0);
  transition: all .5s;
}

.cy-clts-list li:hover::before {
  transform: scale(1, 1);
}

.cy-clts-bottom {
  margin-bottom: -80px;
}
/* culture end */

/* tender */
.cy-tenderC .cy-ipc h4,
.cy-tenderC .cy-ipc-cont {
  width: 900px;
}

.cy-tdp-list {
  margin: 0 0 0 -20px;
}

.cy-tdp-list li {
  float: left;
  width: 50%;
}

.cy-tdp-list a {
  display: block;
  position: relative;
  margin: 0 0 20px 20px;
  padding: 26px 50px 26px 40px;
  box-shadow: 0 0 5px 3px #eee;
  overflow: hidden;
  transition: all .5s;
  z-index: 10;
}

.cy-tdp-list a::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: -100%;
  left: 0;
  background: #f8a21b;
  transition: all .5s;
  z-index: -1;
}

.cy-tdp-list span {
  font-size: 12px;
  color: #999;
  transition: all .5s;
}

.cy-tdp-list h4 {
  height: 58px;
  position: relative;
  margin: 0 0 10px;
  padding: 10px 0 0;
  font-size: 18px;
  line-height: 24px;
  overflow: hidden;
  transition: all .5s;
}

.cy-tdp-list h4::before {
  content: '';
  width: 90px;
  height: 1px;
  position: absolute;
  top: 2px;
  left: 0;
  background: #b2b2b2;
}

.cy-tdp-list h4::after {
  content: '';
  width: 0;
  height: 1px;
  position: absolute;
  top: 2px;
  left: 0;
  background: #fff;
  transition: all .5s;
}

.cy-tdp-list li a h4:hover {
  color: #fff;
}

.cy-tdp-list i {
  display: inline-block;
  width: 80px;
  font-size: 12px;
  background: #fca600;
  color: #fff;
  text-align: center;
  opacity: 0;
  transform: scale(0, 0);
  transition: all .5s;
}

.cy-tdp-list li a i:hover {
  color: #fff;
}

.cy-tdp-list a:hover::before {
  top: 0;
}

.cy-tdp-list a:hover span,
.cy-tdp-list a:hover h4 {
  color: #fff;
}

.cy-tdp-list a:hover h4::after {
  width: 90px;
}

.cy-tdp-list a:hover i {
  opacity: 1;
  transform: scale(1, 1);
}
/* tender end */

/* cooperation */
.cy-cooperationC .cy-ipc h4,
.cy-cooperationC .cy-ipc-cont {
  width: 900px;
}

.cy-cpPj-list {
  margin: 0 0 0 -20px;
}

.cy-cpPj-list li {
  float: left;
  width: 50%;
}

.cy-cpPj-list a {
  display: block;
  position: relative;
  margin: 0 0 20px 20px;
  padding: 40px 60px 40px 50px;
  box-shadow: 0 0 5px 3px #eee;
  overflow: hidden;
  transition: all .5s;
  z-index: 10;
}

.cy-cpPj-list a::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: -100%;
  left: 0;
  background: #f8a21b;
  transition: all .5s;
  z-index: -1;
}

.cy-cpPj-list h4 {
  position: relative;
  margin: 0 0 10px;
  padding: 0 0 6px;
  font-size: 18px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: all .5s;
}

.cy-cpPj-list h4::before {
  content: '';
  width: 235px;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #b2b2b2;
  transition: all .5s;
  z-index: 5;
}

.cy-cpPj-list h4::after {
  content: '';
  width: 0;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #fff;
  transition: all .5s;
}

.cy-cpPj-list p {
  height: 4em;
  text-indent: 0;
  overflow: hidden;
  transition: all .5s;
}

.cy-cpPj-list i {
  display: inline-block;
  width: 80px;
  margin: 20px 0 0;
  font-size: 12px;
  color: #fff;
  background: #fca600;
  text-align: center;
  transition: all .5s;
}

.cy-cpPj-list a:hover::before {
  top: 0;
}

.cy-cpPj-list a:hover h4 {
  color: #fff;
}

.cy-cpPj-list a:hover h4::before {
  width: 0;
}

.cy-cpPj-list a:hover h4::after {
  width: 235px;
  z-index: 10;
}

.cy-cpPj-list a:hover p {
  color: #fff;
}

.cy-cpPj-list a:hover h4:hover {
  color: #fca600;
}

.cy-cpPj-list a:hover h4:hover::before {
  width: 235px;
  background: #fca600;
  z-index: 15;
}

.cy-cpPj-list a:hover i:hover {
  background: #fff;
  color: #f8a21b;
}

.cy-cpPt-list {
  margin: 0 0 0 -15px;
}

.cy-cpPt-list li {
  float: left;
  width: 33.33%;
  transition: all .5s;
}

.cy-cpPt-list a {
  display: block;
  margin: 0 0 15px 15px;
  padding: 30px 55px;
  box-shadow: 0 0 5px 3px #eee;
  transition: all .5s;
}

.cy-cpPt-list a:hover {
  box-shadow: 0 0 5px 3px rgba(26, 58, 119, 0.68);
}
/* cooperation end */

/* talent */
.cy-talentC .cy-ipc h4,
.cy-talentC .cy-ipc-cont {
  width: 900px;
}

.cy-talent-recruit p {
  text-indent: 0;
}

.cy-tlRc li {
  margin: 0 0 2px;
}

.cy-tlRc-zhp {
  display: block;
  height: 60px;
  position: relative;
  line-height: 60px;
  color: #fff;
  overflow: hidden;
  background: #999;
  z-index: 10;
}

.cy-tlRc-zhp::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: -100%;
  left: 0;
  background: #666;
  transition: all .5s;
  z-index: -1;
}

.cy-tlRc-zhp i {
  display: block;
  float: left;
  width: 100px;
  height: 100%;
  position: relative;
  font-size: 24px;
  font-weight: bold;
  font-family: Arial;
  background: #f8a21b;
  border-right: 2px solid #fff;
  text-align: center;
  overflow: hidden;
  z-index: 10;
}

.cy-tlRc-zhp i::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: -100%;
  left: 0;
  background: #fca600;
  transition: all .5s;
  z-index: -1;
}

.cy-tlRc-zhp b {
  display: block;
  float: right;
  width: 60px;
  height: 100%;
  position: relative;
  background: #666;
  overflow: hidden;
  z-index: 10;
}

.cy-tlRc-zhp b::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: -100%;
  left: 0;
  background: #999;
  transition: all .5s;
  z-index: 10;
}

.cy-tlRc-zhp b::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../images/00_cm_1down.png") no-repeat center;
  transition: all .5s;
  animation: _cyZhp infinite 2s linear;
  z-index: 20;
}

.cy-tlRc-zhp>span {
  padding: 0 40px;
  font-size: 0;
}

.cy-tlRc-zhp>span span {
  display: inline-block;
  margin: 0 30px 0 0;
  font-size: 14px;
}

.cy-tlRc-zhp>span .cy-tlRc-rsh {
  width: 45px;
  margin: 0;
}

.cy-tlRc-cont {
  display: none;
  padding: 40px 60px 50px 85px;
  background: #eee;
  border-left: 100px solid #fff;
  border-right: 60px solid #ccc;
  font-weight: bold;
  transition: border .5s;
}

.cy-tlRc li:hover .cy-tlRc-zhp::before,
.cy-tlRc li:hover .cy-tlRc-zhp i::before,
.cy-tlRc li:hover .cy-tlRc-zhp b::before,
.cy-tlRc li.cy-active .cy-tlRc-zhp::before,
.cy-tlRc li.cy-active .cy-tlRc-zhp i::before,
.cy-tlRc li.cy-active .cy-tlRc-zhp b::before {
  top: 0;
}

.cy-tlRc li.cy-active .cy-tlRc-zhp b::after {
  background-image: url("../images/00_cm_1up.png");
  animation-direction: reverse;
}

@keyframes _cyZhp {
  from {
    opacity: 0;
    transform: translate(0, -50%);
    margin-top: -2px;
  }
  10% {
    opacity: .2;
  }
  50% {
    opacity: 1;
  }
  90% {
    opacity: .2;
  }
  to {
    opacity: 0;
    transform: translate(0, 50%);
    margin-top: 0;
  }
}
/* talent end */

/* contact us */
.cy-contactC .cy-ipc h4,
.cy-contactC .cy-ipc-cont {
  width: 900px;
}

.cy-cu-ctw ul {
  position: relative;
  margin: 0 0 40px;
}

.cy-cu-ctw li {
  padding: 0 200px 0 0;
  font-size: 16px;
  font-weight: bold;
  line-height: 30px;
  transition: all .38s;
}

.cy-cu-ctw a {
  font-weight: normal;
  font-family: Arial;
  transition: all .2s;
}

.cy-ctw-address a {
  font-weight: bold;
  font-family: "Microsoft YaHei";
}

.cy-cu-ctw a:hover {
  color: #f8a21b;
}

.cy-cu-ctw .cy-ctw-2wm {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
}

.cy-ctw-2wm a {
  display: block;
  float: right;
  width: 36px;
  height: 123px;
  padding: 19px 10px;
  font-size: 14px;
  font-family: "Microsoft YaHei";
  line-height: 1.5;
  color: #fff;
  background: #fca600;
  text-align: center;
}

.cy-ctw-2wm p {
  float: left;
  width: 123px;
  height: 123px;
}

.cy-cu-map {
  width: 100%;
  height: 440px;
  box-shadow: 0 0 5px 3px #ccc;
}

.cy-cu-map .anchorBL {
  display: none!important;
}
/* contact us end */

.cy-common-title h3 {
  position: relative;
}

.cy-common-title h3:before {
  content: '';
  position: absolute;
  top: 50%;
  left: .5em;
  margin-top: -3px;
  margin-left: -3px;
  border: 3px solid #fca600;
  border-radius: 50%;
}


.joins .ico{ position: absolute;right: 0px;top: 0px;width: 32px;height: 32px;display: block;background: url(../images/zzclose.png) no-repeat scroll center center;z-index: 6;cursor: pointer;}


.developmentsr{margin-top: 50px;}
.develper{ width:50%; float: left; overflow:hidden;}
.develinfo{ position:relative;}
.develinfo figure{ display:block; line-height:1; overflow:hidden; margin: 0px; padding: 0px;}
.develinfo figure img{ display:block; width:100%; height:auto; line-height:0; transition:0.5s;}
.develtitle{ position:absolute; left:55px; top:52px;}
.develtitle h3{ color:#fff; line-height:1; font-size:28px; position:relative; margin-bottom:22px; font-weight: normal}
/*.develtitle h3:before{ content:""; width:24px; height:5px; background:#fff; position:absolute; left:0; bottom:0;}*/
.develtitle small{ display:block; line-height:1.2; color:#fff; font-size:28px; font-family:"Arial";}
.develinfo:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.develright{ width:50%; float:left;}
.devetop .develinfo{ width:50%; float:left;}
.devedown .develinfo{width: 100%;}
.develper.article-block,.devetop.article-block .develinfo,.devedown.article-block{ opacity:0; transform:translateY(78px); -webkit-transform:translateY(78px); -moz-transform:translateY(78px); transition:0.58s;}
.develper.articleShow,.devetop.articleShow .develinfo,.devedown.articleShow{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}
.devetop.article-block .develinfo:nth-child(1){ transition-delay:0.3s;}
.devetop.article-block .develinfo:nth-child(2){ transition-delay:0.5s;}
.devedown.article-block{ transition-delay:0.3s;}

@media screen and (max-width:1024px){
	.develper{width: 100%;}
	.develright{ width:100%; float:left;}
	.develtitle{ position:absolute; left:55px; top:52px;}
.develtitle h3{ color:#fff; line-height:1; font-size:28px; position:relative; margin-bottom:22px; font-weight: normal}
/*.develtitle h3:before{ content:""; width:24px; height:5px; background:#fff; position:absolute; left:0; bottom:0;}*/
.develtitle small{ display:block; line-height:1.2; color:#fff; font-size:28px; font-family:"Arial";}
}

@media screen and (max-width:641px){
	.develtitle{ position:absolute; left:10px; top:10px;}
.develtitle h3{ color:#fff; line-height:1; font-size:14px; position:relative; margin-bottom:10px; font-weight: normal}
/*.develtitle h3:before{ content:""; width:24px; height:5px; background:#fff; position:absolute; left:0; bottom:0;}*/
.develtitle small{ display:block; line-height:1.2; color:#fff; font-size:14px; font-family:"Arial";}
}

.ix-pa {display: block;}
.ix2 { padding-top: 50px;}
.ix2 .ipd-ti { margin-bottom: 20px; }
.ipd-a { display: block; color: #666; }
.ipd-a .img-w { float: right; width: 50%; }
.ipd-a .pic2 { margin-right: 120px; }
.ipd-a .txts { float: left; width: 50%; }
.ipd-a .nowti { font-size: 20px; color: #000; }
.ipd-a .tx { margin-top: 10px; line-height: 26px; }
.ipd-a .ipd-more { margin-top: 20px; }
.ipd-a .w { width: 650px; }
.ipd-ti { color: #014099; }
.ipd-ti .ch { font-size: 30px }
.ipd-ti .en { margin-top: 10px; font-size: 36px; }
.ipd-ti .line { width: 35px; height: 3px; background: #014099; margin-top: 20px; }

.ipd-a .nowti { font-size: 20px; color: #000; }

.iac-a  .iac-ti { font-size: 18px; }
.iac-a  .iac-ti .en p { display: inline-block; vertical-align: bottom; white-space: nowrap;}

.iac-a { display: block; position: relative; color: #fff; overflow: hidden; }
.iac-a .ico { height: 50px; background-position: left top; }
.iac-a .pa { padding: 35px 30px 0 30px; }
.iac-a .iac-ti { position: absolute; left: 0; right: 0; bottom: 0; padding: 0 30px 45px 30px; }
.iac-a .bl-cover { background: rgba(0, 0, 0, 0.5); -webkit-transition: 600ms; transition: 600ms; }

.iac-line { display: block; position: absolute; background: #f08336; z-index: 39; -webkit-transition: 600ms; transition: 600ms; }
.iac-line.line-3, .iac-line.line-1 { width: 0; height: 2px; }
.iac-line.line-2, .iac-line.line-1 { top: 0; left: 0; }
.iac-line.line-4, .iac-line.line-3 { right: 0; bottom: 0; }
.iac-line.line-2, .iac-line.line-4 { width: 2px; height: 0; }

.iac-list { margin-left: -35px; }
.iac-list li { float: left; width: 33.33%; }
.iac-list .iac-a { margin-left: 35px; }
.bl-cover{ display: block; position: absolute; z-index: 29; top: 0; bottom: 0; left: 0; right: 0; background: url(../images/black.png); }
.iac-a .bl-cover { background: rgba(0, 0, 0, 0.5); -webkit-transition: 600ms; transition: 600ms; }
.g-more {
	display: block;
	padding: 10px 0;
	width: 175px;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	color: #fff;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	background: #f8a21b;
}
.g-more:after {
	display: inline-block;
	margin-left: 30px;
	width: 23px;
	height: 20px;
	vertical-align: top;
	background: url(../images/more.png) no-repeat right center;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	content: ''
}
.g-more:hover {
	color: #fff
}
.g-more:hover:after {
	background-image: url(../images/moreh.png);
	-webkit-transform: translate(10%, 0);
	-ms-transform: translate(10%, 0);
	transform: translate(10%, 0)
}

@media screen and (max-width: 1600px) { 
  .ipd-ti .ch { font-size: 42px; }
  .ipd-a .nowti { font-size: 16px; }
  .ipy-a .ti { font-size: 24px; }
  .ix1, .ix2, .ix3 { padding-bottom: 155px; }
  .ipd-ti .en { font-size: 20px; }
}
@media screen and (max-width: 1440px) { .iac-list { margin-left: -25px; }
  .ipd-list .ipd-a .txts { padding-top: 14%; }
  .pw { width: 1280px; }
	.iac-list { margin-left: -25px; }
	  .iac-list .iac-a { margin-left: 25px; }
	}
	@media screen and (max-width: 1366px) {
  .ix-pa {padding-left: 80px; padding-right: 80px; }
  .ipd-a .nowti { font-size: 15px; }
	
	}
	@media screen and (max-width: 1201px) { .id-arrow-box{ display: none; }
  .ipd-a .w { width: 320px; margin-right: 0; }
  .ipy-a .ti { font-size: 18px; }
		.pi-ti:before { height: 5px; } }
		@media screen and (max-width: 1153px) { .ipd-a .pic2 { margin-right: 70px; }}
@media screen and (max-width: 1024px) { .vwrap .videobox { width: 700px; margin-left: -350px; }
  .ipd-a .pic2 { margin-right: 0; }
  .ipd-a .w { width: 300px; }
  .ipd-a .nowti { font-size: 14px; margin-right: 70px; }
  .ipd-a .tx { margin-top: 10px; line-height: 24px; font-size: 12px; }
	  .iac-list { margin-left: -5px; }
  .iac-list .iac-a { margin-left: 5px; }
	}
	@media screen and (max-width: 861px) { .vwrap .videobox { width: 100%; left: 0; margin-left: 0; }
  .ix1 .ipd-ti { position: relative; top: 0; }
  .ipd-a .img-w, .ipd-a .txts { float: none; width: 100%; }
  .ipd-a .w { width: 440px; max-width: 100%; }
  .ipd-box .ip-arrow { display: none; }
  .ipd-list .ipd-a .txts { padding-top: 35px; }
   .ix-pa {padding-left: 0px; padding-right: 0px; }
		.ix3 .img-w, .ix2 .iac-list { margin-top: 35px; }
	.ipd-ti .ch { font-size: 24px; }	
	}
	@media screen and (max-width: 481px) { .vwrap .videobox { height: 300px; margin-top: -150px; }
  .iac-list li { width: 33.3%; margin-bottom: 5px; }
		.iac-a .iac-ti { position: absolute; left: 0; right: 0; bottom: 0; padding: 0 10px 20px 10px; font-size: 12px; }
	}
.footer {
	background: #424242;
}
.footer a {
	color: #fff;
}
.footer a:hover, .footer a:active {
	color: #eee;
}
.footer .fnav {
	width: 70%;
	float: right;
	line-height: 2.2;
	margin-top: 35px;
}
.footer .fnav li {
	float: left;
	margin-left: 10%;
}
.footer .fnav li:first-child {
	margin-left: 0;
}
.footer .fnav a {
	display: block;
	text-transform: capitalize;
	font-size: 14px;
	line-height: 28px;
	position: relative
}
.footer .fnav li a span {
	position: absolute;
	width: 18px;
	height: 1px;
	background: #fff;
	display: block;
	top: 20px;
}
.footer .fnav li a p {
	padding-left: 0px;
}
.footer .fnav .fa {
	display: inline-block;
*zoom:1;
*display:inline;
	vertical-align: middle;
	color: #e8e8e8;
	font-size: 16px;
	position: relative;
	margin-bottom: 0px;
}
.footer .fnav .fa:hover .line {
	width: 0;
}
.footer .t {
	padding: 0px 0 45px 0;
}
.footer .t .r {
/*	width: 20%;*/
	float: left;
	margin-top: 35px;
/*	border-right: 1px solid #565656;*/
	padding-left: 15px
}
.footer .t .rewm {
	width: 10%;
	float: right;
	margin-top: 35px;
}
.footer .t .rewm img{
	width: 100px;
}
.footer .t .rewm span{
	text-align: center;
	display: block;
	font-size: 12px;
	color: #fff;
	width: 100px;
}
.footer .t .r .tx {
	padding-left: 0px;
	line-height: 30px;
	width: 100%;
	float: left;
	color: #fff;
	font-size: 14px;
}
.footer .t .r .tx H3 {
	font-size: 30px;
	line-height: 46px;
	color: #fff;
}
.tool a {
	display: inline-block;
*zoom:1;
*display:inline;
	vertical-align: middle;
	width: 32px;
	height: 32px;
	margin-right: 15px;
	margin-top: 10px;
}
.footer .t .r .ewm {
	padding-left: 0px;
	line-height: 30px;
	width: 50%;
	float: left
}
.footer .t .r .ewm img {
	padding-left: 20px;
}
.footer .b {
	color: #fff;
	border-top: 1px solid #565656;
	background: #424242;
}
.footer .b a {
	color: #fff;
}
.footer .b a:hover, .footer .b a:active {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.footer .lef {
	float: left;
	line-height: 35px;
	padding: 5px 0px
	font-size: 14px;
	text-align: right;
	width: 100%;
}
.footer .rig {
	float: right;
	position: relative;
}
.footer .rig .r1 {
	position: absolute;
	right: 60px;
	top: 0px;
	min-width: 150px;
	padding-top: 15px;
}
.footer .rig .r1 span {
	padding: 0px 5px;
}
.footer .rig .r2 {
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 0px;
	margin: 0px;
	height: 50px;
	overflow: hidden
}
.footer .rig .r2 img {
	padding: 0px;
	margin: 0px;
}
.back_1 {
	background: #585d63;
}
.back_2 {
	background: #f2f2f2;
}

@media screen and (max-width:1024px) {
.footer .fnav {
	display: none
}
.footer .t .rewm {
	display: none
}
.footer .t .r {
	width: 100%;
	border-right: 0;
}
.footer .t {
	padding: 0px 0 20px 0;
}
}
.project-page{ padding: 45px 0px 65px;}
.project-list{ margin-left: -1%; padding-bottom: 20px;}
.project-list dd{ float: left; width: 22%; margin:0px 0px 25px 3%; position: relative; background-color: #fff; transition:0.3s; -webkit-transition:0.3s;}
.project-list .img{ overflow: hidden;}
.project-list .img img{ width: 100%; display: block; transition:0.48s; -webkit-transition:0.48s;  transform:scale(1.07); -webkit-transform:scale(1.07);}
.project-list .con{ padding: 20px 15px; position: relative;}
.project-list .t{ font-size: 18px; color: #333; line-height: 1.5; margin-bottom: 12px; overflow: hidden; height: 27px; transition:0.3s; -webkit-transition:0.3s;}
.project-list .c{ transition:0.3s; -webkit-transition:0.3s; padding-right: 0px; height: 55px; overflow: hidden;}

.project-list dd:hover{ box-shadow:0 0 13px rgba(0,0,0,0.2);}
.project-list dd:hover figure img{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
.project-list dd:hover .t,.project-list dd:hover .c{ color: #333;}
@media screen and (max-width:1024px){
	.project-tbox-con .num span{ font-size: 100px;}
	.project-tbox-con .c{ height: auto; margin-bottom: 30px;}
	.project-list{ margin-left: -5%;}
	.project-list dd{ width: 30.33%; margin-left: 3%; box-shadow:0 0 5px rgba(0,0,0,0.1);}	
}
@media screen and (max-width:641px){
	.project-list{ margin-left: -2%;}
	.project-list dd{ width: 48%; margin-left: 2%;}
	.project-list .t{ font-size: 16px; height: 24px;}
	.project-list .con{ padding: 20px;}
	.project-list .new-more3{ width: 25px; height: 25px; right: 20px; bottom: 20px;}
	.project-list .new-more3 i{ background-size: 8px auto;}
}
@media screen and (max-width:481px){
	.project-list{ margin-left: 0%;}
	.project-list dd{ width: 100%; float: none; margin-left: 0%;}
}


.sxp{margin-bottom: 50px;}
.sxp .shang{float: left; text-align: left; line-height: 24px;}
.sxp .xia{float: left; text-align: left; line-height: 24px;}


@media screen and (max-width:641px){
	.sxp{margin-bottom: 30px;}
	.sxp .shang{float: none; display: block; text-align: left; line-height: 24px;}
.sxp .xia{float: none; display: block; text-align: left; line-height: 24px;}
}


/*分页*/
.justify-content-center {
	-ms-flex-pack: center!important;
	justify-content: center!important;
	margin-bottom: 50px;
}

.pagination {
	display: -ms-flexbox;
	display: flex;
	padding-left: 0;
	list-style: none;
	border-radius: .25rem
}
.page-link {
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #007bff;
	background-color: #fff;
	border: 1px solid #dee2e6
}
.page-link:hover {
	z-index: 2;
	color: #0056b3;
	text-decoration: none;
	background-color: #e9ecef;
	border-color: #dee2e6
}
.page-link:focus {
	z-index: 2;
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}
.page-link:not(:disabled):not(.disabled) {
	cursor: pointer
}
.page-item:first-child .page-link {
	margin-left: 0;
	border-top-left-radius: .25rem;
	border-bottom-left-radius: .25rem
}
.page-item:last-child .page-link {
	border-top-right-radius: .25rem;
	border-bottom-right-radius: .25rem
}
.page-item.active .page-link {
	z-index: 1;
	color: #fff;
	background-color: #007bff;
	border-color: #007bff
}
.page-item.disabled .page-link {
	color: #6c757d;
	pointer-events: none;
	cursor: auto;
	background-color: #fff;
	border-color: #dee2e6
}
.pagination-lg .page-link {
	padding: .75rem 1.5rem;
	font-size: 1.25rem;
	line-height: 1.5
}
.pagination-lg .page-item:first-child .page-link {
	border-top-left-radius: .3rem;
	border-bottom-left-radius: .3rem
}
.pagination-lg .page-item:last-child .page-link {
	border-top-right-radius: .3rem;
	border-bottom-right-radius: .3rem
}
.pagination-sm .page-link {
	padding: .25rem .5rem;
	font-size: .875rem;
	line-height: 1.5
}
.pagination-sm .page-item:first-child .page-link {
	border-top-left-radius: .2rem;
	border-bottom-left-radius: .2rem
}
.pagination-sm .page-item:last-child .page-link {
	border-top-right-radius: .2rem;
	border-bottom-right-radius: .2rem
}

.page-num:not(:disabled) {
	cursor: pointer;
}
.page-num, .page-link {
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #666;
	background-color: #fff;
	border: 1px solid #dee2e6;
}
a.page-num:hover, .page-link:hover {
	text-decoration: none;
}
.page-num-current {
	z-index: 1;
	color: #fff;
	background-color: #f8a21b;
	border-color: #f8a21b;
}
.page-num-current:hover {
	color: #fff;
}



.ix33{
	overflow:hidden;
	background:#f8f8f8;
	margin-top: 20px;
	}
.ix33 .cw{
	width:33.33%;
	float:left;
	}
.ixVideo{
	position:relative;
	}
.ixVideo .pic span{
	display:block;
	width:66px;
	height:66px;
	background:url(../images/ix-video-ico.png) no-repeat;
	position:absolute;
	top:50%;
	margin-top: 8px;
	left:50%;
	margin-left:-33px;
	}
.cwt h1{
	color:#333;
	font-size:16px;
	line-height: 24px;
	font-weight: normal;
	display: inline-block
	
	}
.cwt{
	padding: 10px 0 10px 20px;
	border-bottom:1px solid #e5e5e5;
	position:relative;
	border-right:1px solid #e5e5e5;
	}
.cwt .ivmore{
	top:auto;
	bottom:18px;
	margin-top:0;
	background:url(../images/icon-more.png) no-repeat;
	width: 26px;
	height: 26px;
	background-size: 26px 26px;
	transition:0ms;
	-webkit-transition:0ms;
	float: right;
	margin-right: 15px;
	}
.cwt .ivmore:hover{
	background-position:left top;
	}
.ixVideo .cwt{
	position:absolute;
	left:0;
	right:0;
	top:0;
	z-index:10;
	border-color:rgba(255,255,255,.2);
	}
.ixVideo .cwt h1{
	color:#fff;
	font-weight: normal;
	font-size: 18px;
	}
.ixVideo .ivmore{
	background-image:url(../images/nm3.png);
	}
.ixVideo .tx{
	padding:20px 20px 0 20px;
	font-size:15px;
	line-height:30px !important;
	height:90px;
	}
.ixMember{
	background:#fff;
	}
.im-list{
	padding-top:16px;
/*	padding-bottom:14px;*/
	border-right:1px solid #e5e5e5;
	}
.im-list .item{
/*	height:259px;*/
/*	overflow:hidden;*/
	border:none;
	}
.im-list .item a{
	display:block;
	color:#666;
	padding: 10px 25px 10px 35px;
	border-top:1px dashed #bababa;
	}
.im-list .item a:first-child{
	border-top:none;
	}

.im-list .nowti{
	font-size:14px;
	line-height:24px;
	font-weight: normal;
	}
.im-list .item a:hover .nowti{
	color:#c7000a;
	}
.im-list .slick-arrow{
	width:25px;
	height:20px;
	position:absolute;
	background-color:#999;
	top:-44px;
	background-image:url(../images/imaw.png);
	background-repeat:no-repeat;
	}
.im-list .slick-prev{
	right:52px;
	border-radius:8px 0 0 8px;
	}
.im-list .slick-next{
	right:25px;
	border-radius:0 8px 8px 0;
	background-position:left bottom;
	}
.im-list .slick-arrow:hover{
	background-color:#c7000a;
	}
.ixDev{
	background:#fff;
	}
.id-list{
	border-right:1px solid #e5e5e5;
/*	height:289px;*/
	padding:0 35px;
	padding-top:16px;
	}
.id-list a{
	color:#666;
	font-size:14px;
	overflow:hidden;
	display:block;
	line-height:24px;
	border-top:1px dashed #bababa;
	padding:10px 0;
	font-weight: normal;
	}
.id-list a:first-child{
	border-top:none;
	}
.id-list .nowti{
	width:100%;
	float:left;
	line-height:24px;
	font-weight: normal;
	font-size: 14px;
	}
.id-list .d{
	width:30%;
	float:left;
	text-align:right;
	color:#999;
	}
.id-list a:hover .nowti{
	color:#f46f36;
	}
@media screen and (max-width:1440px){
.id-list a{
	height: 45px;
	}
}

@media screen and (max-width:1240px){
.ix33 .ixVideo{
	width:100%;
	margin-top:35px;
	background: #f8f8f8;
	}
.ixVideo .tx {
    padding: 35px 30px 55px 30px;
    height:auto;
	}
.ix33{ background:none; }
.ix33 .ixMember,
.ix33 .ixDev{
	width:50%;
	margin-top:35px;
	border-top: 1px solid #e5e5e5;
	}
.im-list,
.ixMember .cwt {
    border-left: 1px solid #e5e5e5;
	}
	
}

@media screen and (max-width:861px){
.ix33 .ixMember, .ix3 .ixDev {
    width: 100%;
	}
.id-list, .ixDev .cwt {
    border-left: 1px solid #e5e5e5;
	}
.isntxts .lookmore {
    margin-top: 35px;
	}
	
	.ix33 .ixMember,
.ix33 .ixDev{
	width:100%;
	}
	
}


@media screen and (max-width:481px){

.ixVideo .tx {
    padding: 25px 15px;
	}
.ixVideo .cwt{
	position:relative;
	}
.ixVideo .cwt h1{
	color:#333;
	}
.ixVideo .cwt .ivmore{
	background-image:url(../images/nm2.png);
	}
.cwt {
    padding: 20px 0 20px 15px;
	}
.cwt .ivmore{
	bottom:50%;
	margin-bottom:-15px;
	}
.ixVideo .pic span{
	margin-top:-33px;
	transform:scale(0.8);
	-webkit-transform:scale(0.8);
	}
.im-list .item a {
    padding: 5px 15px;
	}
.im-list .slick-next {
    right: 15px;
	}
.im-list .slick-prev {
    right: 42px;
	}
.im-list .slick-arrow {
    top: -43px;
	}
.id-list {
    padding: 0 15px;
	}	
}

.iboxT{ margin-bottom: 40px; color: #3c3c3c; line-height: 30px;}
.iboxT .zh{ font-size: 18px; color: #3C3C3C;}
.iboxT .en{ color: #b2b2b2; border-left: 1px solid #7f7f7f; padding:1px 0  1px 15px; margin-left: 15px; position: relative; top: -1px;}
.iboxT .more{ float: right; display: inline-block; font-size: 12px; margin-right: 6px; line-height: 30px;}
.iboxT .more:hover{ color: #333;}
.ibox-two{ padding: 50px 0px 65px; display: block; clear: both}
.ibox-two a:link, .ibox-two a:visited { color: #8f8f8f;}
.ibox-two a:active, .ibox-two a:hover { color: #fff;}
.ibox-project{ margin-left: -2%;}
.ibox-project dd{ float: left; display: block; width: 23%; margin-left: 2%; color: #fff; position: relative; overflow: hidden;}
.ibox-project figure{ position: relative; width: 100%; overflow: hidden; padding-bottom: 70%; background-color: #ecf0f5;}
.ibox-project figure img{ width: 100%; display: block; position: absolute; left: 0; top: 0; transition:0.6s;-webkit-transition:0.6s; }
.ibox-project .desc{ position: absolute; left: 5%; top: 50%; margin-top: -82px; width: 90%; text-align: center; transform:translateY(100%); -webkit-transform:translateY(100%); opacity: 0; visibility:hidden\9;  -webkit-transition:-webkit-transform .58s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .58s cubic-bezier(.4,0,.2,1);}
.ibox-project h4{ font-weight: normal; font-size: 18px; line-height: 1.5;}
.ibox-project .bot{ width: 56px; height: 4px; background-color: #fff; display: block; margin: 10px auto 18px;}
.ibox-project .c{ font-size: 12px; height: 42px; overflow: hidden; margin-bottom: 24px;}
.ibox-project .black{ background: url(../images/blue_70.png) repeat; background: none rgba(248,162,27,0.7); position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition:-webkit-transform .58s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .58s cubic-bezier(.4,0,.2,1); transform:scaleY(0); -webkit-transform:scaleY(0); -moz-transform:scaleY(0); transform-origin:50% 100% 0; -webkit-transform-origin:50% 100% 0; visibility:hidden\9;}




@media screen and (min-width:1025px){

	.ibox-project dd:hover .black{ transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleY(1); transform-origin:50% 0 0; -webkit-transform-origin: 50% 0 0; visibility:visible\9;}
	.ibox-project dd:hover .desc{ transform:inherit; -webkit-transform:inherit; opacity: 1; visibility:visible\9;}

}

@media screen and (max-width:1441px){

	.ibox-project{ margin-left: -1%;}
	.ibox-project dd{ width: 24%; margin-left: 1%;}
	.ibox-project .desc{ margin-top: -77px;}
	.ibox-project h4{ font-size: 16px;}
	.ibox-project .c{ margin-bottom: 20px;}
	.ibox-project .bot{ width: 46px; height: 2px;}
	
}

@media screen and (max-width:1024px){

	.ibox-project .desc{ top: auto; opacity: 1; visibility: visible\9; margin-top: 0; bottom: 0;  transform:inherit; -webkit-transform:inherit; background: url(../images/blue_70.png) repeat; background: none rgba(32,42,123,0.7); left: 0; padding: 0px 5%;}
	.ibox-project h4{ font-size: 14px; padding: 8px 0;}
	.ibox-project .bot,.ibox-project .c,.ibox-project .btn-more2{ display: none;}
	.ibox-project{ margin-left: -1%;}
	.ibox-project dd{ width: 32.33%; margin-left: 1%;}
	.ibox-project dd:last-child{ display: none;}
	
}
@media screen and (max-width:860px){

	.ibox-project{ margin-left: -2%;}
	.ibox-project dd{ width: 48%; margin-left: 2%; margin-bottom: 4%;}
	.ibox-project dd:last-child{ display: block;}
	
}
@media screen and (max-width:641px){

	.iboxT{ line-height: 1.5; margin-bottom: 30px;}
	.iboxT .zh{ font-size: 20px;}
	.iboxT .en{ display: block; border-left: 0px none; padding-left: 0; margin-left: 0;}
	
	
	
	
	.ibox-two{ padding: 40px 0px 50px;}
	.ibox-project h4{ font-size: 12px;}
	
	
	
}

@media screen and (max-width: 360px) {
	.ibox-project{ margin-left: 0%;}
	.ibox-project dd{ width: auto; margin-left: 0; float: none;}
	.ibox-project dd:last-child{ margin-bottom: 0;}
	.ibox-project h4{ font-size: 14px;}
}


.bgf4{ background-color: #f4f4f4;}

.info-page{ padding: 14px 0px 100px;}
.info-page .pinner{ background-color: #fff; padding: 50px 20px; max-width: 1200px; margin: 0px auto;}
.info-c{ margin: 0px auto;}
.info-c table{ min-width: 640px; width: 100% !important; background-color: #fff !important;}
.info-c table td{ padding: 8px 10px; border: 1px solid #4b4b4b !important; text-align: center;}
.info-c table tr:first-child td{ background-color: #183883; color: #fff; border: 1px solid #3d4586 !important;}
.infoPage-box{ background-size: cover; background-repeat: no-repeat; background-position: center center; padding: 54px 0px; text-align: center; color: #fff;}
.w920{ width: 900px; margin: 2px auto; text-align: center}
.info-T a:link, .info-T a:visited { color: #fff; }
.info-T a:active, .info-T a:hover { color: #fff;}
.info-T h3{ font-size: 30px; line-height: 1.2;}
.info-T .info{ padding-top: 20px;}
.info-T .time{ margin-right: 25px;}
.rel { position: relative; }
.arrow-btn{ display:block; position:relative;}
.arrow-btn .iconfont{ width:100%; height:100%; position:relative; z-index:9; display: block; text-align: center; color: #fff;}
.arrow-btn .now{ text-align:center; color:#fff; position:relative; z-index:9; }
.arrow-btn.gray{ background-color: #ccc; }
.arrow-btn.yell{ background:#202a7b; }
.nd-back{ padding-top:30px; border-top: 6px solid #e5e5e5; margin: 60px 0 0;}
.nd-back a{   color:#999; position:relative; }
.nd-back .arrow-btn{ width:48px; height:48px; line-height: 48px; border-radius: 24px; position:absolute; top:0; }
.nd-back .name{ line-height:48px; display: block;}
.nd-back .prev .name{ padding-left:63px; }
.nd-back .next .name{ padding-right:63px; text-align:right; }
.nd-back .next { float: right;}
.nd-back .prev .arrow-btn{ left:0; }
.nd-back .next .arrow-btn{ right:0; }
.nd-back .backList{ width:104px; position:absolute; top:0; left:50%; margin-left:-52px; height:48px; }
.nd-back .backList .now{ line-height:48px; display: block; text-align: center;}
.arrow-hover:hover .arrow-btn.gray{ background:#202a7b; }
.backList:hover.yell{ background: #cccccc; }
.nd-back a:hover { color: #202a7b; }
.info-page .nd-back{ margin-left: 45px; margin-right: 45px;}

.info-c p{ font-size: 17px; color: #000}
.info-c img{max-width: 900px; margin: 0px auto;}




.lanmumain{ padding:60px 0}
.lanmumain .box{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.lanmumain .box .lanmuleft{ flex:0 0 220px; margin-right:50px}
.lanmumain .box .lanmuright{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}
.lanmuleft .lanmutitle{ color:#f8a21b; padding-left:0px; padding-top:12px; padding-bottom:10px; border-bottom: 1px solid #eee;}
.lanmuleft .lanmutitle h3{ display:inline; font-size:16px; font-weight:normal}
.lanmuleft .lanmutitle h2{ display:inline; font-size:20px; font-weight:normal}


.lanmuright .lanmutitle{ color:#f8a21b; padding-left:0px; padding-top:10px; padding-bottom:5px; border-bottom: 1px solid #eee;}
.lanmuright .lanmutitle h3{ display:inline; font-size:16px; font-weight:normal}
.lanmuright .lanmutitle h2{ display:inline; font-size:20px; font-weight:normal}

.lanmutitle span{ float: right; color: #333; font-size: 14px;}


.lanmunav ul{}
.lanmunav li{ border-bottom:1px solid #fff}
.lanmunav li a{ display:block; padding-left:30px; line-height:42px; height:42px; font-size:16px}
.lanmunav li a:before{ content:""; display:inline-block; vertical-align:middle; margin-right:20px;width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-left: 6px solid #7d7d7d;
    border-bottom: 3px solid transparent;}
.lanmunav li a:hover,.lanmunav li.on a{ background-color:#f8a21b; color:#fff}
.lanmunav li a:hover:before,.lanmunav li.on a:before{ border-left: 6px solid #fff}


@media(max-width:900px) {
.lanmumain{ padding:20px 0; padding-bottom:40px}	
.lanmumain .box{ display:block}
.lanmumain .box .lanmuleft{ margin-right:0}
.lanmutitle{ display:none}

.lanmunav{ margin-left:-10px; margin-right:-10px; background-color:#eee; margin-top:-20px}
.lanmunav ul{ border:none; overflow:hidden}
.lanmunav ul li{ float:left; width:50%; border-bottom:none}
.lanmunav li a{ padding-left:10px;}
}



.indexnews { width: 100%; height: 500px; }

.indexnews .swiper-imgnews { position: relative; width: 100%; overflow: hidden; height: 450px; }

.indexnews .swiper-imgnews .swiper-imgnews-pag { position: absolute; bottom: 10px; left: auto; top: auto; right: 15px; width: auto; z-index: 3; }

.indexnews .swiper-imgnews .swiper-imgnews-pag span { width: 0.57292vw; height: 0.57292vw; border-radius: 50%; background: rgba(255, 255, 255, 0.5); text-align: center; opacity: 1; -webkit-transition: .4s; transition: .4s; margin: 0 5px; }

.indexnews .swiper-imgnews .swiper-imgnews-pag span.swiper-pagination-bullet-active { background: white; }

.indexnews .swiper-imgnews .swiper-wrapper.active .swiper-slide { opacity: 1; }

.indexnews .swiper-imgnews .swiper-wrapper .swiper-slide { opacity: 1; -webkit-transition: opacity .4s; transition: opacity .4s; position: relative; overflow: hidden; }

.indexnews .swiper-imgnews .swiper-wrapper .swiper-slide:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); -webkit-filter: brightness(105%); filter: brightness(105%); }

.indexnews .swiper-imgnews .swiper-wrapper .swiper-slide img { -webkit-transition: .4s; transition: .4s; }

.indexnews .swiper-imgnews .swiper-wrapper .swiper-slide .bg { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 3; background: rgba(0, 0, 0, 0.6); height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 1.27rem 0 .24rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.indexnews .swiper-imgnews .swiper-wrapper .swiper-slide .bg p { color: #fff; -webkit-line-clamp: 1; }

.indexnews .indexnewsList { width: 56.95%; padding: 0 .42rem; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; }

.indexnews .indexnewsList .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: .8rem; border-bottom: 1px solid #E2E2E2; }

.indexnews .indexnewsList .title .newslist-pag { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; }

.indexnews .indexnewsList .title .newslist-pag span { position: relative; width: auto; height: 100%; font-size: .2rem; font-weight: 700; background: transparent; border-radius: 0; opacity: 1; margin-right: .5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: color .4s; transition: color .4s; }

.indexnews .indexnewsList .title .newslist-pag span.swiper-pagination-bullet-active { color: #CC131D; }

.indexnews .indexnewsList .title .newslist-pag span.swiper-pagination-bullet-active:after { width: 100%; }

.indexnews .indexnewsList .title .newslist-pag span.swiper-pagination-bullet-active:before { opacity: 1; }

.indexnews .indexnewsList .title .newslist-pag span:after { content: ''; position: absolute; top: 100%; width: 0%; left: 0; height: .04rem; background: #CC131D; -webkit-transition: .4s; transition: .4s; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.indexnews .indexnewsList .title .newslist-pag span:before { content: ''; width: 0; height: 0; position: absolute; left: 50%; top: 100%; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); border-top: 0.1rem solid #CC131D; border-bottom: 0.1rem solid transparent; border-left: 0.06rem solid transparent; border-right: 0.06rem solid transparent; opacity: 0; -webkit-transition: .4s; transition: .4s; }

.indexnews .indexnewsList .title a { -webkit-transition: color .4s; transition: color .4s; }

.indexnews .indexnewsList .title a:hover { color: #CC131D; }

.indexnews .indexnewsList .swiper-newslist { overflow: hidden; margin-top: .35rem; }

.vwrap { display: none; z-index: 1040; width: 100%; position: fixed; }
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox { z-index: 990; width: 800px; height: 450px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -225px; margin-left: -400px; }
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close { z-index: 999; width: 31px; height: 31px; cursor: pointer; position: absolute; top: 0px; right: -42px;  background-color: #044fa0;}
.vwrap .close i { display: block; width: 31px; height: 31px; font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 31px;text-align: center;color: #fff;-webkit-transition: 400ms; transition: 400ms;}
.vwrap .close i:before { content: "X"; }
.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#videobox_display_button,#videocontainer_display_button { background: none no-repeat!important; }
.jwplayer .jwicon { opacity: 0.8; filter: alpha(opacity=80); cursor: pointer;  }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }
.jwdisplayIcon{ background:  none no-repeat!important;}
.slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:hand}
.slick-loading .slick-list { background: #f1f1f1 url(../images/loader.gif) center center no-repeat; }
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block; zoom: 1; }
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1;  -webkit-transform: scale(1); transform: scale(1);}
}

@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08);}
    to { opacity: 1;  -webkit-transform: scale(1); transform: scale(1);}
}

@media screen and (max-width:1024px){

	.w920{ width:100%}
	.info-c{width: 100%;}
	.info-c p{font-size: 14px; line-height: 26px;}
	
	.info-T h3{ font-size: 20px; line-height: 30px; margin-top: 20px;}
	
	.cy-banner{
		height: auto;
	}
	
	.indexnews .swiper-imgnews{
		height: auto;
	}
	
	.indexnews{
		height: auto;
		margin-top: 30px;
	}
	
	.ell{
		font-size: 14px;
	}
	
	.info-page{padding-bottom: 0px;}
	
	.info-page .nd-back{margin-left: 0px; margin-right: 0px;}
}