.in-pro{width: 100%; background:url(../images/in-pro.jpg) no-repeat top center #eeeeee; padding:55px 0 40px 0; }
.in-le{width: 44%; color: #fff;}
.in-le h1{ font-size: 36px; line-height: 62px; }
.in-le h1 a{color: #fff;}
.in-le p{ font-size: 18px; line-height: 30px;  }
.in-ri{ width: 50%; color:#fff; }
.in-ri h1{line-height: 54px; font-size: 18px; font-weight:normal; text-align: right;}

.in-ri .in-sele{width: 35%; float: left; margin-right: 2%;}
.in-ri .in-sele input{width: 100%; height: 60px; line-height: 60px; outline: none; border:none; padding:0 15px; font-size: 18px; color: #555;}
.in-ri .in-an{width:26%; line-height: 60px; background:#d10000; color: #fff; position: relative; font-size:24px; text-align: center; padding-left: 15px; }
.in-ri .in-an:after{position: absolute; content: ""; width: 28px; height: 26px; top: 17px; left: 17px; background:url(../images/ss1.png) no-repeat;}
.in-pro1{width: 100%; padding-top: 70px;}
.in-pro1 dl{width: 280px;}
.in-pro1 dl dt{width: 100%; height: 280px; overflow: hidden; background:#000;}
.in-pro1 dl dt img{display: block; width: 100%; height: 100% !important;}
.in-pro1 dl:hover dt img{transform:scale(1.1); opacity: 0.6}
.in-pro1 dl dt img{display: block; width: 100%; transition-duration:1s; }
.in-pro1 dl dd{width: 100%; text-align: center; font-size: 20px; color: #0f0f0f; line-height: 54px;}
.in-about{ padding-top: 25px;}
.in-about h1{text-align: center; font-size: 30px; font-weight: bold; color: #333333;}
.in-about p{ font-size:16px; text-align: center; line-height:28px; padding:15px 0 25px 0; }
.in-about1{width: 100%; margin:0 auto;}
.in-about1 dl{width: 25%; float: left; text-align: center;}
.in-about1 dl dt{width: 100%; height: 75px; transition-duration:1s;}
.in-about1 dl:hover dt{-moz-transform:scaleX(-1); -webkit-transform:scaleX(-1); -o-transform:scaleX(-1);
transform:scaleX(-1);}
.in-about1 dl dd{ width: 80%; font-size: 16px; color: #333333; margin:0 auto; }

.in-news{padding:40px 0 50px 0;}
.in-news h1{text-align: center; line-height: 62px; font-size:36px; color: #333333;}
.in-news p{padding:10px 0; font-size: 18px; color: #555555; text-align: center;}
.in-news1{ width: 100%; position: relative; margin-top: 20px;}
.in-news1 .left{width: 48.5%; position: absolute; left: 0; top: 0; height: 100%;}
.in-news1 .left .top{width: 100%; height: 40%; background:#0095eb; position: relative; padding:40px 40px; color: #fff;}
.in-news1 .left .top .time{line-height: 46px; font-size: 18px; }
.in-news1 .left .top .bit{line-height: 60px; font-size:30px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.in-news1 .left .top .neir{padding-top: 10px; font-size: 17px;  line-height: 30px; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2; }
    .in-news1 .left .top a .bit{color: #fff;}
    .in-news1 .left .top a .neir {color: #fff;}
.in-news1 .left .center{width: 100%; height: 60%; overflow: hidden; background:#000; position: relative;}
.in-news1 .left:hover .center img{transform:scale(1.1); opacity: 0.7}
.in-news1 .left .center img{display: block; width: 100%; height: 100%; transition-duration:1s;}
.in-news1 .right{width: 48.5%;}
.in-n{width: 100%; padding-bottom: 29px;}
.in-n dl{width: 48%; float: left; margin-right: 4%; cursor: pointer;}
.in-n dl:nth-child(2){margin-right: 0;}
.in-n dl dt{width: 100%; overflow: hidden; background:#000;}
.in-n dl:hover dt img{transform:scale(1.1); opacity: 0.7}
.in-n dl dt img{display: block; width: 100%; transition-duration:1s; height:273px}
.in-n dl dd{width: 100%; background:#1c448a; color: #fff; padding:25px;}
.in-n dl dd .b{font-size: 18px; line-height: 36px;}
.in-n dl dd .neir{font-size: 22px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.in-n1{width: 100%; padding:60px 40px; background:#cecece;}
.in-n1 .time{line-height: 46px; font-size: 18px; }
.in-n1 .bit{line-height: 60px; color: #333333; font-size:30px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.in-n1 .neir{padding-top: 10px; font-size: 17px; color: #333333; line-height: 30px; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2; }
.tszl-bg{width: 100%; position: relative; overflow: hidden; color: #fff; text-align: center;}
.tszl-bg h1{font-size: 28px; }
.tszl-bg .bg{width: 100%; background:url(../images/tszl-bg.jpg) no-repeat; background-size: cover; animation: run 12s linear infinite; position: absolute; left: 0; top: 0; height: 100%; }
.tszl-bg .box{width: 100%; padding:70px 0 100px 0;}
.tszl-text{padding-top:20px; font-size: 19px; line-height: 36px; color: #fff; width: 70%; margin:0 auto; text-align: center;}

.in-hr{padding:50px 0;}
.in-hr p{line-height: 52px; font-size: 18px; color: #333333; width: 85%;}
.in-hr span{ font-size: 22px; color: #1c448a; }
.in-hr .an{width: 198px; height: 52px; background:#de0000; font-weight: bold; font-size: 24px; color: #fff; text-align: center; line-height: 52px;}
.in-hr .an a{color: #fff;}

/* CSS Document */
.slideBox{ 
  width:100%;
  overflow:hidden; 
  position:relative; 
  margin:0 auto;
  background: #000;
  height: 100%;
}
.slideBox .bd{ 
  position:relative; 
  height:100%;
}
.slideBox .bd ul{ 
  height:100%;
}
.slideBox .bd li{ 
  vertical-align:middle; 
  height:100%;
}
.slideBox .bd img{ 
  width:100%; 
  height: 100%;
  animation: changeScale 1 2.5s;
  display: block;
}
.slideBox .bd .banner-txt { position:absolute; text-align:left; top: 35%; color: #fff; left: 15%; }
.slideBox .bd .banner-txt .t1{width: 100%; font-size:38px; }
.slideBox .bd .banner-txt .t1 span{font-size: 60px; color: #ff0000;}
.slideBox .bd .banner-txt .t2{width: 100%; font-size: 18px; line-height: 30px; padding-top:20px; }


.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; 
   transition-duration: 1s;
}
.slideBox .hd ul li.on{ 
  width: 44px;
  height: 14px;
  border-radius:20px;
  background:#ffffff;
  box-shadow:none;
}

.slideBox .prev{ position:absolute; left:3%; top:50%; display:block; width:79px; height:79px; background: rgba(255,255,255,0.2); border-radius: 50%; transition-duration: 1s; display: none;}
.slideBox .prev:after{position: absolute; content: ""; width: 79px; height: 79px; background: url(../images/pre-jt.png) no-repeat center center;-webkit-transform: rotate(180deg);
                 -moz-transform: rotate(180deg);
                 -o-transform: rotate(180deg);
                 -ms-transform: rotate(180deg);
                 transform: rotate(180deg); }
.slideBox .next{ position:absolute; right:3%; top:50%; display:block; width:79px; height:79px; background: rgba(255,255,255,0.2); border-radius: 50%; transition-duration: 1s; display: none;}
.slideBox .next:after{position: absolute; content: ""; width: 100%; height: 38px; top: 50%; transform: translateY(-50%); background: url(../images/pre-jt.png) no-repeat center center; }
.slideBox:hover .prev{ display: block;}
.slideBox:hover .next{ display: block;}



.Menubox{  margin-top:45px; border-top:1px solid #83dcf6; border-left:1px solid #83dcf6; border-bottom:1px solid #83dcf6;}
.Menubox ul li{width: 25%; float:left; line-height: 42px; text-align: center; border-right: 1px solid #83dcf6; cursor:pointer; position:relative; font-size: 18px;}

.Menubox ul li.hover{ background:#5e95b4; color:#fff;}
.CbContainer{ width:100%; padding-top: 40px;}
.CbContainer p{font-size: 18px; line-height: 30px;}
.CbContainer .an{
width: 200px;line-height: 46px; text-align: center; font-size: 18px; border:1px solid #83dcf6; border-radius: 50px; margin-top:70px; transition-duration: 1s; cursor: pointer;
}
.CbContainer .an a{color: #fff;}
.CbContainer .an:hover{background:#5e95b4; color:#fff;}

/*8-6*/
.picMarquee-left{ width:100%;  overflow:hidden; position:relative; }
        .picMarquee-left .bd{width: 100%;}
        .picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
        .picMarquee-left .bd ul li{width: 280px; margin-right:10px; float:left; _display:inline; overflow:hidden; text-align:center; cursor: pointer;  }
        .picMarquee-left .bd ul li .pic{ text-align:center;width: 280px; height: 280px; overflow:hidden; background: #000; }
        .picMarquee-left .bd ul li .pic img{ display: block; width: 100%; height: 100%; transition-duration: 1s; }
        .picMarquee-left .bd ul li:hover .pic img{transform:scale(1.1); opacity: 0.7}
        .picMarquee-left .bd ul li .title{ line-height:54px; text-align: center; font-size: 17px;   }
  /*8-17*/
  .btn{position: absolute; width: 100%; height: 100%; outline: none; background: none; border:none; cursor: pointer;}
.btn1{position: absolute; width: 100%; height: 100%; outline: none; background: none; border:none; cursor: pointer;}

@media only screen and (max-width: 1441px){


.slideBox .bd .banner-txt .t1 {
    font-size: 34px;
}
.slideBox .bd .banner-txt .t2 {
    font-size: 16px;
    padding: 10px 0;
}
.contact {
    padding-top: 30px;
}
}

@media only screen and (max-width: 1367px){
.in-le h1 {
    font-size: 30px;
    line-height: 58px;
}
.slideBox .bd .banner-txt .t1 {
    font-size: 34px;
}
.slideBox .bd .banner-txt .t2 {
    font-size: 16px;
    padding: 10px 0;
}

.contact {
    padding-top: 30px;
}
.in-le p {
    font-size: 16px;
    line-height: 28px;
}
.in-ri .in-sele input {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
}
.in-ri .in-an{line-height: 50px; font-size:20px;}
.in-ri .in-an:after{top: 13px;}
.in-pro1 dl dd{font-size: 16px;}
.in-about h1 {
    font-size: 26px;
}
.in-about p {
    font-size: 16px;
    line-height: 30px;
}
.in-about1 dl dd {
    width: 70%;
    font-size: 16px;
}
.in-news h1 {
    line-height: 52px;
    font-size: 26px;
}
.in-news1 .left .top .bit {
    line-height: 50px;
    font-size: 26px;
}
.in-news1 .left .top {
    padding: 20px 30px;
    height: 45%;
}
.in-n dl dd .neir {
    font-size: 20px;
}
.in-n1 {
    padding: 40px 30px;
}
.in-n1 .bit {
    line-height: 50px;
    font-size: 26px;
}
.in-news1 .left .center {
    height: 55%;
}
.tszl-bg h1 {
    font-size: 24px;
}
.in-hr .an{font-size: 18px;}
footer .cont li {
    line-height: 34px;
    font-size: 16px;
}
footer .nav {
    padding-top: 50px;
    font-size: 16px;
    line-height: 34px;
}
}

@media only screen and (max-width: 1281px){
.slideBox {
    padding-top: 81px;
}
}
@media only screen and (max-width: 992px){

}

@media only screen and (max-width: 760px){
.in-le {
    width: 100%;
}
.in-pro {
    padding: 25px 0 20px 0;
}
.in-le h1 {
    font-size: 20px;
    line-height: 48px;
}
.in-ri {
    width: 100%;
}
.in-ri .in-an:after{display: none;}
.in-about {
    padding-top: 0px;
}
.in-about1 dl {
    margin-bottom: 15px;
}
.in-about1 dl {
    width: 100%;
}
.in-news1 .left {
    width: 100%;
    position: relative;
}
.in-news1 .left .top .bit {
    line-height: 40px;
    font-size: 20px;
}
.in-news1 .left .top {
    padding: 20px 20px;
    height: 45%;
}
.in-news1 .left .top .time {
    line-height: 36px;
    font-size: 17px;
}
.in-news1 .right {
    width: 100%;
}
.in-n dl {
    width: 100%;
    margin-right: 0%;
}
.in-n dl dd {
    padding: 10px 15px;
}
.in-n1 {
    padding: 20px 20px;
}
.in-n1 .bit {
    line-height: 40px;
    font-size: 22px;
}
.tszl-bg .box {
    padding: 30px 0 30px 0;
}
.tszl-bg h1 {
    font-size: 22px;
}
.tszl-text {
    padding-top: 20px;
    font-size: 18px;
    line-height: 30px;
    width: 86%;
}
.in-hr {
    padding: 20px 0;
}
.in-hr p {
    line-height: 32px;
    font-size: 16px;
}
.in-hr span {
    font-size: 20px;
    color: #1c448a;
}
footer {
    padding: 30px 0 30px 0;
}
footer .f-logo {
    padding-bottom: 20px;
}
footer .cont {
display: none;
}
footer .nav {
    width: 100%;
    padding-top: 20px;
    font-size: 16px;
    line-height: 32px;
}
}
@keyframes changeScale
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}

@-moz-keyframes changeScale 
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}

@-webkit-keyframes changeScale
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}

@-o-keyframes changeScale 
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}