ul,
dl {
    list-style: none;
}

img {
    border: 0px;
    vertical-align: top;
}

a {
    text-decoration: none;
    color: #000000;
}

* {
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    /* 最好将 body 元素的边距和填充设置为 0 以覆盖不同的浏览器默认值 */
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    font-family: Microsoft Yahei;
    background-size: cover;
    /* min-width: 1200px; */
    /* min-width: 1200px; */
    min-width: 1300px;
}

.clear {
    clear: both;
}

.clearfix:after {
    content: '.';
    visibility: hidden;
    display: block;
    clear: both;
    line-height: 0;
}

.opacity {
    filter: alpha(opacity=50);
    /* IE */
    -moz-opacity: 0.5;
    /* 老版Mozilla */
    -khtml-opacity: 0.5;
    /* 老版Safari */
    opacity: 0.5;
    /* 支持opacity的浏览器*/
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.bg {
    /* min-width: 1300px; */
    margin: 0 auto;
}


/* header */

.header {
    width: 100%;
    height: 775px;
    background: url("29158791.jpg") top center no-repeat;
}

.header .w1200 {
    position: relative;
    overflow: visible;
}

.header .w1200 .logo {
    position: absolute;
    display: block;
    width: 268px;
    height: 55px;
    top: 25px;
    left: 0px;
}

.header .w1200 .logo img {
    width: 100%;
}


/* main */

.main {
    height: auto;
    margin-bottom: 60px;
    background: #fff;
}


/* pic-title */

.pic-title {
    height: auto;
    font-weight: bold;
    border-radius: 30px;
    background-color: #1273d5;
}

.pic-title a {
    display: block;
    width: 1100px;
    font-size: 40px;
    color: #fff;
    text-align: center;
    margin: 30px 50px;
}


/* pic-bg */

.pic-bg {
    position: relative;
    width: 1200px;
    height: 360px;
    margin: 30px 0px 20px 0px;
}

.pic-swiper {
    float: left;
    width: 638px;
    height: 360px;
}

.swiper1 {
    position: relative;
    width: 638px;
    height: 360px;
    overflow: hidden;
}

.swiper1 .swiper-slide img {
    width: 638px;
    height: 360px;
}

.swiper1 .swiper-slide p {
    position: absolute;
    width: 618px;
    height: 60px;
    line-height: 60px;
    top: 300px;
    background: linear-gradient(to bottom, transparent, #1273d5);
    background: -webkit-linear-gradient(to bottom, transparent, #1273d5);
    font-size: 18px;
    padding-left: 20px;
    z-index: 1;
}

.swiper1 .swiper-slide p a {
    color: #fff;
    font-weight: bold;
}

.swiper1 .swiper-pagination-bullet {
    width: 10px !important;
    height: 10px !important;
    background-color: #fff;
    opacity: .7;
}

.swiper1 .swiper-pagination-bullet-active {
    width: 25px !important;
    border-radius: 5px;
    background: #fff !important;
    opacity: 1;
}


/* pic-lists */

.pic-lists {
    position: absolute;
    width: 530px;
    right: 0;
}

.pic-lists .tite-nav li {
    width: 265px;
    line-height: 33px;
    margin-right: 0px;
    text-align: center;
    background-color: #ccc;
}

.pic-lists .tite-nav li a {
    color: #999999;
    font-size: 22px;
    font-weight: bold;
}

.pic-lists .tite-nav li.on {
    border-bottom: none;
    background-color: #0066cc;
}

.pic-lists .tite-nav li.on a {
    color: #fff;
}

.pic-lists .newslists .list {
    height: 316px;
    margin-top: 44px;
}

.pic-lists .newslists ul li {
    height: 67px;
    line-height: 25px;
}

.pic-lists .newslists ul li a {
    padding-left: 15px;
    font-size: 18px;
    background: url("29158793.png") top 9px left no-repeat;
}

.pic-lists .newslists ul li:hover a {
    color: #1273d5;
    font-weight: bold;
    background: url("29158794.png") top 9px left no-repeat;
}


/* news */

.news .news-head {
    margin: 50px 0px 20px 0px;
}

.news .title a {
    display: inline-block;
    width: 200px;
    height: 29px;
}

.news .title img,
.news-head .title img {
    width: 200px;
    height: 29px;
}

.news .list li {
    height: 40px;
    line-height: 40px;
}

.news .list li a {
    padding-left: 16px;
    background: url("29158793.png") top 7.5px left no-repeat;
}

.news .list li:hover a {
    color: #1273d5;
    font-weight: bold;
    background: url("29158794.png") top 7.5px left no-repeat;
}


/* tbxx */

.tbxx,
.qmqy {
    float: left;
    width: 590px;
    margin-right: 20px;
}

.jjsc,
.jcqy {
    float: right;
    width: 590px;
}

.qmqy .news,
.jcqy .news {
    margin-bottom: 10px;
}


/* tsqy */

.tsqy {
    margin: 10px 0px;
}

.tsqy .news .news-head,
.qyys .news-head,
.xmjs .news-head {
    width: 200px;
    margin: 40px 500px 20px 500px;
}

.tsqy-body {
    position: relative;
    margin: 30px auto;
    height: 310px;
    width: 1200px;
}

.tsqy-body .swiper-container {
    width: 1200px;
    height: 310px;
}

.tsqy-body .swiper-slide {
    width: 550px;
    height: 310px;
    overflow: hidden;
}

.tsqy-body .swiper-slide a img {
    width: 550px;
    height: 310px;
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
}

.tsqy-body .swiper-slide-active a:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.tsqy-body .swiper-slide a p {
    display: none;
}

.tsqy-body .swiper-slide-active a p {
    position: absolute;
    display: block;
    width: 550px;
    height: 30px;
    line-height: 30px;
    bottom: 0px;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    z-index: 1;
    text-align: center;
    background: linear-gradient(top, transparent, #000);
    background: -webkit-linear-gradient(top, transparent, #000);
}

.tsqy-body .swiper-button-prev {
    left: -36px;
    width: 36px;
    height: 56px;
    background: url("29158797.png") no-repeat;
}

.tsqy-body .swiper-button-next {
    right: -36px;
    width: 36px;
    height: 56px;
    background: url("29158798.png") no-repeat;
}


/* qyys */

.qyys .logo img {
    width: 350px;
}

.qyys .jxw img {
    width: 350px;
}

.qyys .word {
    height: 248px;
}

.qyys .word1 {
    height: 250px;
    padding-top: 20px;
    border-top: 2px solid #ededed;
}

.qyys .word span,
.qyys .word1 span {
    display: inline-block;
    font-size: 18px;
    color: #1273d5;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 30px;
}

.qyys p {
    line-height: 35px;
    text-indent: 2em;
    margin-bottom: 12px;
}

.qyys a {
    color: #1273d5;
    font-size: 14px;
}

.qyys .more {
    display: block;
    width: 150px;
    height: 35px;
    line-height: 35px;
    margin: 0 auto;
    background-color: #1273d5;
    text-align: center;
    border-radius: 20px;
}

.qyys .more a {
    color: #fff;
    font-weight: bold;
}


/* xmjs */


/* .xmjs ul {
    width: 1200px;
    height: 208px;
}

.xmjs ul li {
    width: 203px;
    height: 209px;
    float: left;
    text-align: center;
    padding: 30px;
    border: 1px solid #eee;
    border-radius: .48rem;
    transition: transform .3s ease;
    box-sizing: border-box;
    background-color: #fff;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}

.xmjs ul li:nth-child(2),
.xmjs ul li:nth-child(3),
.xmjs ul li:nth-child(4) {
    margin: 0px 30.7px;
}

.xmjs ul li img {
    width: 144px;
    height: 110px;
    display: block;
    margin: 0 auto .15rem;
    border-radius: .04rem;
} */

.swiper2 {
    position: relative;
    width: 1200px;
    height: 225px;
    overflow: hidden;
}

.swiper2 .swiper-slide {
    display: flex;
    text-align: center;
    background: #fff;
    justify-content: center;
    align-items: center;
    transition: transform .3s ease;
    font-size: 18px;
}

.swiper2 .swiper-slide:hover {
    transform: translateY(-5px);
}

.swiper2 .swiper-slide:hover p a {
    color: #1273d5;
}

.swiper2 .swiper-slide img {
    width: 205px;
    float: left;
    text-align: center;
    padding: 30px 10px;
    border-radius: 20px;
    box-sizing: border-box;
    background-color: #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.swiper2 .swiper-slide p {
    position: absolute;
    bottom: 15px;
}

.xmjs .swiper-button-prev {
    width: 36px;
    height: 56px;
    left: -36px;
    background: url("29158797.png") no-repeat;
}

.xmjs .swiper-button-next {
    width: 36px;
    height: 56px;
    right: -36px;
    background: url("29158798.png") no-repeat;
}