/*banner*/


.banner{width:100%;height:732px;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:732px;position:relative;overflow:hidden;}
.banner ul li img,.banner ul li video{position: absolute;top: 0;left:50%;margin-left:-960px;width:1920px;height:732px;}
.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:#1263be;}


/*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-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: 10px; }
   .index-title h5 { font-size: 32px; line-height: 32px; margin-bottom: 15px; }
  .index-title h3{border-radius: 1px; width: 110px; 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; color: #fff; }
   .index-title1 h5 { font-size: 32px; line-height: 32px; margin-bottom: 15px; color: #fff;}
  .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;color: #fff;}





/*产品系列*/
.sys_case{width:100%; overflow: hidden; margin-top: 35px; position: relative;}
.sys_case .w1200{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:#db2121;color:#fff;}
.sys_case ol{display:block;height:50px;margin:0 auto;cursor:pointer;position: absolute; top: 50%;width:100%; margin-top: -20px;}
.sys_case ol li{float: left;width:50px;height:50px;background:#eb8a71 url(../images/sys_prev.png) no-repeat center center; position: absolute; border-radius: 50px; }
.sys_case ol li.next{background:#eb8a71 url(../images/sys_next.png) no-repeat center center; right: 0;}
.sys_case ol li.prev{left: -20px;}
.sys_case ol li:hover{background-color:#db2121!important;}

/*产品系列*/


.cgseindx{width:100%; overflow: hidden; display: block; position: relative;margin-top: 35px;}
.bnndtp{width:100%; overflow: hidden; display: block; position: relative;margin-top: 35px;}
.bnndtp ul{zoom:1 ; margin: auto;}
.bnndtp ul li{width:380px; height: 280px; overflow: hidden; float:left; position:relative;margin-right:30px; margin-bottom:30px;transition: all 1s;}
.bnndtp ul li:nth-child(5){margin-right: 0;}
.bnndtp ul li:nth-child(1){ width:790px; height: 400px;}
.bnndtp ul li:nth-child(2){margin-right: 0;width:380px; height: 400px;}
.bnndtp ul li::before { content: " "; display: block;position: absolute; top: 0;right: 0; bottom: 0; left: 0;background-color: rgba(0,0,0,0);background-image: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0.3) 20%, rgba(0,0,0,0) 60%); z-index: 10;transition: background-color linear 0.2s; }
.bnndtp ul li .cd-link{padding: 30px;transition: all linear 0.3s; overflow: hidden; display: block;}
.bnndtp ul li .imgcer{width: 100%; height: 100%;overflow: hidden; z-index: -1;}
.bnndtp ul li .imgcer img{width: 100%; height: 100%;transition: all 1s;}
.bnndtp ul li:hover .imgcer img{transform:scale(1.1);}
.bnndtp ul li .title { color: #FFFFFF;font-size: 24px;margin: 0;position: absolute; left: 30px;bottom: 50px;z-index: 20; transition: bottom ease-out 0.3s;}
.bnndtp ul li .detail {font-size: 15px; height: 4.5em;line-height: 1.5;overflow: hidden;opacity: 0;position: absolute;padding: 0 30px;left: -150%;bottom: 5em; transition: left ease-out 0.2s; transition-delay: 0.3s;color: #FFFFFF; z-index: 15; width: calc(100% - 60px);}

.bnndtp ul li .link {color: #FFFFFF; display: flex;flex-direction: row; justify-content: center; align-items: center;position: absolute; bottom: 30px;right: 150%; z-index: 20;transition: right ease-out 0.2s; transition-delay: 0.15s;}
.bnndtp ul li .link i{width: 30px; height: 30px; border-radius: 100%; overflow: hidden; border: 1px solid #fff; margin-left: 10px;}
.bnndtp ul li .link img{margin-left: 3px; margin-top: 3px;}
.bnndtp ul li:hover .title { bottom: 150px;}
.bnndtp ul li:hover .detail { left: 0; opacity: 1; right: 30px;}
.bnndtp ul li:hover .link {right: 30px;}
.bnndtp ul li .link:hover i{background: #006cd3 ; border: 1px solid #006cd3;}
.bnndtp ul li:hover .cd-link{background-color: rgba(0, 0, 0, 0.4); }
.bnndtp ul li:hover::before{ background-color: rgba(0,0,0,0.4);}
/*成功案例*/

/*.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:590px;background:#505050;padding:30px 0 80px 0;box-sizing:border-box;}
.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:366px;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: 30px;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:#fff;}
.video_txt ol li.video_now{display:block;}
.video_txt .aboutsy{display:block;font-size:18px;color:#fff;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;}


/*视频*/

/*新闻*/


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

.woader { width: 100%; overflow:hidden;margin:auto;display: block; position: relative;margin-bottom: 30px; margin-top: 40px;  }
.woader dl{text-align: center;}
.woader dl dd{cursor: pointer;display: inline-block; width: auto; height: auto;margin: 0;text-indent: 0;background: 0 0;padding: 12px 20px;position: relative; min-width: 160px;background: #dadee4; color: #98a4b7; margin: 0 .8%; color: #000;}
.woader dd.active { background: #0085db;color: #fff; }
.woader dd.active { color: #fff; }
.woader dd:hover{ background: #0085db;color: #fff;  }


/*关于我们*/
.indexabout{width: 100%; margin: auto;   overflow: hidden; display: none; position: relative;}
.indexabout .aboutleft{ width:550px; height:360px; float:left; overflow:hidden;}
.indexabout .aboutleft img{width: 100%;max-width: 100%;height: auto;transition: all 0.7s ease-in-out;}
.indexabout .aboutleft:hover img {transform: scale(1.1,1.1);transition: all 0.7s ease-in-out;}

.indexabout .aboutright{ width:600px; float:left; overflow:hidden; margin-left: 50px;}
.indexabout .aboutright .bdiot{font-size:28px;margin-top: 0px; color: #0a161a;font-weight: bold;height: 40px; line-height: 40px;}
.indexabout .aboutright .frto{font-size:20px;margin-top: 5px; color: #666;position: relative; padding-bottom: 5px;}
.indexabout .aboutright .frto:before{width: 80px;height: 3px;content: '';background:#585858;left: 0;bottom:0;position: absolute; }

.indexabout .aboutright .abtext{ line-height:28px; overflow:hidden; color: #333; margin-top: 25px; height: 140px;}
.indexabout .aboutright .more{ margin-top: 15px; display: inline-block; background: #0a161a; color: #FFFFFF;  width: 150px; line-height: 38px; font-size: 12px; text-align: center;font-style: italic; background: linear-gradient(45deg, rgb(0, 108, 211) 0%, rgb(24, 54, 137) 100%);}
.indexabout .aboutright .more:hover{background: #0a161a;}
.indexabout .aboutright .more a{color: #fff;}
/*关于我们*/


.bqmmea{overflow: hidden;  display: block; position: relative; width: 100%; height: 360px; }

.bqmmee.active { display: block; }













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





.case_cont{width:100%; overflow: hidden; margin-top: 35px; position: relative;}
.caseindex{width:100%; overflow: hidden; display: block; position: relative;margin-top: 35px; min-width: 1200px;}
.caseindex ul{zoom:1 ; margin: auto;}
.caseindex ul li{width: 20%;display: block;float: left;position: relative;overflow: hidden;height: 500px;display: table-cell; vertical-align: middle; transition: all 1s;}
.caseindex ul li .img{ width: 100%; overflow: hidden;height: 500px;}
.caseindex ul li .img img{width: 100%; transition: all 0.5s ease 0s;height: 500px;}
.caseindex ul li:hover .img img{transform: scale(1.1,1.1)}
.caseindex ul li .adntxt{width: 100%;position: absolute;left: 0;right: 0;top:0; bottom: 0; z-index: 1; display: none; transition: all .2s ease; height: 500px;display: table-cell; vertical-align: middle;background-color: rgba(0,0,0,0.5);}
.caseindex ul li .adntxt .textr{  margin-top: 35%;padding: 0 20px; font-size: 22px; color: #fff;  position: relative; line-height: 26px;transition: all .4s;}

.caseindex ul li .adntxt .detail{font-size: 16px;color: #fff; margin-bottom: 20px;padding: 0 20px; margin-top: 20px;text-align: left;transition: all .4s;} 
.caseindex ul li .adntxt .link{font-size:16px ; width: 100%; color: #fff;padding: 0 20px; line-height: 25px; height: 25px; overflow: hidden; display: block;text-align: left;transition: all .4s; margin-top: 50px;}
.caseindex ul li:hover .adntxt{background: linear-gradient(180deg,#05cbb2 0,#356ff5 100%);opacity: .55;}

.caseindex ul li:hover .adntxt .textr{transition: all .4s;margin-top: 20%; }