/*banner*/


.banner{width:100%;height:600px;position:relative;overflow:hidden;background:#000;}
.banner ul{position: absolute;left:0;top:0;width:1000%;transition:all 0.5s;}
.banner ul li{float:left;height:600px;position:relative;overflow:hidden;}
.banner ul li img,.banner ul li video{position: absolute;top: 0;left:50%;margin-left:-960px;width:1920px;height:600px;}
.banner b{display: block;width: 70px;height: 70px;border-radius: 4px;background: url(../images/sybnnr_left.png) no-repeat center center;position: absolute;top: 49%;left: 4%;margin-top: -35px;cursor: pointer;z-index: 2;}
.banner b.next{left: auto;right: 4%;background: url(../images/sybnnr_right.png) no-repeat center center;}
.banner>b:hover{background-color:rgba(221,60,19,.8);}
.banner ol{position: absolute;bottom: 20px;left: 50%;width:200px;margin-left:-100px;z-index:2;text-align:center;}
.banner ol li{display:inline-block;width: 10px;height: 10px;border-radius: 10px;margin: 0 5px;background: #eee;cursor: pointer;}
.banner ol li.ol_current{background:#001555;}


/*banner*/


.lmap{width:100%;height:50px;background:#555;}
.lmap b{font-size: 16px;display: block;line-height: 50px;padding-left: 34px;margin-right: 8px;background: url(../images/h_l.png) no-repeat left center;color: #fff;}
.lmap .rotate_box{width: 300px;height: 50px;line-height: 50px;color: #fff;position: relative;}
.lmap .rotate_box::after{content: "";width: 80px;height: 50px;position: absolute;top: 0;left: 0;background-image: url(../images/h_r.png);background-repeat: repeat-y;}
.lmap .rotate_box span{margin-left:200px;}
.lmap .rotate_box span a{color:#fff;}






.index-title { text-align: center; }
  .index-title h2 { font-size: 28px; line-height: 32px; margin-bottom: 20px; }
   .index-title h5 { font-size: 32px; line-height: 32px; margin-bottom: 15px; }
  .index-title h3{border-radius: 1px; width: 240px; height: 2px; margin: auto; background: rgba(0, 62, 165, 0.4);} 
  .index-title p { font-size: 19px; line-height: 30px;  margin-top: 5px; margin-bottom: 35px;}



.index-title1 { text-align: center; }
  .index-title1 h2 { font-size: 28px; line-height: 32px; margin-bottom: 10px;  }
   .index-title1 h5 { font-size: 32px; line-height: 32px; margin-bottom: 15px; }
  .index-title1 h3{border-radius: 1px; width: 240px; height: 2px; margin: auto; background-color: #6699cc;} 
  .index-title1 p { font-size: 19px; line-height: 30px;  margin-top: 5px; margin-bottom: 35px;}





/*产品系列*/
.sys_case{width:100%; overflow: hidden; margin-top: 35px; position: relative;}

.sys_case .case_ul{width:100%;overflow:hidden;margin-bottom:46px;position:relative;height:446px;}
.sys_case ul{width:3600px;position:absolute;left:-10px;top:0;transition:all 0.5s;}
.sys_case ul li{width:378px;height:446px;background:#eee;margin:0 10px;float: left; border: 1px solid #eee;}
.sys_case ul li a{display:block;}
.sys_case ul li a img{width:378px;height:376px;display:block;}
.sys_case ul li a p{height:70px;font-size:20px;line-height:70px;text-align:center;}
.sys_case ul li a:hover p{background:#001654;color:#fff;}
.sys_case ol{display:block;width:1200px;height:60px;cursor:pointer; position: absolute; top: 50%; margin-top: -30px;}
.sys_case ol li{float: left;width:60px;height:60px;background:#001654 url(../images/sys_prev.png) no-repeat center center; border-radius: 60px;}
.sys_case ol li.next{background:#001654 url(../images/sys_next.png) no-repeat center center;float: right; margin-right: 20px;}
.sys_case ol li:hover{background-color:#001654!important;}

/*产品系列*/








/*成功案例*/

.case_cont{width:100%; overflow: hidden; margin-top: 35px; position: relative;}
.case_cont ul{zoom:1 ; margin: auto;}
.case_cont ul li{width:285px; float:left; position:relative;margin-right:20px; margin-bottom:30px;}
.case_cont ul li:nth-child(4n){margin-right:0px;}
.case_cont ul li .img{width: 285px; height: 200px; overflow: hidden;}
.case_cont ul li .img img{display:block; width:100%;height:100%;transition: all 1s;overflow: hidden;}
.case_cont ul li .img:hover img{transform:scale(1.2);}
.case_cont ul li h3{ color:#333; text-align:center; height:32px; line-height:32px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; background-color: #eee;}

/*成功案例*/


/*视频*/
.hot_video{width:100%;height:auto;/*background:#505050;*/padding:30px 0 20px 0;box-sizing:border-box;background: #f5f5f5 url(../images/abbg.jpg) no-repeat left top / 100% auto;
    padding: 40px 0 50px;}
.hot_video .w > span{display:block;width:215px;height:81px;background:url(../images/video_tl.png) no-repeat center center;margin:0 auto 20px auto;}
.hot_video .video_box{width:100%;height:306px;/*background:#6699CC;*/padding:35px 0 0 35px;box-sizing:border-box;position: relative;}
.video_ul{width:532px;height:235px;padding:10px;box-sizing:border-box;overflow:hidden;}
.video_ul ul{}
.video_ul ul li{width:512px;height:auto;cursor:pointer;display:none;}
.video_ul ul li.video_now{display:block;}
.video_ul ul li span{display:block;width:100%;height:100%;position: relative;}
.video_ul ul li span img{display:block;width:100%;height:100%;}
.video_ul ul li span b{display:block;width:78px;height:78px;position: absolute;top:50%;left:50%;margin-top:-39px;margin-left:-39px;background:url(../images/v_play1.png) no-repeat center center;}
.video_ul ul li span:hover b{background:url(../images/v_play1.png) no-repeat center center;}
.video_box b{display:block;width:50px;height:50px;position: absolute;top:58%;cursor:pointer;}
.video_box b.vd_prev{background:url(../images/v_prev1.png) no-repeat center center;left:45px;}
.video_box b.vd_next{background:url(../images/v_next1.png) no-repeat center center;left:506px;}
.video_box b.vd_prev:hover{background:url(../images/v_play1.png) no-repeat center center;}
.video_box b.vd_next:hover{background:url(../images/v_play1.png) no-repeat center center;}
.video_txt{width:590px;overflow:hidden; margin-right: 10px;padding-top: 10px;}
.video_txt ol{height:40px;width:100%;margin-bottom:20px;}
.video_txt ol li{width:590px;height:40px;display:none;font-size:30px;color:#666;}
.video_txt ol li.video_now{display:block;}
.video_txt .aboutsy{display:block;font-size:18px;color:#666;letter-spacing:1px; line-height: 28px;}


.layer{width:100%;padding-right:50px;height:100%;background:rgba(51,51,51,.7);position:fixed;top:0;left:0;z-index:10231;overflow-y:scroll;display:none;}
.layer>span{display:block;width:42px;height:42px;background:#8d8d8d;position:fixed;top:30%;left:50%;margin-left:450px;cursor:pointer;}
.layer>span::after{content:"";width:16px;height:16px;position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px;background:url(../images/p_close.png) no-repeat center center;transition: all 0.4s;}
.layer>span:hover:after{   -webkit-transform:rotate(180deg);
						   -moz-transform:rotate(180deg);
							-ms-transform:rotate(180deg);
							 -o-transform:rotate(180deg);
								transform:rotate(180deg);
}
/* 播放视频弹窗 */
.pop_box{z-index:11;}
.layer>video{display:block;width:770px;height:420px;position:absolute;top:30%;left:50%;margin-left:-385px;background:#000;}








.indexabout{width: 1200px;margin:auto;overflow:hidden;position:relative; display: block; margin-top: 20px;  padding-bottom:30px; }
.abbox{padding:30px 0 0;width:770px;height:300px;background:#fff;box-shadow:0px 5px 10px rgba(29,42,120,.12);position:absolute;top:30px;left:0;z-index:2;}
.abbox .ablock{width:610px;line-height:31px;font-size:15px;color:#777777;position:relative;margin:10px auto 0;}
.abbox .aboup{width: 500px; font-size: 20px; color: #012d74 ; margin-left: 84px;  font-weight: bold;}
.ablock:before,
.ablock:after{content:"";display:block;width:22px;height:21px;background:url(../images/icon-dqm.png) no-repeat center center / cover;position:absolute;}
.ablock:before{top:-26px;left:-36px;}
.ablock:after{bottom:-10px;right:-30px;transform:rotate(180deg);-webkit-transform:rotate(180deg);}


.idexthree{margin-top:10px; margin-bottom: 20px; width: 100%; overflow: hidden; cursor: pointer;}
.idexthree ul li{width:25%; float:left;text-align:center;}
.idexthree ul li span{display:block; margin:auto; width:70px;}
.idexthree ul li span img{width: 70px; height: 70px;transition: all 1s ease 0s;}
.idexthree ul li span:hover img{-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	transform: rotateY(180deg);
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;}


.idexthree ul li h3{ width:100%;  margin:10px auto 5px; text-align: center;}

.abimg{width:369px;height:304px;position:relative;float:right; margin-top: 90px;}
.abimg img{ max-width: 100%;object-fit: cover;}
.abimg:after{content:"";display:block;width:100%;height:100%;border:1px solid #012d74 ;position:absolute;left:-20px;bottom:-20px;z-index:-1;}












/*视频*/

/*新闻*/


.indexnews{ width:100%; height:auto; overflow:hidden;  margin-top:35px; margin-bottom:40px;}
.indexnews .newspo{ width:500px; height:360px; float:left;background-color: #eee;}
.indexnews .newspo:hover{ width:500px; height:360px; float:left; background-color:#001555}
.indexnews .newspo .newspoimg{ width:500px; height:250px;}
.indexnews .newspo .newspoimg img{ width:500px; height:250px;}
.indexnews .newspo .newspotit{ width:480px; padding:0px 10px; height:50px; line-height:50px; text-align:left; font-size:16px; margin-top:6px; overflow: hidden;}
.indexnews .newspo:hover .newspotit{ width:480px; padding:0px 10px; height:50px; line-height:50px; text-align:left; font-size:16px; margin-top:6px;}
.indexnews .newspo:hover .newspotit a {color:#E0F0F6; text-decoration:none; line-height:40px; font-size:14px;}
.indexnews .newspo:hover .newspotit a:hover {color:#E0F0F6; ; height:40px; line-height:40px;}

.indexnews .newspo .newspodesc{ width:480px; padding:0px 10px; height:46px; line-height:23px; text-indent:25px; text-align:left; font-size:14px; color:#B3B3B3; overflow:hidden;}

.indexnews .newspoli{ width:650px; float:right;}
.indexnews .newspoli .newspl{ width:650px; height:110px; margin-bottom: 15px; background-color: #eee;}
.indexnews .newspoli .newspl:nth-child(3n){margin-bottom:0px;}
.indexnews .newspoli .newspl:hover{ background-color:#001555;}
.indexnews .newspoli .newspl .img{ width:200px; height:110px; float:left; overflow: hidden;}
.indexnews .newspoli .newspl .img img{max-width: 100%;}
.indexnews .newspoli .newspl .ncon{ width:435px; float:right; height:110px;}

.indexnews .newspoli .newspl .ncon .nctitle{ width:435px; height:40px; overflow:hidden; line-height:40px; text-align:left; font-size:16px;}
.indexnews .newspoli .newspl:hover .ncon .nctitle a {color:#E0F0F6; text-decoration:none; line-height:40px; font-size:14px;}
.indexnews .newspoli .newspl:hover .ncon .nctitle a:hover {color:#E0F0F6;  height:40px; line-height:40px;}

.indexnews .newspoli .newspl .ncon .ncdesc{ width:435px; height:60px; line-height:30px; color:#C2C2C2; text-align:left; text-indent:25px; font-size:14px;}



/*新闻*/
.xglj{background:#f1f1f1 !important;}