.yqlj2 { width:auto; display: block; overflow: hidden; float: left; height: auto; padding: 5px 15px; }

ul.list16 { width:100%;  overflow:hidden; display:block; font-size:16px; margin:0 auto; font-family:microsoft yahei;  }

ul.list16 li {  margin:0px; padding:0px; overflow:hidden;  display:block; height:33px;  line-height:33px;}

ul.list16 li a,ul.list16 li a:visited{ color:#333;   display:block;  overflow:hidden; }

ul.list16 li a:hover{ color:#cc0000;}

ul.list16 li span.date{ font-size:12px; color:#888; float:right; padding-right:5px; }


ul.list14 { width:100%;  overflow:hidden; display:block; font-size:14px; margin:0 auto; font-family:microsoft yahei;  }

ul.list14 li {  margin:0px; padding:0px; overflow:hidden;  display:block; height:33px;  line-height:33px;}

ul.list14 li a,ul.list14 li a:visited{ color:#333;   display:block;  overflow:hidden; }

ul.list14 li a:hover{ color:#cc0000;}

ul.list14 li span.date{ font-size:12px; color:#888; float:right; padding-right:5px; }

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; }

.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;  }
}
/**/

#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; }

#swp1 .swiper-container { width: 1100px; height: 300px; }
#swp1 .swiper-slide {width: 1100px; height: 300px; 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; }

.menu_list { width: 280px; float: left; background: #f1f1f1;  }
.menu_list .m_list { width: 100%; }
.menu_list .m_list ul {  }
.menu_list .m_list ul li { width: 100%; height: 70px; line-height:70px;  border-bottom: 1px #DEDEDE solid; font-size: 18px; position: relative; }
.menu_list .m_list ul li:hover { background: #275aa5;  }
.menu_list .m_list ul li:hover a{  color:#fff; }
.menu_list .m_list .hover { background: #275aa5; }
.menu_list .m_list .hover a { color:#fff;  }
.menu_list .m_list a { display: block; padding-left: 20px; background: url(../images/ico01.png) 275px 28px no-repeat; transition: all .5s; }
.menu_list .m_list a:hover { display: block; background: url(../images/ico01.png) 245px 28px no-repeat; no-repeat; color: #fff; }
.menu_list .m_list .hover a { display: block; background: url(../images/ico01.png) 245px 28px no-repeat; no-repeat; color: #fff; }


ul.mode { margin-top: 1vw; font-family: microsoft yahei; }
ul.mode li { width: 100%; display: block; overflow: hidden; padding: 10px; }
ul.mode li div.tesx { width: 240px; height: 44px; line-height:22px; display: block; overflow: hidden; margin:5px 0 0 10px; 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: #f3f3f3; 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: #369; display: block; font-style: normal; padding: 2.5px 0; font-size: 24px ;font-weight: bold; }
ul.mode li div.zhaos span { width: 100%; text-align: center; color: #333; 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: #fff; box-shadow: 0 1px 3px rgba(232, 232, 232, 0.81); -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;}
}