.menu_list { width: 280px; float: left; background: #2463ad; border-right: 1px solid #ddd; padding: 0 0 5px 0; }
.menu_list .m_title { font-size: 24px; padding: 20px 0 20px 20px; color: #fff; height: 100%; background: #f3f3f3; }
.menu_list .m_title i { font-size: 10px; margin-left: 5px; font-style: italic; }
.menu_list .m_list { width: 265px; background: #fff; float: right; }
.menu_list .m_list ul { margin: 20px 0; border-top: 1px #DEDEDE solid; }
.menu_list .m_list ul li { width: 265px; height: 50px; line-height: 50px; float: none; border-bottom: 1px #DEDEDE solid; font-size: 14px; position: relative; }
.menu_list .m_list ul li:hover { background: #F9F9F9; }
.menu_list .m_list ul li:hover a { border-left: 15px #FF9501 solid; margin-left: -14px; }
.menu_list .m_list .hover { background: #F9F9F9; }
.menu_list .m_list .hover a { border-left: 15px #FF9501 solid; margin-left: -14px; }
.menu_list .m_list a { display: block; padding-left: 20px; background: url(/swpstyle/images/menu_bg.png) 265px 14px no-repeat; transition: all .5s; }
.menu_list .m_list a:hover { display: block; background: url(/swpstyle/images/menu_bg.png) 245px 14px no-repeat; color: #AE0808; }
.menu_list .m_list .hover a { display: block; background: url(/swpstyle/images/menu_bg.png) 245px 14px no-repeat; color: #AE0808; }
.main_right { width: 100%; float: right; }
.daohang { height: 40px; line-height: 40px; color: #fff; }
.daohang a { color: #fff; }
.rt_main_title { border-bottom: 1px #DCDCDC solid; padding: 20px 0; color: #2463ad; font-size: 30px; }
.rt_content { overflow: hidden; }
.content_gk { margin: 0 auto; padding: 30px 0; overflow: hidden; }
.content_gk .content_body { font-size: 14px; line-height: 36px; }
.content_gk .content_body p { margin-bottom: 20px; }
.content_gk .content_body h3 { font-size: 14px; font-weight: normal; margin-bottom: 20px; }
.content_gk .content_body img { max-width: 970px; }
.content_gk .content_body .zp { line-height: 36px; padding: 0 40px; }
.content_gk .content_body .zp span { font-weight: normal; margin-bottom: 10px }
.content_gk .content_body .zp p { padding-left: 40px; margin-bottom: 10px }
ul.xxld { width: 100%; height: auto; display: block; overflow: hidden; margin: 20px 0 0 20px; }
ul.xxld li { width: 22.9%; height: auto; display: block; overflow: hidden; float: left; margin: 0 5px 30px 0; }
ul.xxld li img { width: 100%; height: 280px; }
ul.xxld li h1 { width: 100%; height: 24px; line-height: 24px; font-size: 14px; color: #555; display: block; overflow: hidden; padding: 0; margin: 0; }
ul.xxld li span { width: 100%; height: 14px; line-height: 14px; font-size: 12px; color: #999; display: block; overflow: hidden; }

.news_list { width: 100%; height: auto; display: block; overflow: hidden; }
.news_list li { overflow: hidden; position: relative; font-size: 12px; padding: 15px 0 15px 0; margin-bottom: 15px; border-bottom: #cccccc 1px dotted; }
.news_list li .j_img { width: 20%; height: 0; padding-bottom: 14%; overflow: hidden; float: left; margin-right: 10px; }
.news_list li .j_img img { width: 100%; height: auto; }
.news_list li .intro { overflow: hidden; }
.news_list li .intro .title { height: 20px; line-height: 20px; font-size: 14px; margin-right: 140px; margin-bottom: 12px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #333; }
.news_list li .intro .time { line-height: 20px; white-space: nowrap; position: absolute; right: 0; top: 15px; font-size: 12px; color: #bbb; }
.news_list li .intro .text { line-height: 20px; max-height: 40px; overflow: hidden; color: #888; }
 @media only screen and (max-width: 767px) {
.news_list li .j_img { width: 33%; height: 0; padding-bottom:23%; overflow: hidden; float: left; margin-right: 10px; }
.news_list li .intro .title { margin-right:0px;  }
.news_list li .intro .time { display:none;  }
}

ul.xsxl { width: 105%; height: auto; display: block; overflow: hidden; font-family: microsoft yahei; margin-top: 20px; }
ul.xsxl li { width: 30%; height: auto; display: block; overflow: hidden; border: 1px solid #ddd; float: left; margin: 0 25px 25px 0; }
ul.xsxl li img { width: 100%; height: auto; }
ul.xsxl li h1 { width: 90%; height: 60px; line-height: 30px; display: block; overflow: hidden; margin: 0 auto; padding: 0; font-size: 14px; color: #333; }
ul.xsxl li span { width: 90%; height: 60px; line-height: 20px; display: block; overflow: hidden; margin: 0 auto; padding: 0; font-size: 12px; color: #888; }
ul.xsxl li em { width: 90%; height: 20px; line-height: 20px; display: block; overflow: hidden; margin: 0 auto; padding: 0; font-size: 12px; color: #888; text-align: right; }
ul.list14b { width: 100%; display: block; overflow: hidden; float: left; }
ul.list14b li { width: 100%; margin: 0px; padding: 0px; overflow: hidden; display: block; float: left; border-bottom: 1px dashed #ddd }
ul.list14b li a, ul.list14b li a:visited { color: #000; height: 48px; line-height: 48px; font-size: 14px; display: block; overflow: hidden; }
ul.list14b li a:hover { color: #cc0000; }
ul.list14b li span.download { font-size: 12px; color: #888; float: right; padding: 0 5px 0 20px; line-height: 48px; background: url(../img/dl.png) 0 15px no-repeat; }
ul.list14b li span.date { font-size: 12px; color: #888; float: right; line-height: 48px; }
/**/

#scrollUp { background: #febc8b; bottom: 85px; color: #ffffff; cursor: pointer; display: none; font-size: 20px; height: 45px; line-height: 39px; position: fixed; right: 12px; text-align: center; width: 45px; z-index: 9999; border-radius: 50%; border: 2px solid #fff; -webkit-transition: .3s; transition: .3s; }
#scrollUp:hover i { animation-name: fadeInUp; animation-duration: 1s; animation-fill-mode: both; animation-iteration-count: infinite; }
.header_search_box form { width: 400px; display: block; overflow: hidden; position: relative; padding-left: 100px; }
 @media only screen and (max-width: 767px) {
.header_search_box form { width: 80%; display: block; overflow: hidden; position: relative; margin: 0 auto; padding: 0; border: 1px solid #ddd; }
}
.header_search_box form input::-webkit-input-placeholder {  /* Chrome/Opera/Safari */
color: #232323;
}
.header_search_box form input::-moz-placeholder {  /* Firefox 19+ */
color: #232323;
}
.header_search_box form input:-ms-input-placeholder {  /* IE 10+ */
color: #232323;
}
.header_search_box form input:-moz-placeholder {  /* Firefox 18- */
color: #232323;
}
.header_search_box form input {font-size: 13px;border: 1px solid #128ee3; border-right:none;background: #fff;width: 100%;height: 36px;line-height: 36px;padding: 0 43px 0 13px;}
.header_search_box form button {position: absolute;top: 0;right: 0;height: 100%;background: #fff;font-size: 17px;padding: 0;width: 36px;text-align: center;border: 1px solid #128ee3;border-left:none}
.header_search_box form button:hover { color: #febc8b; }
.zh-en { color: #333; }
.zh-en a { color: #333; transition: all .5s; padding: 0 4px; }
.zh-en a:hover { color: #a33; }
#swp1 .swiper-container { width: 100%; height: auto; }
#swp1 .swiper-slide { text-align: center; font-size: 14px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
 @media only screen and (min-width: 767px) {
#swp1-1 { display: none; }
}
 @media only screen and (max-width: 767px) {
#swp1 { display: none; }
#swp1-1 .swiper-container { width: 100%; height: auto; display: block; padding-top: 50px; }
#swp1-1 .swiper-slide { text-align: center; font-size: 14px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
#swp1-1 .swiper-slide img { width: 100%; height: auto; }
}
#swp2 { width: 100%; height: 320px; }
#swp2 .swiper-slide { font-size: 14px; color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 60px; }
#swp2 .swiper-slide .title { position: absolute; left: 0; bottom: 0; width: 90%; padding: 0 5%; height: 50px; line-height: 50px; font-size: 14px; font-weight: 300; text-decoration: none; z-index: 9999; }
#swp2 .swiper-slide a .title { font-size: 14px; color: #fff; text-decoration: none; }
#swp2 .swiper-slide .subtitle { font-size: 21px; }
#swp2 .swiper-slide .text { position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; background: #000; filter: alpha(Opacity=80); -moz-opacity: 0.5; opacity: 0.5; z-index: 9998 }
#swp2 .swiper-slide .pic { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#swp2 .swiper-slide .pic img { width: 100%; height: 100%; }
#swp2 .swiper-pagination-bullets { width: 20%; left: 80%; bottom: 10px; }
 @media only screen and (max-width: 767px) {
#swp2 { width: 100%; height: 260px; margin-top: 30px; }
}
#swp3 .swiper-pagination-bullets { bottom: 0px; }
#swp3 .swiper-slide { width: 310px; margin: 0 10px; }
#swp3 .swiper-slide img {width: 100%;height: 206px;}
#swp3 .swiper-slide p { width: 100%; height: 60px; line-height: 20px; display: block; overflow: hidden; color: #888; }
 @media only screen and (max-width: 767px) {
#swp3 .swiper-slide { width: 100%; margin: 0 10px; }
}
#swp4 .swiper-pagination-bullets { bottom: 0px; }
#swp4 .swiper-slide { width: 235px; margin: 0 10px; }
#swp4 .swiper-slide img { width: 100%; height: 160px; }
#swp4 .swiper-slide h3 { font-size: 14px; font-weight: normal; line-height: 14px; }
 @media only screen and (max-width: 767px) {
#swp4 .swiper-slide { width: 100%; }
#swp4 .swiper-slide img { width: 100%; height: 256px; }
}
#swp5 .swiper-pagination-bullets { bottom: 0px; }
#swp5 .swiper-slide { width: 128px; margin: 0 14px; }
#swp5 .swiper-slide img { width: 100%; height:84px; }
#swp5 .swiper-slide p { font-size: 14px; font-weight: normal; line-height: 14px; }
 @media only screen and (max-width: 767px) {
#swp5 .swiper-slide { width: 45%; margin: 0 10px;}
#swp5 .swiper-slide img { width:100%; height:120px; }
}


.ppp { padding: 50px 0 100px 0 }
 @media only screen and (max-width: 767px) {
.ppp { padding: 0 0 50px 0 }
.topfasttrack { display: none; }
}
ul.newslist { }
ul.newslist li { width: 100%; display: flex; justify-content: space-between; font-size: 14px; line-height: 37px; font-family: microsoft yahei; }
ul.newslist li i.dian { margin-right: 5px }
ul.newslist li a { width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
ul.newslist li span { width: 20%; text-align: right; color: #999; font-size: 14px; }

ul.mode { margin-top: 1vw; font-family: microsoft yahei; }
ul.mode li { width: 100%; display: block; overflow: hidden; padding: 10px; }
ul.mode li .ztlist img{ width:100%;height: 60px;}
ul.mode li div.lefttime { width: 90px; background: #fff; border-radius: 5px; text-align: center; display: inline-block; line-height: 22px; box-shadow: 0 0 5px 1px #ddd; float: left; overflow: hidden; }
ul.mode li div.lefttime i { width: 100%; height: 22px; text-align: center; color: #c00; display: block; font-style: normal; padding-top: 5px; font-size: 14px; font-weight: normal; overflow: hidden; }
ul.mode li div.lefttime em { width: 100%; height: 22px; text-align: center; color: #c00; display: block; font-style: normal; padding-top: 5px; overflow: hidden; }
ul.mode li div.lefttime span { width: 100%; height: 22px; text-align: center; color: #999; padding-bottom: 5px; overflow: hidden; }
ul.mode li div.tesx { width: 350px; display: block; overflow: hidden; margin-left: 14px; font-size: 14px; float: left; }
ul.mode li div.tesx strong { width: 100%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; }
ul.mode li div.tesx span {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #999;font-size: 12px;width: 100%;/* font-weight: normal; */}
 @media only screen and (max-width: 767px) {
ul.mode li div.tesx { width: 70%; display: block; overflow: hidden; margin-left: 14px; font-size: 14px; float: left; }
}
ul.mode li div.righttm { background: #fff; border-radius: 5px; width: 80px; text-align: center; display: inline-block; line-height: 22px; box-shadow: 0 0 5px 1px #ddd; float: left; }
ul.mode li div.righttm em { width: 100%; text-align: center; color: #fff; display: block; font-style: normal; background: #0d47bb; padding: 2.5px 0; border-radius: 5px 5px 0 0; font-size: 12px }
ul.mode li div.righttm span { width: 100%; text-align: center; color: #999; padding-bottom: 5px }
ul.mode li div.zhaos { background: #c00; border-radius: 5px; width: 80px; text-align: center; display: inline-block; line-height: 22px; box-shadow: 0 0 5px 1px #ddd; float: left; }
ul.mode li div.zhaos em { width: 100%; text-align: center; color: #fff; display: block; font-style: normal; padding: 2.5px 0; font-size: 14px }
ul.mode li div.zhaos span { width: 100%; text-align: center; color: #ddd; padding-bottom: 5px }
.fouc { width: 100%; display: block; overflow: hidden; border-bottom: 1px dashed #ddd; padding-bottom: 10px }
.fouc h1 {width: 100%;height: 40px;line-height: 40px;display: block;overflow: hidden;font-size: 16px;font-family: microsoft yahei;margin: 0 auto;font-weight: normal;}
.fouc h1 a { color: #333; text-decoration: none; font-weight: normal;}
.fouc h1 a:hover { color: #e00; }
.fouc span {width: 100%;height: 78px;line-height: 26px;display: block;overflow: hidden;font-size: 12px;/* white-space:nowrap; text-overflow:ellipsis; */margin: 0 auto;}
.fouc span a { padding: 0 10px; }
.fouc i.people { width: 120px; height: 40px; line-height: 40px; display: block; overflow: hidden; float: left; padding-left: 30px; color: #666; background: url(/swpstyle/images/ico-ren.png) left center no-repeat; }
.fouc i.time { width: 120px; height: 40px; line-height: 40px; display: block; overflow: hidden; float: left; padding-left: 30px; color: #666; background: url(/swpstyle/images/ico-time.png) left center no-repeat; }
.yqlj { width: 24%; display: block; overflow: hidden; float: left; height: auto; padding: 5px; }
.yqlj img { width: 100%; height: auto; }
@media only screen and (max-width: 767px) {
.yqlj { width: 47%; display: block; overflow: hidden; float: left; height: auto; }
}
.sticky-header.sticky { position: fixed; z-index: 99; width: 100%; top: 0; background: #2463ad; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11); -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 900ms; animation-duration: 900ms; -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.22, 1); -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-play-state: running; animation-play-state: running; border-bottom: 0; display: block; left: 0; right: 0; }
@media only screen and (max-width: 767px) {
.sticky-header.sticky { display: none; }
}
.form-control { display: block; width: 100%; padding:.375rem .75rem;
font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius:.25rem;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out }
.form-control::-ms-expand {
background-color:transparent;
border:0
}
.form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow:0 0 0 .2rem rgba(0,123,255,.25)
}
.form-control::-webkit-input-placeholder {
color:#6c757d;
opacity:1
}
.form-control::-moz-placeholder {
color:#6c757d;
opacity:1
}
.form-control:-ms-input-placeholder {
color:#6c757d;
opacity:1
}
.form-control::-ms-input-placeholder {
color:#6c757d;
opacity:1
}
.form-control::placeholder {
color:#6c757d;
opacity:1
}
.form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1 }
select.form-control:not([size]):not([multiple]) { height: calc(2.25rem + 2px) }
select.form-control:focus::-ms-value {
color:#495057;
background-color:#fff
}
.cyfw a img { width: 128px; height: auto; }
@media only screen and (max-width: 767px) {
.cyfw a img { width: 168px; height: auto; }
}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { *zoom:1;
}
dl.aboutuscontdl { width: 100%; height: auto; display: block; overflow: hidden; padding: 20px 0; border-bottom: 1px solid #1377c7; }
dl.aboutuscontdl dt { float: left; }
dl.aboutuscontdl dd { float: right; width: 503px; }
dl.aboutuscontdl dd h4 { font-weight: normal; color: #666666; font-size: 14px; background: url(/swpstyle/images/img27.jpg) no-repeat right center; cursor: pointer; padding-bottom: 20px; }
dl.aboutuscontdl dd h4.back { background: url(/swpstyle/images/img28.jpg) no-repeat right center }
dl.aboutuscontdl .leaderstext { display: none; }
dl.aboutuscontdl .leaderstext p { line-height: 20px; padding-bottom: 8px; }
@media only screen and (max-width: 767px) {
dl.aboutuscontdl dt { float: left; }
dl.aboutuscontdl dd { float: right; width: 65%; }
}
.pagination { width:100%; display:block; padding-left: 0; margin: 20px 0; border-radius: 4px; float: left }
.pagination > li { display: inline; }
.pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.428571429; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; }
.pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; }
.pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background-color: #eeeeee; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #ffffff; cursor: default; background-color: #428bca; border-color: #428bca; }
.pagination > .disabled > span, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #999999; cursor: not-allowed; background-color: #ffffff; border-color: #dddddd; }


ul.zyjs-pic{ width:105%; height:auto; display:block; overflow:hidden;}
ul.zyjs-pic li{ width:265px; height:250px; display:block; overflow:hidden; border-radius:15px; position:relative; float:left; margin-right:70px; margin-bottom:50px;}
ul.zyjs-pic li img{ width:265px; height:250px; position:absolute; left:0; top:0; z-index:1; transition:all .5s; }
ul.zyjs-pic li .zy-name{ width:265px; height:250px; line-height:250px; font-size:14px; position:absolute; left:0; top:0; z-index:2; text-align:center;transition:all .5s; font-weight:normal;}
ul.zyjs-pic li .zy-info{ width:240px; height:auto; line-height:22px; font-size:14px;position:absolute; left:-300px; top:0; z-index:99;transition:all .5s; }
ul.zyjs-pic li .zy-info a{ width:100%; height:22px; line-height:22px; display:block; color:#fff;}
ul.zyjs-pic li span { width:100%; height:100%; display:block;filter: alpha(Opacity=0); -moz-opacity: 0; opacity: 0;transition:all .5s; z-index:4; position:absolute; left:0; top:0;}
ul.zyjs-pic li:hover .zy-name{ left:300px; }
ul.zyjs-pic li:hover .zy-info{ left:20px; }
ul.zyjs-pic li:hover span {  filter: alpha(Opacity=80); -moz-opacity:0.8; opacity:0.8;}
ul.zyjs-pic li.a1:hover .zy-info{top:50px; }
ul.zyjs-pic li.a2:hover .zy-info{top:50px; }
ul.zyjs-pic li.a3:hover .zy-info{top:50px; }
ul.zyjs-pic li.a4:hover .zy-info{top:30px; }
ul.zyjs-pic li.a5:hover .zy-info{top:30px; }
ul.zyjs-pic li.a6:hover .zy-info{top:110px; left:90px; }
ul.zyjs-pic li span.bg1 { background:#5F91B6;}
ul.zyjs-pic li span.bg2 { background:#1062a1;}
ul.zyjs-pic li span.bg3 { background:#3892B8;}
ul.zyjs-pic li span.bg4 { background:#2F87BB;}
ul.zyjs-pic li span.bg5 { background:#45ABC9;}
ul.zyjs-pic li span.bg6 { background:#035;}


 @media only screen and (max-width: 767px) {
ul.zyjs-pic{ width:100%; height:auto; display:block; overflow:hidden;}
ul.zyjs-pic li{ width:265px; height:250px; display:block; overflow:hidden; border-radius:15px; position:relative;  margin:0 auto 30px; float: inherit;}
}