/* CSS Document */

.banner{ padding-top:80px;}
.banner .owl-theme .owl-controls .owl-nav [class*=owl-]{ width:32px; height:32px;background:url(../image/sj.svg) no-repeat; padding:0; text-indent:9999px !important; position:absolute; left:25px; overflow:hidden; background-size:contain; top:50%; margin-top:-16px;}
.banner .owl-theme .owl-controls .owl-nav .owl-next{ left:auto; right:25px; transform:rotate(180deg)}
.banner .owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background:url(../image/sj.svg) no-repeat;}

.banner .owl-theme .owl-controls .owl-dots{ position:absolute; bottom:15px; width:100%; text-align:center;}
.banner .owl-theme .owl-dots .owl-dot span{ width:10px; height:10px; background:#000;}
.banner .owl-theme .owl-dots .owl-dot.active span{  background:#fff;}
.banner-txt{ position:absolute; width:100%; color:#fff; top:50%; transform:translateY(-50%);}
.banner-txt h1{ font-size:50px;}
.banner-txt p{ font-size:40px; padding-top:5px;}
.banner-txt a{ display:inline-block; width:137px; height:51px; text-align:center; text-transform:uppercase; line-height:51px; color:#fff; font-size:15px;background: #e60012; border-radius:4px; margin-top:30px; transition-duration:.5s;}
.banner-txt a:hover{-moz-box-shadow:0px 0px 9px #BFBFBF; -webkit-box-shadow:0px 0px 9px #BFBFBF; box-shadow:0px 0px 9px #BFBFBF;}

.banner .owl-carouse2 .owl-stage-outer .owl-stage .owl-item:nth-child(1) .item .banner-txt{ display:none !important}
.banner .owl-carouse2 .owl-stage-outer .owl-stage .owl-item:nth-child(1) .item .banner-txt a{ display:none !important}




.in-ti{ text-align:center; font-size:36px; margin-bottom:60px;}
.in-Solution{ padding:85px 0;}
.jj-nr{ padding:15px;}
.jj-nr dt{ overflow:hidden; position:relative; background:#000;}
.jj-nr dt img{ width:100%; height:100%; display:block !important; transition-duration:.5s;}
.jj-nr:hover dt img{  opacity:0.8;}
.jj-nr dd{-moz-box-shadow:2px 1px 6px #BDBDBD; -webkit-box-shadow:2px 1px 6px #BDBDBD; box-shadow:2px 1px 6px #BDBDBD; padding:25px; text-align:center;}
.jj-nr dd h1{ text-align:center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-size:18px;}
.jj-nr dd p{ font-size:14px; color:#333; margin:15px 0; text-align:left;   overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;}
.jj-nr dd span{ color:#082e70; font-size:17px;}
.in-Solution .owl-theme .owl-controls .owl-nav{ display:none !important;}
.in-pro{ background:#ededed; padding:80px 0;}
.in-pro-list{ position:relative; padding:10px;}
.owl-carousel .owl-item .in-pro-list dt{ text-align:center; background:#fbf9f9; position:relative;-moz-box-shadow:0px 0px 7px #BDBDBD; -webkit-box-shadow:0px 0px 7px #BDBDBD; box-shadow:0px 0px 7px #BDBDBD;}
.owl-carousel .owl-item .in-pro-list dt p{ position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.34); top:0; opacity:0; left:0; color:#fff; font-size:24px; padding-top:60%; transition-duration:.5s;}
/*.owl-carousel .owl-item .in-pro-list dt p span{font-size: 15px !important; display: inline-block; width: 100%;}*/
.owl-carousel .owl-item .in-pro-list dt img{ width:100%; max-width:100%; max-height:100%; display:block !important}
.owl-carousel .owl-item .in-pro-list:hover dt p{ opacity:1;}


.in-pro .owl-theme .owl-controls .owl-nav [class*=owl-]{ width:27px; height:47px;background:url(../image/pre.png) no-repeat; padding:0; text-indent:9999px !important; position:absolute; left:-65px; overflow:hidden; background-size:contain; top:50%; margin-top:-16px;}
.in-pro .owl-theme .owl-controls .owl-nav .owl-next{ left:auto; right:-65px; transform:rotate(180deg)}
.in-pro .owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background:url(../image/pre.png) no-repeat;}
.in-pro .owl-theme .owl-controls .owl-dots{ display:none !important}
.in-video{ padding:0px 0 30px 0;}



.ban{ width:100%; height:635px; position:relative; }

.ban2{  width:1000px;  height:562px; position:relative; overflow:hidden; float: left; margin-top:40px;}

.ban2 ul{ position:absolute; left:0; top:0;}

.ban2 ul li{ width:1000px;  height:562px; position: relative;}

.ban2 ul li p{ position: absolute; bottom: 0; left: 0; width: 100%;  background: rgba(0,0,0,0.7); color: #fff; box-sizing: border-box; line-height: 40px; text-align:center }

.prev{ float:left; cursor:pointer;}

.num{ height:562px;overflow:hidden; width:255px; position:relative;float:left; margin-top:40px;}

.min_pic{ width:255px;  float: right;}

.num ul{ position:absolute; left:0; top:0;}

.num ul li{ width:255px; height:167px; position:relative; margin-bottom:30px; background:#000;}

.num ul li img{ display:block; width:100%; height:100%;}

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

.num ul li.on p{background: rgba(0,56,148);}

.prev1,.next1{ position:absolute; top:0; right:100px; width:57px; height:20px;z-index:9;cursor:pointer; background:url(../image/pre3.png) no-repeat;}

.next1{  top:auto; bottom:0; transform:rotate(180deg)}

.num ul li span img{ width:100% !important; height:auto;}

.num ul li span{ position:absolute;  display:block; width:32px; height:32px; margin-top:-16px; margin-left:-16px; left:50%; top:50%; }

.num ul li.on img{ opacity:0.8;}

.sp-list {
    width: 1280px;
    margin: 0 auto;
}
.my-iframe {
    width: 100%;
    height: 635px;
}
.mobile-zzry{ display:none; padding-top:30px; text-align:center;}

.mobile-zzry .owl-theme .owl-controls .owl-nav{ display:none;}


.in-new-more{ padding-top:30px;}
.in-new-more a{ display:block; width:155px; height:39px; line-height:39px; background:url(../image/jtsj.png) no-repeat 90% center #012A70; color:#fff; margin:0 auto; border-radius:3px; padding-left:20px;}



.in-new-list dl{ width:31%; float:left; margin:0 1.1%;webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.15);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.15); border-radius:0 0 5px 5px}

.in-new-list dl dt,.in-new-list dl dd{    transition: 0.4s ease; position: relative;}

.in-new-list dl dt{ overflow:hidden; padding-bottom:70%;border-radius:5px 5px 0 0 }

.in-new-list dl dt img{ width:100%; height:100%;  display:block; transition-duration:.5s; position:absolute; top:0; left:0;border-radius:5px 5px 0 0}

.in-new-list dl dd{  padding:13px 0 0 0; transition-duration:.5s;width:100%;box-sizing: border-box;}
.in-new-list dl dd h1{font-size: 18px;
    font-weight: 600;
    margin-bottom: 25px; padding:0 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.in-new-list dl dd p{ display: inline-block;
    padding: 0 30px;
    text-decoration: underline;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;}
.in-new-list dl dd span{    display: block;
    padding: 15px 30px;
    margin-bottom: 0;
    border-top: 1px solid #eaeaea;
    font-size: 12px;
    margin-top: 30px;}
.in-new-list dl:hover dt img{ transform:scale(1.1,1.1)}

.in-new-list dl dd:after {

    content: "";

    position: absolute;

    bottom: 0px;

    left: 50%;

    transform: translate(-50%,-50%);

    width: 0;

    height: 5px;

    background: rgb(0,56,148);

    transition-duration: .5s;

}

.in-new-list dl:hover dd{  }


.in-new{ padding-bottom:80px;}


 




@media only screen and (min-width: 1445px) {
	
	
}
@media only screen and (max-width: 1366px) {
    .sp-list {
    width: 1180px;
}
.ban2 {
    width: 880px;
    height: 562px;
}
}
@media only screen and (max-width: 1240px) {
}
@media only screen and (max-height: 920px) {
	.in-pro,.in-Solution{ padding:30px 20px;}
	.in-ti{ font-size:26px; margin-bottom:20px;}
	.in-pro .owl-theme .owl-controls .owl-nav{ display:none !important;}
	.in-pro .owl-theme .owl-controls .owl-dots{ display:block !important}
	
}
@media only screen and (max-width: 992px) {

}
 @media only screen and (max-width: 760px) {
	 .banner{ padding-top:50px;}
.sp-list{ display:none}
.banner .owl-theme .owl-controls .owl-nav [class*=owl-]{ left:5px;}
.banner .owl-theme .owl-controls .owl-nav .owl-next{ right:5px; left:auto;}
.owl-theme .owl-controls .owl-dots{ bottom:6px;}
.mobile-zzry{ display:block; padding-top:0;}
.in-video{ padding:0 20px}
.in-new-list dl{ width:94%; float:none; margin:0 auto 20px;}
.in-new-list dl dd h1{ margin-bottom:15px;}
.in-new-list dl dd span{ margin-top:15px;}
.in-new-more{ padding-top:0;}
.in-new{ padding:30px 0;}
.banner-txt h1{ font-size:17px; width:90%; margin:0 0% 0 7%}
.banner-txt p{ font-size:14px; width:90%; margin:0 0% 0 7%}
}