.w1200{ width:1200px; margin:auto; clear:both; position:relative;}

#indexheader{ position:relative; float:left; clear:both; width:100%; height:140px; background:#FFF; z-index:99999; box-shadow:0 0px 12px rgba(0,0,0,.2);}
#indexlogo{ float:left; height:47px; background:url(../images/logo.png) 0px bottom no-repeat; background-size:auto 45px; padding:45px 0px 0px 0px; overflow:hidden;}
#indexlogo a{ display:block; height:35px; line-height:35px; padding:12px 0px 0px 155px; color:#1557a5; font-weight:bold; font-size:22px;}
.change{ position:relative;}
.change .language{ position:absolute; top:0px; right:0px; line-height:40px;}
.change .language a{ margin:0px 15px;}
#header{ position:relative; float:left; clear:both; width:100%; height:435px; z-index:99999; box-shadow:0 0px 12px rgba(0,0,0,.2);}
#header .head_bg{ display:none; position:absolute; width:100%; height:435px; overflow:hidden; background-position:center center; background-repeat:no-repeat;}
#logo{ float:left; width:180px; height:45px; background:url(../images/logo2.png) 0px bottom no-repeat; background-size:auto 45px; padding:45px 0px 0px 0px; overflow:hidden;}
#logo a{ display:block; width:180px; height:45px;}
#menu{ float:right; padding:45px 0px 0px 0px;}
#menu ul{ width:100%; box-shadow:0 0px 15px rgba(0,0,0,.2);}
#menu ul li{ float:left; padding:0px 15px; height:45px; background:rgba(255,255,255,0.9); text-align:center; position:relative; transition: background .5s; -moz-transition: background .5s; -webkit-transition: background .5s; -o-transition: background .5s;}
#menu ul li>a{ display:block; width:100%; height:45px; line-height:45px; font-size:16px; font-weight:bold; color:#18569f;}
#menu ul li:hover,#menu ul li>.curr{ background:#18569f;}
#menu ul li:hover>a,#menu ul li>.curr>a{ color:#FFF;}
#menu ul li em{ display:none; position:absolute; left:50%; margin-left:-110px; top:45px; width:220px; overflow:hidden;z-index:99999999;}
#menu ul li em a{ display:block; width:100%; padding:10px 0px; line-height:24px; text-align:center; color:#666; background:rgba(255,255,255,0.5);}
#menu ul li em a:hover{background:rgba(255,255,255,0.75); color:#18569f;}
.head_gd{ padding:0px; height:47px;}

#flash{ width:100%; float:left; clear:both; overflow:hidden; position:relative; z-index:88;}
#flash .w1200{ z-index:10000000;}
#flash .kuang{ z-index:10000001; position:absolute; width:447px; height:209px; padding:85px  0px 0px 0px; box-sizing:border-box; background:url(../images/flashbg.png) 0px 0px no-repeat; top:115px; right:22px; overflow:hidden; color:rgba(24,86,159,1); text-align:center;}
#flash .kuang h3{ font-size:24px; padding:0px 0px 25px 0px;}
#flash .kuang a{ display:inline-block; width:95px; height:34px; line-height:34px; text-align:center; margin:0px 6px; border:solid 1px #1857a4; font-size:14px; color:rgba(24,86,159,1);}
#flash .kuang .curr{ background:#1857a4; color:#FFF;}
#flash .kuang a:hover{ border:solid 1px rgba(24,86,159,0.5); color:rgba(24,86,159,0.85); }
#flash .kuang .curr:hover{ background:rgba(24,86,159,0.85); color:#FFF;}
.top { position:relative; width:1200px; margin:auto; padding:50px 0px; clear:both; height:40px; line-height:40px; overflow:hidden; text-align:center; font-weight:bold; font-size:26px; color:#1557a5;}
.top i{ padding:0px 0px 0px 5px; font-size:26px; font-weight:bold; color: rgba(169,179,197,.2); text-transform:uppercase; }

#index0{width:100%; float:left; clear:both; background:#f8f8f8; padding:30px 0px 30px 0px; margin:0px 0px 30px 0px; overflow:hidden;}
#index0>div{ width:1000px; margin:auto; clear:both; overflow:hidden;}
#index0 .sdpl{ display:block; float:left; padding:0px 10px; height:40px; line-height:40px; border:solid 1px #d3d3d3; border-right:none; background:#f0f1f6; overflow:hidden; font-size:16px;}
#index0 .stxb{ display:block; float:left; width:260px; height:40px; line-height:40px; border:solid 1px #d3d3d3; text-indent:10px; box-sizing:border-box; overflow:hidden;}
#index0 .sbtn{ display:block; float:left; width:100px; height:40px; line-height:40px; background:#01479d; text-align:center; color:#FFF; border:none; font-size:16px; cursor:pointer;}

#index1{ width:1000px; clear:both; padding:0px 15px 60px 15px; margin:auto; overflow:hidden;}
#index1 .details{ float:left; width:100%; clear:both; font-size:16px; line-height:36px; padding:30px 0px; text-align:center; color:#999f9f; overflow:hidden;}
#index1 .more{ float:left; width:100%; clear:both; text-align:center; padding:0px 0px 50px 0px; overflow:hidden;}
#index1 .more a{color:rgba(24,86,159,1); font-size:16px;}
#index1 .more:hover a{color:rgba(24,86,159,0.8);}
#index1 ul{ width:1050px;}
#index1 ul li{ width:300px; background:#FBFBFB; box-sizing:border-box; padding:30px 25px; float:left; margin:0px 50px 0px 0px; overflow:hidden; box-shadow:0 0px 15px rgba(0,0,0,.1);}
#index1 ul li:hover{ color:#333; box-shadow:0 0px 15px rgba(0,0,0,.2);}
#index1 ul li .title{ width:100%; height:30px; line-height:30px; color:rgba(24,86,159,1); font-size:18px; text-align:center; font-weight:bold;}
#index1 ul li .details2{ float:left; width:100%; clear:both; font-size:16px; line-height:36px; padding:10px 0px; text-align:center; color:#999f9f; overflow:hidden;}


#index2{ width:100%; float:left; clear:both; background:#f8f8f8; padding:60px 0px 60px 0px; overflow:hidden;}
#index2 ul{ width:1000px; clear:both; margin:auto; overflow:hidden;}
#index2 li{ width:100%; float:left; clear:both; height:60px; line-height:60px; overflow:hidden;}
#index2 li a{ display:block; float:left; width:850px; color:#686868; font-size:18px; overflow:hidden;}
#index2 li i{ display:block; float:right; width:120px;  font-size:18px; overflow:hidden; color:#686868; text-align:right;}
#index2 li:hover a{ color:rgba(24,86,159,1);}
#index2 li:hover i{ color:#333;}

#index3{ width:100%; float:left; clear:both; background:#f8f8f8; padding:60px 0px 80px 0px; overflow:hidden;}
#index3 li{ width:100%; float:left; clear:both; background:#FFF; margin:0px 0px 40px 0px; overflow:hidden; box-shadow:0 0px 15px rgba(0,0,0,.1);}
#index3 li em{ display:block; float:left; width:550px; height:350px; text-align:left; overflow:hidden;}
#index3 li span{ display:block; float:right; width:650px; padding:50px 60px; box-sizing:border-box; overflow:hidden;}
#index3 li span h2{ display:block; width:100%; height:40px; line-height:40px; font-size:22px; color:#333; overflow:hidden;}
#index3 li span .line{ float:left; clear:both; width:50px; height:30px; border-bottom:solid 3px #666; }
#index3 li span p{display:block; width:100%; padding:20px 0px; font-size:16px; line-height:36px; color:#666; overflow:hidden;}
#index3 li span i{display:block; width:100%; height:30px; line-height:30px; text-align:right; color:rgba(24,86,159,1);}
#index3 .li em{ float:right; text-align:right;}
#index3 .li span{ float:left;}
#index3 li:hover{box-shadow:0 0px 15px rgba(0,0,0,.2);}
#index3 li:hover img{ transition:all ease .2s;}
#index3 li:hover img:hover{ transform: scale(1.05);}
#index3 li:hover h2{color:rgba(24,86,159,1);}
#index3 li:hover p{ color:#333;}

.pictop{ padding:60px 0px 60px 0px; box-sizing:border-box; color:#333; font-size:30px; font-weight:normal; line-height:36px;}
.piclist{ padding:50px 50px 5px 50px; box-sizing:border-box;  background:#f6f6f6; overflow:hidden;}
.piclist img{ transition:all ease .2s;}
.piclist img:hover{ transform: scale(1.05);}
.piclist ul{ width:1148px;}
.piclist ul li{ float:left; width:239px; height:200px; margin:0px 48px 48px 0px; text-align:center; overflow:hidden;}
.piclist ol{ width:1150px;}
.piclist ol li{ float:left; width:180px; height:257px; margin:0px 50px 50px 0px; text-align:center; overflow:hidden;}

#nav{ display:none; width:100%; padding:28px 0px 28px 0px; background:#ebebeb; overflow:hidden;}
#nav .w1200{box-sizing:border-box; border:solid 1px #626262; height:58px; text-align:center;}
#nav a{ display:block; float:left; height:56px; line-height:56px; box-sizing:border-box; border-right:solid 1px #626262; color:#343434; font-size:16px;}
#nav a:last-child{ border-right:none;}
#nav .curr{ color:#00489d; border-bottom:solid 4px #00489d;}
#nav a:first-child:nth-last-child(2),
#nav a:first-child:nth-last-child(2) ~ a {
    width: 50%;
}
#nav a:first-child:nth-last-child(3),
#nav a:first-child:nth-last-child(3) ~ a {
    width: 33.3333%;
}
#nav a:first-child:nth-last-child(4),
#nav a:first-child:nth-last-child(4) ~ a {
    width: 25%;
}
#nav a:first-child:nth-last-child(5),
#nav a:first-child:nth-last-child(5) ~ a {
    width: 20%;
}
#subject{ width:1200px; margin:auto; padding:40px 0px; clear:both;  overflow:hidden;}
#subject h1{ position:relative; text-align:center; width:100%; clear:both; padding:40px 0px 40px 0px; box-sizing:border-box; color:#18569f; font-size:36px; font-weight:normal; line-height:36px;}

#footer{width:100%; background:#f6f6f6; color:#868686; float:left; clear:both; margin:80px 0px 0px 0px; overflow:hidden;}
#footer .contact{ float:left; clear:both; width:100%; height:60px; line-height:60px; background:#ebebeb; color:#999d9e; overflow:hidden; text-align:center;}
#footer .contact a{ color:#999d9e;}
#footer .w1200{ position:relative; overflow:visible;}
#footer dl{ float:left; width:180px; padding:30px 0px 50px 0px; overflow:hidden;}
#footer dl dt,#footer dl dd{ width:100%; float:left; clear:both; font-size:16px; color:#343434; overflow:hidden;}
#footer dl dt{ line-height:40px;}
#footer dl dt a{ color:#343434;}
#footer dl dd{ line-height:25px;}
#footer dl dd a{ display:block; width:100%; padding:6px 0px; clear:both; font-size:14px; color:#999;}
#footer .ewm{ position:absolute; right:0px; top:50px; width:136px; overflow:hidden; }
#footer .ewm img{ width:120px; height:120px; border:solid 8px #FFF;}
#footer .ewm em{ display:block; width:100%; line-height:35px; text-align:center;}
#footer .copy{ float:left; clear:both; width:100%; height:60px; line-height:60px; background:#ebebeb; color:#4d4d4d; overflow:hidden; text-align:center;}
#footer .copy a{ color:#4d4d4d;}

#container{ width:1200px; padding:20px 0px; clear:both; margin:auto; overflow:hidden;}
#details{width:100%; padding:0px 0px 30px 0px; float:left; overflow:hidden;}
#details .title{ width:100%; padding:0px 50px; box-sizing:border-box; position:relative; margin:20px 0px 30px 0px; overflow:hidden;}
#details .title h1{ color:#383838; font-size:30px; font-weight:normal; line-height:45px; padding-top:10px; padding-bottom:20px; text-align:center;}
#details .date{ width:100%; float:left; clear:both; margin:0px 0px 20px 0px; line-height:36px; overflow:hidden; text-align:center; color:#666;}
#details .date i{ margin:0px 10px;}
#details .date span{ background:#18569f; padding:5px 10px; border-radius:3px; color:#FFF; box-shadow:0px 0px 5px rgba(0,0,0,.1);}
#details .date b{ color:#333;}
#details .details{ float:left; width:100%; clear:both; overflow:hidden; line-height:36px; padding:30px 0px 50px 0px;}
#details .details .pic{ margin:0px 0px 20px 0px;}
#details .param{ float:left; clear:both; width:500px; line-height:36px; color:#01479d; font-size:16px; padding:25px; border:solid 1px #CCC; background:#FFF; margin:50px 0px 20px 0px; overflow:hidden; box-shadow: 0 0px 15px rgba(0,0,0,.1);}
#details .param2{ width:800px; clear:both; padding:25px; margin:50px auto 0px auto; overflow:hidden;}
#details .param2 i{ display:block; width:220px; font-size:22px; background:#18569f url(../images/jt1.png) 5px center no-repeat; color:#FFF; height:50px; line-height:50px; padding:0px 20px 0px 36px; overflow:hidden; box-shadow: 0 0px 15px rgba(0,0,0,.2);}
#details .param2 h1{ font-size:22px; padding:40px 0px 10px 0px;}
#details .param2 .line{ float:left; clear:both; margin:18px 0px; width:50px; height:1px; border-top:solid 3px #666; }
#details .param2 p{ float:left; clear:both; line-height:40px; color:#333; font-size:20px; }
#details .detailstop{ float:left; clear:both; color:#333; font-size:28px; padding:50px 0px 0px 0px; font-weight:normal; line-height:36px; overflow:hidden;}
.pics{ clear:both; margin:15px auto; padding:15px 15px; overflow:hidden;}
.pics img{ transition:all ease .2s;}
.pics img:hover{ transform: scale(1.05);}
.pics .pic0{ float:left; width:420px; height:455px; padding:50px; background:#FFF; box-sizing:border-box; margin:0px 0px 20px 0px; overflow:hidden;box-shadow:0 0px 15px rgba(0,0,0,.1);}
.pics .pic0:hover{box-shadow:0 0px 15px rgba(0,0,0,.2);}
.pics .pic0 h1{ float:left; clear:both; width:100%; padding:0px 0px 30px 0px; line-height:40px; font-weight:normal; font-size:28px; color:#333;}
.pics .pic0 .line{ float:left; clear:both; width:50px; height:1px; border-top:solid 3px #666; }
.pics .pic0 .details{ float:left; clear:both; width:100%; padding:30px 0px 0px 0px; height:270px; line-height:30px; color:#666; overflow:hidden; font-size:14px;}
.pics .pic1{ float:right; width:760px; height:455px; overflow:hidden; margin:0px 0px 20px 0px;}
.pics .pic1 img{width:760px; height:455px;}
.pics .pic2{ float:left; width:590px; height:360px; overflow:hidden;}
.pics .pic2 img{width:590px; height:360px;}
.pics .pic3{ float:right; width:590px; height:360px; overflow:hidden;}
.pics .pic3 img{width:590px; height:360px;}

#piclist{ width:1230px; overflow:hidden;}
#piclist ul{ float:left; width:1220px; padding:15px 15px 20px 15px; overflow:hidden;}
#piclist ul li{ position:relative; width:285px; height:400px; box-sizing:border-box; border:solid 1px #EEE; float:left; background:#FFF; margin:0px 20px 20px 0px; box-shadow:0 0px 15px rgba(0,0,0,.1); overflow:hidden;}
#piclist ul li em{ position:absolute; left:0px; bottom:0px; display:block; box-sizing:border-box; padding:15px; width:100%; height:310px; text-align:center; overflow:hidden;}
#piclist ul li em img{ transition:all ease .2s;}
#piclist ul li b{ position:absolute; left:0px; top:0px; display:block; width:100%; height:120px; line-height:30px; box-sizing:border-box; padding:20px 10px 0px 10px;  text-align:left; font-weight:normal; font-size:20px; transition:all ease .1s;  transition: background .5s; -moz-transition: background .5s; -webkit-transition: background .5s; -o-transition: background .5s; text-align:center; overflow:hidden;}
#piclist ul li b i{ font-size:14px;}
#piclist ul li:hover{ box-shadow:0 0px 15px rgba(0,0,0,.2);}
#piclist ul li:hover img{ transform: scale(1.05);}/* filter: blur(1.05px);*/
#piclist ul li:hover b{ color:rgba(24,86,159,1); transition:all ease .2s;}

#caselist{ width:1230px; overflow:hidden;}
#caselist ul{ float:left; width:1230px; padding:15px 15px 20px 15px; overflow:hidden;}
#caselist ul li{ position:relative; width:380px; float:left; background:#FFF; margin:0px 30px 30px 0px; overflow:hidden; box-shadow:0 0px 15px rgba(0,0,0,.2);}
#caselist ul li em{ display:block; width:100%; height:253px; clear:both; overflow:hidden; text-align:center;}
#caselist ul li em img{ transition:all ease .2s;}
#caselist ul li b{ display:block; width:100%; height:50px; line-height:50px; box-sizing:border-box; padding:0px 55px 0px 20px;  text-align:left; font-weight:normal; font-size:16px; transition:all ease .1s; background:url(../images/show-arrowR2.png) 335px center no-repeat; background-size:auto 13px; overflow:hidden; transition: background .5s; -moz-transition: background .5s; -webkit-transition: background .5s; -o-transition: background .5s;}
#caselist ul li:hover{ box-shadow:0 0px 15px rgba(0,0,0,.4);}
#caselist ul li:hover img{ transform: scale(1.05);}/* filter: blur(1.05px);*/
#caselist ul li:hover b{ background:rgba(24,86,159,0.8) url(../images/show-arrowR3.png) 330px center no-repeat; color:#FFF; transition:all ease .2s;}

#newslist ul{ width:1170px; padding:15px 15px 20px 15px; overflow:hidden;}
#newslist ul li{ width:100%; height:320px; box-sizing:border-box; padding:20px 20px; margin:0px 0px 30px 0px; background:#FFF; overflow:hidden; box-shadow: 0 0px 15px rgba(0,0,0,.1);}
#newslist ul li dl{ position:relative; width:100%;}
#newslist ul li dt{ float:left; width:400px; height:280px; transition: background .5s; -moz-transition: background .5s; -webkit-transition: background .5s; -o-transition: background .5s; text-align:center; overflow:hidden;}
#newslist ul li dt img{ transition:all ease .2s;}
#newslist ul li dd{ position:absolute; right:10px; top:0px; width:690px; height:300px; padding:15px 25px; box-sizing:border-box; overflow:hidden;transition:all ease .2s; transition:all ease .3s;}
#newslist ul li dd h2{ width:100%; line-height:36px; overflow:hidden; font-size:22px; font-weight:normal;}
#newslist ul li dd span{color:#666;}
#newslist ul li dd p{width:100%; height:140px; line-height:28px; margin:5px 0px 0px 0px; padding:5px 0px 0px 0px; color:#696969; border-top:dashed 1px rgba(136,136,136,0.3); overflow:hidden;}
#newslist ul li:hover{ background:#FBFBFB; box-shadow: 0 0px 15px rgba(0,0,0,.2);}
#newslist ul li:hover h2{ color:rgba(24,86,159,1);}
#newslist ul li:hover img{ transform: scale(1.05);}/* filter: blur(1.05px);*/

#joblist .jobseacrh{ position:relative; width:800px; margin:auto; clear:both; box-shadow: 0 0px 15px rgba(0,0,0,.2);}
#joblist .jobseacrh .jtxb{ width:100%; height:40px; line-height:40px; border:solid 1px #69a7d7; text-indent:10px; box-sizing:border-box; overflow:hidden;}
#joblist .jobseacrh .jbtn{ position:absolute; right:0px; border:none; width:140px; height:40px; line-height:40px; background:#01479d; text-align:center; color:#FFF; font-size:16px; cursor:pointer;}
#joblist ul{width:1170px; margin:auto; clear:both; padding:50px 15px 50px 15px; overflow:hidden;}
#joblist li{ display:inline-block; float:left; margin:0px 20px 20px 0px; padding:10px 25px; background:#87c4f3; border:solid 1px #69a7d7; box-shadow: 0 0px 15px rgba(0,0,0,.2);}
#joblist li:hover{ background:#75b7ea;box-shadow: 0 0px 15px rgba(0,0,0,.1);}
#joblist li a{ display:block; width:100%; font-size:16px; color:#FFF;}