/*首页标题*/

.indextit{ margin: 80px auto; overflow: hidden; display: block;  text-align: center; }

.indextit strong{ display: block;  color: #c8a063; 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:700px;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{ color: #999;font-size:18px;  }

.aboutcon em{ display: block; font-size: 40px ; font-weight: bold; line-height: 60px }

.aboutcon em i{ color: #c8a063;  }

.aboutcon p{  line-height: 30px; font-size:14px; margin: 3px 0;  text-indent:30px; 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: #c8a063; }









/*图片展示*/

.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: #f8f8f8; margin-top: 100px }

.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;  opacity: 0; }

.Box .Box_con .conbox ul li .pimg{ width: 385px; height: 280px; overflow: hidden;  position: absolute; left: 0; top: 0; opacity: 1; transition: 0.5s; }

.Box .Box_con .conbox ul li:hover .pimg{opacity: 0}

.Box .Box_con .conbox ul li:hover span{ opacity: 1 }





.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: #c8a063; 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: #c8a063;}











.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: 12px;  transition: 1s; 

  width:80px; height:30px; line-height:30px; color: #999; border-radius: 5px;border: 1px solid #e0e0e0  }

.check_tit em:hover,.check_tit em.on{ background: #c8a063; color: #fff; border: 1px solid #c8a063;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: 320px; 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: 50px; 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;  }