@charset "utf-8";
/* CSS Document */
.slideBox{ 
  width:100%;
  overflow:hidden; 
  position:relative; 
  margin:0 auto;
  background: #000;
}
.slideBox .bd{ 
  position:relative; 
  height:100%;
}
.slideBox .bd li{ 
  vertical-align:middle; 
}
.slideBox .bd img{ 
  width:100%; 
  height: auto;
  display:block;  
  animation: changeScale 1 2.5s;
}
.slideBox .bd .banner-txt { position:absolute; width:100%; text-align:center; top:50%; transform:translateY(-50%);}
.slideBox .bd .banner-txt img{ width:auto; display:inline-block;}
.slideBox .hd{ 

  overflow:hidden; 
  position:absolute; 
 width:100%; 
 text-align: center;
  bottom:21px; 
  z-index:1; 
}
.slideBox .hd ul{ 
  overflow:hidden; 
  zoom:1; 
  color:#fff; 
   width:100%; 
 text-align: center;
}
.slideBox .hd ul li{ 
  display: inline-block;
  margin-right:15px;  
  width:14px; 
  height:14px; 
  background:#fff; 
  border-radius:100%; 
  cursor:pointer; 
}
.slideBox .hd ul li.on{ 
  width: 46px;
  height: 14px;
  border-radius:20px;
  background:#e60012;
}
.in-yw{ padding:58px 0;}

.in-yw-list{ width:100%; text-align:center; padding:40px 0;}
.in-yw-list dl{ display:inline-block; margin:0 37px; text-align:center;}
.in-yw-list dl dt img{ transition-duration:.5s;}
.in-yw-list dl dd{ color:#e60012; font-size:18px; font-weight:bold; padding-top:11px;}
.in-yw-list dl:hover dt img{ -webkit-animation: icon-bounce 0.5s alternate;
  -moz-animation: icon-bounce 0.5s alternate;
  -o-animation: icon-bounce 0.5s alternate;
  animation: icon-bounce 0.5s alternate;}

.list01 dl{ float:left; width:24.93%; overflow:hidden; position: relative; margin-right:1px;}
.list01 dl dt img{ width:100%; height:100%; transition-duration:5s; display:block;}
.list01 dl:hover dt img{ transform:scale(1.2,1.2)}
.list01 dl dd{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); padding:5px; transition-duration:.5s;}
.list01 dl dd .txt{padding:13px 26px 26px; color:#fff; transition-duration:.5s; border:1px solid transparent }
.list01 dl dd .txt p{ width:25px; font-size:18px; display:inline-block; vertical-align:top;text-align:center; line-height:1.3;}
.list01 dl dd .txt h1{ display:inline-block; width:50px; vertical-align:top; font-size:30px; font-weight:normal; text-align:center; line-height:38px; }
.list01 dl dd .txt span{ display:inline-block; position:relative; width:1px; height:300px; background:#fff; margin:0px 10px;}
.list01 dl:hover dd{ background:#e60012;}
.list01 dl:hover dd .txt{ border:1px solid #111111; }
.list01 dl dd .txt span:before{ content:""; position:absolute; top:0; left:-2.6px; width:6px; height:6px; background:#e60012;}
.list01 dl:hover dd .txt span:before{ background:#fff;}
.in-case{ padding:63px 0;}

.gk-slideBox{ 
  width:100%;
  overflow:hidden; 
  position:relative; 
  margin:0 auto; margin-top:70px;

}
.gk-slideBox .bd{ 
  position:relative; 
  height:100%;
    background: #000;
}
.gk-slideBox .bd li{ 
  vertical-align:middle; 
}
.gk-slideBox .bd img{ 
  width:100%; 
  height: auto;
  display:block;  
  animation: changeScale 1 2.5s;
}
.gk-slideBox .hd{ 
  position:absolute; 
 width:100%; 
 top:0;
 height:100%;
 left:0;
  z-index:1; 
}
.gk-slideBox .hd ul{ 
 
  zoom:1; 
  color:#fff; 
   width:50%; 
   height:100%;
   background:rgba(0,0,0,0.3);
}
.gk-slideBox .hd ul li{    
  cursor:pointer;
  height:16.666%;
  position:relative;
  width:110%;

}
.gk-slideBox .hd ul li a{ color:#fff;}
/*2020-6-11*/
.gk-slideBox .hd ul li p{ position:absolute; font-size:20px; top:50%; transform:translateY(-50%); left:25%; z-index:2; width:73%;}
.gk-slideBox .hd ul li:after{ content:""; background:rgba(179,1,15,0.79); position:absolute; top:0; left:0; height:100%; width:0; transition-duration:.5s; z-index:1; top:0; width:0; }
.gk-slideBox .hd ul li.on:after{ width:100%;}
.gk-slideBox .hd ul li.on p{ font-weight:bold; font-size:26px;}


.gk-slideBox .hd ul li p:after,.gk-slideBox .hd ul li p:before{content: "";background: #fff;display: block;top: 54%;position: absolute;visibility: hidden;opacity: 0;transition-duration:1s; z-index:2;}
.gk-slideBox .hd ul li p:after{width: 30px;height: 1px;right: 0px;}
.gk-slideBox .hd ul li p:before{width: 1px;height: 30px;margin-top: 0;right: 25px;}
.gk-slideBox .hd ul li p:hover:after,.gk-slideBox .hd ul li p:hover:before,.gk-slideBox .hd ul .on p:after,.gk-slideBox .hd ul .on p:before {visibility: visible; opacity:1;}
.gk-slideBox .hd ul li p:hover:before,.gk-slideBox .hd ul .on p:before{ margin-top:-14px;}
.gk-slideBox .hd ul li p:hover:after,.gk-slideBox .hd ul .on p:after{ right:10px;}

.in-ab-le{ overflow:hidden; background:#000; width:516px; position:relative; z-index:3;}
.in-ab-le img{ transition-duration:5s; display:block;}
.in-ab-le:hover img{ transform:scale(1.2,1.2); opacity:0.5;}
.in-ab-nr{ padding-bottom:60px; position:relative;}
.in-ab-txt{ width:879px; height:479px;-moz-box-shadow:0px 0px 5px #B3B3B3; -webkit-box-shadow:0px 0px 5px #B3B3B3; box-shadow:0px 0px 5px #B3B3B3; position:absolute; bottom:0; right:0; background:url(../images/bg.jpg) no-repeat right top #fff; z-index:2; padding:73px 30px 0 113px;}
.in-ab-txt h1{ font-size:24px; padding-bottom:40px;}
.in-ab-txt p{ font-size:18px; padding-bottom:30px; line-height:1.6; text-align:justify; text-indent:32px;}
.ab-shu{ width:100%; background:url(../images/bg1.jpg) no-repeat center center; padding:94px 0; margin-top:60px; }
.ab-shu dl{
  width: 33.33%;
  text-align: center;
  float: left;
  color:#fff;
}
.ab-shu dl dt{font-size: 40px; font-weight:bold;}
.ab-shu dl dt h2{
  display: inline-block;
  padding-right: 10px;
}
.ab-shu dl dd{
  opacity: 0.85;
  padding-top:6px;
  font-size: 18px;
}
.in-new { padding:90px 0;}
.in-new-list dl{ width:31%; float:left;}
.in-new-list dl dt{ overflow:hidden; position:relative; padding-bottom:67%;}
.in-new-list dl dt img{ width:100%; height:100%; position:absolute; top:0; left:0; display:block; transition-duration:3s}
.in-new-list dl:hover dt img{ transform:scale(1.2,1.2)}
.in-new-list dl dd h1{ font-size:18px; font-weight:normal; padding:42px 0 25px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.in-new-list dl dd p{ font-size:16px;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.in-new-list dl dd span{ display:block; padding-top:40px; font-size:16px; color:#999999;}
.in-new-list dl:nth-child(2n){ margin:0 3.5%;}



@media only screen and (max-width: 1440px){}
@media only screen and (max-width: 1366px){

	}
@media only screen and (max-width: 1240px){
}
@media only screen and (max-width: 992px){}

@media only screen and (max-width: 760px){
.xs-top{display:block;}
.slideBox .bd .banner-txt img{ width:50%;}
.slideBox .hd ul li{ width:8px; height:8px; margin-right:5px;}
.slideBox .hd ul li.on{ width:20px; height:8px;}
.in-yw,.in-case,.ab-shu{ padding:20px 0;}
.in-ti,.w1330{ width:100%; padding:0 20px;}

.in-yw-list{ padding:15px 20px;}
.in-yw-list dl{ width:50%; margin:0 0 15px 0; float:left;}
.in-yw-list dl dt img{ width:30%;}
.in-yw-list dl dd{ font-size:14px;}
.list01 dl{ margin-right:0; width:50%}
.list01 dl dd .txt p,.list01 dl dd .txt span,.gk-slideBox .hd ul li p:after, .gk-slideBox .hd ul li p:before{ display:none;}
.list01 dl dd .txt h1{ width:90%; font-size:16px; line-height:1.6;}
.gk-slideBox{ margin-top:20px;}
.gk-slideBox .hd ul li p{ left:5%; font-size:14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; width:83%;}
.gk-slideBox .hd ul li.on p{ font-size:16px;}
.gk-slideBox .bd img{ height:200px;}
.in-ab-le{ width:100%;}
.in-ab-txt{ width:100%; height:auto; position:relative; padding:15px;}
.in-ab-txt h1{ font-size:18px; padding-bottom:15px;}
.in-ab-txt p{ font-size:15px; padding-bottom:10px;}
.ab-shu{ margin-top:20px;}
.ab-shu dl dt{ font-size:20px;}
.ab-shu dl dd{ font-size:14px;}
.ab-shu dl dt h2{ padding-right:0;}
.in-new{ padding:20px;}
.in-new-list dl{ width:100%; margin-bottom:20px;}
.in-new-list dl dd h1{ padding:10px 0; font-size:16px;}
.in-new-list dl dd p{ font-size:13px;}
.in-new-list dl dd span{ padding-top:10px; font-size:12px;}
.in-new-list dl:nth-child(2n){ margin:0;}


}