/* CSS Document */
.casesub{ position:absolute; left:0; bottom:0; height:80px; width:100%; z-index:33}
.casesub li{ width:8.333%; float:left; height:80px;  padding-right:1px; box-sizing:border-box; }
.casesub li a{ display:block; width:100%;overflow:hidden; height:80px; background:rgba(29,115,186,0.85)}
.casesub li:hover a{ background:rgba(247,147,28,0.85)}
.casesub li:last-child{ padding-right:0;}
.casesub li span{ display:block; width:50px; height:40px; margin:0 auto; margin-top:7px; text-align:center; background:url(../images/icon.png) center no-repeat; overflow:hidden;}
.casesub li h2{ font-size:14px; line-height:30px; width:100%; text-align:center; font-weight:bold; color:#fff;}
.casesub li:nth-child(1) span{ background-position:0px 0px;}
.casesub li:nth-child(2) span{ background-position:-50px 0px;}
.casesub li:nth-child(3) span{ background-position:-100px 0px;}
.casesub li:nth-child(4) span{ background-position:-150px 0px;}
.casesub li:nth-child(5) span{ background-position:-200px 0px;}
.casesub li:nth-child(6) span{ background-position:-250px 0px;}
.casesub li:nth-child(7) span{ background-position:-300px 0px;}
.casesub li:nth-child(8) span{ background-position:-350px 0px;}
.casesub li:nth-child(9) span{ background-position:-400px 0px;}
.casesub li:nth-child(10) span{ background-position:-450px 0px;}
.casesub li:nth-child(11) span{ background-position:-500px 0px;}
.casesub li:nth-child(12) span{ background-position:-550px 0px;}
video{ background:#000;}

.banner .flex-control-nav{ position:absolute; bottom:100px; right:5%; z-index:11;}
.banner .flex-control-nav li{ display:inline-block; margin:0 5px;}
.banner .flex-control-nav li a{ display:block; width:10px; height:10px; cursor:pointer; background:#fff; text-indent:-999em;}
.banner .flex-control-nav li a.flex-active{ width:35px; height:10px; background:#f7931c}
.flex-direction-nav{ display:none;}

		

.sec1{ width:90%; margin:0 auto; margin-top:100px; overflow:hidden; background:#f2f2f2}
.newspic{ width:47%; float:left; height:; position:relative; background:#ccc; overflow:hidden;}
.newspic .slides  li{ width:100%; height:; position:relative; height:420px;}
.newspic .slides  li img{height:420px; display:block; margin:0 auto; position:absolute; top:0; left:50%; transform:translateX(-50%); vertical-align:middle;}
.newspic .slides  li h2{ width:64%; padding-left: 4%; padding-right:32%; height:50px; position:absolute; left:0; bottom:0; background:rgba(29,115,186,0.85); line-height:50px; color:#fff; font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.newspic .slides  li span{ display:block; width:125px; height:35px; line-height:35px; color:#fff; text-align:center; position:absolute; left:0; top:35px; background:#f7931c; z-index:22}
.newspic .flex-control-nav{ position:absolute; right:10px; bottom:10px; z-index:2}
.newspic .flex-control-nav li{ display:block; width:12px; height:12px; display:inline-block; margin:0 4px; }
.newspic .flex-control-nav li a{ display:block;width:12px; height:12px; position:relative; cursor:pointer; text-indent:-999em; border:1px solid #fff;border-radius:50%; overflow:hidden; background:#fff; }
.newspic .flex-control-nav li a.flex-active{ background:#418cf0}

.newslist{ width:53%; position:relative; overflow:;float: right; padding:0 2%; box-sizing:border-box;}
.newsli{ width:100%; position:relative; overflow:hidden; display:none;}
.title{ width:100%; height:40px; line-height:40px; position:relative; margin-top:20px;}
.title li{height:40px; margin-right:30px; float:left; position:relative; cursor:pointer;  text-align:center; line-height:40px;}
.title li h2{color:#757779; font-size:16px; position:relative; z-index:22; font-weight:bold;}
.title li span{ display:none; left:0; top:0; width:130px; height:50px; background:url(../images/newsbg.png) top center no-repeat; position:absolute}
.titlecur h2{ color:#f7931c !important; border-bottom:2px solid #f7931c }
.titlecur span{ display:block !important;}
.title li:hover span{ display:block !important;}
.title li:hover h2{ color:#f7931c !important;}

.newsli .title li{color:#fff; background:#064d9f;}
.list{ width:100%; position:relative; margin-top:10px;}
.listul { display:none;}
.list ul{overflow:hidden; height:180px;}

.listtop{ width:100%; position:relative; border-bottom:1px solid #ccc; margin-bottom:20px; padding-bottom:20px;}
.listtop h2{ font-size:20px; line-height:40px; margin-bottom:20px; font-weight:bold; color:#f7931c; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.listtop h2 span{ color:#0a2c6c; font-size:18px; margin-right:10px;}
.listtop p{ font-size:14px; font-weight:lighter; line-height:25px; height:50px; overflow:hidden;}

.list li{ width:100%; height:30px; line-height:30px; position:relative; overflow:hidden;}
.list li h2{ width:80%;  float:left; height:30px; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14px; font-weight:lighter }
.list li h2 i{ font-style:normal; padding-right:22px;}
.list li span{ display:block; float:right; height:30px;line-height:30px; width:15%; font-size:14px; text-align:right; color:#808080; font-weight:lighter}

.sec2{ width:100%; margin-top:100px; overflow:hidden;}

.center{
    height: 480px;
    position: relative;
    background: url(../images/xc.jpg) top center repeat-x;;
    padding: 0px 15%;
    box-sizing: border-box;
	position:relative;
	
	width:100%;
}
.centerlist{ background:#eaecee; text-align:center; position:absolute; width:90%; bottom:0; left:5%; height:160px;}
.center li {
    color: #555555;
	display:inline-block;
	text-align:center;
	height:75px; padding-top:65px ;
	text-align:center;
	position:relative;
	margin:0 30px;
}
.center li em{
    font-style: normal;
    height: 40px;
    line-height: 40px;
    margin-left: 8px;
    color: #f7931c;
    display: inline-block;
    vertical-align: middle;
	font-size:18px;
}
.center li em span{ height: 40px; font-size:36px;line-height: 40px;}
.center li h2{ font-size:14px; font-weight:bold; line-height:25px;}


.sec3{ background:#f2f2f2; padding:60px 0; position:relative;}
.about,.honor{ width:90%; margin:0 auto; text-align:center;}
.tit{ width:250px; height:45px; background:url(../images/icon1.png) center no-repeat; font-size:36px; line-height:45px; text-align:center; color:#0a2c6c;margin:0 auto; margin-bottom:40px;  }
.abbox{ width:100%; font-size:16px; font-weight:lighter; line-height:30px; text-align:center; color:#000;}

.more{ position:absolute; left:50%; margin-left:-90px; bottom:-25px; width:180px; height:50px; border:1px solid #ccc; border-radius:25px; text-align:center; font-size:16px; line-height:50px; background:#fff url(../images/jt.png) right 20px center no-repeat; display:block; z-index:33}
.sec4{ padding:100px 0; position:relative; background:url(../images/bg.jpg) center bottom repeat-x; overflow:hidden;}
.hontit{ width:240px; height:50px; margin:0 auto; position:relative;}
.hontit li{ width:120px; float:left; background:#d5dadf; color:#000; text-align:center; line-height:50px; height:50px; cursor:pointer; position:relative;}
.hontit li h2{font-size:16px; }
.hontit li span{ display:none; width:16px; height:16px; position:absolute; bottom:-16px; left:50%; margin-left:-8px; background:url(../images/icon2.png)top center no-repeat;}
.hontit li:hover { background:#427bbd} 
.hontit li:hover h2{ color:#fff} 
.hontit li:hover span{ display:block; } 
.hontit li.honcur{ background:#427bbd} 
.hontit li.honcur h2{ color:#fff} 
.hontit li.honcur span{ display:block; } 
.honlist{ width:90%; padding:0 5%; position:relative;border-bottom:1px solid #427bbd; height:330px; margin-top:40px;}
.honlistul{width:100%;  overflow:hidden;height:335px; position: absolute; left:3000px; top:0;}
.honlistcur{ left:0}
.honlist ul{position:absolute;height:330px;width: 100%;min-width:100% !important;left: 0;top: 0;_height:1px;}
.honlist ul li{float:left; padding:0px 20px 10px 20px;display:block;width:auto;height:280px; margin-right:30px; background:#fff; border:1px solid #ccc; box-sizing:border-box; position:relative;margin-bottom:55px;}
.honlist ul li .pic{ width:100%; margin:0 auto; height:240px; padding-top:20px; box-sizing:border-box;}
.honlist ul li img{ height:220px; transition:all 1.6s;}
.honlist ul li h2{ width:90%; margin:0 auto; height:30px; font-size:14px; line-height:30px; color:#000; font-weight:lighter; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.honlist ul li:hover img{ transform:scale(1.2)}

.line{ position:absolute; width:14px; height:55px; bottom:-55px; left:50%; margin-left:-7px; z-index:33 }
.line i{ display:block; position:absolute; width:1px ; height:50px; left:7px; top:0; background:#427bbd}
.line span{ width:12px; height:12px; border-radius:50%; background:#427bbd; border:2px solid #fff; position:absolute; left:50%; margin-left:-7px; bottom:-2px; display:block; z-index:22;}
.goLeft,.goRight{ width:40px; height:30px; position:absolute; bottom:-15px; cursor:pointer; z-index:33}
.goLeft{ left:0; background:#fff url(../images/left.png) left center no-repeat}
.goRight{ right:0; background:#fff url(../images/right.png)right center no-repeat}


.sec5{ padding:100px 0; position:relative; background:#ededed; overflow:hidden;}

.case{ width:100%; position:relative; overflow:hidden; margin-bottom:50px;}
.casetit{ width:100%; background:#1482c1; height:60px; position:relative;overflow:hidden;}
.casetit h1{ font-size:18px; line-height:40px; height:40px; margin-top:10px; position:relative;  margin-left:20px; font-weight:bold; color:#fff;}
.casetit h1 span{ font-size:14px; line-height:40px; font-weight:500;}
.casetit a{ position:absolute; right:15px; color:#fff; top:0; line-height:60px;}

.poster-prev-btn{ position:absolute; left:-150px; top:50%; margin-top:-15px; width:40px; height:75px; background:url(../images/prve.png)  center no-repeat;}
.poster-next-btn{ position:absolute; right:-150px; top:50%; margin-top:-15px; width:40px; height:75px;background:url(../images/next.png)  center no-repeat;}
.caseban{
	position: relative;
	width:100%; 
	margin:0 auto;
	margin-top:20px;
	}
.caseban .poster-list .poster-item{
		position: absolute;
		left: 0;
		overflow:hidden
	}
.caseban .poster-btn{
		position: absolute;
		top: 0;
		cursor: pointer;
	}
.poster-item p{ position:absolute; bottom:0; left:0;background:rgba(29,115,186,0.85); height:55px; line-height:55px; text-align:center; font-size:18px; color:#fff; width:100%; }

.casebottom{ width:100%; position:relative; margin-top:20px; overflow:hidden; height:330x;}

.sec6{ width:90%; background:#f2f2f2; padding:100px 5%; position:relative; overflow:hidden;}
.sec6 .tit{ width:360px; background-size:100% 45px; font-size:32px;}


.job{ background:#f2f2f2; overflow:hidden; margin-top:30px; padding-bottom:40px; }
.job li{ width:49.5%; float:left; margin-right:1%; position:relative}
.job li span{ display:block; width:80%; height:55px; background:url(../images/icon3.png)left  center no-repeat; margin:40% auto 20px auto;}
.job li img{ width:65%; float:right;}
.job li:nth-child(2){ margin-right:0;}
.job li:nth-child(2) span{ background:url(../images/icon4.png) right center no-repeat;}
.job li:nth-child(2) img{ width:65%; float:left;}
.jobtxt{ position:absolute; top:0; left:0; height:100%; width:35%; background:#0a2c6c; color:#fff }
.jobtxt h2{ width:80%; margin:0 auto;  font-size:28px; line-height:35px;}
.jobtxt p{ width:80%; margin:0 auto; font-size:16px; line-height:35px;}
.job li:nth-child(2) .jobtxt{background:#f7931c; text-align:right; left:auto; right:0;}

@media(max-width:1680px){
.list ul{overflow:hidden;}



}
@media(max-width:1580px){
.list ul{ overflow:hidden;}



}
@media(max-width:1460px){
.list ul{ overflow:hidden;}
.listtop{ margin-bottom:10px; padding-bottom:10px;}
.listtop h2{ font-size:20px; line-height:40px; margin-bottom:10px;}
.listtop h2 span{ color:#0a2c6c; font-size:18px; margin-right:10px;}



}

