/* CSS Document */
#container{ width:100%; position:relative; overflow:hidden;}
.section{ width:92%; padding:0 4%; position:relative;}

.title{ width:100%; text-align:center; margin-bottom:30px; margin-top:50px;}
.title h2{ font-size:32px; line-height:50px;color:#000}
.title p{ font-size:18px; line-height:30px;}
.fieldlist{ width:100%; position:relative; overflow:hidden; text-align:center;}
.fieldlist li{ cursor:pointer;     width: 12.5%; display: inline-block; float:left; margin-bottom:20px; position:relative}
.fieldlist li a{ display: inline-block; border-right:5px solid #fff;color: #fff;	background-color: #5a6472;padding: 10px;position:relative;width: 100%;height: 120px;text-align: center;box-sizing: border-box;font-size: 12px;
}
.fieldlist li:last-child a{ border:none}
.fieldlist li a:hover {
	background-color: #a2a2a2;
}
.fieldlist li .pic{ width:100%; height:60px; text-align:center; position:relative; margin-bottom:10px;}
.fieldlist li .pic img{ max-width:100%; margin:0 auto; display:block; margin-top:15px;}
.fieldlist li .fidldbox{/* position:absolute; left:0; top:0; background:rgba(29,115,186,0.8); */width:100%;  color:#fff;} 
.fidltxt{ position: relative; width:80%; margin-left:10%;}
.fidltxt h2{ font-size:14px; line-height:25px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.fidltxt p{ font-size:12px; font-weight:bold; opacity:0.5; text-transform:uppercase; line-height:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:none;}
.fieldlist li:hover .fidldbox{/* background:rgba(247,147,28,0.8)*/}

/*.fieldlist li:nth-child(1){ width:24.285%;  }
.fieldlist li:nth-child(2){ width:22.22%;}
.fieldlist li:nth-child(3){ width:22.22%; }
.fieldlist li:nth-child(4){ width:30.199%; }
.fieldlist li:nth-child(5){ width:44.48%;}
.fieldlist li:nth-child(5) a{margin:0.5%;}
.fieldlist li:nth-child(6){ width:30.199%; position:absolute; left:68.725%; bottom:0; }
.fieldlist li:nth-child(7){ width:46.505%; }
.fieldlist li:nth-child(8){ width:22.22%;}
.fieldlist li:nth-child(7) a{margin:0.5%;}*/

.news{ background:#e9e9e9 url(../images/bg.jpg) bottom center no-repeat; padding-bottom:50px;  overflow:hidden;}

.newban{ width:42%; float:left; position:relative; margin-left:2%; height:290px; p}
.newban .slides  li{ width:100%; height:290px; position:relative; overflow:hidden;}
.newban .slides  li img{ min-width:100%; min-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) ; vertical-align:middle; }
.newban .slides  li .newpictxt{ width:92%; padding:10px 4%; position:absolute; left:0; bottom:0;  background:rgba(29,115,186,0.8);  color:#fff; font-size:16px;;}
.newban .slides  li .newpictxt h2{ width:100%; font-size:16px; line-height:25px;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.newban .slides  li .newpictxt p{ font-size:14px; line-height:20px;}
.newban .flex-direction-nav{ display:none;}
.newban .flex-control-nav{ position:absolute; width:; right:10px; bottom:0px; z-index:2}
.newban .flex-control-nav li{ display:inline-block; width:10px; height:10px; margin:0 3px;}

.newban  .flex-control-nav li A{ display:block; width:100%; height:100%; border:1px solid #fff; cursor:pointer; text-indent:-999em; border-radius:50%;background:#fff;}
.newban  .flex-control-nav li A.flex-active{ background:none; }
.newban  .flex-direction-nav a{ display:block; width:30px; height:40px; position:absolute; top:}

.newslist{ width:69%;  position:relative; overflow: hidden;float: left; }
.newsli{ width:100%; position:relative; overflow:hidden; display:none;}
.newstit{ width:100%; margin-bottom:10px; float:left; height:40px;line-height:40px; position:relative; border-bottom:2px solid #000;}
.newstit li{ width:130px ; height:50px; float:left; position:relative; cursor:pointer;  text-align:center; line-height:40px;}
.newstit li h2{color:#000; font-size:21px; position:relative; z-index:22; font-weight:bold;}
.titlecur h2{ color:#dfa96a !important; }
.title li:hover h2{ color:#dfa96a !important;}

.newsli .title li{color:#fff; background:#064d9f;}
.newsmore a{ position:absolute; right:15px; top:0; line-height:40px; font-size:14px; display:none;}
.list{ width:54%; float:right; position:relative;}
.list ul{ display:none;}
.list li{ width:100%; height:35px; line-height:35px; position:relative; border-bottom:1px dashed #ccc; overflow:hidden;}
.list li h2{ width:100%;  float: right; height:35px; line-height:35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14px; padding-left:90px; box-sizing:border-box;  }
.list li h2 i{ font-style:normal; padding-right:22px;}
.list li span{ display:block; position:absolute; left:0; top:0; height:35px;line-height:35px; width:80px; font-size:14px;  color:#808080;}

.hon{ width:30%; float:right; margin-top:70px}
.hon li{ width:100%; height:150px;position: relative; overflow:hidden;}
.hon li img{  min-width:100%; min-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) ; vertical-align:middle; }
.hon li .honbox{ width:90%; left:5%; bottom:10%; position: absolute;}
.hon li .honbox h2{ font-size:18px; color:#fff; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:bold;}
.hon li .honbox p{ font-size:16px; font-weight:bold; color:#525252; opacity:0.5; text-transform:uppercase; line-height:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.hon li:nth-child(1) .honbox h2{ color:#dfa96a }


.about{ background:#eeeeee}
.aboutpic{ width:100%; position:relative;}
.aboutpic img{ width:100%;} 
.video{ position:absolute; width:30%; right:0; top:0; height:100%;background:rgba(247,147,28,0.8); text-align:center; color:#fff; text-align:center; line-height:50px;}
.video h2{ font-size:45px; margin-top:25%; margin-bottom:10px; line-height:50px;}
.video p{ font-size:45px; text-indent:2em; margin-bottom:10px; }
.video  a{ text-indent:2em;ffont-size:16px; padding:13px 0; padding-left:50px; background:url(../images/video.png) left center no-repeat;  color:#fff; margin-left:30%}

.anoutbox{ width:100%; margin:30px auto; padding-top:50px;  font-size:14px; line-height:30px;   color:#000000}
.anoutbox h2{ font-size:36px; line-height:50px;text-align:center; margin-bottom:15px;}
.anoutbox table{ margin:0 auto; display:block;}

.center{
    position: relative;
    padding: 0px 10%;
    box-sizing: border-box;
	width:100%;
	margin-top:20px;
	overflow:hidden;
	margin-bottom:40px;
}
.center li {
    color: #fff;
    float: left;
    width: 20%;
	text-align:center;
	position:relative;
}
.center li em{
    font-style: normal;
    color: #000;
    display: inline-block;
    vertical-align:  middle;
	font-size:32px; line-height:40px; 
}
.center li em i{ font-style:normal; font-size:18px; font-weight:500; color:#f7931c}

.center li em span{ }
.center li p{ font-size:14px; color:#f7931c; font-weight:bold}

.abmore{ width:180px; height:56px; background:#f7931c; margin:0 auto; position:relative; border-radius:25px; text-align:center; line-height:56px; transform:translateY(50%);  font-size:16px;}
.abmore a{ padding-right:35px; background:url(../images/more.png) right center no-repeat; color:#fff;}
.abmore:hover{ background:#1d73ba}
.caselist{ width:100%; position:relative; overflow:hidden; margin-bottom:20px;}
.caselist li{ width:24%; float:left; margin-right:1.333%; position:relative; margin-bottom:15px;}
.caselist li:nth-child(4n){ margin-right:0;}
.caselist li img{ width:100%; transition:all 1s;}
.casetxt{ background:rgba(29,115,186,0.8); width:90%; padding:0 5%; position:absolute; color:#fff; left:0; bottom:0; height:auto; }
.casetxt h2{ width:100%; margin-top:10px; font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellsipsis;}
.caselist li:hover img{ transform:scale(1.1);} 
.caselist li:hover .casetxt{background:rgba(247,147,28,0.8) /*background:none*/}
.case .abmore{transform:translateY(0%);}

.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 img{ width:100%;}
.job li:nth-child(2){ margin-right:0;}
.jobtxt{ position:absolute; top:0; left:0; height:100%; width:280px; background:#1d73ba; color:#fff }
.jobtxt h2{ width:80%; margin:0 auto; margin-top:50%; 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:900px){


.title{ margin-top:20px;    margin-bottom: 10px;}
.title h2{ font-size:18px; line-height:20px;margin-bottom:5px; font-weight:bold;}
.title p{ font-size:14px; line-height:20px;}
.fieldlist li{ margin:0 ;  margin-bottom:10px; width:32% !important; margin-right:2%; overflow:hidden; height:100px; float:left;s}
.fieldlist li .pic{ height:50px;}
.fieldlist li a{ width:100%;}
.fieldlist li img{ max-width:auto; height:auto;}
.fieldlist li:nth-child(3n){ margin-right:0;}
.fieldlist li a{ display:block; margin:0% !important; position:relative}
.fidltxt h2{ font-size:14px; line-height:20px;}
.fidltxt p{ font-size:10px; line-height:18px; height:36px; }
.section.case{ margin-top:30px}
.fieldlist li:nth-child(6){ width:100%; position: relative; left:0%; bottom:0; }



.newban{ width:100%; float:none; position:relative; margin-left:0%; height:auto; }
.newban .slides  li{ width:100%; height:auto; position:relative; overflow:hidden;}
.newban .slides  li img{width:100%; min-height: auto; height:auto; position: relative; left:0%; top:0%; transform:translate(0%,0%) ;  }
.newban .slides  li .newpictxt{font-size:14px;}
.newban .slides  li .newpictxt h2{ width:100%; font-size:16px; line-height:25px;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.newban .slides  li .newpictxt p{ font-size:14px; line-height:20px;}
.newban .flex-direction-nav{ display:none;}
.newban .flex-control-nav{ position:absolute; width:; right:10px; bottom:0px; z-index:2}
.newban .flex-control-nav li{ display:inline-block; width:10px; height:10px; margin:0 3px;}

.newban  .flex-control-nav li A{ display:block; width:100%; height:100%; border:1px solid #fff; cursor:pointer; text-indent:-999em; border-radius:50%;background:#fff;}
.newban  .flex-control-nav li A.flex-active{ background:none; }
.newban  .flex-direction-nav a{ display:block; width:30px; height:40px; position:absolute; top:}

.newslist{ width:100%;float: none; }
.newsli{ width:100%; position:relative; overflow:hidden; display:none;}
.newstit{ width:100%; margin-bottom:10px; float:none; height:40px;line-height:40px; position:relative; border-bottom:2px solid #000;}
.newstit li{ height:30px; width:auto; display:inline-block; margin-right:10px; float:none;}
.newstit li h2{color:#000; font-size:14px; position:relative; z-index:22; font-weight:bold;}

.newsli .title li{color:#fff; background:#064d9f;}
.newsmore a{ position:absolute; right:15px; top:0; line-height:40px; font-size:14px; display:none;}
.list{ width:100%; float:none; position:relative;}


.hon{ width:100%; float:right; margin-top:42px}
.hon li{ width:100%; height:100px;position: relative; overflow:hidden;}
.hon li img{  min-width:100%; min-height:100%; position:absolute; left:50%; top:70%; transform:translate(-50%,-50%) ; vertical-align:middle; }
.hon li:nth-child(2) img{  top:90%;  }
.hon li .honbox{ width:90%; left:5%; bottom:10%; position: absolute;}
.hon li .honbox h2{ font-size:18px; color:#fff; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:bold;}
.hon li .honbox p{ font-size:16px; font-weight:bold; color:#525252; opacity:0.5; text-transform:uppercase; line-height:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.hon li:nth-child(1) .honbox h2{ color:#dfa96a }

.news{ padding-bottom:0px; }

.video{width:40%;  line-height:30px;}
.video h2{ font-size:14px; margin-top:20px; text-indent:-1em margin-bottom:0px; line-height:25px;}
.video p{ font-size:14px; text-indent:1em; margin-bottom:0px;line-height:25px; }
.video  a{ font-size:12px; padding:5px 0; padding-left:30px; background:url(../images/video.png) left center no-repeat; background-size:25px auto;margin-left:0%}

.anoutbox{ width:100%; margin:20px auto;}
.anoutbox h2{ font-size:18px; line-height:40px;margin-bottom:0px;}
.anoutbox table{ width:100% !important;}



.center{
    padding: 0px;
	margin-top:10px;
	margin-bottom:20px;
}
.center li {
    width: 29%;
	margin:0 2.16%;
	margin-bottom:20px;
}
.center li em{
	font-size:20px; line-height:30px; 
}
.center li em i{  font-size:12px;}
.center li p{ font-size:10px;font-weight:500}

.abmore{ width:100px; height:36px; line-height:36px;  font-size:12px;}
.abmore a{ padding-right:30px; background:url(../images/more.png) right center no-repeat; background-size:25px; }

.caselist li{ width:49%; float:left; margin-right:2%; margin-bottom:8px}
.caselist li:nth-child(3n){ margin-right:2%;}
.caselist li:nth-child(2n){ margin-right:0;}
.casetxt h2{ width:100%; margin-top:10px; font-size:14px; }


.job{ background:#f2f2f2; overflow:hidden; margin-top:30px; padding-bottom:40px; }
.job li{ width:100%; float:none; margin-right:0%; margin-bottom:0px; height:100px; overflow:hidden; }

.jobtxt{width:50%; }
.jobtxt h2{ width:90%; margin:0 auto; margin-top:20px; font-size:16px; line-height:30px;}
.jobtxt p{ width:90%; margin:0 auto; font-size:12px; line-height:25px;}









}