@charset "utf-8"; * {padding: 0; margin: 0
}

li {list-style: none
}

a {text-decoration: none; color: #333
}

a:hover .titline i {background-position: left bottom; background-size: 100% 1px; font-weight: inherit; color: inherit
}

h2,h3,i,em {font-style: normal
}

html,body {font-family: 微软雅黑
}

.pic img {position: absolute; left: 0; top: 0; width: 100%; height: 100%
}

input,img,a {outline: none; border: 0
}

.px1400 {max-width: 1400px; margin: 0 auto
}

.header {background: no-repeat rgb(1, 68, 139); padding: 20px 0px; }

.head {overflow: hidden
}

.logo {float: left
}

.logo a img {}



#nav {background: rgb(255, 255, 255); }

#nav::after {content: ""; display: block; height: 0; clear: both
}

.nav>ul>li {float: left; text-align: center; position: relative; padding: 13px 46px; }

.nav>ul>li>a {padding: 0 20px; color: #333333; font-size: 18px; font-weight: bold; line-height: 35px; display: inline-block; margin: 0 auto; position: relative; }
.nav>ul>li>a:hover {background: #2785dd; color: #fff; border-radius: 60px; }

.nav>ul>li:hover {color: #fff; }

.nav>ul>li>ul>li{color: #fff; }

.nav>ul>li>ul>li:hover a {color: #fff  ; background: #082d70; }

.nav>ul>li>ul {position: absolute; left: 0; right: 0; display: none; z-index: 999; }

.nav>ul>li>ul>li {text-align: center; line-height: 40px
}

.nav>ul>li>ul>li>a {font-size: 15px; background: #01448b; color: #fff; display: block; margin: 0 15px; }

.banner>.slick-prev {width: 55px; height: 55px; background: url("../img/ba-left.png") no-repeat center center; left: 4%; background-size: 100%
}

.banner>.slick-next {width: 55px; height: 55px; background: url("../img/ba-right.png") no-repeat center center; right: 4%; background-size: 100%
}

.banner img {width: 100%; height: 100%
}

.footer {background: #015293; padding: 25px 0; }

.foot {overflow: hidden
}

.bq {width: 86%; float: left
}

.bq-t>p {font-size: 15px; line-height: 30px; color: #fff
}

.bq-b {margin-top: 20px
}

.bq-b>p {font-size: 15px; line-height: 30px; padding-top: 10px; color: #fff; }

.foot-r {width: 14%; float: right; text-align: center
}

.rwm {padding: 0
}

.rwm>div>h2 {font-size: 18px; color: #ffffff
}

.rwm>div {margin-top: 10px
}

.top {max-width: 1920px; margin: 0 auto; position: fixed; right: 10px; top: 18px; width: 25px; height: 25px; z-index: 9999
}

.wap {display: none
}

.top>img {display: block; width: 100%
}

.wap-menu {position: absolute; top: 0; right: 0; z-index: 99999; font-size: 0
}

.close-menu {display: none; position: absolute; right: 0; top: 0
}

.wap-menu img {height: 25px
}

.m-head {position: fixed; top: 0; left: 0; right: 0; padding: 10px; z-index: 999
}

.banner a {display: block
}

.banner img {width: 100%
}

@media screen and (max-width: 1400px) {.px1400 {width: auto; margin-left: 15px; margin-right: 15px
    }
}

@media screen and (max-width: 1024px) {.clear {clear: both
    }

    body {padding-top: 60px
    }

    .footer {padding: 20px 0
    }

    .header {display: none
    }

    .nav {display: none
    }

    .wap {display: block
    }

    .m-logo {font-size: 0
    }

    .m-head {position: fixed; top: 0; left: 0; right: 0; background: rgb(1, 68, 139); ; padding: 10px; z-index: 999; background-size: cover
    }

    .m-logo {font-size: 0
    }

    .m-logo a {font-size: 0; line-height: 40px
    }

    .m-logo img {max-height: 40px; max-width: 80%; vertical-align: middle
    }

    .m-tlink {padding: 10px 15px 0 15px
    }

    .m-tlink a {font-size: 14px; margin-right: 15px; margin: 5px 0; color: #fff; display: inline-block; font-size: 14px; line-height: 24px; background: #fff; color: #004980; line-height: 30px; padding: 0 15px; border-radius: 5px
    }

    .m-search {margin: 0 15px; padding-right: 50px; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; position: relative; line-height: 35px; margin-top: 15px
    }

    .m-search input[type="text"] {display: block; width: 96%; padding-left: 20px; line-height: 35px; background: none; color: #fff; border: 1px solid #ddd; border-radius: 20px; padding-right: 45px
    }

    .m-search input[type="text"]::placeholder {color: #fff
    }

    .m-search input[type="image"] {position: absolute; right: 28px; top: 15px; height: 15px
    }

    .m-nav {position: fixed; top: 60px; left: 100%; right: 0; bottom: 0; z-index: 999; background: #082e71; overflow-y: scroll
    }

    .m-nav ul {padding: 0 15px
    }

    .m-nav ul li {border-bottom: 1px solid rgba(255, 255, 255, 0.2); position: relative
    }

    .m-nav ul li>span.on {transform: rotateZ(90deg)
    }

    .m-nav ul li ul {display: none
    }

    .m-nav ul li ul li {border: none
    }

    .m-nav>ul>li a {display: block; font-size: 14px; line-height: 20px; padding: 15px 0; position: relative; color: #fff
    }

    .m-nav>ul>li ul li a {padding: 10px 0
    }

    .m-nav>ul>li>span {position: absolute; width: 20px; height: 20px; background: url("../img/m-nav_down.png") no-repeat; background-size: 14px 14px; background-position: center center; right: 0; top: 15px; cursor: pointer; display: block; color: #fff; transition: all 0.3s
    }

    .bq {float: none; width: auto; margin: 0 auto
    }

    .foot-r {float: none; width: auto; margin: 10px auto
    }

    .bq-t {text-align: center
    }

    .bq-t>p {font-size: 14px; line-height: 26px
    }

    .bq-b>p {font-size: 14px; line-height: 26px
    }

    .banner>.slick-prev {width: 40px; height: 40px
    }

    .banner>.slick-next {width: 40px; height: 40px
    }

    .rwm>img {width: 100px
    }

    .rwm>div>h2 {font-size: 15px
    }
}

.titline i {display: inline; font-style: normal; position: relative; background-image: linear-gradient(#0047a0, #0047a0); background-position: right bottom; background-size: 0 1px; background-repeat: no-repeat; transition: background-size .5s
}