@import url("public.css");
/*----------头部banner------*/
.header-banner {
  width: 100%;
  position: relative;
}

.swiper-container, .swiper-wrapper, .swiper-slide {
  width: 100%;
  height: 600px;
}
.swiper-slide {
  background-position: 50% 50%;
  position: relative;
}
.slide1 {
  background-image: url("../images/header_bg01.jpg");
  background-size: cover;	
}
.slide1 .txt{position: absolute;right:17%;top:24.5%; z-index:10}
.slide2 {
  background-image: url("../images/header_bg02.jpg");
  background-size: cover;
}
.slide2 .txt{position: absolute;right:18%;top:25.5%; z-index:999;}
.slide3 {
  background-image: url("../images/header_bg03.jpg");
  background-size: cover;
}
.slide3 .txt{position: absolute;right:18%;top:25.5%; z-index:999;}
.slide4 {
  background-image: url("../images/header_bg04.jpg");
  background-size: cover
}
.slide4 .txt{position: absolute;right:18%;top:25.5%; z-index:999;}
.pagination {
  width: 400px;
  position: absolute;
  z-index: 122200;
  bottom: 1%;
  right: 26%;
}
.swiper-pagination-switch {
  width: 40px;
  height: 6px;
  border-radius: 3px;
  display: block;
  margin: 7px 7px 20px;
  background: rgba(255, 255, 255, .4);
  cursor: pointer;
  float: left;
}
.swiper-active-switch {
  background: #fff \9;
  background: rgba(255, 255, 255, .8);
}
.swiper-pagination-switch:hover {
  background: rgba(255, 255, 255, .6);
}
.ani {
  opacity: 0;
}
.ani-slide .ani1-1 {
  opacity: 1;
  -webkit-animation: fadeInDown 0.5s both;
  animation: fadeInDown 0.5s both;
}
.ani-slide .ani1-2 {
  opacity: 1;
  -webkit-animation: fadeInDown 1s 0.5s both;
  animation: fadeInDown 1s 0.5s both;
}
.ani-slide .ani1-3 {
  opacity: 1;
  -webkit-animation: fadeInDown 1s 1s both;
  animation: fadeInDown 1s 1s both;
}
.ani-slide .ani2-1, .ani-slide .ani3-1, .ani-slide .ani4-1, .ani-slide .ani5-1 {
  opacity: 1;
  -webkit-animation: fadeInUp 1s both;
  animation: fadeInUp 1s both;
}
.ani-slide .ani2-2, .ani-slide .ani3-2, .ani-slide .ani4-2, .ani-slide .ani5-2 {
  opacity: 1;
  -webkit-animation: fadeInUp 1s 0.5s both;
  animation: fadeInUp 1s 0.5s both;
}
/*----------头部左边导航------*/
.header-nav-wrap {
  position: absolute;
  top: 75px;
  left: 0;
  width: 100%;
  z-index: 1;
}
.header-l-nav {
  width: 200px;
  float: left;
	margin-top:30px;
  overflow: hidden;
  background: #fff;
  background: rgba(255, 255, 255, .8);
  /*box-shadow: 0px 0px 14px #ddd;*/
  border-radius: 6px;
  animation: fadeInLeft 1s 0.5s both;
	padding: 10px 0;
}
.header-l-nav .list {}
.header-l-nav .list li {
  width: 50%;
  float: left;
  /*border: 1px solid #fff;*/
}
.header-l-nav .list li .box {
  width: 100%;
  height: 85px;
  text-align: center;
  padding-top: 14px;
  margin: 0;
}
.header-l-nav .list li a {
  color: #222;
}
.header-l-nav .list li:hover {
  opacity: .6
}
.header-l-nav .list li .box img {
  width: auto;
  height: 32px;
}
.header-l-nav .list li .box i {
font-size: 24px;
	height: 32px;
}
.header-l-nav .list li .box p {
  line-height: 2;
}
.header-btn {
  position: relative;
  float: right;
}
.header-btn .box {
  float: right;
  overflow: hidden;
  margin-top: 490px;
  ;
}
.header-btn .box a.enter {
  position: relative;
  padding: 8px 16px;
  margin: 0 0 0 30px;
  color: #333;
  background: #fff \9;
  background: rgba(255, 255, 255, .87);
  font-weight: 500;
  border-radius: 4px;
  transition: all .4s;
  font-size: 14px;
  display: inline-block;
  float: right;
}
.header-btn .box a.enter i {
  padding-right: 4px;
  color: #3375cc;
}
.header-btn .box a.enter:hover {
  transform: scale(1.1);
}
/*----------主体------*/
.project-list {
  margin: 0px 0px 10px 0px;
  padding: 0px;
  list-style: none;
  width: 100%;
}
.project-list li {
  line-height: 1.6;
  margin: 0px;
  padding: 5px 0;
  word-break: keep-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.project-list li > .date {
  width: 45px;
  float: left;
  color: #999;
  font-size: 95%;
  border-right: 1px solid #ddd;
}
.project-list li > .date a {
  color: #777
}
.project-list li > a {
  width: 73%;
  margin: 0px;
  padding: 0px 0 0 10px;
  float: left;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
}
.project-list li > .subnav {
  width: 15%;
  float: right;
  overflow: hidden;
  text-align: center;
  font-size: 95%;
}
.project-list li > .subnav a {
}
.project-list li > .subnav a:hover {
  opacity: .7
}
.news-box {
  width: 100%;
	background: #fff;
	padding: 1em;
	height: 320px;
}
.news-box .img {
  width:100%;
  height: 170px;
  overflow: hidden;
}
.news-box .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news-box .txt {
  width: 100%;
  overflow: hidden;
  padding:0em 0em .6em 0;
}
.news-box .txt h5 {
  line-height: 1.5;
	font-weight: 700;
  width: 100%;
  margin-bottom: 6px;
}
.news-box .txt p {
  font-size: 14px;
  color: #999;
  height: 41px;
  overflow: hidden;
  margin-bottom: 5px;
}
.news-box .txt span {
  color: #aaa;
font-size: 12px;
	margin: .7em 0;
}
.news-list {
  margin: 10px 0px;
  padding: 0px;
  list-style: none;
  width: 99%;
}
.news-list li {
  line-height: 1.6;
  margin: 0px;
  padding: 5px 0;
  word-break: keep-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.news-list li > .date {
  width: 15%;
  float: left;
  text-align: center;
  color: #999;
  font-size: 95%;
  border: 1px solid #ddd;
}
.news-list li > .date a {
  color: #777
}
.news-list li > a {
  width: 81%;
  margin: 0px;
  padding: 0px 0 0 10px;
  float: left;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
}


.job-box{
	height:200px;
	float: left;
	width:100%;
	transition: all .4s;
} 
.job-box img{
	width: 100%;
	height: 100%;
	object-fit: cover
}
.job-box:hover{box-shadow: 0 0 10px #ddd; transform: scale(.98)}
.job-list{ 
	float: left;
	margin: 15px 0  0 0;
	width:100%;
	background: #fff;
	height: 105px;
}
.job-list li{
	width: 50%;
	float: left;
	text-align: center;
	padding: 10px 0;
	height: 105px;
}
.job-list li.bg{ background: #a4b1d4; color: #fff;}
.job-list li.bg a{ color: #fff;}
.job-list li i{ font-size: 30px; }
.job-list li h5{ margin:0 0 3px 0; }
.job-list li p{font-size: 12px;}
.job-list li:hover{ opacity: .8;}

.cases-wrap {
  width: 100%;
  position: relative;
}
.cases-wrap li {
  width: 25%;
  float: left;
  padding: .5em;
}
.cases-wrap .title {
  background: #fff;
  text-align: center;
  padding: 9px;
  font-weight: 300;
	white-space: nowrap;
	word-break: keep-all;
	overflow: hidden;
	text-overflow: ellipsis;
}
.cases-wrap .imageffect {
  position: relative;
}
.cases-wrap .imageffect .imgbox {
  width: 100%;
  height: 270px;
  overflow: hidden;
  position: relative;
  border: 1px solid #eee;
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.cases-wrap .imageffect .imgbox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .8s ease-in-out;
  opacity: 1;
}
.cases-wrap .imageffect .info {
  background: #3375cc;
  background: rgba(69, 100, 168, .9);
  padding: 15px 0;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s ease-in-out;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: rotateY(-90deg);
  -moz-transform: rotateY(-90deg);
  -ms-transform: rotateY(-90deg);
  -o-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.cases-wrap .imageffect .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 16px;
  padding: 10px;
  margin: 30px 0 0 0;
  line-height: 1.5;
}
.cases-wrap .imageffect .info p {
  font-size: 12px;
  position: relative;
  color: #ddd;
  padding: 0px 10px 0 15px;
  text-align: center;
}
.cases-wrap .imageffect:hover img {
  transform: scale(1.3)
}
/*.cases-wrap .imageffect .info p a:hover {
                    color: #fff580;
                    text-decoration: underline;
                }
.cases-wrap .imageffect:hover .imgbox {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: rotateY(90deg);
  -moz-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  -o-transform: rotateY(90deg);
  transform: rotateY(90deg);
}
.cases-wrap .imageffect:hover .info {
            visibility: visible;
            opacity: 1;
            background: #157dbd;
              background: rgba(69, 100, 168,.9);
			 -webkit-transform: translateX(0);
			  -moz-transform: translateX(0);
			  -ms-transform: translateX(0);
			  -o-transform: translateX(0);
			  transform: translateX(0);
		
        }
.cases-wrap .imageffect:hover .info h3 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-size: 16px;
    padding: 10px;
    margin: 30px 0 0 0;
}
*/
.cases-wrap .imageffect:hover .info p {
color: #ddd;
padding: 0px 10px 0 15px;
line-height: 1.5;
}
.team dl {
  width: 100%;
  margin-top: -10px;
}
.team dl dt {
  float: left;
  border: 1px solid #ddd;
  padding: 29px 29px 26px 29px;
  width: 20.3%;
  margin-top: 10px;
  margin-right: 5px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  height: 406px;
}
.team dl dt a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.team dl dt a span.img {
  border-radius: 5px;
  height: 170px;
  background: #3375cc url("../images/img18.jpg");
  display: block;
  text-align: center;
  overflow: hidden;
}
.team dl dt a span.img img {
  border-radius: 5px;
  border: 4px solid rgba(255, 255, 255, 0.7);
  margin: 25px 20px;
  width: 70%;
  height: 70%;
  object-fit: cover
}
.team dl dt a h4 {
  font-size: 16px;
  color: #333;
  line-height: 24px;
  padding-top: 10px;
}
.team dl dt a h4 i {
  color: #fea71e;
  font-size: 16px;
}
.team dl dt a h5 {
  color: #999;
  font-size: 14px;
  padding: 2px 0 8px 0px;
}
.team dl dt a h5:before, .team dl dd li a h5:before {
  font-family: 'fontello';
  content: '\e849';
  padding-right: 6px;
  color: #aaa;
}
.team dl dt a h6 {
  width: 100%;
  margin-bottom: 27px;
}
.team dl dt a h6 span {
  height: 24px;
  line-height: 24px;
  display: inline-block;
  background: #b2b2b2;
  margin-right: 3px;
  color: #fff;
  padding: 0 13px;
  margin-bottom: 3px;
  font-size: 12px;
}
.team dl dt a p {
  position: absolute;
  bottom: -15px;
  width: 100%;
  border-top: 1px solid #f1f1f1;
  padding-top: 12px;
}
.team dl dt a p span {
  float: right;
  font-weight: 300;
}
.team dl dt a p span i, .team dl dd li a p i {
  padding-right: 6px;
}
.team dl dt a p span:first-child {
  float: left;
  margin-top: -3px;
}
.team dl dt:hover {
  border-color: #3375cc;
  -webkit-box-shadow: 0px 0px 3px #3375cc;
  -moz-box-shadow: 0px 0px 3px #3375cc;
  box-shadow: 0px 0px 3px #3375cc;
}
.team dl dd {
  float: right;
  width: 79%
}
.team dl dd * {
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.team dl dd li {
  width: 33.33%;
  padding: 0 6px;
  height: 198px;
  float: left;
  margin-top: 10px;
}
.team dl dd li a {
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #ddd;
  padding: 14px 18px;
}
.team dl dd li a div.img {
  height: 100px;
  width: 100px;
  border: 1px solid #f3f3f3;
  display: block;
  float: left;
  margin-top: 10px;
}
.team dl dd li a div.img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
}
.team dl dd li a h4, .team dl dd li a h6 {
  float: right;
  display: block;
  margin: 0px;
  width: 100%
}
.team dl dd li a .txt {
  width: 55%;
  margin-left: 15px;
  float: left;
}
.team dl dd li a h4 {
  font-size: 16px;
  color: #333;
  line-height: 24px;
  padding-top: 14px;
  display: inline-block;
  float: left;
  overflow: hidden;
  height: 60px;
}
.team dl dd li a h4 i {
  color: #fea71e;
  font-size: 16px;
  font-family: 'Iskoola Pota', arial;
}
.team dl dd li a h5 {
  display: block;
  float: left;
  color: #bbb;
  font-size: 14px;
  padding: 0px;
}
.team dl dd li a h6 {
  font-size: 14px;
  color: #999;
  line-height: 22px;
}
.team dl dd li a p {
  border-top: 1px solid #f1f1f1;
  margin-top: 25px;
  width: 100%;
  float: left;
  padding-top: 12px;
}
.team dl dd li a p span {
  float: right;
}
.team dl dd li a p span:first-child {
  float: left;
  width: 80%;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.team dl dd li a:hover {
  border-color: #3375cc;
  -webkit-box-shadow: 0px 0px 3px #3375cc;
  -moz-box-shadow: 0px 0px 3px #3375cc;
  box-shadow: 0px 0px 3px #3375cc;
}
.team dl dd li:hover h4 em {
  color: #3375cc;
}

.team-list li {
  width: 50%;
  padding: 0 15px 0 0;
  float: left;
  margin-top: 15px;
	height: 140px;
}
.team-list li:nth-child(2n) { padding:0;}
.team-list li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px 18px;
	background: #fff;
	transition: all .5s;
}
.team-list li a div.img {
  height:100px;
  width: 100px;
  border: 1px solid #f3f3f3;
  display: block;
  float: left;
  margin-top: 10px;
  border-radius: 5px;
}
.team-list li a div.img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.team-list li a h4, .team li a h6 {
  float: right;
  display: block;
  margin: 0px;
  width: 100%
}
.team-list li a .txt {
  width: calc(100%  - 100px);
  padding-left: 1em;
  float: left;
  height: 100px;
}
.team-list li a h4 {
  font-size: 16px;
  color: #333;
  line-height: 24px;
  padding-top: 12px;
  display: inline-block;
  float: left;
  overflow: hidden;
}
.team-list li a h4 i {
  color: #fea71e;
  font-size: 16px;
  font-family: 'Iskoola Pota', arial;
}
.team-list li a h5:before { 
  padding-right: 6px;
  color: #aaa;
}
.team-list li a h5 {
  display: block;
  float: left;
  color: #bbb;
  font-size: 14px;
	height: 34px;
	margin:7px 0;
  padding: 0px;
  overflow: hidden;
	line-height: 1.4
}
.team-list li a h6 {
  font-size: 14px;
  color: #999;
  line-height: 22px;
}
.team-list li a p {
  width: 100%;
  float: left;
  padding-top: 5px;
}
.team-list li a p span {
  float: right;
}
.team-list li a p span:first-child {
  float: left;
  width: 78%;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.team-list li a p span i {
  padding-right: 5px;
}
.team-list li a:hover {
	transform: scale(1.01);
  border-color: #ddd;
  -webkit-box-shadow: 0px 0px 13px #ddd;
  -moz-box-shadow: 0px 0px 13px #ddd;
  box-shadow: 0px 0px 13px #ddd;
}
.team-list li:hover h4 em {
  color: #3375cc;
}
.expert-wrap {
  width: 100%;
  background: #f6f6f6;
}
.owl-expert {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  margin-bottom: 20px;
}
.owl-expert .item {
  display: block;
  margin: 4px 10px;
  text-align: center;
  background: #fff;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.owl-expert img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.owl-expert .item .txt {
  padding: 5px 0 5px 0;
}
.owl-expert .item h4 {
  font-size: 16px;
  font-weight: 800;
	margin: 8px 0;
}
.owl-expert .item p{ 
	margin:5px 0; 
	padding: 0 15px;
	overflow: hidden;
	height: 20px;
	word-break: keep-all;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.owl-expert .item:hover {
  transform: translateY(-3px);
  color: #222;
  background: #fff;
}
.owl-expert .item:hover img {  
  opacity: 0.9
}
.owl-expert .item:hover {
  box-shadow: 0 1px 4px #ddd;
}

.bottom-news{width: 100%; margin: 0em 0 0em 0; overflow: hidden;height: 320px;}
.bottom-news li{ width: 100%; margin:0 0 1em 0; padding: 1em 0; background: #fff; overflow: hidden; transition: all .5s;}
.bottom-news .date{ width: 80px; text-align: center;border-right:  1px solid #e6e6e6; float: left;}
.bottom-news .date h4{ color: #aaa; font-size: 30px; margin-bottom: 0px }
.bottom-news .date p{ color: #999; margin-bottom: .3em; }
.bottom-news .txtbox{ padding:0 1em; width: calc(100% - 80px);float: left;}
.bottom-news .txtbox h4{ word-break: keep-all; white-space: nowrap;overflow: hidden; text-overflow:ellipsis; font-size: 16px; margin-bottom: 8px;}
.bottom-news .txtbox p{ color:#999; height: 20px; overflow: hidden;}
.bottom-news li:hover{box-shadow: 0 0 15px #ddd;}

.magazine-box{width: 100%; margin: .4em 0; overflow: hidden; display: -webkit-box}
.magazine-box li{ width: 33.333%; padding: .6em; }
.magazine-box li .imgbox{width: 100%; }
.magazine-box li .imgbox img{width: 100%; height: 100%; object-fit: cover;border:1px solid #ddd;}
.magazine-box li .imgbox .mag-btn{margin-top: .5em; width: 100%; height: 45px; line-height: 45px; background: #f3f3f3;}
.magazine-box li .imgbox .mag-btn .fa{height: 45px; line-height: 45px; width: 50px;color: #fff; font-size: 1.2em; text-align: center;background: #3678ce;float: left}
.magazine-box li .imgbox .mag-btn .txt{float: left;text-align: center;width:calc(100% - 50px)}
.magazine-box li .imgbox:hover{ opacity:.8;}



@media screen and (max-width: 1440px) {
  .team dl dd li a .txt {
    width: 52%;
    margin-left: 10px;
    float: left;
  }

  .member-box .list-box .item1 .list {
    width: 300px;
  }	
}
@media screen and (max-width: 1200px) {
  .team dl dd li a div.img {
    height: 80px;
    width: 80px;
  }
  
  .team-list li a p {
    margin-top: 10px;
  }
	
}

@media screen and (max-width:720px){
	.cases-wrap li {
  		width:100%;
	}
.team-list li {
  width: 100%;
	padding:0;
	}
 .header-l-nav {
  width: 98%;
  margin: auto;
  margin-top: 270px;
   float: none;
}
	.header-l-nav .list li{
		width: 20%;
	}
	.pagination{
		right:-18%;
		bottom: -2%;
	}
	.slide1 .txt{right:-52%;top:24.5%;}
	.slide2 .txt{right:-22%;top:24.5%;}
	.slide3 .txt{right:-22%;top:24.5%;}	
	.slide4 .txt{right:-22%;top:24.5%;}		
	.slide1 .txt img{width: 70%}
	.slide2 .txt img,.slide3 .txt img,.slide4 .txt img{ width: 80%}	

	.mp-r-0 {
    margin-right: 15px;
	}
	.mp-l-0{
		margin-left: 15px;
	}
	.team-list li a p span:first-child{
		width:65%;
		margin-top: -3px;
	}
}