/* CSS Document */
body{ background:#eeeeee}
#header{ position: relative; left:0; top:0;height:100px; z-index:999; width:100%; background:#fff;}
.menu li{ float:left; height:97px;  margin-top:0;}
.menu li a{ display:block; height:45px;margin-top:26px; }
.menu li:hover{ border-bottom:3px solid #f7931c; }
.menu li.menucur { border-bottom:3px solid #f7931c; }

.submenu{ width:100%; height:50px; background:#0a2c6c; position:relative; text-align:center;}
.submenu li{ display: inline-block; padding:0 30px; font-size:18px; line-height:50px; height:50px; font-weight:bold;}
.submenu li span{ display:block; color:#fff; height:47px;}
.submenu li:hover span{border-bottom:3px solid #f7931c; }
.submenu li:hover{background:#f7931c; }
.submenu li.subcur span{border-bottom:3px solid #f7931c; }

#container{ width:100%; position:relative; overflow:hidden;}
/**/
.about{ width:70%; margin:50px auto; position:relative; overflow:hidden;} 
.title{ width:100%; text-align:center; font-size:30px; line-height:40px; margin-bottom:30px; color:#000000;}
.box{ font-size:16px; text-align:justify; font-weight:lighter; color:#000; line-height:30px; letter-spacing:1px}

.company{ width:86%; margin:30px auto; position:relative; background:#fff; box-sizing:border-box; padding:20px 40px;border:1px solid #e5e5e5}
.company div{ box-sizing:border-box;}
.company .listtit{border:1px solid #e5e5e5;}	
.company .dididan{ width:25%;height:35px; float:left; padding:0 10px;}
.company .jobzw{ width:35%;height:35px; float:left;border-left:1px solid #e5e5e5; padding:0 10px; text-align:center}
.company .time{ width:25%;height:35px; float:left;border-left:1px solid #e5e5e5;text-align:center; padding:0 10px;}
.company .num{ width:15%; float:left;border-left:1px solid #e5e5e5; text-align:center;height:35px;}

.company li{ width:100%;border:1px solid #e5e5e5;box-sizing:border-box; overflow:hidden; height:35px; line-height:35px; border-top:none}

/**/
.contact{ width:86%; margin:50px auto; position:relative; background:#fff; padding:60px 5% 40px 5%; box-sizing:border-box;}
.lianxi{ width:90%; padding:50px 5%;overflow:hidden;}
.lianxi li{ width:18%; padding:0 1%; float:left; text-align:center;}
.lianxi li .pic{ width:110px; height:110px; border-radius:50%; border:2px solid #eaeaea; margin:0 auto; margin-bottom:15px;} 
.lianxi li span{ display:block; width:106px; height:106px; margin:2px auto; background:#eaeaea;border-radius:50%;}
.lianxi li img{ width:55px; height:40px; margin:33px auto;}
.lianxi li h2{ font-size:18px; font-weight:lighter; line-height:30px; }
.lianxi li p{ font-size:16px;font-weight:lighter; line-height:30px;}
.jobpic{ width:100%;}
.jobpic img{ width:100%;}

.message{ width:100%; margin-top:50px; overflow:hidden;}
.message li{ width:30%; margin-right:5%; float:left; margin-bottom:30px;}
.message li p{ font-size:18px; line-height:35px;}
.message li input{ width:100%; line-height:30px; color:#808080; border:none; border-bottom:1px solid #ccc; background:none;}
.message li textarea{ width:100%; line-height:30px; color:#808080; border:none; border-bottom:1px solid #ccc; background:none; font-family:"微软雅黑";color:#808080;}
.message li:nth-child(3){ margin-right:0;}
.message li:nth-child(4){ margin-right:0; width:100%;}
.message li:nth-child(3){ margin-right:0;}
.message li input.button{ width:128px; height:40px; background:#f7931c; font-size:16px; line-height:40px;  text-align:center; cursor:pointer; color:#fff;}

/**/
.news{ width:86%; margin:30px auto; position:relative;}
.newstop{ width:100%; height:60px; background:#fff; display:none; margin-bottom:20px; line-height:60px; text-indent:20px;}
.newstop select{ border:none; background:none; margin-left:20px; font-size:14px; font-weight:bold; color:#808080;}
.newslist{ width:100%; position:relative; overflow:hidden;}
.newslist li{ width:100%; height:240px; background:#fff; margin-bottom:10px; overflow:hidden; position:relative;}
.newslist li .pic{ position:absolute; left:0; top:0; height:240px; width:345px; overflow:hidden;}
.newslist li .pic img{ width:100%; height:100%;}
.newstxt{ padding-left:360px; height:240px; position:relative; overflow:hidden;}
.newstxt h2{ width:75%; font-size:24px; line-height:35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#000 ; margin-top:30px; margin-bottom:20px;}
.newstxt p{ width:75%; font-size:14px; line-height:30px; height:90px; overflow:hidden; text-overflow:ellipsis; color:#000 }
.newslist li:hover{ background:#0a2c6c} 
.newslist li:hover .newstxt span{ color:#fff;}
.newslist li:hover .newstxt h2{ color:#fff;}
.newslist li:hover .newstxt p{ color:#fff;}
.newslist li:hover  .time b{ color:#fff;}
.newslist li:hover  .time i{ color:#fff;}

.newstxt span{ font-size:16px; line-height:30px; font-weight:lighter; color:#000}
.newstxt .time{ position:absolute; right:50px; top:50%; margin-top:-60px;}
.newstxt .time b{ color:#000; font-size:40px; font-weight:lighter;  line-height:40px; display:block}
.newstxt .time i{ color:#808080; font-size:14px; line-height:20px; display:block; font-style:normal; letter-spacing:3px;}

.newsinfo{ width:86%; margin:30px auto; position:relative;}
.newsintit{ width:100%; position:relative; text-align:center; margin-bottom:30px;}
.newsintit h2{ width:100%; font-size:32px; line-height:45px; color:#000}
.newsintit p{ width:100%; font-size:14px; font-weight:lighter; line-height:24px; color:#808080}

.newsinbox{ width:100%; background:#fff; padding:50px 15%; box-sizing:border-box; font-size:14pt; line-height:30px; font-weight:lighter; position:relative; font-family:"宋体"}
.newsinbox img{ max-width:100%;}
.newsinbox .back{ display:block; margin-top:50px; font-size:16px; line-height:30px; color:#000; position: relative; left:-18%;}

.black2{ width:100%; margin:20px 0; height:35px; text-align:center; clear:both; }
.black2 a{ padding:3px 10px; border:1px solid #ccc; margin: 0 5px; border-radius:3px;}
.black2 .current { padding:3px 10px; border:1px solid #0a2c6c; color:#fff; margin: 0 5px; border-radius:3px;background:#0a2c6c} 
.black2 a:hover{ border:1px solid #0a2c6c; color:#fff;background:#0a2c6c}

/**/


.team,.join{ width:86%; margin:30px auto; position:relative; background:#fff; padding:50px 5%; box-sizing:border-box;}
.team li{ width:100%; position:relative; min-height:200px; border-bottom:1px solid #e5e5e5; margin-bottom:30px; padding-bottom:30px;}
.team li .pic{ width:130px; position:absolute; left:0; top:0;  background:#fff;}
.team li .pic img{ width:100%;padding:5px; border:1px solid #e5e5e5; box-sizing:border-box;}
.teambox{ padding-left:160px;}
.teamname{ width:100%;  }
.teamname h2{ font-size:24px; line-height:35px; color:#000; margin-bottom:10px;}
.teamname span{ font-size:14px; line-height:35px; margin-left:10px; color:#808080}
.zhiwei{ font-weight:lighter; margin-bottom:30px;}
.teamtxt{ font-weight:lighter; font-size:16px;}

.table_list{ border-collapse:collapse;border:1px solid #bacad9 ; margin:0 auto}
.table_list td{ padding:5px; word-break:break-all; border:1px solid #bacad9}
.table_tit{ background:#dae4f0; font-size:15px; font-weight:600; font-family:"微软雅黑"; text-align:center; color:#369}
.strongf60 {font-size: 16px; font-weight: bold;color: #f60;}


.jobtit{ width:100%; height:45px ; position:relative; text-align:center; margin-bottom:40px;}
.jobtit li{ width:160px; height:45px; margin:0 5px; line-height:45px; font-size:14px; background:#fff; border:1px  solid #333; display:inline-block; color:#000; cursor:pointer}
.jobtit li:hover{ background:#f7931c; border:1px solid #f7931c; color:#fff;}
.jobtit li.jobcur{ background:#f7931c; border:1px solid #f7931c; color:#fff;}
.joblistbox{ width:100%; display:none;}
.joblist{ width:100%; position:relative; overflow:hidden;}
.listtit{ width:100%; height:50px; background:#f2f2f2; overflow:hidden;}
.joblist li{ width:100%;border-bottom:1px solid #e5e5e5; overflow:hidden;}
.jobtitle{width:100%; height:50px;text-align:center; line-height:50px; }
.job .dididan{ width:31%; float:left;}
.job .jobzw{ width:26%; float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.job .time{ width:17%; float:left;}
.job .num{ width:13%; float:left;}
.xiangqian{ width:13%; float:left;}
.joblist ul{ display:none;}
.joblist li .xiangqian{ cursor:pointer}
.joblist li .xiangqian:hover{ color:#f7931c}
.jobxq{ width:100%; display:none; padding:20px ; box-sizing:border-box; color:#000; font-size:14px; font-weight:lighter; border-top:1px solid #e5e5e5; }
.jobxq .yinping{ background:#f7931c; border:1px solid #f7931c; color:#fff; width:80px; height:30px; display:block; margin-top:20px; text-align:center; line-height:30px;}

.honor{ width:86%; margin:50px auto; position:relative;}
.honor li{ width:23.5%; padding:20px 0; float:left; margin-right:2%; margin-bottom:2%; background:#fff;}
.honor li:nth-child(4n){ margin-right:0}
.honor li .pic{ width:80%; margin:0 auto; overflow:hidden; height:180px; margin-bottom:10px;}
.honor li .pic img{max-height:180px; display:block; margin:0 auto; max-width:100%; transition:all 1s;}
.honor li h2{ font-size:18px; line-height:30px; text-align:center; width:90%; margin:0 auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#000}
.honor li .pic:hover img{ transform:scale(1.2);}



/**/

.down{ width:86%; margin:30px auto; position:relative;}
.downtop{ width:100%; height:60px; background:#fff; margin-bottom:20px; line-height:60px; text-indent:20px;}
.downtop select{ border:1px solid #dcdcdc; width:160px; background:none; margin-left:5px; height:26px; font-size:14px; font-weight:bold; color:#808080;}
.downtext{ border:1px solid #dcdcdc; width:160px; background:none; margin-left:5px; height:24px; font-size:14px; font-weight:bold; color:#808080; text-indent:10px;}
.downbtn{ width:85px; height:25px; background:#0a2c6c; color:#fff;border:1px solid #0a2c6c; position:relative; top:-1px;}
.downlist{ width:100%; position:relative; overflow:hidden; padding:40px; background:#fff; box-sizing:border-box;}
.downlist li{ width:100%; height:65px; line-height:65px ; border-bottom:1px solid #dcdcdc; overflow:hidden; position: relative;}
.downlist li i{ width:50px; position:absolute; left:0; top:0; display:block; font-size:20px; font-weight:lighter; color:#333333}
.downlist li span{ width:50px; position:absolute; right:20px; top:0; background:url(../images/down.png) center no-repeat; display:block; height:65px;}
.downlist li h2{ font-size:18px; padding:0 100px 0 50px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#1a1a1a; font-weight:lighter}


.case{width:86%; margin:50px auto; position:relative;}
.casetitle{ color:#113e7f; height:30px; margin-bottom:10px; font-size:24px; line-height:30px;}
.casecont{ width:100%; font-size:18px; line-height:30px; /*text-align:center; */margin-bottom:50px;}
.caselist{ width:100%; position:relative; overflow:hidden;}
.caselist ul{ overflow:hidden;}
.caselist li{ width:32%; float:left; margin-right:2%; margin-bottom:2%; background:#fff; padding-bottom:20px;}
.caselist li:nth-child(3n){ margin-right:0}
.caselist li .pic{ width:100%; overflow:hidden; margin-bottom:10px;}
.caselist li .pic img{ transition:all 1s;  width:100%;}
.caselist li .pic:hover img{ transform:scale(1.2);}
.caselist li p{ font-size:14px; line-height:24px; width:90%; margin:0 auto;}
.caselist li h2{ font-size:18px; line-height:30px; width:90%; margin:0 auto;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#000  }

.listtitle{ width:100%; margin-bottom:20px; font-size:24px; color:#113e7f; line-height:30px; margin-top:30px;}

.caseinfo{ width:90%; margin:50px auto; position:relative;  overflow:hidden;}
.caseadd{ width:100%; line-height:30px; border-bottom:1px solid #ccc; margin-bottom:15px; height:30px;}
.caseinfopic{ width:66%; position:relative; float:left;}
.caseinfopic #slider{ width:100%; position:relative; height:500px; background:#ccc;}
.caseinfopic #slider .flex-viewport{ width:100%;  position:relative;height:500px;}
.caseinfopic #slider .flex-viewport li{ width:100%; position:relative;height:500px; overflow:hidden;}
.caseinfopic #slider .flex-viewport li img{ position:absolute; top:0; left:50%; transform:translateX(-50%); vertical-align:middle;height:500px;}
.caseinfopic #slider .flex-direction-nav a{ position:absolute; width:45px; height:45px; display:block; text-indent:-999em; top:50%; margin-top:-22px; z-index:22}
.caseinfopic #slider .flex-prev{ background:url(../images/caleft.png) center no-repeat; left:20px; }
.caseinfopic #slider .flex-next{ background:url(../images/caright.png) center no-repeat; right:20px;}
	
.caseinfopic #carousel{ width:100%;   height:85px; background: ; position: relative; margin-top:5px; }
.caseinfopic #carousel .flex-viewport{ width:100%; height:100%; position:relative; }
.caseinfopic #carousel .flex-viewport li{height:85px;  float:left; cursor:pointer; margin-right:5px; position:relative;}
.bgin{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.caseinfopic #carousel .flex-active-slide .bgin{ display:none;}
.caseinfopic #carousel .flex-viewport li:hover .bgin{ display:none;}
.caseinfopic #carousel .flex-viewport li img{ height:85px; width:100%;  display:block; margin:0 auto;}
.caseinfopic #carousel .flex-direction-nav { display:none; }

.casein{ width:30%; float:right; position:relative; overflow:hidden;}
.caseinleft{ width:100%; margin-bottom:50px;}
.caseintitle{ font-size:30px; line-height:40px; color:#000; margin-bottom:20px;}
.caseinbox{ font-size:14px; line-height:30px; font-weight:lighter;}
.caseinright{ width:110px; float:right;font-size:14px; line-height:30px; font-weight:lighter}
.caseinright a{ display:block; width:110px; height:35px; text-align:center; color:#fff; line-height:35px; background:#f7931c; margin-bottom:2px;}
.caseinright .back{ color:#f08200; margin-top:40px;}