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

#indexheader{ position:relative; float:left; clear:both; width:100%; height:100px; background:#FFF; z-index:99999; box-shadow:0 0px 12px rgba(0,0,0,.2);}
#indexlogo{ float:left; width:360px; height:100px; background:url(../images/logo.png) 0px center no-repeat; background-size:auto 80px; overflow:hidden;}
#indexlogo a{ display:block; width:360px; height:100px;}
#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:360px; height:100px; background:url(../images/logo2.png) 10px 20px no-repeat; background-size:auto 60px;}
#logo a{ display:block; width:360px; height:100px;}
#menu{ float:right; padding:25px 0px 0px 0px;}
#menu ul{ width:100%; box-shadow:0 0px 15px rgba(0,0,0,.2);}
#menu ul li{ float:left; width:120px; 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:18px; color:#333;}
#menu ul li:hover,#menu ul li>.curr{ background:#2563eb; color:#FFF;}
#menu ul li:hover>a,#menu ul li>.curr>a{ color:#FFF;}
#menu ul li em{ display:none; position:absolute; left:0px; top:45px; width:120px; 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.75); border-bottom:solid 1px rgba(255,255,255,0.5);}
#menu ul li em a:hover{background:#FFF; color:#2563eb;}
.head_gd{ padding:0px; height:47px;}

#flash,#flash2,#flash3{ width:100%; float:left; clear:both; overflow:hidden; position:relative; z-index:88;}


.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; }

.stxb{ display:block; float:left; width:100%; height:40px; line-height:40px; border:solid 1px #d3d3d3; text-indent:10px; box-sizing:border-box; overflow:hidden;}
.sbtn{ display:block; float:left; width:100%; height:40px; line-height:40px; background:#2563eb; text-align:center; color:#FFF; border:none; font-size:16px; cursor:pointer;}

.youshi{ width:100%; float:left; clear:both; overflow:hidden; padding:20px 0px 50px 0px;}
.youshi ul{display:flex; justify-content: space-evenly; padding:0px 100px;}
.youshi li{ display:flex; flex-direction:column; align-items:center; text-align:center; }
.youshi em{ background-color:#dbeafe; width:64px; height:64px; border-radius:50%; box-shadow: 0 0px 8px rgba(0,0,0,.11);}
.youshi li:hover em{box-shadow: 0 0px 8px rgba(0,0,0,.2);}
.youshi .em0{ background:url(../images/pic1.png) center center no-repeat;}
.youshi .em1{ background:url(../images/pic2.png) center center no-repeat;}
.youshi .em2{ background:url(../images/pic3.png) center center no-repeat;}
.youshi li b{ font-size:20px; padding:20px 0px;}
.youshi li i{ font-size:14px; color:#666;}

.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; overflow:hidden;}
.piclist ul li img{ width:100%; height:200px;}
.piclist ol{ width:1150px;}
.piclist ol li{ float:left; width:180px; height:250px; margin:0px 50px 50px 0px; overflow:hidden;}
.piclist ol li img{ width:100%; height:250px;}


#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:20px;}
#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:rgba(69,69,69,1) url(../images/footbg.png) center center no-repeat; background-size:100% 100%; color:#FFF; float:left; clear:both; margin:0px 0px 0px 0px; overflow:hidden;}
#footer .contact{ float:left; clear:both; width:100%; height:60px; line-height:60px; background:#333; 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:#FFF; overflow:hidden;}
#footer dl dt{ line-height:40px;}
#footer dl dt a{ color:#FFF;}
#footer dl dd{ line-height:35px;}
#footer dl dd a{ display:block; width:100%; clear:both; font-size:14px; color:#999999;}
#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:rgba(69,69,69,1); color:#999d9e; overflow:hidden; text-align:center;}
#footer .copy a{ color:#999d9e;}
#footer a:hover{ color:#2563eb;}

#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:before{ width:38px; height:38px; content:""; display:inline-block; background:url(../images/f1.png) no-repeat; position:absolute; left:0; top:0; }
#details .title:after{ width:38px; height:38px; content:""; display:inline-block; background:url(../images/f2.png) no-repeat; position:absolute; right:0; bottom:0; }
#details .title h1{ color:#383838; font-size:36px; font-weight:normal; line-height:45px; padding-top:10px; padding-bottom:20px; text-align:center; letter-spacing:5px;}
#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_top{ float:left; clear:both; width:100%; box-sizing:border-box; border-left:solid 1px #ddd;  border-bottom:solid 1px #ddd; overflow:hidden;}
#details .details_top a{ display:block; float:left; width:150px; box-sizing:border-box; height:50px; line-height:50px; border:solid 1px #ddd; border-bottom:none; border-left:none;  text-align:center; font-size:18px;}
#details .details_top .curr{ background:#2563eb; color:#FFF;}
#details .details{ float:left; width:100%; clear:both; overflow:hidden; line-height:36px; padding:30px 0px 30px 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 0px 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; overflow:hidden;}
#piclist ul li em img{ width:100%; height:280px; 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:250px; clear:both; overflow:hidden; text-align:center;}
#caselist ul li em img{ width:100%; height:250px; 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; overflow:hidden;}
#newslist ul li dt img{ width:100%; height:280px; 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;}

#category_nav{ float:left; clear:both; width:100%; background:#f7f7f7; margin:0px 0px 30px 0px; border-top:solid 1px #F0F0F0; border-bottom:solid 1px #F0F0F0;}
#category_nav div{ width:1200px; margin:auto; clear:both;}
#category_nav a{ display:block; float:left; position:relative; padding:0px 20px; height:50px; line-height:50px; font-size:18px; text-align:center;}
#category_nav a:after{ content:''; display:block; position:absolute; right:0px; top:19px; width:1px; height:12px; border-right:solid 1px #999;}
#category_nav a:last-child:after{ border-right:none;}
#category_nav a.curr{ color:#2563eb;}
#category_nav a.curr:before{ content:''; display:block; position:absolute; left:20px; top:49px; width:80px; height:2px; background:#2563eb;}

.inews {
    float:left;
    clear:both;
    width: 100%;
    background: #f6f6f6;
    padding: 50px 0px 60px 0px;
    overflow:hidden;
}
.inews .newsleft{ float:left; width:800px;}
.inews .inewstop{ width:100%; float:left; border-bottom:solid 3px #ddd; margin:0px 0px 20px 0px;}
.inews .inewstop a{ display:block; float:left; width:150px; height:50px; line-height:50px; text-align:center; background:#D8D8D8; margin:0px 10px 0px 0px; border-radius:10px 10px 0px 0px; font-size:18px;}
.inews .inewstop .curr{ background:#2563eb; color:#FFF;}
.newsleft ul {
    width: 100%;
    height:520px;
    background:#FFF;
    float: left;
    clear: both;
    box-shadow: 0 0px 8px rgba(0,0,0,.05);
    overflow:hidden;
}

.newsleft ul li {
    border-top:solid 1px #EEE;
    padding: 21px;
    position: relative;
}
.newsleft ul li .news_time {
    position: absolute;
    width: 100px;
    text-align: center;
    background: #adadad;
    padding: 10px 0;
    overflow: hidden;
}

.newsleft ul li .news_time p {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
}

.newsleft ul li .news_time p:after {
    content: '';
    display: block;
    width: 17px;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 41%;
}

.newsleft ul li .news_time span {
    font-size: 14px;
    color: #fff;
    line-height: 26px;
}

.newsleft ul li .news_con {
    padding-left: 110px;
}

.newsleft ul li .news_con p {
    font-size: 18px;
    color: #555;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 32px;
}

.newsleft ul li .news_con p a {
    color: #555;
}

.newsleft ul li .news_con span {
    display: block;
    font-size: 14px;
    color: #999;
    line-height: 22px;
    padding-top: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 44px;
}

.newsleft ul li:hover {
}

.newsleft ul li:hover .news_time {
    background: #CCC;
}

.newsleft ul li:hover .news_con p a {
    color: #2563eb;
}

.inews .newsright{ float:right; width:360px; padding:30px 0px 0px 0px; overflow:hidden;}
.inews .newsright li{ position:relative; width:100%; height:250px; padding:30px 0px 0px 0px; overflow:hidden;}
.inews .newsright li img{ width:100%; height:250px;}
.inews .newsright li em{ display:block; position:absolute; left:0px; bottom:0px; background:rgba(0,0,0,0.1); color:#FFF; text-align:center; width:100%; height:50px; line-height:50px; font-size:16px;}