/*首页标题*/
.indextit{ margin: 80px auto; overflow: hidden; display: block;  text-align: center; }
.indextit strong{ display: block;  color: #00314f; font-size: 25px; line-height: 60px; height: 60px; border-top: 3px solid
 #ccc; display: inline-block; }
.indextit span{ display: block; color: #ccc;  }

.check_con{height:590px;overflow:hidden;}


.aboutblock{ background: url(../images/aboutbg.jpg) no-repeat center top fixed; background-size: 100% 100%; padding: 100px 0; }
.aboutcon{ background:rgba(255,255,255); margin: 10px auto; overflow: hidden; padding:30px; }
.abouttext{ float: left; width: 600px }
.aboutimg{ float: left; width: 550px; margin-left:50px; height: 400px }


.aboutcon span{ font-size: 25px; color: #999  }
.aboutcon em{ display: block; font-size: 40px ; font-weight: bold; line-height: 60px }
.aboutcon em i{ color: #00314f }
.aboutcon p{  line-height: 30px; font-size:14px; margin: 20px 0; height: 240px; overflow: hidden; }
a.more{ font-size: 18px; position: relative; padding:  0 10px; color: #999; }
a.more i{ position: absolute; height: 1px; width: 100%; background: #999; left: 0; top: 13px; transition: 0.5s }
a.more:hover i{ width: 0 }
a.more:hover{ color: #00314f; }




/*图片展示*/
.proshow{ background: url(../images/bg_25.jpg) left top; overflow: hidden; }
.proshow ul li{ float: left; height:218px; overflow: hidden; position: relative; 
    margin-right: 10px; width:292px; margin-top: 10px } 
.proshow ul li:nth-child(1){ } 
.proshow ul li:nth-child(3){ margin-right: 0 } 
.proshow ul li:nth-child(5){ margin-right: 0 } 

.proshow ul li:nth-child(1){ height:446px; width:586px; }
.proshow ul li img {  
    width: 100%; 
    height: 100%; 
    transform: scale(1);  
    transition: all 1s ease 0s;  
    -webkit-transform: scale(1);  
    -webkit-transform: all 1s ease 0s;  
}  

.proshow ul li:hover img {  
    transform: scale(1.3);  
    transition: all 1s ease 0s;  
    -webkit-transform: scale(1.3);  
    -webkit-transform: all 1s ease 0s;  
}  

.proshow ul li p{ position: absolute; bottom: 0; width: 100%; text-align: center; line-height:30px;
background: rgba(0,0,0,0.7); color: #fff }







.Box {position: relative; padding-bottom: 50px;  overflow: hidden; background: #fff;  }
.Box .content {width: 1200px;margin: 0 auto;}
.Box .Box_con {position: relative;}
.Box .Box_con .btnl {position: absolute;}
.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 130px;cursor: pointer;}
.Box .Box_con .btnl {background: url(../images/jtl02.png) no-repeat center;left: -72px;}
.Box .Box_con .btnr {background: url(../images/jtr02.png) no-repeat center;right: -72px;}
.Box .Box_con .btnl:hover {background: url(../images/jtl03.png) no-repeat center;}
.Box .Box_con .btnr:hover {background: url(../images/jtr03.png) no-repeat center;}
.Box .Box_con .conbox {position: relative;overflow: hidden;}
.Box .Box_con .conbox ul {position: relative;list-style: none; padding-bottom: 50px; overflow: hidden;}
.Box .Box_con .conbox ul li {float: left;width: 385px;height: 280px;margin-left: 20px;
  overflow: hidden; background: #fff; position: relative;box-shadow: 0px 1px 20px #ccc; margin-top: 10px;  }
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}

.Box .Box_con .conbox ul li img {display: block;width: 385px;height: 280px;transition: all 0.5s;}
.Box .Box_con .conbox ul li:hover img {transform: scale(1.1); height: 280px;}
.Box .Box_con .conbox ul li span{ line-height: 30px; text-align: center; display:block; 
  position: absolute; left: 0; top: 0;
   width: 100%; height: 100%; transition: 0.5s;  text-align: center;  }
.Box .Box_con .conbox ul li .pimg{ width: 385px; height: 280px; overflow: hidden;  position: absolute; left: 0; top: 0; opacity: 0.1; transition: 0.5s; }
.Box .Box_con .conbox ul li:hover .pimg{opacity: 1}
.Box .Box_con .conbox ul li:hover span{ opacity: 0 }


.Box .Box_con .conbox ul li span em { display: block; line-height: 40px;  font-size: 18px; margin: 50px 0; padding: 0 30px; height: 100px  }
.Box .Box_con .conbox ul li span i{ display:inline-block; background: #00314f; padding: 5px 20px; color: #fff }



.Box .BoxSwitch {text-align: center;}
.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;
  width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.Box .BoxSwitch span.cur {background: #00314f;}





.team_block{ background:url(../images/isjsbg.jpg) no-repeat  center top; padding:0 0 100px;  width: 100%; overflow: hidden; background-size: 100% 100%}

.fs-container {
  margin: 20px auto 50px auto;
  position: relative;
  width: 100%;
  padding: 0 15%;
  max-width: 1000px;
  min-width: 220px;
  height: 450px;  
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
 
}

.fs-container:before {
  content: '';
  position: absolute;
  bottom: -40px;
  background: transparent url(../images/shadow.png) no-repeat center center;
  height: 90px;
  width: 90%;
  left: 5%;
  opacity: 0.8;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
}

.fs-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  -o-perspective: 1000px;
  -ms-perspective: 1000px;
  perspective: 1000px;
}

.fs-slider{
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  pointer-events: none;
}

.fs-block {
  margin: 0;
  position: absolute;
  width: 70%;
  height: 100%;
  left: 15%;
  pointer-events: auto;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}

.fs-block:nth-child(1) {  
  -webkit-transform-origin: top right;
  -webkit-transform: translateX(-100%) rotateY(-35deg);
  -moz-transform-origin: top right;
  -moz-transform: translateX(-100%) rotateY(-35deg);
  -o-transform-origin: top right;
  -o-transform: translateX(-100%) rotateY(-35deg);
  -ms-transform-origin: top right;
  -ms-transform: translate(-100%);
  transform-origin: top right;
  transform: translateX(-100%) rotateY(-35deg);
}
.no-touch .fs-block:nth-child(1):hover {
  -webkit-transform: translateX(-100%) rotateY(-30deg); 
  -o-transform: translateX(-100%) rotateY(-30deg);
  transform: translateX(-100%) rotateY(-30deg);
}

.fs-block:nth-child(2) {
  z-index: 100;
}

.fs-block:nth-child(3) {
  -webkit-transform-origin: top left;
  -webkit-transform: translateX(100%) rotateY(35deg);
  -moz-transform-origin: top left;
  -moz-transform: translateX(100%) rotateY(35deg);
  -o-transform-origin: top left;
  -o-transform: translateX(100%) rotateY(35deg);
  -ms-transform-origin: top left;
  -ms-transform: translate(100%);
  transform-origin: top left;
  transform: translateX(100%) rotateY(35deg);
}

.no-touch .fs-block:nth-child(3):hover {
  -webkit-transform: translateX(100%) rotateY(30deg); 
  -o-transform: translateX(100%) rotateY(30deg);
  transform: translateX(100%) rotateY(30deg);
}

.fs-block:after{
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1000;
  pointer-events: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border-left: 1px solid rgba(119,119,119,1);
  border-right: 1px solid rgba(119,119,119,1);
  left: -1px;
}

/* Borders are only needed if we have the 3d look */
.no-csstransforms3d .fs-block:after {
  border: none;
}

.fs-block:nth-child(1):after {
  background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.2) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0.2)));
  background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.2) 100%);
  background: -o-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.2) 100%);
  background: -ms-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.2) 100%);
  background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.2) 100%);
}

.fs-block:nth-child(2):after {
  opacity: 0.8;
  background: -moz-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.12) 21%, rgba(0,0,0,0.03) 31%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.03) 70%, rgba(0,0,0,0.12) 81%, rgba(0,0,0,0.5) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.5)), color-stop(21%,rgba(0,0,0,0.12)), color-stop(31%,rgba(0,0,0,0.03)), color-stop(50%,rgba(0,0,0,0)), color-stop(70%,rgba(0,0,0,0.03)), color-stop(81%,rgba(0,0,0,0.12)), color-stop(100%,rgba(0,0,0,0.5)));
  background: -webkit-linear-gradient(left, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.12) 21%,rgba(0,0,0,0.03) 31%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.03) 70%,rgba(0,0,0,0.12) 81%,rgba(0,0,0,0.5) 100%);
  background: -o-linear-gradient(left, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.12) 21%,rgba(0,0,0,0.03) 31%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.03) 70%,rgba(0,0,0,0.12) 81%,rgba(0,0,0,0.5) 100%);
  background: -ms-linear-gradient(left, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.12) 21%,rgba(0,0,0,0.03) 31%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.03) 70%,rgba(0,0,0,0.12) 81%,rgba(0,0,0,0.5) 100%);
  background: linear-gradient(to right, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.12) 21%,rgba(0,0,0,0.03) 31%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.03) 70%,rgba(0,0,0,0.12) 81%,rgba(0,0,0,0.5) 100%);
}

.fs-block:nth-child(3):after {
  background: -moz-linear-gradient(left, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.65) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0.65)));
  background: -webkit-linear-gradient(left, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.65) 100%);
  background: -o-linear-gradient(left, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.65) 100%);
  background: -ms-linear-gradient(left, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.65) 100%);
  background: linear-gradient(to right, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.65) 100%);
}

.fs-block figure {
  width: 100%;
  height: 100%;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 1;
}

.fs-block figure:first-child{
  z-index: 10;
}

.fs-block figure img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}

.fs-block figcaption {
  padding: 0 20px;
  margin: 0;
  position: absolute;
  width: 100%;
  top: 25%;
  background: rgba(0,0,0,0.4);
  overflow: hidden;
  height: 0%;
  opacity: 0;
  text-align: center;
  -webkit-transition: all 700ms cubic-bezier(0, 0, .15, 1);
  -moz-transition: all 700ms cubic-bezier(0, 0, .15, 1);
  -o-transition: all 700ms cubic-bezier(0, 0, .15, 1);
  -ms-transition: all 700ms cubic-bezier(0, 0, .15, 1);
  transition: all 700ms cubic-bezier(0, 0, .15, 1);
}

.fs-block figcaption.fs-transition {
  height: 35%;
  opacity: 1;
}

.fs-block figcaption h3 {
  font-size: 40px;
  line-height: 40px;
  margin: 0;
  padding: 20px 0;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
  font-family: 'Prata', serif;
  font-weight: normal;
}

.fs-block figcaption p {
  color: #fff;
  padding: 20px 0;
  margin: 0;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  border-top: 1px solid rgba(255,255,255,0.2);
  box-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}

.fs-navigation {
  position: absolute;
  z-index: 2000;
  bottom: 10px;
  right: 15%;
  margin-right: 15px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fs-navigation span {
  float: left;
  width: 26px;
  height: 26px;
  border-radius: 4px;
  text-indent: -90000px;
  cursor: pointer;
  opacity: 0.6;
  margin-right: 3px;
  background: rgba(0,0,0,0.4) url(../images/arrow.png) no-repeat 50% 50%;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  transition: all 0.3s linear;
  pointer-events: auto;
}

.fs-navigation span:nth-child(2) {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fs-navigation span:hover{
  opacity: 1;
}

/* Transitions */
.fs-block:nth-child(1) figure {
  -webkit-transition: width 900ms cubic-bezier(0, 0, .15, 1) 600ms;
  -moz-transition: width 900ms cubic-bezier(0, 0, .15, 1) 600ms;
  -o-transition: width 900ms cubic-bezier(0, 0, .15, 1) 600ms;
  -ms-transition: width 900ms cubic-bezier(0, 0, .15, 1) 600ms;
  transition: width 900ms cubic-bezier(0, 0, .15, 1) 600ms;
}
.fs-block:nth-child(2) figure {
  -webkit-transition: width 900ms cubic-bezier(0, 0, .15, 1) 300ms;
  -moz-transition: width 900ms cubic-bezier(0, 0, .15, 1) 300ms;
  -o-transition: width 900ms cubic-bezier(0, 0, .15, 1) 300ms;
  -ms-transition: width 900ms cubic-bezier(0, 0, .15, 1) 300ms;
  transition: width 900ms cubic-bezier(0, 0, .15, 1) 300ms;
}
.fs-block:nth-child(3) figure {
  -webkit-transition: width 900ms cubic-bezier(0, 0, .15, 1);
  -moz-transition: width 900ms cubic-bezier(0, 0, .15, 1);
  -o-transition: width 900ms cubic-bezier(0, 0, .15, 1);
  -ms-transition: width 900ms cubic-bezier(0, 0, .15, 1);
  transition: width 900ms cubic-bezier(0, 0, .15, 1);
}

/* Media Queries */

@media screen and (max-width: 1024px) {
  .fs-block figcaption h3 {
    font-size: 26px;
  }
}

@media screen and (max-width: 768px) {
  .fs-block figcaption {
    padding: 0 10px;
  }
  .fs-block figcaption h3 {
    font-size: 16px;
    padding: 10px 0;
  }
  .fs-block figcaption p {
    font-size: 13px;
  }
}




.problock{background: url(../images/bjbg.jpg) no-repeat center bottom fixed; overflow: hidden; background-size: 100% 100%; padding-bottom: 100px}

.check_tit{ text-align: center; }
.check_tit em{ display:inline-block; cursor: pointer; margin:0  10px 20px 10px;  text-align: center; font-size: 14px;  transition: 1s; 
  width:130px; height:30px; line-height:30px; color: #999; border-radius: 5px;border: 1px solid #e0e0e0  }
.check_tit em:hover,.check_tit em.on{ background: #00314f; color: #fff; border: 1px solid #00314f;border-radius: 30px; }
.check_tit em:hover,.check_tit em.on{ color: #fff;  }
.check_list{ transition: 1s }
.check_con ul{margin-top:20px; clear:both; overflow: hidden; }
.check_con ul li{ float:left; width:382px; margin-right: 26px ;transition: 1s; 
  background: #fff;  height: 275px; overflow: hidden; margin-bottom: 20px }
.check_con ul li:hover{  }
.check_con ul li:nth-child(3n){ margin-right: 0 }
.check_con ul li img{ height: 100%; width: 100%; overflow: hidden; border:1px solid #f8f8f8; }


.c-preview {
  background: -moz-linear-gradient(-45deg, #000000 0%, #000000 25%, #F44336  50%, #ffd78d 75%, #656565 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #000000 0%, #000000 25%, #F44336  50%, #ffd78d 75%, #656565 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #000000 0%, #000000 25%, #F44336  50%, #ffd78d 75%, #656565 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background-size: 400% 400%;
  background-repeat: no-repeat;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
  transition: .5s all;
  font-size: 20px;
  overflow: hidden;
  float: left;
}

.c-preview__img {
  margin-right:50px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  mix-blend-mode: screen;
  overflow: hidden;
}
.c-preview__img img{  
  width: 100%;
  height: 100%;}

.c-preview__title {
  position: relative;
  z-index: 10;
  text-transform: uppercase;
  letter-spacing: .05em;
  opacity: 0;
  color: #000;
  transition: 1s;


}
.c-preview:hover {
  background-position: 100% 100%;
}
.c-preview:hover .c-preview__title {
   opacity: 1;
}
.c-preview:hover__title {
  text-shadow: 0 0 20px black;
}









/*新闻*/
.newlist li{ }
.newlist li .newbg{  }
.newlist a{ display: block;   height: 250px; z-index: 1;   position: relative; }
.newlist a img{ width: 270px; float: left; height: 180px }
.newtext{ float: left; width: 600px; margin-left: 50px; position: relative; }
.newtext p,.newtext span,.newtext em,.newtext i{ display: block; }

.newtext p{ font-size: 20px; line-height: 50px; color: #000 }
.newtext span{ font-size: 14px; line-height: 25px; height: 50px; overflow: hidden; color: #666 }
.newtext em{ margin-top:25px; position: absolute; font-size: 14px; margin-left: 30px  }
.newtext i{ border: 1px solid #000; height: 40px; line-height: 40px; width: 100px; margin-top: 20px; position: absolute; }


.date{float: right; width:100px; background: #606060; color: #fff; height: 100px; text-align: center;  }
.date strong{ display: inline-block; font-size: 50px; line-height: 70px; font-weight:normal; border-bottom: 1px solid #ccc }
.date b { display: block; }
.newlist li .newbg{ height: 0; width: 100% ; background: #f8f8f8;position: absolute; transition:height 0.3s; z-index: -1; margin-top: -280px; }
.newlist li:hover .newbg{ height: 250px;  }