@charset "UTF-8";
* {
  padding: 0;
  margin: 0; }

ul, ul li {
  list-style: none; }

a {
  text-decoration: none;
  color: #333; }

h1, h2 {
  font-weight: normal; }

input, textarea, button {
  /*清除文本框获取焦点时默认的边框阴影*/
  outline: none;
  border: none;
  background-color: transparent; }

/*placeholder的兼容问题*/
input::-webkit-input-placeholder, 
textarea::-webkit-input-placeholder {
    color: #333;
    font-size: 16px;
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none; }

input[type="number"] {
  -moz-appearance: textfield; }

.cleartfix::before,
.cleartfix::after {
  content: "";
  display: block;
  height: 0;
  line-height: 0;
  clear: both;
  visibility: hidden; }

.swiper-container {
  height: 500px; 
  width:1200px
  }

.swiper-slide {
  text-align: center; }
  .swiper-slide .swiper-img {
    width: 100%;
    height: 100%; }

  .swiper-slide .first-title {
    font-size: 45px;
    font-weight:700;
    color: #FFF;
    z-index: 99;
    position: absolute;
    top: 229px;
    margin: 0 auto;
    left: 0;
    right: 0; }
  .swiper-slide .second-title {
    font-size: 24px;
    color: #FFF;
    z-index: 99;
    position: absolute;
    top: 330px;
    margin: 0 auto;
    left: 0;
    right: 0; }

.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: 50%;
 }

.swiper-btn {
  width: 183px;
  height: 48px;
  border-radius: 24px;
  border: 1px solid #FFF;
  outline: none;
  background-color: transparent;
  position: absolute;
  left: 0;
  right: 0;
  top: 411px;
  z-index: 99;
  margin: 0 auto; }
  .swiper-btn a:hover, .swiper-btn a {
    font-size: 16px;
    color: #FFF; }

.container {
  width: 100%;
  background-color: #FFF; }

.index-case {
  width: 1200px;
  margin: 0 auto;
  background-color: #FFF;
  /*.el-icon-back{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
  }*/ }
  .index-case .menu {
    padding:30px 0;
    background-color: #FFF;
    height: 48px; }
    .index-case .menu-item {
      float: right;
      color:#333;
      line-height: 48px;
      padding: 0 20px;
      cursor: pointer; }
 	.index-case .menu-item:hover{
		color:#206bd1;
  	}
      .index-case .menu-item .Chinese {
        font-size: 20px;
         font-weight:700;
        color: #333; }
      .index-case .menu-item .English {
        font-size: 18px;
        color: #c9c9c9; }
    .index-case .menu-item:first-child {
      float: left;
      line-height: 26px; 
      padding-left: 0;
}
    .index-case .menu .selected {
      color: #206bd1; }
  .index-case .list {
    width: 100%;
    display: flex;
    flex-wrap: wrap; }
  .index-case .list-item {
    display: block;
    width: 386px;
    margin-bottom: 30px;
    text-decoration: none; }
  .index-case .list-item:not(:nth-child(3n+1)) {
    /*.list-item:nth-child(2n){*/
    margin-left: 20px; }
  .index-case .list-img {
    width: 100%;
    height: 210px;
    border-radius: 2px;
    overflow: hidden; }
  .index-case .image {
    width: 100%;
    height: 100%;
    display: block; }
  .index-case .list-cont {
    padding: 15px 4px 15px 0;
    text-align: left;
    display: flex;
    width: 100%;
    box-sizing: content-box;
    position: relative; }
  .index-case .clearfix {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: 1; }
  .index-case .clearfix:before,
  .index-case .clearfix:after {
    display: table;
    content: ""; }
  .index-case .cont-title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 15px;
    margin-bottom:5px;
    line-height: 150%;
    color: #333; }
  .index-case .cont-instro {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 150%;
    font-size: 13px;
    color: #999; }
 
  .index-case .button-goto {
    width: 35px;
    height: 50px;
    border: 0;
    margin-right: 5px;
    background: url(../images/png-goto.png) no-repeat right center;
    background-size: 20px;
    float: right;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray; }
  .index-case .list-cont:after {
    display: block;
    content: '';
    width: 99%;
    position: absolute;
    top: 80px;
    left: 0;
     border-bottom: 2px solid #eee; }
  .index-case .list-item:after {
    display: block;
    content: '';
    position: relative;
    border-bottom: 2px solid #eee; }
  .index-case .list-item:hover:after {
    border-color: #74b5ff;
    animation: mysecond 1s alternate forwards;
    -webkit-animation: mysecond 1s alternate forwards;
    -moz-animation: mysecond 1s alternate forwards;
    -ms-animation: mysecond 1s alternate forwards; }
  .index-case .list-item:hover .image {
    /*transform: scale(1.01);*/
    animation: myfirst 1s alternate forwards;
    -webkit-animation: myfirst 1s alternate forwards;
    -moz-animation: myfirst 1s alternate forwards;
    -ms-animation: myfirst 1s alternate forwards; }
  .index-case .list-item:hover .button-goto {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    filter: gray; }
@keyframes myfirst {
  0% {
    width: 100%;
    height: 100%; }
  100% {
    width: 120%;
    height: 120%;
    margin: -5% 0 0 -10%; } }
@-webkit-keyframes myfirst {
  0% {
    width: 100%;
    height: 100%; }
  100% {
    width: 120%;
    height: 120%;
    margin: -5% 0 0 -10%; } }
@-moz-keyframes myfirst {
  0% {
    width: 100%;
    height: 100%; }
  100% {
    width: 120%;
    height: 120%;
    margin: -5% 0 0 -10%; } }
@-ms-keyframes myfirst {
  0% {
    width: 100%;
    height: 100%; }
  100% {
    width: 120%;
    height: 120%;
    margin: -5% 0 0 -10%; } }
@keyframes mysecond {
  0% {
    width: 0; }
  100% {
    width: 100%; } }
@-webkit-keyframes mysecond {
  0% {
    width: 0; }
  100% {
    width: 100%; } }
@-moz-keyframes mysecond {
  0% {
    width: 0; }
  100% {
    width: 100%; } }
@-ms-keyframes mysecond {
  0% {
    width: 0; }
  100% {
    width: 100%; } }
.index-news {
  width: 1200px;
  margin: 0 auto;
  background-color: #FFF; }
  .index-news .menu {
    padding: 0 0 30px;
    background-color: #FFF;
    height: 48px; }
    .index-news .menu-item {
      float: right;
      color:#333;
      line-height: 48px;
      padding: 0 20px;
      cursor: pointer; }
    .index-news .menu-item:hover{
		color: #206bd1
    }	
	.index-news .menu .selected {
	    color: #206bd1;
	}
    
    	 .index-news .menu-item:first-child{
			padding-left:0;
    	 }
      .index-news .menu-item a {
        color: #333; }
      .index-news .menu-item .Chinese {
        font-size: 20px;
         font-weight:700;
        color: #333; }
      .index-news .menu-item .English {
        font-size: 18px;
        color: #c9c9c9; }
    .index-news .menu-item:first-child {
      float: left;
      line-height: 26px; }
  .index-news .list {
    background-color: #FFF;
    padding-bottom: 45px; }
    .index-news .list-item {
      display: block; }
    .index-news .list-item:first-child {
      float: left;
      width: 600px; }
      .index-news .list-item:first-child .imgCont {
        width: 100%;
        height: 200px;
        display: block; }
      .index-news .list-item:first-child .textCont {
        background-color: #206bd1;
        padding: 0 30px 39px;
        font-size: 16px;
        color: #FFF; }
        .index-news .list-item:first-child .textCont .title {
          margin-bottom: 30px; }
        .index-news .list-item:first-child .textCont .time {
          float: left; }
          .index-news .list-item:first-child .textCont .time .year {
            font-size: 22px; }
        .index-news .list-item:first-child .textCont .right-cont {
          float: right;
          font-size: 13px;
          width: 472px;
          line-height: 25px; }
    .index-news .list-item:last-child {
      float: right;
      width: 525px;
    	height:376px;
      margin-left: 75px;
 }
      .index-news .list-item:last-child .textCont-item:first-child {
        border-top: 1px solid #eaeaea; }
      .index-news .list-item:last-child .textCont-item {
        border-bottom: 1px solid #eaeaea;
       /*  padding: 20px 0; */
      	
 }		
 	.index-news .list-item:last-child .textCont{
		height:100%;
 	}
 	 .index-news .list-item:last-child .textCont-item{
 	 	height:33%;
 	 }
        .index-news .list-item:last-child .textCont-item .time {
          width: 50px;
          float: left;
          font-size: 22px;
          color: #444444;
        	padding-top: 21px;
 }
          .index-news .list-item:last-child .textCont-item .time .month {
            font-size: 16px;
            color: #999999; }
        .index-news .list-item:last-child .textCont-item .right-cont {
          width: 445px;
          line-height: 25px;
/*           float: right;
 */          padding-top: 21px;
        	padding-left:20px;
    		padding-left: 20px;
 }
     .index-news .cont{
			color:#FFF;
     }   	
       .index-news .right-title{
			    color: #000;
    			font-size: 18px;
       			margin-bottom:10px;
       			display: -webkit-box !important;
			  -webkit-box-orient: vertical;
			  /* 控制行数 */
			  -webkit-line-clamp:1;
			  overflow: hidden;
			  word-wrap: break-word;
			  word-break: break-all;
       } 
        .index-news .right-cont{
			display: -webkit-box !important;
			  -webkit-box-orient: vertical;
			  /* 控制行数 */
			  -webkit-line-clamp: 2;
			  overflow: hidden;
			  word-wrap: break-word;
			  word-break: break-all;
        }	
.index-news .years{
	color:#FFF;
	font-size: 22px;
}
.index-news .year{
	color:#444;
	font-size: 22px;
}

.index-about {
  width: 100%;
  background-color: #f6f6f6; }
  .index-about .title {
    width: 1200px;
    margin: 0 auto;
    padding-top: 30px; }
  .index-about .list {
    width: 956px;
    margin: 0 auto;
    padding-bottom: 20px;
    padding-top: 20px; }
    .index-about .list-item {
      float: left;
     /*  width: 33.33%; */
      width:23%;
    	margin:0 5.16%;
      height: 250px;
      text-align: center;
       }
      .index-about .list-item .icon {
        width: 120px;
        height: 120px;
        background-color: #FFF;
        border-radius: 50%;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center; }
      .index-about .list-item .theme {
        font-size: 18px;
        font-weight:700;
        color: #484848;
        line-height: 150%;
        margin: 20px 0 10px; }
      .index-about .list-item .cont {
        font-size: 16px;
        color: #858585;
        line-height: 150%; }
.index-about .list-item .selected{
        	background-color: rgba(255, 255, 255, 0.7);
        }
         .index-about .list-item .bigImg{
         	width: 60px;
         }

.index-contact {
  width: 1200px;
  margin: 0 auto;
  background-color: #FFF; }
  .index-contact .contactUs {
    padding: 40px 30px 50px; }
    .index-contact .contactUs .companyInfo {
      float: left;
      width: 30%; }
      .index-contact .contactUs .companyInfo .companyName-item {
        font-size: 24px;
        color: #444444; }
      .index-contact .contactUs .companyInfo .companyName-item:last-child {
        font-size: 12px;
        padding-top: 5px;
        color: #444444; }
      .index-contact .contactUs .companyInfo .info {
        margin-top: 22px;
        color: #333;
        font-size: 16px; }
        .index-contact .contactUs .companyInfo .info-item {
          line-height: 232%; }
    .index-contact .contactUs .inputInfo {
      float: right;
      color: #444444;
      width: 55%; }
      .index-contact .contactUs .inputInfo .name, .index-contact .contactUs .inputInfo .phone {
        background-color: #f6f6f6;
        border-radius: 10px;
        width: 45%;
        height: 50px;
        padding-left: 20px;
        font-size: 16px; }
      .index-contact .contactUs .inputInfo .phone {
        float: right; }
      .index-contact .contactUs .inputInfo .contText {
        background-color: #f6f6f6;
        border-radius: 10px;
        font-size: 16px;
        width: 96%;
        margin-top: 30px;
        margin-bottom: 30px;
        padding: 2%;
        line-height: 150%; }
      .index-contact .contactUs .inputInfo .btn {
        padding: 12px 82px;
        background-color: #206bd1;
        border-radius: 5px;
        color: #FFF;
        font-size: 18px; }

.btn-tip {
  height: 80px;
  line-height: 80px;
  width: 300px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  color: #FFF;
  font-size: 18px;
  text-align: center;
  position: fixed;
  left: 45%;
  top: 45%;
  z-index: 99;
  display: none; }

.title {
  margin: 0 auto;
  padding-top: 50px; }
  .title .Chinese {
    font-size: 20px;
    font-weight:700;
        color: #333; }
  .title .English {
    font-size: 18px;
    color: #a4a4a4; }

@keyframes myfirst {
  0% {
    width: 100%;
    height: 100%; }
  100% {
    width: 120%;
    height: 120%;
    margin: -5% 0 0 -10%; } }
@-webkit-keyframes myfirst {
  0% {
    width: 100%;
    height: 100%; }
  100% {
    width: 120%;
    height: 120%;
    margin: -5% 0 0 -10%; } }
@-moz-keyframes myfirst {
  0% {
    width: 100%;
    height: 100%; }
  100% {
    width: 120%;
    height: 120%;
    margin: -5% 0 0 -10%; } }
@-ms-keyframes myfirst {
  0% {
    width: 100%;
    height: 100%; }
  100% {
    width: 120%;
    height: 120%;
    margin: -5% 0 0 -10%; } }
@keyframes mysecond {
  0% {
    width: 0; }
  100% {
    width: 100%; } }
@-webkit-keyframes mysecond {
  0% {
    width: 0; }
  100% {
    width: 100%; } }
@-moz-keyframes mysecond {
  0% {
    width: 0; }
  100% {
    width: 100%; } }
@-ms-keyframes mysecond {
  0% {
    width: 0; }
  100% {
    width: 100%; } }
    
 /* 轮播图补充样式 */  
.swiper-slide{
	 width: 100%;
	
}
.swiper-img{
	 width: 100%;
}
.swiper-pagination-bullet {
  background: #FFF;
	opacity:.2;
}
.swiper-pagination,.swiper-button-white{
	z-index:999;
}
.swiper-pagination-bullet-active {
  background: #FFF;
	opacity:1;
	width:11px;
	height:11px;
} 
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 20px;
}
/* 轮播图蒙版 */
 .swiper-container{
	position: relative;
 }
.tip-box{
	background-color: rgba(0,0,0,0.2);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index:99;
	height:720px;
}
/* .tip-popup{
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.tip{
	height: 100px;
	line-height: 100px;
	width: 200px;
	text-align: center;
	border-radius: 5px;
	background-color: rgba(0,0,0,0.6);
	color:#FFF;
	z-index:2;
}	 */

/*# sourceMappingURL=index.css.map */