@charset "utf-8";

/*-----------------------------------------------------------*/

/*copyright by 动力无限  www.btoe.cn*/

/*邮箱 btoe@btoe.cn*/

/*合作电话 400-0599-360*/

/*版权所有违者必究*/

/*-----------------------------------------------------------*/

/*Generated by wjdhcms 3.0 */

.dx {

  text-transform: uppercase;

}

.dh {

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.clearboth:after {

  content: "";

  display: block;

  clear: both;

  font-size: 0;

  line-height: 0;

}

.w1200 {

  width: 1200px;

  margin: 0 auto;

}

.w1180 {

  width: 1180px;

  margin: 0 auto;

}

@keyframes huanying1 {

  0% {

    left: 0;

    opacity: 1;

  }

  100% {

    left: 15px;

    opacity: 0;

  }

}

@keyframes huanying2 {

  0% {

    opacity: 0;

    left: -10px;

  }

  100% {

    left: 0;

    opacity: 1;

  }

}

.swiper-container {

  cursor: url(../images/gesture.png), default;

}

.swiper-container img {

  cursor: url(../images/gesture.png), default;

}

.banner {

  position: relative;

}

.banner .slider {

  width: 100% !important;

  height: 860px;

  overflow: hidden;

  position: relative;

  z-index: 1;

}

.banner .slider-main {

  width: 1920px;

  height: 100%;

  position: absolute;

  left: 50%;

  margin-left: -960px;

}

.banner .slider-main li {

  width: 100%;

  height: 100%;

}

.banner .osSlider-main .slider-btn-prev {

  position: absolute;

  z-index: 30;

  top: 50%;

  left: -45px;

  width: 40px;

  height: 40px;

  text-indent: -9999px;

  margin-top: -20px;

  background: url(../images/arrowPrev.png) 50% 50% no-repeat;

  transition: all 0.5s linear;

  cursor: pointer;

}

.banner .osSlider-main:hover .slider-btn-prev {

  left: 3%;

}

.banner .osSlider-main .slider-btn-next {

  position: absolute;

  z-index: 30;

  top: 50%;

  right: -45px;

  width: 40px;

  height: 40px;

  text-indent: -9999px;

  margin-top: -20px;

  background: url(../images/arrowNext.png) 50% 50% no-repeat;

  transition: all 0.5s linear;

  cursor: pointer;

}

.banner .osSlider-main:hover .slider-btn-next {

  right: 3%;

  cursor: pointer;

}

.banner .osSlider-main .slider-nav {

  position: absolute;

  width: 100%;

  bottom: 30px;

  text-align: center;

  z-index: 25;

  font-size: 0;

}

.banner .osSlider-main .slider-nav li {

  display: inline-block;

  vertical-align: top;

  width: 18px;

  height: 18px;

  border: solid 1px #ffffff;

  text-align: center;

  font-family: Arial;

  font-size: 0;

  line-height: 32px;

  margin: 0 10px;

  border-radius: 50%;

  background: transparent;

  cursor: pointer;

  padding: 3px;

  -webkit-box-sizing: border-box;

  -ms-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  position: relative;

  -webkit-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}

.banner .osSlider-main .slider-nav li:before {

  content: "";

  display: inline-block;

  width: 12px;

  height: 12px;

  background-color: #ffffff;

  border-radius: 50%;

  left: 50%;

  top: 50%;

  margin-left: -6px;

  margin-top: -6px;

  -webkit-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

  position: absolute;

  z-index: -1;

}

.banner .osSlider-main .slider-nav li.active {

  border-color: #004fa2;

  color: #fff;

}

.banner .osSlider-main .slider-nav li.active:before {

  background: #004fa2;

}

.linkNav {

  height: 230px;

  background: url(../images/linkNav.jpg) center bottom no-repeat;

  margin-top: 2px;

}

.linkNav ul {

  padding-top: 10px;

}

.linkNav ul li {

  width: 50%;

  float: left;

  height: 210px;

  padding-left: 11px;

}

.linkNav ul li:first-child {

  padding-left: 0;

  padding-right: 11px;

}

.linkNav ul li a {

  display: block;

  width: 100%;

  height: 100%;

  border: solid 1px rgba(255, 255, 255, 0.1);

  padding-top: 77px;

  text-align: center;

  -webkit-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}

.linkNav ul li a span {

  display: block;

  line-height: 30px;

  color: #ffffff;

  -webkit-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

  position: relative;

  top: 0;

}

.linkNav ul li a .cn {

  font-size: 30px;

}

.linkNav ul li a .en {

  text-transform: uppercase;

  margin-top: 14px;

  font-family: Arial;

  font-size: 12px;

}

.linkNav ul li a:hover {

  border: solid 1px rgba(255, 255, 255, 0.6);

  padding-top: 72px;

}

.linkNav ul li a:hover .cn {

  top: 44px;

}

.linkNav ul li a:hover .en {

  top: -44px;

}

.product {

  position: relative;

  margin-top:60px;

}

.product .proNav {

  border-bottom: 1px solid #ebebeb;

}

.product .proNav .inContent {

  border-left: 1px solid #ebebeb;

}

.product .proNav .inContent a {

  border-right: 1px solid #ebebeb;

  width: 20%;

  float: left;

  padding: 0 10px;

  text-align: center;

  line-height: 80px;

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  height: 80px;

  font-size: 16px;

  position: relative;

  transition: all 0.5s;

}

.product .proNav .inContent a:before,

.product .proNav .inContent a:after {

  content: attr(data-hover);

  white-space: nowrap;

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  color: transparent;

  -webkit-transition: all 0.4s ease-out;

  transition: all 0.4s ease-out;

}

.product .proNav .inContent a:hover {

  color: transparent;

}

.product .proNav .inContent a:hover:before {

  color: #333;

  animation: huanying1 0.5s linear forwards;

}

.product .proNav .inContent a:hover:after {

  color: #004fa2;

  animation: huanying2 0.5s linear 0.1s forwards;

}

.product .proBox {

  margin: 30px auto 50px;

  width: 1220px;

}

.product .proBox .bd {

  height: 345px;

  overflow: hidden;

}

.product .proBox li {

  -webkit-box-sizing: content-box;

  -ms-box-sizing: content-box;

  -moz-box-sizing: content-box;

  box-sizing: content-box;

  margin: 10px 10px;

  width: 285px;

  height: 300px;

  overflow: hidden;

  float: left;

  box-shadow: 0px 1px 10px 0px rgba(3, 0, 0, 0.1);

  -webkit-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}

.product .proBox li .pic {

  width: 285px;

  height: 245px;

  display: block;

  position: relative;

  overflow: hidden;

}

.product .proBox li .pic img {

  display: block;

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  margin: auto;

  -webkit-transform: scale(1.1) rotate(0);

  -moz-transform: scale(1.1) rotate(0);

  -o-transform: scale(1.1) rotate(0);

  transform: scale(1.1) rotate(0);

  -webkit-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}

.product .proBox li .cont {

  height: 80px;

  background-color: #ffffff;

  text-align: center;

  padding: 8px 15px 0;

}

.product .proBox li .cont .bt {

  line-height: 26px;

  font-size: 16px;

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  -webkit-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}

.product .proBox li .cont .bt:hover {

  -webkit-transform: translateX(5px);

  transform: translateX(5px);

}

.product .proBox li .cont p {

  color: #666666;

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  line-height: 1;

  margin-top: 12px;

}

.product .proBox li:hover {

  box-shadow: 0px 1px 10px 0px rgba(0, 79, 162, 0.2);

  -webkit-transform: translateY(-8px);

  transform: translateY(-8px);

}

.product .proBox li:hover .pic img {

  -webkit-transform: scale(1) rotate(0);

  -moz-transform: scale(1) rotate(0);

  -o-transform: scale(1) rotate(0);

  transform: scale(1) rotate(0);

}

.product .proBox li:hover .bt {

  color: #004fa2;

}

.product .prev {

  display: block;

  width: 49px;

  height: 49px;

  background-color: #ffffff;

  box-shadow: 0px 1px 10px 0px rgba(3, 0, 0, 0.2);

  border-radius: 50%;

  position: absolute;

  text-align: center;

  line-height: 48px;

  left: 0;

  top: 50%;

  margin-top: -25px;

  -webkit-transition: all 0.4s ease-out;

  transition: all 0.4s ease-out;

  cursor: pointer;

  opacity: 0;

  filter: alpha(opacity=0);

}

.product .prev:before {

  content: "<";

  font-family: SimSun;

  font-size: 24px;

}

.product .next {

  display: block;

  width: 49px;

  height: 49px;

  background-color: #ffffff;

  box-shadow: 0px 1px 10px 0px rgba(3, 0, 0, 0.2);

  border-radius: 50%;

  position: absolute;

  text-align: center;

  line-height: 48px;

  right: 0;

  top: 50%;

  margin-top: -25px;

  -webkit-transition: all 0.4s ease-out;

  transition: all 0.4s ease-out;

  cursor: pointer;

  opacity: 0;

  filter: alpha(opacity=0);

}

.product .next:before {

  content: ">";

  font-family: SimSun;

  font-size: 24px;

}

.product:hover .prev {

  left: -60px;

  opacity: 1;

  filter: alpha(opacity=100);

}

.product:hover .prev:hover {

  background-color: #004fa2;

  color: #fff;

}

.product:hover .next {

  right: -60px;

  opacity: 1;

  filter: alpha(opacity=100);

}

.product:hover .next:hover {

  background-color: #004fa2;

  color: #fff;

}

.youshi {

  position: relative;

  padding-top: 80px;

  background: url(../images/ysbg.jpg) center 0 no-repeat;

}

.youshi .ystit {

  text-align: center;

  line-height: 1;

}

.youshi .ystit h3 {

  font-weight: bold;

  font-size: 36px;

}

.youshi .ystit p {

  font-size: 18px;

  color: #666666;

  margin-top: 26px;

}

.youshi .ysBox {

  margin-top: 140px;

}

.youshi .ysBox li {

  float: left;

  width: 380px;

  height: 412px;

  background-color: #f5f5f5;

  border-radius: 10px;

  margin-left: 30px;

  padding: 62px 50px 0;

  -webkit-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

  overflow: hidden;

  position: relative;

}

.youshi .ysBox li:first-child {

  margin-left: 0;

}

.youshi .ysBox li:before {

  content: "";

  display: block;

  position: absolute;

  left: 0;

  bottom: 0;

  height: 0;

  width: 0;

  border-radius: 600%;

  background-color: #004fa2;

  -webkit-transition: all 0.8s ease-out;

  transition: all 0.8s ease-out;

}

.youshi .ysBox li h4 {

  font-weight: bold;

  color: #004fa2;

  -webkit-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

  font-size: 16px;

  line-height: 1;

  position: relative;

  z-index: 2;

}

.youshi .ysBox li .num {

  color: #004fa2;

  -webkit-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

  line-height: 44px;

  margin-top: 30px;

  height: 44px;

  font-size: 18px;

  position: relative;

  z-index: 2;

}

.youshi .ysBox li .num i {

  font-weight: bold;

  line-height: 44px;

  display: inline-block;

  font-size: 60px;

  font-family: Arial;

  margin-right: 5px;

}

.youshi .ysBox li .num span {

  float: right;

}

.youshi .ysBox li .num span:first-child {

  float: left;

}

.youshi .ysBox li p {

  line-height: 30px;

  color: #666666;

  margin-top: 17px;

  -webkit-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

  position: relative;

  z-index: 2;

}

.youshi .ysBox li:first-child p {

  line-height: 24px;

}

.youshi .ysBox li:hover {

  -webkit-transform: translateY(-20px);

  transform: translateY(-20px);

}

.youshi .ysBox li:hover:before {

  left: -50%;

  bottom: -50%;

  height: 200%;

  width: 200%;

}

.youshi .ysBox li:hover h4 {

  color: #fff;

  -webkit-transition-delay: 0.3s;

  transition-delay: 0.3s;

}

.youshi .ysBox li:hover .num {

  color: #fff;

  -webkit-transition-delay: 0.2s;

  transition-delay: 0.2s;

}

.youshi .ysBox li:hover p {

  color: #fff;

  -webkit-transition-delay: 0.1s;

  transition-delay: 0.1s;

}

.title {

  line-height: 1;

  text-align: center;

}

.title h3 {

  font-size: 24px;

  color: #666666;

}

.title .en {

  font-family: Arial;

  font-size: 18px;

  color: #cdcdcd;

  line-height: 14px;

  margin-top: 18px;

  text-transform: uppercase;

}

.case {

  margin-top: 80px;

}

.case .caseBox {

  margin-top: 36px;

  width: 920px;

}

.case .caseBox .swiper-container {

  width: 920px;

  height: 480px;

  margin: auto;

  overflow: inherit;

}

.case .caseBox .swiper-slide {

  width: 460px;

  height: 480px;

  position: relative;

  -webkit-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}

.case .caseBox .swiper-slide .pic {

  display: block;

  width: 460px;

  height: 420px;

  position: relative;

  overflow: hidden;

}

.case .caseBox .swiper-slide .pic img {

  display: block;

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  margin: auto;

  -webkit-transform: scale(1.1) rotate(0);

  -moz-transform: scale(1.1) rotate(0);

  -o-transform: scale(1.1) rotate(0);

  transform: scale(1.1) rotate(0);

  -webkit-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}

.case .caseBox .swiper-slide .pic:before {

  content: "";

  display: block;

  background-color: #000000;

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 1;

  -webkit-transition: all 0.4s ease-out;

  transition: all 0.4s ease-out;

  opacity: 0.5;

  filter: alpha(opacity=50);

}

.case .caseBox .swiper-slide .bt {

  width: 460px;

  background-color: #f5f5f5;

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  font-size: 16px;

  line-height: 60px;

  height: 60px;

  text-align: center;

  padding: 0 20px;

  position: relative;

  z-index: 21;

  -webkit-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}

.case .caseBox .swiper-slide .bt:before {

  content: "";

  position: absolute;

  z-index: -1;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: #004fa2;

  transform: scaleX(0);

  -webkit-transform-origin: 0 50%;

  transform-origin: 0 50%;

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transition-duration: 0.8s;

  transition-duration: 0.8s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.case .caseBox .swiper-slide .bt:after {

  content: "";

  display: block;

  position: absolute;

  left: 20px;

  bottom: 22px;

  width: 26px;

  height: 6px;

  background: url(../images/caseli.png) -40px 0 no-repeat;

  -webkit-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}

.case .caseBox .swiper-slide-active,

.case .caseBox .swiper-slide-next {

  width: 460px;

  height: 480px;

  margin-top: 0;

}

.case .caseBox .swiper-slide-active .pic:before,

.case .caseBox .swiper-slide-next .pic:before {

  opacity: 0;

  filter: alpha(opacity=0);

}

.case .caseBox .swiper-slide-active:hover .pic img,

.case .caseBox .swiper-slide-next:hover .pic img {

  -webkit-transform: scale(1) rotate(0);

  -moz-transform: scale(1) rotate(0);

  -o-transform: scale(1) rotate(0);

  transform: scale(1) rotate(0);

}

.case .caseBox .swiper-slide-active:hover .bt,

.case .caseBox .swiper-slide-next:hover .bt {

  color: #fff;

}

.case .caseBox .swiper-slide-active:hover .bt:before,

.case .caseBox .swiper-slide-next:hover .bt:before {

  -webkit-transform: scaleX(1);

  transform: scaleX(1);

  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);

  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);

}

.case .caseBox .swiper-slide-active:hover .bt:after,

.case .caseBox .swiper-slide-next:hover .bt:after {

  background-position: 0 0;

}

.case .caseBox .case-prev {

  position: absolute;

  width: 60px;

  text-align: center;

  height: 75px;

  font-family: LiSu;

  line-height: 75px;

  font-size: 108px;

  color: #ffffff;

  left: 0;

  top: 197px;

  z-index: 5;

  cursor: pointer;

  -webkit-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

  opacity: 0;

  filter: alpha(opacity=0);

}

.case .caseBox .case-prev:before {

  content: "<";

}

.case .caseBox .case-prev:hover {

  opacity: 0.6;

  filter: alpha(opacity=60);

}

.case .caseBox .case-next {

  position: absolute;

  width: 60px;

  text-align: center;

  height: 75px;

  font-family: LiSu;

  line-height: 75px;

  font-size: 108px;

  color: #ffffff;

  right: 0;

  top: 197px;

  z-index: 5;

  -webkit-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

  opacity: 0;

  filter: alpha(opacity=0);

  cursor: pointer;

}

.case .caseBox .case-next:before {

  content: ">";

}

.case .caseBox .case-next:hover {

  opacity: 0.6;

  filter: alpha(opacity=60);

}

.case .caseBox:hover .case-prev {

  left: -95px;

  opacity: 1;

  filter: alpha(opacity=100);

}

.case .caseBox:hover .case-prev:hover {

  opacity: 0.6;

  filter: alpha(opacity=60);

}

.case .caseBox:hover .case-next {

  right: -95px;

  opacity: 1;

  filter: alpha(opacity=100);

}

.case .caseBox:hover .case-next:hover {

  opacity: 0.6;

  filter: alpha(opacity=60);

}

.about {

  padding-bottom: 124px;

  background: url(../images/aboutbg.jpg) center bottom no-repeat;

  margin-top: 78px;

}

.about .aboutBox {

  height: 686px;

}

.about .aboutPic {

  width: 700px;

  height: 566px;

  position: absolute;

  right: 0;

  top: 0;

  z-index: 2;

}

.about .aboutPic img {

  height: 566px;

  position: absolute;

  left: 0;

  top: 0;

  display: block;

  -webkit-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}

.about .aboutPic:before {

  content: "";

  width: 100%;

  height: 100%;

  position: absolute;

  z-index: 1;

  -webkit-transform: scaleY(0);

  transform: scaleY(0);

  -webkit-transform-origin: bottom;

  transform-origin: bottom;

  background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));

  background: -webkit-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));

  background: -moz-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));

  /*FireFox*/

  background: -o-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));

  /* Opear */

  background: -ms-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));

  opacity: 1;

}

.about .aboutPic:hover:before {

  -webkit-transition: all 1s cubic-bezier(0, 0, 0.18, 0.96);

  transition: all 1s cubic-bezier(0, 0, 0.18, 0.96);

  -webkit-transform: scaleY(1);

  transform: scaleY(1);

  -webkit-transform-origin: top;

  transform-origin: top;

  opacity: 0;

}

.about .aboutText {

  width: 660px;

  height: 686px;

  background-color: #ffffff;

  padding: 23px 213px 0 40px;

}

.about .aboutText .tit {

  background: url(../images/abouten.png) 182px 0 no-repeat;

  padding-left: 196px;

  padding-top: 124px;

  font-size: 16px;

  line-height: 1;

}

.about .aboutText h4 {

  font-size: 30px;

  line-height: 1;

  margin-top: 45px;

}

.about .aboutText h4 a:hover {

  color: #004fa2;

}

.about .aboutText .text {

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 8;

  overflow: hidden;

  line-height: 36px;

  height: 288px;

  margin-top: 20px;

}

.about .aboutnum {

  width: 780px;

  height: 136px;

  background-color: #373737;

  padding: 20px 0;

  position: absolute;

  left: 58px;

  bottom: -64px;

  z-index: 3;

}

.about .aboutnum li {

  float: left;

  width: 33.33333%;

  height: 96px;

  border-left: 1px solid #626262;

  text-align: center;

  color: #ffffff;

}

.about .aboutnum li:first-child {

  border-left: none;

}

.about .aboutnum li h5 {

  font-family: Impact;

  font-size: 48px;

  line-height: 50px;

  padding-top: 3px;

  margin-top: 0;

}

.about .aboutnum li p {

  line-height: 1;

  margin-top: 17px;

}

.news {

  padding-top: 75px;

  background: url(../images/newsbg.jpg) center 0 no-repeat;

  height: 700px;

}

.news .newsL {

  padding-top: 50px;

  position: relative;

  z-index: 1;

  float: left;

  width: 285px;

}

.news .newsL h3 {

  line-height: 1;

  font-size: 30px;

}

.news .newsL h3 span {

  color: #004fa2;

}

.news .newsL h4 {

  z-index: -1;

  height: 58px;

  font-size: 72px;

  color: #f3f3f3;

  position: absolute;

  left: 0;

  top: 0;

  line-height: 58px;

  text-transform: uppercase;

}

.news .newsL .en {

  text-transform: uppercase;

  font-family: Arial;

  font-size: 12px;

  margin-top: 6px;

  line-height: 10px;

  color: #cccccc;

}

.news .newsL .line {

  width: 1px;

  height: 82px;

  background-color: #00409a;

  margin-top: 23px;

}

.news .newsL .newsTab {

  margin-top: 20px;

  width: 285px;

  height: 344px;

  background-color: #00409a;

  padding: 0 50px;

}

.news .newsL .newsTab li {

  display: block;

  height: 100px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.6);

}

.news .newsL .newsTab li a {

  display: block;

  overflow: hidden;

  height: 100%;

  line-height: 99px;

  position: relative;

  font-size: 18px;

  font-weight: normal;

  color: #fff;

  z-index: 1;

  padding-left: 0;

}

.news .newsL .newsTab li a:before {

  content: "";

  position: absolute;

  top: 50%;

  margin-top: 0;

  left: 0;

  -webkit-transition: all 0.4s ease-out;

  transition: all 0.4s ease-out;

  width: 2px;

  height: 0;

  background-color: #ffffff;

}

.news .newsL .newsTab li a:after {

  content: "→";

  position: absolute;

  top: 0;

  right: 30px;

  color: #ffffff;

  font-size: 28px;

  -webkit-transition: all 0.4s ease-out;

  transition: all 0.4s ease-out;

  height: 100%;

  opacity: 0;

  filter: alpha(opacity=0);

}

.news .newsL .newsTab li.on a {

  padding-left: 30px;

}

.news .newsL .newsTab li.on a:before {

  height: 24px;

  margin-top: -12px;

}

.news .newsL .newsTab li.on a:after {

  right: 0;

  opacity: 1;

  filter: alpha(opacity=100);

  -webkit-transition-delay: 0.2s;

  transition-delay: 0.2s;

}

.news .newsTabs {

  float: right;

  width: 915px;

  margin: 0 -10px 0;

  height: 576px;

  overflow: hidden;

}

.news .newsTabs li {

  width: 285px;

  float: left;

  margin: 0 10px 10px;

  position: relative;

  padding-top: 5px;

}

.news .newsTabs li .spot {

  width: 12px;

  height: 12px;

  border: solid 1px #004fa2;

  border-radius: 50%;

  padding: 2px;

  margin: auto;

  position: absolute;

  left: 50%;

  margin-left: -6px;

  top: 0;

}

.news .newsTabs li .spot i {

  width: 6px;

  height: 6px;

  background-color: #004fa2;

  border-radius: 50%;

  display: block;

}

.news .newsTabs li .date {

  width: 95px;

  height: 95px;

  background-color: #ffffff;

  border: solid 1px #00409a;

  text-align: center;

  font-family: Arial;

  font-size: 16px;

  padding: 28px 0;

  line-height: 1;

  margin: auto;

  color: #004fa2;

  -webkit-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}

.news .newsTabs li .date span {

  display: block;

  font-size: 16px;

  margin-bottom: 10px;

}

.news .newsTabs li .item {

  margin-top: 42px;

  height: 424px;

  background-color: #ffffff;

  border: solid 1px #e9e9e9;

  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

  -webkit-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

  padding: 42px 20px;

}

.news .newsTabs li .item .bt {

  display: block;

  font-weight: bold;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

  line-height: 24px;

  height: 48px;

  -webkit-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}

.news .newsTabs li .item .bt:hover {

  -webkit-transform: translateX(5px);

  transform: translateX(5px);

}

.news .newsTabs li .item .line {

  width: 29px;

  height: 1px;

  background-color: #666666;

  -webkit-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

  margin-top: 34px;

}

.news .newsTabs li .item p {

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  overflow: hidden;

  line-height: 30px;

  height: 90px;

  color: #666666;

  margin-top: 25px;

}

.news .newsTabs li .item .pic {

  display: block;

  width: 245px;

  height: 135px;

  overflow: hidden;

  position: relative;

  margin-top: 30px;

}

.news .newsTabs li .item .pic img {

  display: block;

  position: absolute;

  width: 100%;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  margin: auto;

  -webkit-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

  -webkit-transform: scale(1.1) rotate(0);

  -moz-transform: scale(1.1) rotate(0);

  -o-transform: scale(1.1) rotate(0);

  transform: scale(1.1) rotate(0);

}

.news .newsTabs li:hover .date {

  background: #004fa2;

  color: #fff;

  -webkit-transform: translateY(10px);

  transform: translateY(10px);

}

.news .newsTabs li:hover .item {

  box-shadow: 0 0 15px rgba(0, 79, 162, 0.2);

  -webkit-transform: translateY(-10px);

  transform: translateY(-10px);

}

.news .newsTabs li:hover .item .pic img {

  -webkit-transform: scale(1) rotate(0);

  -moz-transform: scale(1) rotate(0);

  -o-transform: scale(1) rotate(0);

  transform: scale(1) rotate(0);

}

.news .newsTabs li:hover .item .text .bt {

  color: #004fa2;

}

.news .newsTabs li:hover .item .text .line {

  -webkit-transform: scale(1) rotate(90deg);

  -moz-transform: scale(1) rotate(90deg);

  -o-transform: scale(1) rotate(90deg);

  transform: scale(1) rotate(90deg);

  background: #004fa2;

}

.links {

  padding: 28px 0 24px;

}

.links .inContent {

  border: solid 1px #efefef;

}

.links .tit {

  float: left;

  width: 138px;

  text-transform: uppercase;

  padding-left: 50px;

  line-height: 52px;

  height: 52px;

  background: url(../images/linkico.png) 15px center no-repeat;

}

.links .list {

  float: left;

  width: 1060px;

  padding: 10px 20px 10px 0;

  min-height: 52px;

  border-left: solid 1px #efefef;

  line-height: 32px;

}

.links .list a {

  display: inline-block;

  color: #666666;

  margin-left: 30px;

}

.links .list a:hover {

  color: #004fa2;

  -webkit-transform: translateX(5px);

  transform: translateX(5px);

}