/*
 .PicList000659 娑?绡?mo缂??у娇
 */
.PicList000659 li{ width:23.5%;  float:left; margin-right:2%; padding:2% 0;}
.PicList000659 li:nth-child(4n){ margin-right:0;}
.PicList000659 li a{ display:block; border-radius:5px; border:#d9d9d9 1px solid; background-color:#fff; box-shadow:0 0 10px #ccc; padding:3%;}
.PicList000659 li a:hover{ box-shadow:0 0 10px #999;}
.PicList000659 li span{ display:block; background-position: center center; background-repeat:no-repeat; background-size:contain; padding-bottom:70%;}
.PicList000659 li h4{ margin:0; padding:15px 10px 10px; font-weight:normal; font-size:16px;}
.PicList000659 li p{ margin:0 10px;text-align: center; height:48px; overflow:hidden; line-height:24px; color:#545454;}
.PicList000659 li i{display: block;text-align: center;color:#545454;margin-bottom: 10px;font-style: normal;}
.PicList000659 li em{display: block;text-align: center;color:#fff;margin:0 auto 10px;font-style: normal;width: 78px;height: 26px;line-height: 26px;background: url(../images/em_bg.png) center no-repeat;overflow: hidden;padding: 0 10px;}

.PicList000659 li a:hover{background: #1a254e;}
.PicList000659 li a:hover h4,
.PicList000659 li a:hover em{color: #fff;}
.PicList000659 li a:hover em{background: url(../images/em_bg2.png) center no-repeat;}
.PicList000659 li a:hover p,
.PicList000659 li a:hover i{color: #a9b3d8;}


/*
 .PicList001307 娑?绡?mo缂??у娇
 */
.PicList001307{}
.PicList001307 li{ position:relative; float:left; width:23.5%; margin-right:2%; margin-bottom:2%;}
.PicList001307 li:nth-child(4n){ margin-right:0;}
.PicList001307 li img{ display:block; width:100%;}
.PicList001307 li dl{ position:absolute; left:0; bottom:0; width:100%; padding:3%; color:#fff; background-color:rgba(0,0,0,0.5);}
.PicList001307 li h3{ font-size:18px; font-weight:normal; margin:0; line-height:30px;}
.PicList001307 li p{overflow:hidden; line-height:20px; height:40px; overflow:hidden; font-size:12px; margin:10px 0;}
.PicList001307 li .more{ display:block; text-align:center; position:relative; line-height:43px; border-radius:5px;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(236,236,236,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(236,236,236,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(236,236,236,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 );
}
.PicList001307 li .more::before{ position:absolute; content:''; width:26px; height:26px; background:url(../images/PicList001307-more.png) no-repeat center center/contain; right:5%; top:50%; margin-top:-13px;}
.PicList001307 li figure{ height:0; overflow:hidden; transition:0.3s;}
.PicList001307 li:hover figure{ height:103px;}
@media(max-width:768px){
    .PicList001307 li h3{ font-size:16px;}
}
@media(max-width:640px){
    .PicList001307 li{ width:49%;}
    .PicList001307 li:nth-child(3n){ margin-right:2%;}
    .PicList001307 li:nth-child(2n){ margin-right:0;}
}
@media(max-width:375px){
    .PicList001307 li{ width:auto; float:none; margin-right:0 !important;}
    .PicList001307 li figure{ height:auto;}
}
@media(max-width:480px) and (min-width:376px){
    .PicList001307 li .more{ line-height:33px;}
    .PicList001307 li:hover figure{ height:93px;}
}
/*
 .Timeline001524 娑?绡?mo缂??у娇
 */
.Timeline001524{ padding-bottom:20px;}
.Timeline001524 .columnName{ text-transform:uppercase; padding-bottom:20px; line-height:normal; text-align:center; font-size:30px; color:#1a254e;}
.Timeline001524 .columnName span{ display:block; color:#353535; font-size:30px; padding:10px 0 15px;}
.Timeline001524 .columnName i{ display:block; margin:0 auto; width:40px; height:2px; background-color:#293c85;}
.Timeline001524 .list{ background:url(../images/Timeline001524-logo.jpg) no-repeat center top; padding-top:64px;}
.Timeline001524 .list ul{ background:url(../images/Timeline001524-ul.jpg) repeat-y center top; padding:54px 0;}
.Timeline001524 li{ padding-left:50%; background:url(../images/Timeline001524-li.png) no-repeat center top; padding-top:10px; padding-bottom:10px;}
.Timeline001524 li div{ padding-left:36px;}
.Timeline001524 li div p{ font-size:16px; font-family:'姒???缍?';}
.Timeline001524 li.odd{ text-align:right; padding-left:0; padding-right:50%;}
.Timeline001524 li.odd div{padding-left:0; padding-right:36px;}
.Timeline001524 li time{ display:block; color:#1a254e; font-size:22px; padding-top:12px; background:url(../images/Timeline001524-time.gif) no-repeat left top;}
.Timeline001524 li.odd time{ background-image:url(../images/Timeline001524-time_odd.gif); background-position: right top;}
.Timeline001524 ol{ text-align:center;}
.Timeline001524 ol a{ display:inline-block; width:142px; height:30px; line-height:30px; text-align:center; background-color:#293c85; color:#fff; font-size:14px; border-radius:5px;}

/*
 .Timeline002237 娑?绡?mo缂??у娇
 */
.Timeline002237{}
.Timeline002237 ul{ list-style: none;}
.Timeline002237 .history-wrap { position:relative; overflow:hidden; }
.Timeline002237 .history-years { width:159px; position:absolute; left:0; top:0; position:fixed; z-index:220; opacity:0;}
.Timeline002237 .history-years_wrap { width:159px; }
.Timeline002237 .history-years_wrap ul {  width:24px; float:right; position:relative; margin-top:-2px; }
.Timeline002237 .history-years_wrap li {  width:18px;  height:150px; line-height:42px; text-align:center; background:url(../images/Timeline002237-dev_br.jpg) no-repeat right center; background-size:auto 100%; margin-top:-1px; margin-right:5px;}
.Timeline002237 .history-years_wrap li span { position:relative; padding-right:30px; color:#5e5e5e; font-family:Arial; float:right; right:-4px; margin-top:-1px; cursor:pointer; font-size: 18px; font-weight: 100; background:url(../images/Timeline002237-lc_06.png) no-repeat right center;}
.Timeline002237 .history-years_wrap li.active span{ font-size:38px; color:#1a254e; font-weight:bold; background:url(../images/Timeline002237-lc_03.png) no-repeat right center; background-size:24px 24px;}
.Timeline002237 .history-years_box {  height:580px;overflow:hidden; width:159px; position:relative; margin-bottom:15px;}
.Timeline002237 .history-years_top { display:block; width:16px; height:10px; background:url(../images/Timeline002237-dev_top.jpg) no-repeat; margin-bottom:15px; position:relative; float:right; right:-2px; display: none;}
.Timeline002237 .history-years_bottom { display:block; width:20px; height:12px; background:url(../images/Timeline002237-lc_09.png) no-repeat; margin-bottom:15px; position:relative; float:right; right:3px; top: -13px }

.Timeline002237 .history-list {  width:920px; float:right;}
.Timeline002237 .history-list .history-list_part > h4 { color:#d2d2d2; border-top:5px solid #d2d2d2;}
.Timeline002237 .history-list ul {  position:relative; margin-bottom:30px;}
.Timeline002237 .history-list li {  width:49.6%; margin-bottom:22px;}
.Timeline002237 .history-list li .year_wrap {  width:95%; border:1px solid #dddddd;}
.Timeline002237 .history-list li.odd .year_wrap {  float:right;}
.Timeline002237 .history-list li .year_wrap img {  width:100%;}
.Timeline002237 .year_box {  padding:20px; position:relative; z-index:20; background:#fff;}
.Timeline002237 .year_box h4 { color:#2b2b2b; margin-bottom:6px;}
.Timeline002237 .year_box p {  color:#616161; font-size:14px; line-height:1.7em;}

.Timeline002237 .news_index_l .public_list_img { margin-bottom:10px; }
@media only screen and (min-width: 1200px){
    .Timeline002237 .history-list_year {
        font-size: 105px; margin: 0}
    .Timeline002237 .history-years_wrap li.active span {
        font-size: 46px !important; }
}

.Timeline002237 .history-list .year_box h4{display: inline-block;line-height: 40px;text-align: center;position: relative; margin:10px 0 0}
.Timeline002237 .history-list .year_box span{width: 40px;height: 40px;display: inline-block;margin-left: 23px;}
.Timeline002237 .history-list .year_box h4:hover em{opacity: 1;}
.Timeline002237 .history-list .year_box em{opacity: 0;height: 35px;line-height: 35px;display: inline-block;margin-left: 14px;background: #d2d2d2;width: 91px;color: #fff;font-size: 14px;position: absolute;top: 50%;transform: translateY(-50%);transition: all .3s;}
.Timeline002237 .history-list .year_box em:before{content: "";display: block;position: absolute;width: 8px;height: 12px;top: 50%;transform:translateY(-50%);background: url(../images/Timeline002237-add_icon_10.png);left: -5px;}

.Timeline002237 #swiper-container2 {  display: none;}

@media only screen and (max-width: 1300px){
    .Timeline002237 .history-list { width: 726px;}
}
@media only screen and (max-width: 1140px){
    .Timeline002237 .history-list_year { font-size: 70px; margin: 15px 0 10px;}
}

@media only screen and (max-width: 1023px){

    .Timeline002237 .history-years {  width: 20%;  display: none;}
    .Timeline002237   #swiper-container2 .swiper-slide { text-align:center; line-height:30px; height:30px; }
    .Timeline002237   #swiper-container2 .swiper-slide.active-nav { color:#005bac; font-size:18px; }
    .Timeline002237   .history-list {    padding-left: 0;    width: 100%;    float: none;    padding-left: 0;}
}

/*
 .Top002407 娑?绡?mo缂??у娇
 */
.Top002407{/*background: url(../images/nav_bg.png) repeat;*/margin: 0 auto; position: fixed; z-index: 99; height: 104px;width: 100%;left: 0;top: 0;}
.Top002407.fixed{z-index: 99; box-shadow: 0 0 4px 1px rgba(91,91,91,.3);}
@media only screen and (max-width:1024px ) {
    .Top002407{ height: 85px;}
}
@media only screen and (max-width: 767px) {
    .Top002407{ height: auto;}
}

.Top002407 .auto{max-width:1600px; position: relative;}

@media only screen and (min-width:1921px ) {
    .Top002407 .auto{max-width:1920px;}
}

.Top002407,.Top002407 *{
    text-decoration:none; color:#333;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out; /* Firefox 4 */
    -webkit-transition: all .2s ease-in-out; /* Safari ??锟 Chrome */
    -o-transition: all .2s ease-in-out; /* Opera */
}
.Top002407 a:hover{color: #bd2437;}

.Top002407 .layer{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; display: none;
    background-color:#000;
    -moz-opacity:0.50;
    opacity: 0.50;
    filter:alpha(opacity=50);
}

/*logo*/
.Top002407 .logo{  max-width: 244px; width: 20%; float: left; padding: 20px 0 0;}
.Top002407 .logo img{max-height: 65px;}
.Top002407 .logo .hide{display:none;}
/*.Top002407 .logo .show{display:none;}
*/.Top002407{background:#fff;}
.Top002407 .navbar li > a span{color:#1a254e;}
.Top002407{position:fixed;}

@media only screen and (max-width:767px ) {
    .Top002407 .logo{ width: 50%; padding: 12px 0;}
}
/*logo End*/

/*other*/
.Top002407 .other{ float: right; padding-top: 35px;}
.Top002407 .other >*{ display: inline-block; margin-left: 25px;}
.Top002407 .other a{height: 27px; display: block; color: #9a9a9a;}
@media only screen and (max-width: 1024px) {
    .Top002407 .other >*{ margin-left: 10px;}
}
@media only screen and (max-width: 767px) {
    .Top002407 .other{ position: absolute; top: 50%; padding-top: 0; margin-top: -12px; right: 50px;}

}

.Top002407 .lang a{width: 54px;  border: 1px solid #c6c6c6; color: #9a9a9a; line-height: 25px; text-align: center;}
.Top002407 .lang a:hover{ background: #1a254e; color: #fff; border-color: #1a254e;}
@media only screen and (max-width:767px ) {
}
.Top002407 .search .SearchBtnA{font-size: 20px;}
.Top002407 .search .SearchBtnA:hover{ color: #1a254e; }
.Top002407 .SearchBox{ position:absolute; top:100%; left: 0; width:100%; display:none;}
.Top002407 .SearchBox .box{ position:relative; padding:0 50px 0 0; overflow:hidden; z-index:10; background:#fff; box-shadow: 0 0 6px 2px rgba(22,60,146,.25);}
.Top002407 .SearchBox .sreach_btn{ font-size:20px; font-family: arial; font-weight: bold; display:block; position: absolute; top: 50%; margin-top: -12px; right: 10px; color:#95b2f5; background: none; border: none; padding: 0;}
.Top002407 .SearchBox .sreach_ipu{padding:15px 0 15px 10px; width: 100%; border:0px; background:none; color:#999; font-size:16px; line-height:30px;}
.Top002407 .SearchBox .sreach_btn.focus{ color: #163c91;}
.Top002407 .SearchBox .sreach_ipu.focus{ color: #000;}
/*other end*/

/*MenuIcon*/
.Top002407 .MenuIcon{ position: absolute; top: 50%; margin-top: -12px; right: 15px; width: 25px; height: 25px; z-index: 102;}
.Top002407 .MenuIcon span{ position: absolute; left: 35%; display: block; height: 2px; width: 65%; background-color: #000; border-radius: 2px;transition: transform .4s cubic-bezier(.42, 0, 1, 1) 0s; }
.Top002407 .MenuIcon span:before{ content: ""; position: absolute; left: -60%; display: block; height: 2px; width: 35%;background-color: #000; border-radius: 2px;}
.Top002407 .MenuIcon span.line1{ top: 0; transform: rotate(0deg);}
.Top002407 .MenuIcon span.line2{ top: 50%; margin-top: -1px; opacity: 1;}
.Top002407 .MenuIcon span.line3{top: 23px;transform: rotate(0deg);}
.Top002407 .MenuIcon.openmobile span{ left: 0; width: 100%; background: #fff;}
.Top002407 .MenuIcon.openmobile span.line1{ transform: rotate(-45deg); top: 50%;}
.Top002407 .MenuIcon.openmobile span.line2 { opacity: 0; }
.Top002407 .MenuIcon.openmobile span.line3{ transform: rotate(45deg); top: 50%;}
.Top002407 .MenuIcon.openmobile span:before{ display: none;}
@media only screen and (min-width:768px ) {
    .Top002407 .MenuIcon{ display: none;}
}
/*MenuIcon end*/

/*navbar*/
.Top002407 .navbar li > a{ color: #fff; font-size: 16px; display: block; position: relative;}
.Top002407 .navbar li > a span{ position: relative; z-index: 3;color: #333;font-size: 19px;}
.Top002407 .navbar .subnav{ display: none; width: 100%;}
@media only screen and (min-width:768px){
    .Top002407 nav{ float: right;}
    .Top002407 .navbar li{ float: left; position: relative; padding: 0 7px;}
    .Top002407 .navbar li > a { height: 85px; line-height: 85px; padding: 0 10px;text-align: center;color: #fff;}
    /*.Top002407 .navbar li > a i{ display: block; background: #fff; height: 0; width: 100%; position: absolute; left: 0; bottom: 0; color:#1a254e;*/
    /*transition: height .3s  ease-in-out 0.05s ;*/
    /*}*/
    /*.Top002407 .navbar li.on > a span { font-weight: bold;color: #1a254e; }*/
    /*.Top002407 .navbar li.on > a i{ height: 100%;}*/
}
@media only screen and (min-width:1024px){
    .Top002407 .navbar li{ padding: 0 15px;}
    .Top002407 .navbar li > a { padding: 0 15px;height: 104px; line-height: 104px;color: #fff;}
}
@media only screen and (min-width:1200px){
    .Top002407 .navbar li{ padding: 0;}
    .Top002407 .navbar li > a { padding: 0 25px; min-width: 104px;position:relative;}
    .Top002407 .navbar li.on > a:before{content:"";display:block;height:1px;width:100%;background:#fff;position:absolute;bottom:0;left:0;}
    .Top002407 .navbar li.on> a:before{background:#2752b4;}
    .Top002407 .navbar li.on> a span{color:#2752b4;}
    .Top002407 .navbar li:hover>div{display:block;}
    .Top002407 .navbar li:hover>dl{display:block;}
    .Top002407 .navbar li dd:hover>div{display:block;}
}
@media only screen and (max-width:767px){
    .Top002407 nav{position: fixed; height: 100%; top: 100%; right: -200px; width: 200px; top: 0; background: #1a254e; padding-top: 60px; z-index: 101;
        transition: right .5s ease-in-out;
        -webkit-transition: right .5s ease-in-out;
        -moz-transition: right .5s ease-in-out;
        -ms-transition: right .5s ease-in-out;
    }
    .Top002407 nav.show{ right: 0; box-shadow: 0 0 5px 5px rgba(0,0,0,0.2);}
    .Top002407 nav li>a { border-bottom: 1px solid #2752b4; padding: 10px;}
    .Top002407 nav li>a span{ padding-left: 15px; color: #fff;}
}
/*navbar end*/