@charset "utf-8";



html {

    font-size: 62.5%;

}



body {

    margin: 0px;

    font-size: 12px;

    font-family: Arial, Helvetica, sans-serif, Microsoft YaHei;

    cursor: default;

}



* {

    padding: 0px;

    margin: 0px;

}



body,

ul,

ol,

dl,

dd,

h1,

h2,

h3,

h4,

h5,

h6,

p,

i,

b,

em,

span,

form,

fieldset,

legend,

input,

textarea,

select,

button,

th,

td {

    margin: 0;

    padding: 0;

    font-family: Arial, Helvetica, sans-serif, Microsoft YaHei;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    list-style: none;

    font-weight: normal;

    color: #555;

}



input,

select,

button {

    font-size: 12px;

    font-family: Arial, Helvetica, sans-serif, Microsoft YaHei;

    border: 0;

    background: none;

    outline: none;

    vertical-align: middle;

}



button {

    overflow: visible

}



img {

    border: none;

}



li {

    list-style: none;

}



a {

    color: #555;

    text-decoration: none;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

}



a:hover {

    color: #005caf;

    text-decoration: none;

}



.con {

    width: 1300px;

    margin: 0 auto;

}



.clear {

    overflow: hidden;

    clear: both;

    height: 0px;

}



.fl {

    float: left;

}



.fr {

    float: right;

}



.con {

    width: 1330px;

    margin: 0 auto;

}



.container {

    width: 1330px;

    margin: 0 auto

}



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

    .con {

        width: 96%;

        margin: 0 auto;

    }



    .container {

        width: 100%;

        margin: 0 auto

    }



}



.header {

    width: 100%;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 9999;

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

    background: url(../images/pubhead.jpg) no-repeat center 100%;

}



.header .container {

    position: relative;

}



.header .logo {

    width: 80px;

    float: left;

    margin: 7px 0 0;

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

}



.header .logo img {

    width: 100%;

    height: auto;

    display: block

}



.header .s_ch {

    width: 35px;

    height: 90px;

    border-radius: 18px;

    line-height: 90px;

    text-align: center;

    color: #333;

    float: right;

    cursor: pointer;

    font-weight: bold

}



.header .y_y {

    float: left;

    height: 26px;

    margin-top: 25px;

    margin-left: 35px;

    border: 1px solid #ddd;

    border-radius: 5px;

    overflow: hidden;

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

}



.header .y_y:hover {

    border: 1px solid #000;

}



.header .y_y a {

    display: inline-block;

    width: 30px;

    height: 24px;

    font-size: 14px;

    line-height: 24px;

    color: #888;

    text-align: center;

    vertical-align: top;

}



.header .y_y:hover a {

    color: #000;

}



.header .y_y a.on {

    color: #fff;

    background-color: #000;

}



.header .an {

    position: absolute;

    top: 20px;

    right: 10px;

    height: 18px;

    width: 30px;

    display: none;

}



.header .an span {

    width: 30px;

    height: 2px;

    background-color: #555;

    display: block;

    position: absolute;

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

}



.header .an span.a1 {

    top: 0;

    left: 0;

}



.header .an span.a2 {

    top: 8px;

    left: 0;

}



.header .an span.a3 {

    top: 16px;

    left: 0;

}



.header .an.n span.a2 {

    display: none;

}



.header .an.n span.a1 {

    top: 8px;

    width: 30px;

    transform: rotate(45deg);

    -o-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

}



.header .an.n span.a3 {

    top: 8px;

    width: 30px;

    transform: rotate(135deg);

    -o-transform: rotate(135deg);

    -ms-transform: rotate(135deg);

    -moz-transform: rotate(135deg);

    -webkit-transform: rotate(135deg);

}



.header.on .right {

    margin-top: 20px;

}



.header .language {

    float: right;

    text-align: center;

    line-height: 32px;

    color: #333;

    margin-left: 25px;

    cursor: pointer;

    position: relative;

    z-index: 9;

    line-height: 90px;

    font-size: 16px;

    font-weight: 600

}



.header.on .language {

    color: #555;

}



.header .language .l_m i {

    display: inline-block;

    vertical-align: middle;

    margin-top: -2px;

    margin-right: 5px;

}



.header .language .x_l {

    width: 120px;

    padding-top: 8px;

    position: absolute;

    top: 75px;

    left: 50%;

    margin-left: -60px;

    display: none;

}



.header .language .x_l:before {

    width: 0;

    height: 0;

    border-right: 10px solid transparent;

    border-left: 10px solid transparent;

    border-bottom: 8px solid #535352;

    content: "";

    position: absolute;

    top: 0;

    left: 50%;

    margin-left: -10px;

}



.header .language .x_l ul {

    padding: 5px 15px;

    background-color: #535352;

}



.header .language .x_l ul li a {

    color: #ddd;

    line-height: 36px;

    display: block;

}



.header .language .x_l ul li a:hover {

    color: #00b7ee;

}



.header .right {

    float: right;

    margin-left: 10px;

    margin-top: 20px;

}



.header.on .right {

    margin-top: 15px;

}



.right .dh {

    float: left;

    margin-left: 10px;

    padding-top: 7px;

}



.header .right a {

    display: block;

    line-height: 32px;

    float: left;

    color: #fff;

    font-size: 18px;

    margin-right: 12px;

    border: solid 1px #ccc;

    width: 32px;

    border-radius: 50%;

    text-align: center

}



.header.on .right a {

    color: #333;

}



.header .right a.a2 {

    background: url(../images/ss.png) center no-repeat;

}



.header .right a.a4 {}



.header:hover .right a.a2 {

    background: url(../images/s.png) center no-repeat;

}



.header:hover .right a.a4 {

    color: #333

}



.header:hover .weixin a.wb {

    background: url(../images/top9.png) center no-repeat;

}



.header.on .right a.a2 {

    background: url(../images/s.png) center no-repeat;

}



.header.on .right a.a4 {}



.header.on .weixin a.wb {

    background: url(../images/top9.png) center no-repeat;

}



.weixin {

    height: 32px;

    float: left;

    position: relative;

    font-size: 12px;

    text-align: center;

    width: 25px

}



.weixin a {

    height: 32px;

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    background: url(../images/top9s.png) no-repeat center top;

}



.weixin .weixin_nr {

    width: 110px;

    height: 120px;

    padding: 10px;

    background: #fff;

    text-align: center;

    position: absolute;

    left: -35px;

    top: 55px;

    display: none;

    z-index: 99999

}



.weixin .weixin_nr img {

    margin-bottom: 0px;

}



.weixin .weixin_nr .arrow {

    width: 0;

    height: 0;

    border-bottom: 10px solid #fff;

    border-left: 10px solid transparent;

    border-right: 10px solid transparent;

    position: absolute;

    left: 50px;

    top: -10px;

}



.weixin.on .weixin_nr {

    display: block;

}



.weixin.on a {}



.weixin a.wb {

    height: 32px;

    line-height: 32px;

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    background: url(../images/top9s.png) center no-repeat;

    width: 32px;

    border-radius: 50%;

    border: solid 1px #ccc;

}



.weixin.on a.wb {

    background: url(../images/top9s.png) center no-repeat;

}



.searchIpt {

    width: 240px;

    height: 30px;

    position: absolute;

    right: 0;

    top: 80px;

    display: none;

    z-index: 10;

}



.searchIpt .search_txt {

    width: 172px;

    padding: 0 0 0 10px;

    line-height: 30px;

    background: #333;

    color: #fff;

    border: 0;

    height: 30px;

    float: left;

}



.searchIpt .search_btn {

    width: 58px;

    background: #0068ba;

    border: 0;

    float: right;

    color: #fff;

    height: 30px;

    cursor: pointer;

}



.header .nav {

    float: right;

}



.header .y_y {

    float: right;

    height: 26px;

    margin-top: 30px;

    margin-left: 15px;

    border: 1px solid #202c52;

    border-radius: 5px;

    overflow: hidden;

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

}



.header.on .y_y {

    margin-top: 30px;

}



.header .x_z {

    float: right;

    background: #202c52;

    width: 100px;

    height: 26px;

    line-height: 26px;

    border-radius: 5px;

    text-align: center;

    margin-top: 25px;

    font-size: 14px

}



.header .x_z a {

    color: #fff

}



.header .y_y:hover {

    border: 1px solid #202c52;

}



.header .y_y a {

    display: inline-block;

    width: 30px;

    height: 24px;

    font-size: 14px;

    line-height: 24px;

    color: #333;

    text-align: center;

    vertical-align: top;

}



.header .y_y:hover a {

    color: #008dd5;

}



.header .y_y a.on {

    color: #fff;

    background-color: #202c52;

}



.header.on .y_y a {

    display: inline-block;

    width: 30px;

    height: 24px;

    font-size: 14px;

    line-height: 24px;

    color: #333;

    text-align: center;

    vertical-align: top;

}



.header.on .y_y a.on {

    color: #fff;

    background-color: #202c52;

}



.header .nav i {

    font-size: 15px;

    color: #666;

    line-height: 54px;

    text-align: right;

    position: absolute;

    width: 50%;

    height: 54px;

    right: 0px;

    top: 50%;

    display: none;

    transform: translate(0, -50%);

    -webkit-transform: translate(0, -50%);

    -moz-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

    -o-transform: translate(0, -50%);

    background: url(../images/icon001.png) right center no-repeat;

}



.header.on .nav {

    float: right;

}



.header .nav ul li {

    margin: 0 7px;

    line-height: 90px;

    float: left;

    position: relative;

    padding: 0 20px;

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

}



.header.on .nav ul li {

    line-height: 90px;

}



.header .nav ul li a {

    display: block;

    font-size: 16px;

    color: #333;

    text-transform: capitalize;

    font-weight: bold

}



.header .nav ul li.on a {

    color: #202c52;

}



.header.on .nav ul li.on a {

    color: #202c52;

}



.header.on .nav ul li a {

    display: block;

    font-size: 16px;

    color: #333;

}



.header:hover .nav ul li a {

    display: block;

    font-size: 16px;

    color: #333;

}



.header .nav ul li span {

    width: 0;

    height: 2px;

    background-color: #202c52;

    position: absolute;

    left: 50%;

    bottom: 0;

    transition: all .3s;

    -o-transition: all .3s;

    -ms-transition: all .3s;

    -moz-transition: all .3s;

    -webkit-transition: all .3s;

    transform: translate(-50%, 0);

    -webkit-transform: translate(-50%, 0);

    -moz-transform: translate(-50%, 0);

    -ms-transform: translate(-50%, 0);

    -o-transform: translate(-50%, 0);

}



.header.on .nav ul li span {

    background-color: #202c52;

}



.header:hover .nav ul li span {

    background-color: #202c52;

}



.header .nav ul li:hover span {

    width: 100%;

}



.header .nav ul li.on span {

    width: 100%;

}



.full_text {

    display: none

}



.full_text.on {

    display: block

}



.nav .y_j {

    position: relative;

}



.nav .e_j {

    width: 150px;

    background-color: rgba(255, 255, 255, 1);

    position: absolute;

    top: 90px;

    left: 50%;

    display: none;

    z-index: 9999;

    border-radius: 0;

    margin-left: -75px

}



.header .nav .e_j.cp {

    width: 200px;

}



.header.on .nav .e_j {

    top: 90px;

}



/*.header.on .nav .e_j{box-shadow:0 2px 2px #aaa;}*/

.header .nav ul li .e_j a {

    display: block;

    font-size: 14px;

    font-weight: normal;

    color: #000;

    line-height: 40px;

    border-bottom: 1px solid rgba(0, 0, 0, 0.15);

    text-align: center;

    transition: all .3s;

    -o-transition: all .3s;

    -ms-transition: all .3s;

    -moz-transition: all .3s;

    -webkit-transition: all .3s;

}



.header.on .nav ul li.on .e_j a {

    color: #202c52;

}



.nav .e_j .ejy {

    position: relative

}



.nav .e_j .s_j {

    width: 150px;

    background-color: rgba(255, 255, 255, 1);

    position: absolute;

    top: 0px;

    left: 150px;

    display: none;

    z-index: 9999;

    border-left: 1px solid rgba(0, 0, 0, 0.15);

    border-radius: 0;

}



.nav .e_j .s_j.jr {

    width: 120px;

}



.nav .e_j .s_j a {

    font-size: 12px !important;

}



.header .nav .e_j a:hover {

    background-color: #0c4a97;

    color: #fff;

    padding-left: 15px;

}



.header.on .nav ul li.on .e_j a:hover {

    color: #fff;

}



.nav ul li .e_j .ejy:hover .s_j {

    display: block

}



@media (min-width:1024px) {



    .header .nav .e_j {

        display: none !important;

    }



    .header .nav ul li:hover .e_j {

        display: block !important;

    }



    .head_h {

        height: 68px;

        display: none

    }

}



@media (max-width:102px) {

    .header .nav ul li {

        margin: 0 15px;

    }



    .header .nav ul li a {

        font-size: 15px;

    }

}





@media (max-width:1368px) {



    .header .nav ul li .e_j a {

        display: block;

        font-size: 14px;

        color: #000;

        line-height: 38px;

    }



}





@media (max-width:1200px) {

    .header .nav ul li {

        margin: 0 20px;

    }



    .header .nav ul li a {

        font-size: 16px;

    }

}



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

    .head_h {

        height: 60px;

        display: block

    }



    .header {

        border: 0;

        height: 60px;

        background: #fff;

        width: 100%

    }



    .weixin a.wb {

        height: 30px;

        line-height: 30px;

        background: url(../images/top9.png) center no-repeat;

    }



    .header .container {

        padding: 0;

        width: 94%

    }



    .header .logo {

        width: 250px;

        margin: 10px auto;

    }



    .header .logo .img1 {

        display: none;

    }



    .header .logo .img2 {

        display: block;

    }



    .header.on .logo {

        width: 250px;

        margin: 10px auto;

    }



    .header .language {

        float: right;

        text-align: center;

        line-height: 32px;

        color: #333;

        margin-left: 25px;

        cursor: pointer;

        position: relative;

        z-index: 9;

        line-height: 60px;

        font-size: 16px;

        font-weight: 600;

        margin-right: 60px

    }



    .header .right {

        margin-right: 60px;

        margin-top: 15px;

    }



    .header.on .right {

        margin-top: 15px;

    }



    .header .right a {

        line-height: 30px;

        width: 30px;

        color: #666

    }



    .header .right a.a2 {

        background: url(../images/s.png) center / 20px no-repeat;

    }



    .searchIpt {

        right: 150px;

        top: 15px;

        width: 190px;

    }



    .searchIpt .search_txt {

        width: 122px;

    }



    .header .an {

        display: block;

        right: 10px;

    }



    .header .an span {

        background-color: #999

    }



    .header .nav ul {

        width: 100%;

    }



    .header.on .nav {

        width: 60%

    }



    .header .nav {

        width: 100%;

        padding: 15px 5%;

        background-color: #fff;

        height: 100%;

        position: fixed;

        top: 60px;

        right: -100%;

        z-index: 9999;

        overflow: auto;

        transition: all .5s;

        -o-transition: all .5s;

        -ms-transition: all .5s;

        -moz-transition: all .5s;

        -webkit-transition: all .5s;

        margin-top: 0

    }



    .header .nav.on {

        right: 0;

    }



    .header.on .nav ul li a {

        font-size: 14px;

        color: #333;

    }



    .header.on .nav .e_j {

        top: 0;

    }



    .header .nav i {

        display: none;

    }



    .header .nav ul li {

        line-height: 40px;

        text-align: left;

        border-bottom: 1px solid #ccc;

        float: none;

        margin: 0;

        padding: 0

    }



    .header .nav ul li::after {

        background: rgba(0, 0, 0, 0);

    }



    .header.on .nav ul li {

        line-height: 40px;

    }



    .header .nav .e_j {

        width: 100%;

        border-top: 1px solid #ccc;

        background: none;

        position: relative;

        display: none;

        top: auto;

        left: auto;

        margin: 0;

        padding-bottom: 10px;

    }



    .header .nav ul li .e_j a {

        color: #666;

        text-align: left;

        line-height: 40px;

        font-size: 15px;

    }



    .header .nav ul li .e_j a:hover {

        color: #fff

    }



    .header .nav .e_j a {

        border-top: 0;

        font-size: 12px;

        color: #aaa;

        line-height: 32px;

    }



    .header .nav .e_j a:hover {

        background: none;

    }



    .header .nav ul li:hover .e_j {

        display: none;

    }



    .nav .e_j .s_j {

        width: 100%;

        position: relative;

        top: 0px;

        left: 0px;

        border: 0

    }



    .header .nav ul li a {

        font-size: 14px;

        color: #333;

    }



    .header:hover .nav ul li a {

        font-size: 14px;

    }



    .header .nav ul li:hover span {

        width: 0;

    }



    .header .nav ul li.on span {

        width: 0;

    }



    .header .y_y {

        margin-right: 60px

    }



    .header .language .x_l {

        top: 60px

    }

}



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

    .header .container {

        padding: 0;

        width: 94%

    }



    .header .s_ch {

        width: 30px;

        height: 60px;

        border-radius: 16px;

        line-height: 60px;

        text-align: center;

        color: #333;

        float: right;

        cursor: pointer;

        font-weight: bold;

        margin-right: 50px;

        display: none

    }



    .header .logo {

        width: 50px;

        margin: 5px auto 0;

    }



    .header .right {

        margin-right: 60px;

    }



    .header.on .logo {

        width: 50px;

        margin: 5px auto 0;

    }



    .header.on .right a.a2 {

        background: url(../images/s.png) center / 20px no-repeat;

    }



    .header .x_z {

        float: right;

        background: #202c52;

        width: 80px;

        height: 26px;

        line-height: 26px;

        border-radius: 5px;

        text-align: center;

        margin-top: 18px;

        font-size: 14px

    }



    .header .y_y {

        float: right;

        height: 26px;

        margin-top: 18px;

        margin-left: 5px;

        border: 1px solid #202c52;

        border-radius: 5px;

        overflow: hidden;

        transition: all .5s;

        -o-transition: all .5s;

        -ms-transition: all .5s;

        -moz-transition: all .5s;

        -webkit-transition: all .5s;

        margin-right: 50px

    }



    .header.on .y_y {

        margin-top: 18px;

    }



    .header .an {

        display: block;

        right: 5px;

    }

}



@-webkit-keyframes zhiding {

    from {

        -webkit-transform: translateY(-100%);

    }



    to {

        -webkit-transform: translateY(0);

    }

}



@-moz-keyframes zhiding {

    from {

        -moz-transform: translateY(-100%);

    }



    to {

        -moz-transform: translateY(0);

    }

}



@-ms-keyframes zhiding {

    from {

        -ms-transform: translateY(-100%);

    }



    to {

        -ms-transform: translateY(0);

    }

}



@-o-keyframes zhiding {

    from {

        -o-transform: translateY(-100%);

    }



    to {

        -o-transform: translateY(0);

    }

}



@keyframes zhiding {

    from {

        transform: translateY(-100%);

    }



    to {

        transform: translateY(0);

    }

}



.search {

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, .8);

    position: fixed;

    top: 0;

    left: 0;

    z-index: 9999;

    display: none;

}



.search .sc_bj {

    width: 100%;

    padding: 150px 0;

    background-color: #fff;

    position: relative;

}



.search .sc_gb {

    position: absolute;

    top: 50px;

    right: 50px;

    cursor: pointer;

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

}



.search .sc_gb:hover {

    transform: rotate(360deg);

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -o-transform: rotate(360deg);

}



.search .sc_gb i {

    font-size: 36px;

    color: #555;

}



.search .sc_nr {

    width: 500px;

    border-bottom: 1px solid #ddd;

    margin: 0 auto;

}



.search input {

    width: 430px;

    height: 60px;

    font-size: 16px;

    line-height: 60px;

    color: #555;

    float: left;

}



.search input::placeholder {

    color: #aaa;

}



.search button {

    width: 70px;

    height: 60px;

    line-height: 60px;

    text-align: center;

    color: #000;

    float: right;

    outline: none;

}



.search button i {

    font-weight: bold;

}



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

    .search .sc_bj {

        padding: 100px 0;

    }



    .search .sc_gb {

        top: 20px;

        right: 20px;

    }



    .search .sc_gb i {

        font-size: 26px;

    }



    .search .sc_nr {

        width: 90%;

    }



    .search input {

        width: 85%;

        font-size: 15px;

    }



    .search button {

        width: 15%;

    }



    .search button i {

        font-size: 26px;

    }

}



.pc_ban {

    width: 100%;

    height: 90vh;

    position: relative;

    overflow: hidden;

}



.pc_ban .swiper-slide:after {

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, .1);

    position: absolute;

    left: 0;

    bottom: 0;

    content: "";

}



.pc_ban .swiper-button-prev {

    width: 40px;

    height: 40px;

    background: url(../images/ban_l.png) no-repeat center;

    left: 0%;

    margin-top: -20px;

    opacity: 0;

    background-size: 40px 40px;

    -webkit-background-size: 40px 40px;

    -moz-background-size: 40px 40px;

    -ms-background-size: 40px 40px;

    -o-background-size: 40px 40px;

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

}



.pc_ban:hover .swiper-button-prev {

    left: 2%;

    opacity: .8;

}



.pc_ban .swiper-button-next {

    width: 40px;

    height: 40px;

    background: url(../images/ban_r.png) no-repeat center;

    right: 0%;

    margin-top: -20px;

    opacity: 0;

    background-size: 40px 40px;

    -webkit-background-size: 40px 40px;

    -moz-background-size: 40px 40px;

    -ms-background-size: 40px 40px;

    -o-background-size: 40px 40px;

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

}



.pc_ban:hover .swiper-button-next {

    right: 2%;

    opacity: .8;

}



.pc_ban .container {

    position: absolute;

    top: 55%;

    left: 50%;

    z-index: 99;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

}



.pc_ban .w_z {

    width: 80%;

    margin: 0 auto;

    color: #fff;

    text-align: center;

    position: relative;

}



.pc_ban .w_z h2 {

    font-size: 45px;

    font-weight: bold;

    line-height: 90px;

    color: #fff;

    letter-spacing: 3px

}



.pc_ban .w_z p {

    font-size: 20px;

    text-transform: uppercase;

    line-height: 32px;

    margin-top: 15px;

}



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

    .pc_ban {

        height: 36vh;

        min-height: inherit;

    }



    .pc_ban .container {

        width: 100%;

        top: 50%;

    }



    .pc_ban .swiper-button-prev {

        display: none;

    }



    .pc_ban .swiper-button-next {

        display: none;

    }



    .pc_ban .swiper-pagination {

        bottom: 10px;

    }



    .pc_ban .swiper-pagination-bullet {

        width: 30px;

        height: 2px;

    }



    .pc_ban .w_z {

        width: 100%;

    }



    .pc_ban .w_z h2 {

        font-size: 22px;

        font-weight: normal;

        line-height: 32px;

    }



    .pc_ban .w_z p {

        font-size: 16px;

        letter-spacing: 1px;

        line-height: 26px;

    }

}



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

    .pc_ban {

        height: 26vh;

        min-height: inherit;

        margin-top: 60px

    }



    .pc_ban .w_z h2 {

        font-size: 20px;

        font-weight: bold;

        line-height: 28px;

    }



    .pc_ban .w_z p {

        font-size: 14px;

        line-height: 24px;

        margin-top: 8px;

    }

}



.tit {

    margin-bottom: 30px;

    text-align: center

}



.tit h1 {

    font-size: 30px;

    color: #333;

    margin-bottom: 15px;

    position: relative;

    font-weight: 700

}



.tit h1::after {

    content: " ";

    position: absolute;

    left: 50%;

    bottom: -12px;

    width: 50px;

    margin-left: -30px;

    height: 3px;

    background: #202c52;

}



.tit h3 {

    font-size: 14px;

    color: #666;

    margin-top: 25px;

    text-transform: uppercase

}



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

    .tit {

        margin-bottom: 20px;

        text-align: center

    }



    .tit h1 {

        font-size: 16px;

        color: #333;

        margin-bottom: 20px;

        position: relative;

        font-weight: 700

    }



    .tit h1::after {

        content: " ";

        position: absolute;

        left: 50%;

        bottom: -12px;

        width: 30px;

        margin-left: -15px;

        height: 3px;

        background: #202c52;

    }



    .tit h3 {

        font-size: 14px;

        color: #666;

        margin-top: 15px;

        text-transform: uppercase

    }

}



.tit1 {

    margin-bottom: 30px;

    text-align: center

}



.tit1 h1 {

    font-size: 30px;

    color: #fff;

    margin-bottom: 15px;

    position: relative;

    font-weight: 700

}



.tit1 h1::after {

    content: " ";

    position: absolute;

    left: 50%;

    bottom: -12px;

    width: 50px;

    margin-left: -30px;

    height: 3px;

    background: #fff;

}



.tit1 h3 {

    font-size: 14px;

    color: #fff;

    margin-top: 25px;

    text-transform: uppercase

}



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

    .tit1 {

        margin-bottom: 20px;

        text-align: center

    }



    .tit1 h1 {

        font-size: 16px;

        color: #fff;

        margin-bottom: 20px;

        position: relative;

        font-weight: 700

    }



    .tit1 h1::after {

        content: " ";

        position: absolute;

        left: 50%;

        bottom: -12px;

        width: 30px;

        margin-left: -15px;

        height: 3px;

        background: #fff;

    }



    .tit1 h3 {

        font-size: 14px;

        color: #fff;

        margin-top: 15px;

        text-transform: uppercase

    }

}



.sy_about {

    padding: 60px 0;

    overflow: hidden;

    background: url(../images/gybj.jpg) center / cover no-repeat;

}



.sy_about h3 {

    font-size: 30px;

    color: #333;

    margin-bottom: 30px;

    position: relative;

    font-weight: 600;

    margin-top: 5px

}



.sy_about h3::after {

    content: " ";

    position: absolute;

    left: 0;

    bottom: -15px;

    width: 50px;

    height: 0;

    border: 2px solid #202c52;

}



.sy_about .tp {

    float: left;

    width: 550px;

}



.sy_about .tp img {

    width: 100%;

    display: block;

}



.sy_about .nr {

    font-size: 15px;

    width: 580px;

    float: right;

    text-align: justify;

}



.sy_about .nr p {

    margin-bottom: 14px;

    line-height: 30px;

    color: #333;

}



.wrapper {

    width: 1300px;

    margin: 50px auto 0;

}



.wrapper ul li {

    margin-top: 50px;

    width: 23.4%;

    text-align: center;

    float: left;

    line-height: 60px;

    margin: 0 2% 2% 0;

    padding: 20px 0 10px;

    background: rgba(255, 255, 255, 0.8);

    border-radius: 8px;

    -webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .06), 0 15px 40px 0 rgba(0, 0, 0, .06);

    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .06), 0 15px 40px 0 rgba(0, 0, 0, .06);

}



.wrapper ul li:nth-child(4) {

    margin-right: 0

}



.wrapper ul li p {

    font-size: 16px;

    color: #333 !important;

    margin-bottom: 10px;

    text-indent: 0 !important;

    line-height: 1.8;

}



.wrapper ul li .dz span {

    font-size: 50px;

    color: #202c52;

    font-weight: bold;

}



.wrapper ul li .dz {

    font-size: 14px;

    color: #666;

    height: 61px;

}



.wrapper h2 {

    font-size: 43px;

    color: #202c52;

    font-weight: bold;

    display: inline-block;

}



.wrapper h2 i {

    font-style: normal;

}



.wrapper ul li:nth-child(n+3) .dz {

    font-size: 40px;

    color: #202c52;

}



.wrapper ul li:hover {

    background: -webkit-linear-gradient(top, #004f87, #008dd6);

    background: -o-linear-gradient(top, #004f87, #008dd6);

    background: -moz-linear-gradient(top, #004f87, #008dd6);

    background: linear-gradient(to top, #004f87, #008dd6);

    ;

    transition: all .3s;

    -o-transition: all .3s;

    -ms-transition: all .3s;

    -moz-transition: all .3s;

    -webkit-transition: all .3s;

}



.wrapper ul li:hover .dz span {

    color: #fff;

    transition: all .3s;

    -o-transition: all .3s;

    -ms-transition: all .3s;

    -moz-transition: all .3s;

    -webkit-transition: all .3s;

}



.wrapper ul li:hover .dz {

    color: #fff;

}



.wrapper ul li:hover h2 {

    color: #fff;

}



.wrapper ul li:nth-child(n+3):hover .dz {

    color: #fff;

}



.wrapper ul li:hover p {

    color: #fff !important;

}







.sy_about .nr .more a {

    font-size: 14px;

    text-transform: capitalize;

    color: #fff;

    text-align: center;

    line-height: 45px;

    margin-top: 10px;

    display: inline-block;

    position: relative;

    width: 150px;

    background: -webkit-linear-gradient(top, #004f87, #008dd6);

    background: -o-linear-gradient(top, #004f87, #008dd6);

    background: -moz-linear-gradient(top, #004f87, #008dd6);

    background: linear-gradient(to top, #004f87, #008dd6);

    ;

    text-align: center;

    border-radius: 25px;

    transition: all .3s;

    -o-transition: all .3s;

    -ms-transition: all .3s;

    -moz-transition: all .3s;

    -webkit-transition: all .3s;

}



.sy_about .nr .more a span {

    width: 0;

    height: 2px;

    background-color: #202c52;

    position: absolute;

    left: 50%;

    bottom: 0;

    transition: all .3s;

    -o-transition: all .3s;

    -ms-transition: all .3s;

    -moz-transition: all .3s;

    -webkit-transition: all .3s;

    transform: translate(-50%, 0);

    -webkit-transform: translate(-50%, 0);

    -moz-transform: translate(-50%, 0);

    -ms-transform: translate(-50%, 0);

    -o-transform: translate(-50%, 0);

}



.sy_about .nr .more a:hover {

    opacity: 0.8;

    transition: all .3s;

    -o-transition: all .3s;

    -ms-transition: all .3s;

    -moz-transition: all .3s;

    -webkit-transition: all .3s;

}



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

    .sy_about {

        padding: 20px 0;

        overflow: hidden;

        background: url(../images/gybj.jpg) center / cover no-repeat;

    }



    .sy_about h3 {

        font-size: 16px;

        color: #333;

        margin-bottom: 20px;

        position: relative;

        font-weight: 600;

        margin-top: 15px

    }



    .sy_about h3::after {

        content: " ";

        position: absolute;

        left: 0;

        bottom: -15px;

        width: 30px;

        height: 0;

        border: 2px solid #202c52;

    }



    .sy_about .tp {

        float: none;

        width: 100%;

    }



    .sy_about .nr {

        font-size: 14px;

        width: 100%;

        float: none;

        text-align: justify;

    }



    .sy_about .nr p {

        margin-bottom: 5px;

        line-height: 26px;

        color: #333;

    }



    .sy_about .nr .more a {

        font-size: 14px;

        text-transform: capitalize;

        color: #fff;

        text-align: center;

        line-height: 35px;

        margin-top: 10px;

        display: inline-block;

        position: relative;

        width: 130px;

        background: -webkit-linear-gradient(top, #004f87, #008dd6);

        background: -o-linear-gradient(top, #004f87, #008dd6);

        background: -moz-linear-gradient(top, #004f87, #008dd6);

        background: linear-gradient(to top, #004f87, #008dd6);

        ;

        text-align: center;

        border-radius: 17px;

        transition: all .3s;

        -o-transition: all .3s;

        -ms-transition: all .3s;

        -moz-transition: all .3s;

        -webkit-transition: all .3s;

    }

}







/* 我们的业务 */

.sy_cpfw {

    padding: 60px 0;

    background: #f6f6f6;

    overflow: hidden;

}



.section-wrapper {

    max-width: 1300px;

    padding-left: 30px;

    padding-right: 30px;

    margin-left: auto;

    margin-right: auto;

    height: auto;

    overflow: hidden;

}



.mall-app>ul {

    margin-left: -10px;

    margin-right: -10px;

}



.mall-app>ul:before,

.mall-app>ul:after {

    content: " ";

    display: table;

    box-sizing: inherit;

}



.mall-app>ul>li {

    float: left;

    width: 50%;

    padding-left: 10px;

    padding-right: 10px;

    box-sizing: border-box;

}



.mall-app-card {

    position: relative;

    height: 320px;

    overflow: hidden;

    background-size: cover;

    background-position: center;

    text-align: center;

    cursor: pointer;

}



.mall-app-card-bg {

    position: absolute;

    z-index: 0;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    transition: 0.2s;

    background: rgba(0, 0, 0, 0.5)

}



.mall-app-card-top {

    position: relative;

    height: 50%;

}



.mall-app-card-top i {

    display: block;

    position: absolute;

    top: 110px;

    right: 0;

    left: 0;

    width: 48px;

    height: 49px;

    margin: 0 auto;

    background-position: center;

    transition: 0.2s;

    background-repeat: no-repeat;

}



.mall-app-card-top h2 {

    position: absolute;

    top: 185px;

    right: 0;

    left: 0;

    font-size: 20px;

    line-height: 28px;

    color: #fff;

    transition: 0.2s;

}



.mall-app-card-top h2:before {

    content: "";

    position: absolute;

    top: 100%;

    right: 0;

    left: 0;

    width: 0;

    height: 4px;

    margin: 15px auto;

    background-color: #0174f2;

    transition: 0.2s 0.2s;

}



.mall-app-card-top p {

    position: absolute;

    top: 173px;

    right: 0;

    left: 0;

    padding-left: 40px;

    padding-right: 40px;

    margin: 10px auto 0;

    font-size: 14px;

    line-height: 24px;

    color: #fff;

    opacity: 0;

    transition: 0.2s;

}



.mall-app-card-bottom {

    position: relative;

    height: 50%;

    padding-top: 30px;

    font-size: 14px;

    line-height: 24px;

    color: #fff;

}



.mall-app-card-bottom li {

    margin-bottom: 10px;

}



.mall-app-card-bottom li a {

    color: #fff;

}



.mall-app-card-bottom li a:hover {

    color: #0174f2;

}



.section-bottom {

    padding-top: 40px;

    padding-bottom: 50px;

}



.section-more-wrap {

    text-align: center;

}



.section-more-wrap a {

    display: inline-block;

    font-size: 16px;

    line-height: 24px;

    color: #666a75;

    cursor: pointer;

    user-select: none;

    transition: 0.2s;

}



.section-more-wrap a:hover {

    color: #0174f2;

}



.section-more-wrap a:hover i {

    transform: translate3d(5px, 0px, 0px);

}



.section-more-wrap a .cui-icon {

    margin-top: -2px;

    margin-left: 10px;

    transition: transform 0.2s;

}



.cui-icon {

    font-family: 'cui-icon' !important;

    speak: none;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    display: inline-block;

    vertical-align: middle;

    font-size: 16px;

}



.mall-app-card:hover .mall-app-card-bg {

    -ms-transform: scale(1.05);

    transform: scale(1.05);

}



.mall-app-card:hover .mall-app-card-top i {

    opacity: 0;

}



.mall-app-card:hover .mall-app-card-top h2 {

    top: 85px;

}



.mall-app-card:hover .mall-app-card-top h2:before {

    width: 68px;

}



.mall-app-card:hover .mall-app-card-top p {

    margin-top: 0;

    opacity: 1;

}



.sy_zx {

    width: 100%;

    padding: 60px 0;

    background: url(../images/bn_bj.jpg) no-repeat center / cover fixed;

    overflow: hidden;

}



.sy_zx .gy_bt h2 {

    color: rgba(255, 255, 255, .1)

}



.sy_zx .gy_bt h3 {

    color: #fff;

    background: url(../images/bt1.png) no-repeat center bottom;

}



.sy_zx .gy_bt p {

    color: #fafafa;

}



.sy_zx .gy_bt em {

    background-color: #fff;

}



.sy_zx .col-md-4 {

    border-right: 1px solid rgba(255, 255, 255, .3);

}



.sy_zx .col-md-4:last-child {

    border-right: 0;

}



.sy_zx .n_r {

    text-align: center;

    padding: 15px 30px;

}



.sy_zx .t_b {

    width: 90px;

    padding: 5px;

    border: 2px solid #fff;

    border-radius: 50%;

    margin: 0 auto 30px;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

}



.sy_zx .n_r:hover .t_b {

    transform: rotateY(180deg);

    -webkit-transform: rotateY(180deg);

    -moz-transform: rotateY(180deg);

    -ms-transform: rotateY(180deg);

    -o-transform: rotateY(180deg);

}



.sy_zx .t_b img {

    width: 100%;

    height: auto;

    display: block;

}



.sy_zx h4 {

    font-size: 20px;

    font-weight: bold;

    line-height: 32px;

    color: #fff;

    margin-bottom: 10px;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

}



.sy_zx p {

    color: #fff;

    line-height: 24px;

    font-size: 14px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

}



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

    .sy_zx {

        padding: 40px 0;

    }



    .sy_zx .row {

        margin: 0 -10px;

    }



    .sy_zx .col-md-4 {

        padding: 0 10px;

    }



    .sy_zx .n_r {

        padding: 30px 15px;

    }



    .sy_zx .t_b {

        width: 80px;

        margin: 0 auto 20px;

    }



    .sy_zx h4 {

        font-size: 20px;

        line-height: 32px;

        margin-bottom: 6px;

    }



    .sy_zx p {

        font-size: 14px;

        line-height: 22px;

    }

}



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

    .sy_zx {

        padding: 50px 0 10px;

    }



    .sy_zx .gy_bt {

        margin-bottom: 0;

    }



    .sy_zx .row {

        margin: 0;

    }



    .sy_zx .col-md-4 {

        padding: 0;

        border-right: 0;

        border-bottom: 1px solid rgba(255, 255, 255, .3);

    }



    .sy_zx .col-md-4:last-child {

        border-bottom: 0;

    }



    .sy_zx .n_r {

        padding: 40px 0;

    }



    .sy_zx .t_b {

        width: 70px;

        border: 1px solid #fff;

    }



    .sy_zx h4 {

        font-size: 18px;

        line-height: 28px;

    }

}





.sy_ys {}



.sy_ys .five-part {

    width: 25%;

    height: 330px;

    float: left;

    text-align: center;

    border: #fff 1px solid;

    box-sizing: border-box;

    background: rgba(255, 255, 255, 0.7);

    border-right: 0;

}



.sy_ys .five-part:hover {

    box-shadow: 0px 5px 20px 0px rgba(169, 180, 190, 0.2);

    background: -webkit-linear-gradient(top, #004f87, #008cd4);

    background: -o-linear-gradient(top, #004f87, #008cd4);

    background: -moz-linear-gradient(top, #004f87, #008cd4);

    background: linear-gradient(to top, #004f87, #008cd4);

}



.sy_ys .five-value-img {

    width: 50px;

    height: 50px;

    margin: 50px auto 40px;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

}



.sy_ys .five-part:hover .five-value-img {

    -webkit-transform: rotateY(360deg);

    -moz-transform: rotateY(360deg);

    -o-transform: rotateY(360deg);

    -ms-transform: rotateY(360deg);

    transform: rotateY(360deg);

}



.sy_ys .five-value-img img {

    width: 100%;

    display: block;

}



.sy_ys .five-part:hover .five-value-img img {

    filter: grayscale(100%) brightness(400%);

    -webkit-filter: grayscale(100%) brightness(400%);

    -moz-filter: grayscale(100%) brightness(400%);

    -ms-filter: grayscale(100%) brightness(400%);

    -o-filter: grayscale(100%) brightness(400%);

}





.five-part:nth-child(4) {

    border-right: #fff 1px solid

}



.five-part .five-font-sty {

    font-size: 20px;

    font-weight: bold;

    color: rgba(0, 0, 0, 1);

    line-height: 28px;

    margin-bottom: 25px;

}



.five-part:hover .five-font-sty {

    color: rgba(255, 255, 255, 1);

}



.five-part:hover .span-line {

    color: rgba(255, 255, 255, 1);

}



.sy_ys .span-line {



    display: block;

    margin-top: 10px;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.8;

    color: rgba(0, 0, 0, 0.6);

    width: 80%;

    margin: 0 auto

}





.sy_cp1 {

    width: 100%;

    padding: 60px 0;

}



.sy_cp1 .swiper-cp1 .swiper-slide {

    width: 20%;

    text-align: center;

}



.sy_cp1 .swiper-cp1 img {

    width: 100%;

    height: auto;

    display: block;

}



.sy_cp1 .swiper-cp1 .t_p {

    position: relative;

    border: 1px solid #e7e7e7;

    overflow: hidden;

}



.sy_cp1 .swiper-cp1 .b_j {

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, .7);

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0;

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

}



.sy_cp1 .swiper-cp1 .swiper-slide:hover .b_j {

    opacity: 1;

}



.sy_cp1 .swiper-cp1 .t_b {

    width: 40px;

    height: 40px;

    background-color: #fff;

    border-radius: 50%;

    font-size: 22px;

    line-height: 40px;

    text-align: center;

    position: absolute;

    top: -100%;

    left: 50%;

    margin-left: -20px;

    margin-top: -20px;

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

}



.sy_cp1 .swiper-cp1 .swiper-slide:hover .t_b {

    top: 50%;

}



.sy_cp1 .swiper-cp1 .swiper-slide .t_p img {

    width: 100%;

    height: auto;

    display: block;

    opacity: .6;

}



.sy_cp1 .swiper-cp1 .swiper-slide-active .t_p img {

    opacity: 1;

}



.sy_cp1 .swiper-cp1 .w_z {

    margin-top: 5px;

    font-size: 16px;

    line-height: 32px;

    background-color: #e1e5ea;

    padding: 10px 10px;

    color: #4d4d4d

}



.sy_cp1 .swiper-cp1 .swiper-slide:hover .w_z {

    background-color: #0c459e;

    color: #fff;

}



.sy_cp1 .swiper-cp1 .swiper-button-prev {

    background: url(../images/banner-l.png) no-repeat;

    width: 32px;

    height: 32px;

    margin-top: -22px;

    background-size: 32px 32px;

    -webkit-background-size: 32px 32px;

    -moz-background-size: 32px 32px;

    -ms-background-size: 32px 32px;

    -o-background-size: 32px 32px;

}



.sy_cp1 .swiper-cp1 .swiper-button-next {

    background: url(../images/banner-r.png) no-repeat;

    width: 32px;

    height: 32px;

    margin-top: -22px;

    background-size: 32px 32px;

    -webkit-background-size: 32px 32px;

    -moz-background-size: 32px 32px;

    -ms-background-size: 32px 32px;

    -o-background-size: 32px 32px;

}



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

    .sy_cp1 {

        padding: 20px 0 0;

    }



    .sy_cp1 .swiper-cp1 {

        padding-bottom: 30px;

    }



    .sy_cp1 .swiper-cp1 .swiper-slide {

        width: 50%;

    }



    .sy_cp1 .swiper-cp1 .swiper-button-prev {

        display: none;

    }



    .sy_cp1 .swiper-cp1 .swiper-button-next {

        display: none;

    }



    .sy_cp1 .swiper-cp1 .w_z {

        margin-top: 10px;

        font-size: 14px;

        line-height: 22px;

    }

}





.lybj {

    padding: 60px 0 10px;

    overflow: hidden;

    position: relative;

    background: #202c52

}



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

    .lybj {

        padding: 20px 0 0;

        overflow: hidden;

        position: relative;

    }

}



.gy_bt {

    width: 100%;

    text-align: center;

    text-transform: uppercase;

    margin-bottom: 30px;

}



.gy_bt h2 {

    font-family: Arial;

    font-size: 72px;

    line-height: 50px;

    color: #999;

    font-weight: 800;

    color: rgba(153, 153, 153, 0.1);

    position: relative;

}



.gy_bt h3 {

    font-size: 32px;

    line-height: 44px;

    background: url(../images/bt.jpg) no-repeat center bottom;

    padding-bottom: 15px;

    font-weight: bold;

    color: #333

}



.gy_bt p {

    font-size: 16px;

    color: #666;

    padding-top: 10px;

    line-height: 30px

}



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

    .gy_bt {

        margin-bottom: 20px;

    }



    .gy_bt h2 {

        font-family: Arial;

        font-size: 20px;

        line-height: 40px;

        color: #999;

        font-weight: 800;

        color: rgba(153, 153, 153, 0.1);

        position: relative;

    }



    .gy_bt h3 {

        font-size: 20px;

        line-height: 34px;

        margin-top: 0px;

        background: url(../images/bt.jpg) no-repeat center bottom;

        padding-bottom: 5px;

    }



    .gy_bt p {

        font-size: 14px;

        color: #999;

        padding: 10px 10px 0;

        line-height: 22px

    }

}





.gy_bt1 {

    width: 100%;

    text-align: center;

    text-transform: uppercase;

    margin-bottom: 20px;

}



.gy_bt1 h3 {

    font-size: 24px;

    line-height: 44px;

    margin-top: -15px;

    background: url(../images/bt.jpg) no-repeat center bottom;

    padding-bottom: 10px;

    font-weight: bold;

    color: #333

}



.gy_bt1 p {

    font-size: 16px;

    color: #555;

    padding-top: 10px;

    line-height: 30px

}



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

    .gy_bt1 {

        margin-bottom: 20px;

    }



    .gy_bt1 h2 {

        font-family: Arial;

        font-size: 20px;

        line-height: 40px;

        color: #999;

        font-weight: 800;

        color: rgba(153, 153, 153, 0.1);

        position: relative;

    }



    .gy_bt1 h3 {

        font-size: 16px;

        line-height: 34px;

        margin-top: 0px;

        background: url(../images/bt.jpg) no-repeat center bottom;

        padding-bottom: 5px;

    }



    .gy_bt1 p {

        font-size: 14px;

        color: #555;

        padding-top: 10px;

        line-height: 26px

    }

}





#particles-js {

    width: 100%;

    height: auto;

    position: absolute;

    top: 0;

    left: 0;

    opacity: .3

}



.guanyu {

    background: #fafafa url(../images/bg1.jpg) center right no-repeat;

    background-size: auto 100%;

    overflow: hidden;

    padding: 60px 0;

}



.guanyu .container {

    display: flex;

    justify-content: space-between;

    align-items: center;

    flex-direction: row-reverse;

}



.sy_gypic {

    width: 47%;

    overflow: hidden;

    margin-left: 3%

}



.sy_gypic img {

    width: 100%;

    height: auto;

    transition: all 0.6s

}



.sy_gypic a:hover img {

    transform: scale(1.1, 1.1);

    transition: all 0.6s

}



.sy_gyzi {

    width: 50%;

}



.sy_gyzi h1 {

    display: block;

    color: rgba(0, 92, 169, 0.1);

    font-size: 62px;

    font-weight: 800;

    line-height: 50px;

}



.sy_gyzi h2 {

    display: block;

    color: #333;

    font-size: 32px;

    font-weight: bold;

    margin-top: 10px

}



.sy_gyzi p {

    display: block;

    margin: 25px auto;

    font-size: 16px;

    line-height: 36px;

    color: #464646;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 8;

    overflow: hidden

}



.sy_gyzi span a {

    display: block;

    background: #202c52;

    width: 160px;

    color: #fff;

    line-height: 45px;

    border-radius: 30px;

    text-align: center;

    font-size: 14px;

    transition: all 0.6s

}



.sy_gyzi span a:hover {

    background: #0669a5;

    transition: all 0.6s

}









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

    .guanyu {

        padding: 50px 0;

    }



    .sy_gyzi h1 {

        display: block;

        color: #202c52;

        font-size: 30px

    }



    .sy_gyzi h2 {

        display: block;

        color: #333;

        font-size: 16px;

        margin-top: 0

    }



    .sy_gyzi p {

        display: block;

        margin: 10px auto;

        font-size: 15px;

        line-height: 28px;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 6;

    }



    .sy_gyzi span a {

        width: 120px;

        line-height: 35px;

        font-size: 12px

    }



    .guanyu .more1 {

        margin: 10px auto 0;

    }





}





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

    .guanyu {

        background: #f4f4f8;

        padding: 20px 0;

    }



    .guanyu .container {

        display: block

    }





    .sy_gypic {

        width: 100%;

        overflow: hidden;

        margin-left: 0

    }



    .sy_gyzi {

        width: 100%;

        margin-top: 20px

    }



}



.sy_ys {

    width: 100%;

    padding: 60px 0;

    overflow: hidden;

}



.sy_ys .t_b {

    width: 92px;

    height: 92px;

    border-radius: 50%;

    border: 1px solid #202c52;

    margin: 0 auto;

    position: relative;

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

}



.sy_ys .n_r:hover .t_b {

    border: 1px solid #fff;

}



.sy_ys .t_b:after {

    width: 80px;

    height: 80px;

    border-radius: 50%;

    position: absolute;

    top: 5px;

    left: 5px;

    background-color: #fff;

    content: "";

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

}



.sy_ys .n_r:hover .t_b:after {

    background-color: #fafafa;

}



.sy_ys .b {

    width: 90px;

    height: 90px;

    border-radius: 50%;

    margin: 0 auto;

    background-position: top center;

    background-repeat: no-repeat;

    background-size: 100% auto;

    overflow: hidden;

    position: relative;

    z-index: 9;

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

}



.sy_ys .n_r:hover .b {

    background-position: bottom center;

}



.sy_ys .n_r {

    padding: 30px 20px;

    border-radius: 10px;

    text-align: center;

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

    background: #fff;

    box-shadow: 0 5px 20px 0 rgba(95, 125, 158, .1);

    border: #eee 1px solid

}



.sy_ys .n_r:hover {

    background-color: #202c52;

    box-shadow: 0 8px 10px 0 rgba(0, 92, 169, .2);

}



.sy_ys .n_r h3 {

    font-size: 20px;

    font-weight: bold;

    color: #555;

    line-height: 30px;

    margin: 15px 0 10px;

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

}



.sy_ys .n_r:hover h3 {

    color: #fff;

}



.sy_ys .n_r p {

    font-size: 14px;

    color: #777;

    line-height: 25px;

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

}



.sy_ys .n_r:hover p {

    color: #fff;

}



.sy_ys a.sy_an {

    width: 100%;

    background-image: -webkit-linear-gradient(left, #e5402c, #cc0001);

    background-image: -moz-linear-gradient(left, #e5402c, #cc0001);

    background-image: -ms-linear-gradient(left, #e5402c, #cc0001);

    background-image: -o-linear-gradient(left, #e5402c, #cc0001);

    background-image: linear-gradient(left, #e5402c, #cc0001);

}



.xq {

    width: 140px;

    height: 35px;

    line-height: 35px;

    border-radius: 30px;

    background: linear-gradient(to right, #202c52, #0767a0);

    font-size: 14px;

    color: #FFF;

    margin: 15px auto 0;

}



.xq a {

    color: #fff

}



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

    .sy_ys {

        padding: 20px 0;

    }



    .sy_ys .row {

        padding-left: 5px;

        padding-right: 5px

    }



    .sy_ys .col-md-3 {

        padding-left: 5px;

        padding-right: 5px

    }



    .sy_ys .n_r {

        padding: 10px 5px 15px;

        margin-bottom: 10px

    }



    .sy_ys .n_r h3 {

        font-size: 16px;

        line-height: 28px;

        margin: 10px 0 5px;

    }



    .sy_ys .n_r p {

        font-size: 12px;

        line-height: 22px;

        min-height: inherit;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 2;

    }



    .sy_ys .t_b {

        width: 72px;

        height: 72px;

        border-radius: 50%;

        border: 1px solid #202c52;

        margin: 0 auto;

        position: relative;

        transition: all .5s;

        -o-transition: all .5s;

        -ms-transition: all .5s;

        -moz-transition: all .5s;

        -webkit-transition: all .5s;

    }



    .sy_ys .n_r:hover .t_b {

        border: 1px solid #fff;

    }



    .sy_ys .t_b:after {

        width: 60px;

        height: 60px;

        border-radius: 50%;

        position: absolute;

        top: 5px;

        left: 5px;

        background-color: #fff;

        content: "";

        transition: all .5s;

        -o-transition: all .5s;

        -ms-transition: all .5s;

        -moz-transition: all .5s;

        -webkit-transition: all .5s;

    }



    .sy_ys .n_r:hover .t_b:after {

        background-color: #fafafa;

    }



    .sy_ys .b {

        width: 70px;

        height: 70px;

        border-radius: 50%;

        margin: 0 auto;

        background-position: top center;

        background-repeat: no-repeat;

        background-size: 100% auto;

        overflow: hidden;

        position: relative;

        z-index: 9;

        transition: all .5s;

        -o-transition: all .5s;

        -ms-transition: all .5s;

        -moz-transition: all .5s;

        -webkit-transition: all .5s;

    }



    .sy_ys .b img {

        width: 100%

    }

}



.sy_al {

    width: 100%;

    padding: 60px 0 0;

    overflow: hidden;

}



.core-wrap {

    width: 100%;

    margin: 60px auto 0px;

}



.core-box {

    width: 100%;

    margin: 0px auto 60px auto;

    height: 300px;

    border: solid 1px #dddddd;

    border-left: 0

}



.core-box .infos {

    width: 25%;

    height: 300px;

    text-align: center;

    color: #333;

    border-left: solid 1px #ddd;

    position: relative;

}



.core-box .infos .txts {

    width: 100%;

    height: 100%;

    position: relative;

    z-index: 9;

}



.core-box .infos h3 {

    font-size: 20px;

    padding: 20px 0 20px;

    font-weight: bold

}



.core-box .infos em {

    font-family: Arial;

    font-size: 16px;

    line-height: 40px;

}



.core-box .infos p {

    width: 85%;

    margin: 0 auto;

    font-size: 14px;

    line-height: 25px;

    color: #666;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

}



.core-box .infos i {

    display: block;

    color: #0b9c95;

    margin: 40px auto 0;

    width: 60px

}



.core-box .infos a {

    width: 185px;

    height: 60px;

    background-color: #fff;

    border-radius: 5px;

    line-height: 60px;

    position: absolute;

    bottom: 60px;

    left: 50%;

    margin-left: -120px;

    color: #0b9c95;

    font-size: 16px;

    padding-left: 55px;

    text-align: left;

    display: none;

}



.core-box .infos a:before {

    content: '';

    display: block;

    width: 19px;

    height: 10px;

    background: url(../images/icons.png) no-repeat -28px -44px;

    position: absolute;

    right: 55px;

    top: 25px;

    z-index: 2;

}



.core-box .infos .bg {

    width: 100%;

    height: 330px;

    background-color: #202c52;

    position: absolute;

    left: 0;

    top: -16px;

    z-index: 0;

    display: none;

    box-shadow: 5px 5px 40px rgba(1, 123, 196, .4), -5px -5px 40px rgba(1, 123, 196, .4);

}



.core-box .infos:hover {

    z-index: 9;

}



.core-box .infos:hover,

.core-box .infos:hover p {

    color: #fff;

}



.core-box .infos:hover i {

    color: #fff;

}



.core-box .infos:hover a,

.core-box .infos:hover .bg {

    display: block;

}



.core-box .infos:hover h3 {

    color: #fff

}



.xs {

    display: block

}



.yc {

    display: none

}



.core-box .infos:hover .xs {

    display: none

}



.core-box .infos:hover .yc {

    display: block

}



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

    .core-wrap {

        width: 90%;

        margin: 60px auto 0px auto;

    }

}



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

    .sy_al {

        width: 100%;

        padding: 20px 0;

        overflow: hidden;

    }



    .sy_al .gy_bt {

        margin-bottom: 0

    }



    .core-wrap {

        width: 96%;

        margin: 0 auto;

    }



    .core-box .infos {

        width: 100%;

        height: 220px;

        border: solid 1px #ddd;

    }



    .core-box {

        width: 100%;

        margin: 20px auto;

        height: 220px;

        border: solid 0px #dddddd;

    }



    .core-box .infos h3 {

        font-size: 16px;

        padding: 10px 0 10px;

    }



    .core-box .infos .bg {

        width: 100%;

        height: 240px;

    }



    .core-box .infos i {

        display: block;

        color: #0b9c95;

        margin: 20px auto 0;

        width: 60px

    }



    .xq {

        width: 100px;

        height: 30px;

        line-height: 30px;

        border-radius: 15px;

        background: linear-gradient(to right, #202c52, #0767a0);

        font-size: 12px;

        color: #FFF;

        margin: 15px auto 0;

    }



}





.sy_hy {

    width: 100%;

    padding: 60px 0 60px;

    overflow: hidden;

    background: url(../images/ab_b1.png);

}



.sy_hy .container-fluid {

    padding: 0;

}



.sy_hy .row {

    margin: 0 -10px 0 0;

}



.sy_hy .col-lg-3 {

    padding: 0;

}



.sy_hy .n_r {

    position: relative;

    margin-bottom: 10px;

    margin-right: 10px;

}



.sy_hy .n_r:after {

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, .2);

    content: "";

    position: absolute;

    top: 0;

    left: 0;

}



.sy_hy .n_r:hover:after {

    background-color: rgba(0, 0, 0, .5);

}



.sy_hy .t_p {

    overflow: hidden;

}



.sy_hy .t_p img {

    width: 100%;

    height: auto;

    display: block;

    transition: all 1s;

    -o-transition: all 1s;

    -ms-transition: all 1s;

    -moz-transition: all 1s;

    -webkit-transition: all 1s;

}



.sy_hy .n_r:hover .t_p img {

    transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -webkit-transform: scale(1.1);

}



.sy_hy .w_z {

    position: absolute;

    left: 5%;

    top: 50%;

    z-index: 9;

    width: 90%;

    text-align: center;

    color: #fff;

    text-shadow: 0 0 10px #444;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

}



.sy_hy .w_z h3 {

    font-size: 20px;

    line-height: 32px;

    font-weight: bold;

    color: #fff

}



.sy_hy .w_z p {

    line-height: 24px;

    width: 120px;

    border: #fff 1px solid;

    margin: 30px auto 0;

    height: 30px;

    line-height: 30px

}



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

    .sy_hy {

        padding: 20px 0 20px;

    }



    .sy_hy .w_z h3 {

        font-size: 18px;

        line-height: 30px;

    }



    .sy_hy .row {

        margin: 0 -10px 0 0;

    }



    .sy_hy .col-6 {

        padding: 0;

    }



    .sy_hy .w_z h3 {

        font-size: 16px;

        line-height: 32px;

        font-weight: bold;

        color: #fff

    }



    .sy_hy .w_z p {

        line-height: 24px;

        width: 80px;

        border: #fff 1px solid;

        margin: 0 auto;

        height: 26px;

        line-height: 26px;

        font-size: 12px

    }



}



.sy_hb {

    width: 100%;

    padding: 60px 0;

    overflow: hidden;

}



.sy_hb .hz_hb {

    padding: 0;

    position: relative;

}



.sy_hb .swiper-button-prev {

    background: url(../images/zj1.png) no-repeat;

    width: 35px;

    height: 35px;

    left: -60px;

    margin-top: -18px;

}



.sy_hb .swiper-button-prev:hover {

    background: url(../images/zj1_1.png) no-repeat;

}



.sy_hb .swiper-button-next {

    background: url(../images/yj2.png) no-repeat;

    width: 35px;

    height: 35px;

    right: -60px;

    margin-top: -18px;

}



.sy_hb .swiper-button-next:hover {

    background: url(../images/yj2_1.png) no-repeat;

}



.sy_hb img {

    width: 100%;

    height: auto;

    display: block;

    margin: 10px 0;

    border: 1px solid #ddd;

}



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

    .sy_hb {

        padding: 20px 0;

    }



    .sy_hb .hz_hb {

        padding: 0 35px;

    }



    .sy_hb .swiper-button-prev {

        background: url(../images/zj1.png) no-repeat;

        width: 35px;

        height: 35px;

        left: 0;

        margin-top: -18px;

    }



    .sy_hb .swiper-button-next {

        background: url(../images/yj2.png) no-repeat;

        width: 35px;

        height: 35px;

        right: 0;

        margin-top: -18px;

    }



}



.lh_lc {

    width: 100%;

    padding: 60px 0 70px;

    height: auto;

    overflow: hidden;

    background: url(../images/bn_bj.jpg) no-repeat center / cover fixed;

}



.lh_lc .row {

    margin: 0 -1px;

}



.lh_lc ul {

    width: 100%

}



.lh_lc ul li {

    width: 14.2%;

    padding: 0 1px;

    float: left;

}



.lh_lc .n_r {

    padding: 30px 10px 25px;

    background-color: #fff;

    position: relative;

}



.lh_lc .n_r:before {

    width: 100%;

    height: 0;

    background-color: #202c52;

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}



.lh_lc .n_r:hover:before {

    height: 100%;

}



.lh_lc .t_b {

    width: 115px;

    margin: 0 auto 25px;

    position: relative;

}



.lh_lc .t_b img {

    width: 100%;

    height: auto;

    display: block;

}



.lh_lc .w_z {

    font-size: 16px;

    line-height: 26px;

    position: relative;

    text-align: center;

    font-weight: bold;

    color: #333

}



.lh_lc .n_r:hover .w_z {

    color: #fff;

}



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

    .lh_lc {

        width: 100%;

        padding: 20px 0 20px;

        height: auto;

        overflow: hidden;

        background: url(../images/ab_b1.png);

    }



    .lh_lc ul li {

        width: 50%;

        padding: 0 1px;

        float: left;

        margin-bottom: 2px

    }



    .lh_lc .t_b {

        width: 115px;

        margin: 0 auto 15px;

        position: relative;

    }



    .lh_lc .t_b img {

        width: 100%;

        height: auto;

        display: block;

    }



    .lh_lc .w_z {

        font-size: 14px;

        line-height: 26px;

        position: relative;

        text-align: center;

        font-weight: bold;

        color: #333

    }



    .lh_lc .n_r {

        padding: 15px 10px 10px;

        background-color: #fff;

        position: relative;

    }



    .lh_lc ul li:nth-child(7) {

        width: 100%

    }

}



/*新闻*/

.sy_xw {

    width: 100%;

    margin: 0 auto;

    max-width: 1330px;

    height: auto;

    overflow: hidden;

}



.sy_xw .xw_tj .row {

    margin: 0 -30px;

}



.sy_xw .xw_tj .tj_xw {

    width: 33.33%;

    padding: 0 30px;

    position: relative;

    float: left;

    box-sizing: border-box

}



.sy_xw .xw_tj .tj_xw:after {

    width: 1px;

    height: 100%;

    position: absolute;

    right: 0;

    top: 0;

    background-color: #eee;

    content: "";

}



.sy_xw .xw_tj .tj_xw:last-child:after {

    display: none;

}



.sy_xw .xw_tj .tj_xw:last-child {

    margin-right: 0;

}



.sy_xw .xw_tj .b_q {

    position: relative;

    font-size: 14px;

    border: #202c52 1px solid;

    border-radius: 4px;

    width: 120px;

    margin-top: 20px;

    line-height: 30px;

    text-align: center

}



.sy_xw .xw_tj .b_q a {

    color: #202c52;

}



.sy_xw .xw_tj .b_t {

    font-size: 16px;

    font-weight: bold;

    line-height: 26px;

    margin: 10px 0;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

}



.sy_xw .xw_tj .b_t a {

    color: #333

}



.sy_xw .xw_tj .w_z {

    line-height: 24px;

    color: #666;

    height: auto;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    font-size: 14px

}



.sy_xw .xw_tj .t_p {

    overflow: hidden;

    margin-bottom: 20px;

}



.sy_xw .xw_tj .t_p img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    object-position: center;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    -o-user-select: none;

    user-select: none;

    transition: all 1s;

    -o-transition: all 1s;

    -ms-transition: all 1s;

    -moz-transition: all 1s;

    -webkit-transition: all 1s;

}



.sy_xw .xw_tj .tj_xw:hover .t_p img {

    transform: scale(1.05);

    -webkit-transform: scale(1.05);

    -moz-transform: scale(1.05);

    -ms-transform: scale(1.05);

    -o-transform: scale(1.05);

}



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

    .sy_xw {

        padding: 10px 0 0;

    }



    .sy_xw .xw_tj .row {

        margin: 0;

    }



    .sy_xw .xw_tj .tj_xw {

        width: 100%;

        padding: 0;

        padding-left: 38%;

        margin-bottom: 20px;

        border-bottom: #ccc 1px dashed;

    }



    .sy_xw .xw_tj .tj_xw:after {

        display: none;

    }



    .sy_xw .xw_tj .b_t {

        font-size: 14px;

        line-height: 26px;

        margin: 8px 0;

        text-overflow: ellipsis;

        white-space: nowrap;

        overflow: hidden;

    }



    .sy_xw .xw_tj .w_z {

        line-height: 26px;

        color: #555;

        height: auto;

        margin-bottom: 10px;

    }



    .sy_xw .xw_tj .t_p {

        width: 35%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

    }



    .sy_xw .xw_tj .b_q {

        color: #555;

        margin-bottom: 20px

    }

}





.sy_xww {

    width: 100%;

    padding: 60px 0px;

    overflow: hidden;

    background: url(../images/ab_b1.png) no-repeat center / cover fixed;

}



.sy_xww .container {

    padding: 0

}



.yingyong ul {

    display: -webkit-flex;

    /*很多浏览器用到的内核*/

    display: -ms-flexbox;

    /*ie*/

    display: -webkit-box;

    /*苹果*/

    -webkit-flex-direction: row;

    -ms-flex-direction: row;



    display: flex;

    flex-direction: row;

    overflow: hidden

}



.yingyong ul li {

    height: 350px;

    width: 25%;

    /* 让过渡表现良好。（从/到"width:auto"的过渡

                      至少在 Gecko 和 Webkit 上是有 bug 的。

                      更多信息参见 http://bugzil.la/731886 ） */



    -webkit-transition: width 0.7s ease-out;

    -ms-transition: width 0.7s ease-out;

    transition: width 0.7s ease-out;

    overflow: hidden;

    position: relative;

    margin: 0 5px

}



.yingyong ul li:hover {

    width: 50%;

    writing-mode: horizontal-tb;

    letter-spacing: 0px

}



.yingyong ul li img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: all 0.6s

}



.yingyong ul li .yyzi {

    position: absolute;

    bottom: 0;

    left: 0;

    padding: 15px;

    box-sizing: border-box;

    width: 100%;

    height: auto;

    background-image: linear-gradient(180deg, transparent, #000);

    z-index: 99

}



.yingyong ul li .yyzi h3 {

    display: block;

    font-size: 16px;

    color: #fff;

    text-align: center;

    font-weight: bold

}



.yingyong ul li .yyzi p {

    display: none

}



.yingyong ul li:hover {

    background: #202c52;

}



.yingyong ul li:hover img {

    transform: scale(1.1, 1.1);

    opacity: 0.2;

    transition: all 0.6s

}



.yingyong ul li:hover .yyzi {

    background: none;

    top: 50%;

    bottom: auto;

    transform: translateY(-50%);

    text-align: center

}



.yingyong ul li:hover .yyzi h3:after {

    content: "";

    display: block;

    width: 2px;

    background: #fff;

    height: 20px;

    margin: 10px auto;

}



.yingyong ul li:hover .yyzi p {

    display: block;

    font-size: 16px;

    line-height: 36px;

    color: #fff

}





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

    .yingyong ul li {

        height: 350px;

    }



    .yingyong ul li .yyzi h3 {

        font-size: 20px;

    }



    .yingyong ul li:hover .yyzi p {

        font-size: 14px;

        line-height: 23px;

    }



    .yingyong ul li:nth-child(1) {

        margin-bottom: 20px

    }

}





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

    .sy_xww {

        width: 100%;

        padding: 20px 0px;

        overflow: hidden;

    }



    .yingyong {

        width: 96%;

        margin: 0 auto

    }



    .yingyong ul {

        flex-wrap: wrap;

        justify-content: space-between;

    }



    .yingyong ul li {

        height: 160px;

        writing-mode: horizontal-tb;

        margin: 0;

        width: 49%;

        flex: none;

        margin-bottom: 5px

    }



    .yingyong ul li .yyzi {

        padding: 15px

    }



    .yingyong ul li .yyzi h3 {

        font-size: 14px;

    }



    .yingyong ul li:hover .yyzi p {

        font-size: 14px;

        line-height: 23px;

    }



    .yingyong ul li:nth-child(1) {

        margin-bottom: 5px

    }



    .sy4 {

        margin: 20px auto;

    }



    .yingyong ul li:hover .yyzi h3:after {

        display: none;

    }



    .yingyong ul li:hover .yyzi p {

        display: none;

    }



}



.sy_xw1 {

    width: 100%;

    padding: 60px 0 40px;

    overflow: hidden;

}



.sy_xw1 .t_p {

    overflow: hidden;

}



.sy_xw1 .t_p img {

    width: 100%;

    height: auto;

    display: block;

    transition: all 1s;

    -webkit-transition: all 1s;

    -moz-transition: all 1s;

    -ms-transition: all 1s;

    -o-transition: all 1s;

}



.sy_xw1 .tw_nr:hover .t_p img {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

}



.sy_xw1 .w_z h3 {

    font-size: 16px;

    font-weight: bold;

    line-height: 28px;

    margin-bottom: 6px;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

}



.sy_xw1 .tw_nr:hover .w_z a {

    color: #3866ad;

}



.sy_xw1 .x_w ul li:hover .w_z a {

    color: #3866ad;

}



.sy_xw1 .tw_nr {

    background-color: #f7f8fa;

    padding: 25px 20px;

}



.sy_xw1 .tw_nr .w_z {

    margin-top: 15px;

}



.sy_xw1 .tw_nr .w_z .s_j {

    font-size: 14px;

    margin-bottom: 5px;

}



.sy_xw1 .tw_nr .w_z p {

    line-height: 24px;

    height: 48px;

    color: #888;

    overflow: hidden;

    display: -webkit-box;

    line-clamp: 2;

    -webkit-line-clamp: 2;

    -moz-line-clamp: 2;

    -ms-line-clamp: 2;

    -o-line-clamp: 2;

    -webkit-box-orient: vertical;

    font-size: 14px

}



.sy_xw1 .x_w .row {

    margin: 0 -30px;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.sy_xw1 .x_w .col-3 {

    padding: 0 30px;

}



.sy_xw1 .x_w .col-9 {

    padding: 0 30px;

    border-left: 1px solid #ddd;

}



.sy_xw1 .x_w .r_q {

    text-align: center;

    color: #777;

    line-height: 24px;

}



.sy_xw1 .x_w .r_q strong {

    font-size: 20px;

    color: #333;

    display: block;

    line-height: 32px;

}



.sy_xw1 .x_w ul li {

    margin-bottom: 27px;

    padding: 25px 30px;

    background-color: #f7f8fa;

}



.sy_xw1 .x_w .w_z p {

    line-height: 24px;

    height: 48px;

    color: #888;

    overflow: hidden;

    display: -webkit-box;

    line-clamp: 2;

    -webkit-line-clamp: 2;

    -moz-line-clamp: 2;

    -ms-line-clamp: 2;

    -o-line-clamp: 2;

    -webkit-box-orient: vertical;

    font-size: 14px

}



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

    .sy_xw1 {

        padding: 20px 0 10px;

    }



    .sy_xw1 .w_z h3 {

        font-size: 15px;

        line-height: 26px;

        margin-bottom: 0

    }



    .sy_xw1 .tw_nr {

        margin-bottom: 10px;

        padding: 10px;

    }



    .sy_xw1 .tw_nr .w_z {

        margin-top: 10px;

    }



    .sy_xw1 .tw_nr .w_z .s_j {

        font-size: 12px;

        margin-bottom: 0;

    }



    .sy_xw1 .tw_nr .w_z p {

        font-size: 14px;

        line-height: 22px;

        height: auto;

    }



    .sy_xw1 .x_w .row {

        margin: 0 -15px;

    }



    .sy_xw1 .x_w .col-3 {

        padding: 0 15px;

    }



    .sy_xw1 .x_w .col-9 {

        padding: 0 15px;

    }



    .sy_xw1 .x_w .r_q {

        line-height: 30px;

    }



    .sy_xw1 .x_w .r_q strong {

        font-size: 16px;

        line-height: 26px;

    }



    .sy_xw1 .x_w ul li {

        margin-bottom: 10px;

        padding: 10px;

    }



    .sy_xw1 .x_w .w_z {

        padding-left: 5px;

    }



    .sy_xw1 .x_w .w_z p {

        font-size: 14px;

        line-height: 22px;

        height: auto;

    }



    .sy_xw1 .x_w .w_z {

        width: 80%

    }

}





.jjfa {

    padding: 60px 0 60px;

    height: auto;

    overflow: hidden;

}



.hmMore {

    height: 40px;

    width: 142px;

    text-align: center;

    margin: 20px auto 0;

    font-size: 16px;

    line-height: 36px;

    letter-spacing: 1px;

    border: 2px solid #0077bf;

    height: auto;

    overflow: hidden

}



.hmMore a {

    color: #0077bf;

}



.hmMore:hover {

    background: #0077bf;

    color: #fff;

    transition-delay: 0.3s

}



.hmMore:hover a {

    color: #fff;

}



.hmc3tab {

    text-align: center;

    margin-top: 2.39vw;

}



.hmc3tab a {

    font-size: 16px;

    line-height: 42px;

    display: inline-block;

    margin: 0px 25px;

    position: relative;

}



.hmc3tab a.on {

    color: #000;

}



.hmc3tab a:after {

    content: "";

    background: url(../images/hmc4li.jpg) no-repeat center center;

    height: 2px;

    width: 0px;

    position: absolute;

    left: 50%;

    bottom: 0px;

    transition: all 0.5s ease-in-out;

}



.hmc3tab a.on:after {

    width: 100%;

    left: 0

}



.hmc3ul {

    margin: 0px -18px;

}



.hmc3ul li {

    padding: 0px 18px;

    margin-bottom: 32px;

    width: 50%;

    float: left

}



.hmc3aBox {

    background: rgba(255, 255, 255, .9);

    display: block;

    height: 250px;

    position: relative;

    box-shadow: 0 5px 20px 0 rgba(95, 125, 158, .1);

}



.hmc3aBox:before {

    content: "";

    background: url(../images/hmc3_mi.png) no-repeat;

    height: 10px;

    width: 61px;

    position: absolute;

    bottom: 32px;

    left: 25px;

    transition: all 0.5s ease-in-out;

}



.hmc3aBox:after {

    content: "";

    background: url(../images/hmc3_mi2.png) no-repeat;

    height: 10px;

    width: 61px;

    position: absolute;

    bottom: 32px;

    left: 25px;

    transition: all 0.5s ease-in-out;

    opacity: 0;

}



.hmc3aBox:hover:before {

    opacity: 0;

}



.hmc3aBox:hover:after {

    opacity: 1;

}



.hmc3proBox {

    height: 230px;

    width: 270px;

    position: absolute;

    top: 10px;

    right: 10px;

}



.hmc3proBox:after {

    content: "";

}



.hmc3proBox img {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    max-width: 90%;

    max-height: 90%;

    width: auto;

    height: auto;

    transition: all 0.5s ease-in-out;

}



.hmc3txt {

    width: 345px;

    padding: 30px 0px 0px 25px;

}



.hmc3txt strong {

    font-size: 18px;

    line-height: 36px;

    font-weight: normal;

    display: block;

    margin-bottom: 5px;

    overflow: hidden;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    color: #333

}



.hmc3txt p {

    font-size: 14px;

    color: #666666;

    line-height: 26px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

    overflow: hidden;

}



.hmc3proBox:after {

    content: "";

    width: 50px;

    height: 50px;

    background: #0077bf url(../images/hmc3pro_ji.png) no-repeat center center;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -40%);

    z-index: 3;

    transition: all 0.5s ease-in-out;

    opacity: 0;

}



.hmc3aBox:hover .hmc3proBox:after {

    opacity: 1;

}



.hmc3aBox:hover .hmc3proBox img {

    opacity: 0.4;

}



@media (max-width:1799px) {

    .hmc3aBox {

        height: 220px;

    }



    .hmc3proBox {

        height: 220px;

        width: 220px;

        right: 1vw;

    }



    .hmc3txt {

        width: 305px;

        padding: 32px 0px 0px 1.97vw;

    }



    .hmc3txt strong {

        font-size: 21px;

    }



    .hmc3ul {

        margin: 0px -12px;

    }



    .hmc3ul li {

        padding: 0px 12px;

        margin-bottom: 24px;

    }



    .hmMore {

        font-size: 15px;

    }

}



@media (max-width:993px) {

    .hmc3tab a {

        margin: 0 15px;

    }



    .hmc3aBox {

        height: 320px;

        padding-top: 35px;

    }



    .hmc3proBox {

        position: relative;

        right: 0;

        left: 0;

        height: 120px;

        width: 100%

    }



    .hmc3txt {

        width: 100%;

        padding: 15px 15px 0;

    }



    .hmc3txt strong {

        margin-bottom: 6px;

    }



    .hmc3aBox:before,

    .hmc3aBox:after {

        bottom: 30px;

    }



    .hmCon3 {

        padding-bottom: 60px;

    }

}



@media (max-width:767px) {

    .jjfa {

        padding: 20px 0 20px;

        height: auto;

        overflow: hidden;

        background: url(../images/ab_b1.png) no-repeat center / cover fixed;

    }



    .hmCon3 {

        padding-top: 30px;

    }



    .hmc3aBox {

        height: 250px;

        padding-top: 0px;

        padding-bottom: 0px

    }



    .hmc3proBox {

        position: relative;

        right: 0;

        left: 0;

        height: 120px;

        width: 100%

    }



    .hmc3tab a {

        font-size: 14px;

        margin: 0 8px;

    }



    .hmc3Swiper {

        margin-top: 20px;

    }



    .hmc3ul li {

        width: 50%;

        margin-bottom: 12px;

        padding: 0 5px

    }



    .hmc3txt strong {

        font-size: 16px;

        margin-bottom: 0

    }



    .hmc3Swiper {

        margin-bottom: 20px;

    }



    .hmc3txt p {

        font-size: 12px;

        color: #666666;

        line-height: 22px;

        height: auto;

        overflow: hidden;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 2;

    }



    .hmc3txt {

        width: 100%;

        padding: 0 15px 0;

    }



    .hmc3aBox:before {

        content: "";

        background: url(../images/hmc3_mi1.png) no-repeat;

        height: 10px;

        width: 30px;

        position: absolute;

        bottom: 20px;

        left: 15px;

        transition: all 0.5s ease-in-out;

    }





    .hmMore {

        height: 30px;

        width: 102px;

        text-align: center;

        margin: 10px auto 0;

        font-size: 14px;

        line-height: 26px;

        letter-spacing: 1px;

        border: 2px solid #0077bf;

        height: auto;

        overflow: hidden

    }



    .hmMore a {

        color: #0077bf;

    }



    .hmMore:hover {

        background: #0077bf;

        color: #fff;

        transition-delay: 0.3s

    }



    .hmMore:hover a {

        color: #fff;

    }



    .hmc3aBox:after {

        content: "";

        background: url(../images/hmc3_mi21.png) no-repeat;

        height: 10px;

        width: 30px;

        position: absolute;

        bottom: 20px;

        left: 15px;

        transition: all 0.5s ease-in-out;

        opacity: 0;

    }



}









.sy_hzhb {

    padding: 60px 0;

    text-align: center;

    background: #f6f6f6;

}



.sy_hzhb ul li {

    width: 14.66666%;

    display: inline-block;

    border: #eee 1px solid;

    margin: 0.8%;

    transition: all 0.3s;



    -wbkit-transition: all 0.3s;



    -o-transition: all 0.3s;



    -moz-transition: all 0.3s;

}



.sy_hzhb ul li img {

    width: 100%;

    display: block;

}



.sy_hzhb ul li:hover {

    box-shadow: 0 0 10px #ccc;

    transform: translateY(-5px);



    -wbkit-transform: translateY(-5px);



    -o-transform: translateY(-5px);



    -moz-transform: translateY(-5px);



    transition: all 0.3s;



    -wbkit-transition: all 0.3s;



    -o-transition: all 0.3s;



    -moz-transition: all 0.3s;

}





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

    .sy_hzhb {

        padding: 20px 0;

        text-align: center;

        background: #f6f6f6;

    }



    .sy_hzhb ul li {

        width: 31%;

        display: inline-block;

        border: #eee 1px solid;

        margin: 0.8%;

        transition: all 0.3s;



        -wbkit-transition: all 0.3s;



        -o-transition: all 0.3s;



        -moz-transition: all 0.3s;

    }

}



















.register {



    padding: 50px 0 45px;



    background: url(../images/register_bg.png) no-repeat center center #0c61b8;



}







.register .title {



    padding-bottom: 5px;



    font-size: 26px;



    font-weight: normal;



    text-align: center;



    color: #fff;



}







.register .desc {



    padding-bottom: 20px;



    margin: 0 auto;



    font-size: 14px;



    color: #fff;



    text-align: center;



}







.register .btn {



    display: block;



    width: 128px;



    height: 36px;



    padding: 0;



    margin: 0 auto;



    font-size: 16px;



    line-height: 36px;



    color: #fff;



    background: transparent;



    border: 1px solid #fff;



    border-radius: 0;



    transition: all .2s;



    text-align: center;



    cursor: pointer;



    vertical-align: middle;



}







.register .btn:hover {



    background: rgba(255, 255, 255, .1);



}





.footer {

    width: 100%;

    padding: 30px 0;

    background-color: #222;

    font-size: 14px;

    color: #999;

}



.footer h3 {

    font-size: 18px;

    line-height: 32px;

    color: #ddd;

    margin-bottom: 10px;

}



.footer em {

    width: 22px;

    height: 3px;

    margin-bottom: 15px;

    background-color: #4a4a4a;

    display: block;

}



.footer .ft_lx {

    margin-right: 50px;

    min-height: 190px;

    border-right: 1px solid #666;

}



.footer .ft_lx img {

    max-width: 140px;

    height: auto;

    display: block;

}



.footer .ft_lx h4 {

    margin: 25px 0 6px;

    font-size: 14px;

    color: #919090;

    line-height: 24px;

}



.footer .ft_lx .d_y {

    max-width: 300px;

}



.footer .ft_lx input {

    width: 65%;

    height: 36px;

    float: left;

    padding: 0 10px;

    border: 1px solid #595959;

    background-color: #333;

    font-size: 13px;

    color: #fff;

    line-height: 34px;

}



.footer .ft_lx button {

    width: 25%;

    height: 36px;

    float: left;

    background-color: #595959;

    font-size: 14px;

    line-height: 36px;

    color: #fff;

    text-align: center;

    outline: none;

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

}



.footer .ft_lx button:hover {

    background-color: #e62028;

}



.footer .s_j {

    margin-top: 15px;

}



.footer .s_j a {

    display: inline-block;

    width: 32px;

    height: 32px;

    border-radius: 50%;

    border: 1px solid #666;

    color: #aaa;

    line-height: 30px;

    text-align: center;

    margin-right: 10px;

    vertical-align: middle;

}



.footer .s_j a:hover {

    background-color: #e62028;

    border: 1px solid #e62028;

    color: #fff;

}



.footer .s_j i.icon-aui-icon-qq {

    font-size: 22px;

}



.footer .s_j i.icon-weixin {

    font-size: 16px;

    line-height: 32px;

}



.footer .s_j i.icon-weibo {

    font-size: 20px;

}



.footer .ft_xx {

    line-height: 30px

}



.footer .ft_xx input {

    width: 100%;

    height: 40px;

    float: left;

    padding: 0 10px;

    border: 1px solid #595959;

    font-size: 13px;

    color: #fff;

    line-height: 38px;

    display: block;

    margin-bottom: 10px;

}



.footer .ft_xx textarea {

    width: 90%;

    height: 94px;

    float: left;

    padding: 5px 10px;

    border: 1px solid #595959;

    font-size: 13px;

    color: #fff;

    line-height: 24px;

    display: block;

    margin-bottom: 10px;

    resize: none;

    background: none

}



.footer .ft_xx .button {

    width: 120px;

    height: 36px;

    background: #202c52;

    font-size: 14px;

    line-height: 36px;

    color: #fff;

    text-align: center;

    outline: none;

    display: block;

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

    border: 0px;

}



.footer .ft_xx .button:hover {

    background-color: #0283a3;

}



.footer .ft_dh {

    line-height: 30px

}



.footer .ft_em img {

    max-width: 100%;

    height: auto;

    display: block;

    margin: 0;

}



.footer .ft_em p {

    margin-top: 10px;

    text-align: left;

}



.footer .ft_yl {

    margin-top: 30px;

    color: #595959;

}



.footer .ft_yl span {

    color: #ddd;

}



.footer .ft_yl a {

    display: inline-block;

    color: #999;

    padding: 0 10px;

}



.footer .ft_yl a:hover {

    color: #ddd;

}



.footer .col-lg-2 {

    padding-left: 70px

}



.dao li {

    float: left;

    width: 50%;

    font-size: 14px

}



.dao li a {

    color: #999

}



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

    .footer {

        padding: 20px 0 10px;

        font-size: 14px;

        line-height: 24px;

        text-align: center;

    }



    .footer h3 {

        font-size: 16px;

        line-height: 32px;

        color: #ddd;

        margin-bottom: 0px;

    }



    .footer .ft_dh {

        text-align: left

    }



    .footer .ft_xx {

        line-height: 24px;

        text-align: left;

        display: none;

    }



    .footer .ft_em {

        text-align: left;

        margin-top: 10px

    }



    .footer .col-lg-2 {

        padding-left: 15px;

        display: none

    }



    .footer .col-6 {

        padding-left: 10px;

        padding-right: 10px

    }

}



.banquan {

    width: 100%;

    padding: 15px 0;

    background-color: #1c1c1c;

    font-size: 14px;

    text-align: center;

    line-height: 26px;

    color: #999;

}



.banquan .b_q {

    text-align: center

}



.banquan .z_c {

    float: right;

}



.banquan span {

    padding-right: 6px;

}



.banquan a {

    color: #999;

}



.banquan a:hover {

    color: #ccc;

}



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

    .banquan {

        margin-bottom: 0;

        font-size: 14px;

        line-height: 26px;

    }



    .banquan .b_q {

        float: none;

    }



    .banquan .z_c {

        float: none;

    }



    .banquan span {

        padding-right: 0;

        display: inline-block;

    }

}



.e_m {

    width: 100%;

    height: 100%;

    position: fixed;

    top: 0;

    left: 0;

    background-color: rgba(0, 0, 0, .9);

    z-index: 99999;

    display: none;

}



.e_m .n_r {

    width: 200px;

    padding: 10px;

    background-color: #fff;

    position: absolute;

    top: 50%;

    left: 50%;

    text-align: center;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

}



.e_m .n_r img {

    width: 100%;

    height: auto;

    display: block;

}



.e_m .n_r p {

    font-size: 15px;

    color: #888;

    margin-top: 10px;

}



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

    .e_m .n_r {

        width: 260px;

        padding: 15px;

    }



    .e_m .n_r p {

        font-size: 14px;

    }

}



.pc_kf {

    width: 50px;

    position: fixed;

    right: 30px;

    bottom: 30px;

    z-index: 99999;

}



.pc_kf .nr {

    font-size: 18px;

    text-align: center;

    line-height: 50px;

    margin-bottom: 10px;

    position: relative;

}



.pc_kf .tel {

    background-color: #202c52;

    font-size: 18px;

    line-height: 50px;

    color: #fff;

    position: absolute;

    top: 0;

    right: -160px;

    opacity: 0;

    padding: 0 10px;

    border-radius: 5px;

}



.pc_kf .nr:hover .tel {

    right: 56px;

    opacity: 1;

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

}



.pc_kf .ewm {

    width: 130px;

    padding: 10px 10px 0;

    background-color: #202c52;

    position: absolute;

    bottom: 0;

    right: -180px;

    opacity: 0;

}



.pc_kf .ewm img {

    width: 100%;

    height: auto;

    display: block;

    margin-bottom: 10px;

}



.pc_kf .ewm p {

    font-size: 14px;

    color: #fff;

    line-height: 16px;

    margin-bottom: 10px;

}



.pc_kf .nr:hover .ewm {

    right: 56px;

    opacity: 1;

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

}



.pc_kf .nr a {

    display: block;

    width: 50px;

    height: 50px;

    box-shadow: 0 0 10px #ddd;

    background-color: #fff;

    border-radius: 5px;

    overflow: hidden;

}



.pc_kf .nr i {

    color: #333;

}



.pc_kf .nr i.icon-aui-icon-qq {

    font-size: 30px;

}



.pc_kf .nr i.icon-icon {

    font-size: 26px;

    vertical-align: middle;

}



.pc_kf .fh {

    width: 50px;

    height: 50px;

    border-radius: 5px;

    background-color: #202c52;

    text-align: center;

    line-height: 50px;

    color: #fff;

    cursor: pointer;

}



.pc_kf .fh i {

    font-size: 30px;

    font-weight: bold;

}



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

    .pc_kf {

        right: 10px;

        bottom: 10px;

    }

}



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

    .pc_kf {

        width: 100%;

        background-color: #202c52;

        position: fixed;

        right: 0;

        bottom: 0;

        display: none

    }



    .pc_kf .nr {

        width: 25%;

        border-right: 1px solid rgba(255, 255, 255, .6);

        font-size: 20px;

        background: none;

        box-shadow: none;

        margin-bottom: 0;

        float: left;

    }



    .pc_kf .tel {

        display: none;

    }



    .pc_kf .ewm {

        display: none;

    }



    .pc_kf .nr a {

        display: block;

        width: 100%;

        border-radius: 0;

        background-color: #202c52;

        box-shadow: none;

    }



    .pc_kf .nr i {

        color: #fff;

    }



    .pc_kf .nr a:hover i {

        color: #fff;

    }



    .pc_kf .fh {

        width: 25%;

        box-shadow: none;

        font-size: 22px;

        float: left;

    }

}



.index-mod-title {

    text-align: center;

    padding-bottom: 40px;

}



.index-mod-title .mod-title-name {

    font-size: 32px;

    color: #333

}



.mod-title-en {

    font-size: 12px;

    color: #666;

    text-transform: uppercase;

    margin: 10px 0

}



.index-title-line {

    width: 187px;

    height: 24px;

    background: url(../images/pub1.png) center center no-repeat;

    margin: auto;

}



.n_ban {

    width: 100%;

    height: 400px;

    overflow: hidden;

    position: relative;

}



.n_ban .w_z {

    width: 40%;

    text-align: center;

    position: absolute;

    top: 70%;

    left: 50%;

    transform: translate(0, -50%);

    -webkit-transform: translate(0, -50%);

    -moz-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

    -o-transform: translate(0, -50%);

}



.n_ban .w_z.rt {

    width: 15%;

    text-align: left;

    position: absolute;

    top: 50%;

    left: 50%;

    margin-left: -600px;

    padding: 20px;

    background: rgba(230, 0, 18, 0.5);

    border-radius: 10px;

}



.n_ban .w_z h3 {

    font-size: 22px;

    font-weight: bold;

    color: #fff;

    margin-bottom: 10px;

    text-transform: uppercase;

    display: none;

}



.n_ban .w_z p {

    font-size: 36px;

    margin-bottom: 20px;

    color: #fff;

    position: relative;

    padding-top: 15px;

}



.n_ban .w_z p::before {

    content: "";

    position: absolute;

    left: 0;

    height: 3px;

    background: #fff;

    top: 0;

    width: 30px

}



.n_ban .w_z a {

    padding: 0 20px;

    background-color: #e77817;

    font-size: 15px;

    line-height: 36px;

    color: #fff;

    border-radius: 20px;

    display: inline-block;

    margin: 0 10px;

}



.ntit {

    width: 100%;

    padding: 20px 0;

    overflow: hidden;

    border-bottom: #eee 1px solid;

}



.ntit ul li {

    display: inline-block;

    margin: 0 20px 0 0;

    min-width: 110px;

    float: left;

    position: relative

}



.ntit ul li .e_j {

    width: 600px;

    background: #fff;

    position: absolute;

    left: 0;

    top: 32px;

    display: none;

    z-index: 99;

    text-align: center

}



.ntit ul li:hover .e_j {

    display: block;

}



.ntit ul li .e_j a {

    display: inline-block;

    color: #333;

    text-align: center;

    font-size: 14px;

    line-height: 35px;

    float: left;

    background: #fff;

    padding: 0 10px;

}



.ntit ul li .e_j a:hover {

    border-radius: 0;

    -moz-border-radius: 0;

    -webkit-border-radius: 0;

    color: #abcd05;

    background: #fff;

    line-height: 35px

}



.ntit ul li a {

    line-height: 34px;

    background: #eee;

    padding: 0 20px;

    font-size: 14px;

    color: #333;

    border-radius: 5px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    display: block;

    text-align: center

}



.ntit ul li a:hover {

    background: #202c52;

    color: #fff;

}



.ntit ul li a.on {

    background: #202c52;

    color: #fff;

}



.ny_gywm {

    overflow: hidden

}



.ny_gywm .gsjj {

    padding-bottom: 50px;

    overflow: hidden;

    padding-top: 60px

}



.ny_gywm .gsjj .gk {

    font-size: 16px;

    line-height: 1.8;

    margin-bottom: 30px;

    color: #444;

    padding-bottom: 30px;

}



.ny_gywm .gsjj .gk p {

    text-indent: 2em;

    margin-bottom: 10px

}



.ny_gywm .gsjj .tp {

    width: 570px;

    margin-top: 20px;

    overflow: hidden;

}



.ny_gywm .gsjj .tp img {}



.ny_gywm .gsjj .wz {

    width: 600px;

}



.ny_gywm .gsjj .wz h3 {

    font-size: 22px;

    color: #222;

    margin: 50px 0 20px;

    text-align: center

}



.ny_gywm .gsjj .wz p {

    line-height: 28px;

    font-size: 14px;

    color: #555;

}



.ny_gywm .gsjj .nr {

    margin: 30px 0

}



.ny_gywm .gsjj .nr p {

    line-height: 28px;

    font-size: 14px;

    color: #555;

    margin-bottom: 20px;

    text-indent: 2em;

}



/*新闻*/

.gray {

    padding: 60px 0;

    background: #F6F6F6;

}



.swiper-yxxy {

    margin: 0 auto;

    padding-bottom: 50px;

    padding-top: 10px;

}



.swiper-yxxy .swiper-slide {

    position: relative;

    background: #fff;

    padding-bottom: 10px;

}



.zxzx .swiper-button-prev {

    background: url(../images/jiantzuo.png) center no-repeat;

    width: 39px;

    height: 39px;

    margin-top: 0;

    left: -45px;

}



.zxzx .swiper-button-next {

    background: url(../images/jiantyou.png) center no-repeat;

    width: 39px;

    height: 39px;

    margin-top: 0;

    right: -45px;

}



.zxzx {

    position: relative;

    width: 1300px;

    margin: 0 auto;

}



.swiper-yxxy .swiper-slide .tp {

    width: 100%;

    position: relative

}



.swiper-yxxy .swiper-slide .tp img {

    width: 100%

}



.swiper-yxxy .swiper-slide .rq {

    position: absolute;

    z-index: 100;

    -webkit-transition: transform .3s ease-in-out, background-color .2s ease-in-out;

    transition: transform .3s ease-in-out, background-color .2s ease-in-out;

    background-color: #0c4192;

    width: 58px;

    padding-top: 13px;

    padding-bottom: 13px;

    color: #fff;

    left: 0;

    top: 0

}



.swiper-yxxy .swiper-slide .rq .month {

    font-size: 12px;

    line-height: 16px;

    display: block;

    text-align: center

}



.swiper-yxxy .swiper-slide .rq .day {

    font-size: 28px;

    line-height: 28px;

    font-weight: 700;

    margin-bottom: 2px;

    display: block;

    text-align: center

}



.swiper-yxxy .swiper-slide .rq .year {

    font-size: 12px;

    line-height: 16px;

    color: #eee;

    -webkit-transition: color .1s ease-in-out;

    transition: color .1s ease-in-out;

    display: block;

    text-align: center

}



.swiper-yxxy .swiper-slide:hover .rq {

    background: #b22922;

    transform: translateY(-5px);



    -wbkit-transform: translateY(-5px);



    -o-transform: translateY(-5px);



    -moz-transform: translateY(-5px);



    transition: all 0.3s;



    -wbkit-transition: all 0.3s;



    -o-transition: all 0.3s;



    -moz-transition: all 0.3s;

}



.swiper-yxxy .swiper-slide .text {

    width: 333px;

    margin: 0 auto;

    padding: 10px 0

}



.swiper-yxxy .swiper-slide h3 {

    font-size: 20px;

    width: 100%;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    margin-bottom: 15px

}



.swiper-yxxy .swiper-slide p {

    line-height: 1.9;

    font-size: 14px;

    color: #666;

}



.swiper-yxxy .swiper-slide:hover {

    box-shadow: 0px 0px 10px #999;

    transform: translateY(-5px);



    -wbkit-transform: translateY(-5px);



    -o-transform: translateY(-5px);



    -moz-transform: translateY(-5px);



    transition: all 0.3s;



    -wbkit-transition: all 0.3s;



    -o-transition: all 0.3s;



    -moz-transition: all 0.3s;

}





.nyhy {

    padding: 40px 0;

    overflow: hidden;

}



.nyhy ul li {

    float: left;

    width: 380px;

    margin: 0 30px 30px 0;

    position: relative;

    background: #fff;

}



.nyhy ul li .kj {

    transition: all 0.3s;

    -wbkit-transition: all 0.3s;

    -o-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .02), 0 15px 40px 0 rgba(0, 0, 0, .02);

    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .02), 0 15px 40px 0 rgba(0, 0, 0, .02);

}



.nyhy ul li:nth-child(3n) {

    margin-right: 0

}



.nyhy ul li .tu {

    width: 100%;

    position: relative;

    overflow: hidden

}



.nyhy ul li img {

    width: 100%;

    display: block;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    -webkit-transition: all 1s;

    -moz-transition: all 1s;

    transition: all 1s;

}



.nyhy ul li:hover .tu img {

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -o-transform: scale(1.2);

    -ms-transform: scale(1.2);

    transform: scale(1.2);

    -webkit-transition: all 1s;

    -moz-transition: all 1s;

    transition: all 1s;

}



.nyhy ul li .mb {

    background: rgba(0, 0, 0, 0.6);

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    -webkit-transition: all 0.6s;

    -moz-transition: all 0.6s;

    -o-transition: all 0.6s;

    transition: all 0.6s;

    opacity: 0;

    -webkit-opacity: 0;

    -moz-opacity: 0;

    z-index: 99;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.nyhy ul li:hover .mb {

    -webkit-transition: all 0.6s;

    -moz-transition: all 0.6s;

    -o-transition: all 0.6s;

    transition: all 0.6s;

    opacity: 1;

    -webkit-opacity: 1;

    -moz-opacity: 1;

}



.nyhy ul li .mb img {

    width: 35px;

    margin: 0 auto;

}



.nyhy ul li:hover .mb img {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    -webkit-transition: all 1s;

    -moz-transition: all 1s;

    transition: all 1s;

}



.nyhy ul li .mb p {

    padding: 20px;

    font-size: 14px;

    line-height: 1.8;

    color: #fff;

}



.nyhy ul li .wenz {

    padding: 20px 20px 10px;

    background: #fff;

    width: 100%;

    background: url(../images/jt.png) 90% 20px no-repeat;

    height: auto;

    box-sizing: border-box;

}



.nyhy ul li:hover .wenz {

    background: url(../images/jts.png) 90% 20px no-repeat;

}



.nyhy ul li .wenz h3 {

    font-size: 16px;

    margin-bottom: 10px;

    color: #333;

}



.nyhy ul li .wenz p {

    font-size: 12px;

    color: #666;

    line-height: 20px;

    display: -webkit-box;

    overflow: hidden;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    width: 100%

}



.nyhy ul li:hover .wenz h3 {

    color: #e50011;

    -webkit-transition: all 0.4s linear -1ms;



    -moz-transition: all 0.4s linear -1ms;



    -ms-transition: all 0.4s linear -1ms;



    -o-transition: all 0.4s linear -1ms;



    transition: all 0.4s linear -1ms;

}



.nyhy ul li:hover .kj {

    -webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .16), 0 15px 40px 0 rgba(0, 0, 0, .16);

    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .16), 0 15px 40px 0 rgba(0, 0, 0, .16);

    transform: translateY(-5px);

    -wbkit-transform: translateY(-5px);

    -o-transform: translateY(-5px);

    -moz-transform: translateY(-5px);

    transition: all 0.3s;

    -wbkit-transition: all 0.3s;

    -o-transition: all 0.3s;

    -moz-transition: all 0.3s;

}





.page {

    text-align: center;

    margin: 30px auto;

}



.page a {

    height: 26px;

    line-height: 26px;

    display: inline-block;

    font-size: 14px;

    color: #5a5a5a;

    border: #f5f5f5 1px solid;

    background: #f5f5f5;

    margin: 0 3px;

    padding: 0 10px;

}



.page a:hover {

    background: #202c52;

    border: #202c52 1px solid;

    color: #FFF;

}



.page a.hover {

    background: #202c52;

    border: #202c52 1px solid;

    color: #FFF;

}





.ny_fczs {

    width: 1300px;

    margin: 40px auto

}



.ny_fczs ul li {

    width: 32%;

    float: left;

    margin: 0 2% 4% 0;

    border-radius: 5px;

    overflow: hidden;

    position: relative;

    height: 206px;

}



.ny_fczs ul li:nth-child(3n) {

    margin-right: 0;

}



.ny_fczs ul li img {

    width: 100%;

    display: block;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

    height: 206px;

}



.ny_fczs ul li:hover img {

    -webkit-transform: scale(1.09);

    -moz-transform: scale(1.07);

    -o-transform: scale(1.09);

    -ms-transform: scale(1.07);

    transform: scale(1.09);

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}



.ny_fczs ul li .box {

    position: relative;

    overflow: hidden;

}



.ny_fczs ul li .box h2 {

    font-weight: 500;

    font-size: 18px;

    margin-bottom: 0;

    letter-spacing: 1px;

}



.ny_fczs ul li .box h2,

.ny_fczs ul li .box p {

    position: absolute;

    color: #fff;

    z-index: 2;

    width: 100%;

    transition: opacity 0.2s, transform 0.3s;

}



.vintage h2 {

    transform: translate3d(0, 60px, 0);

    text-align: center;

    top: 52%;

}



.vintage p {

    opacity: 0;

    bottom: 0;

    transform: translate3d(0, -10px, 0);

    font-size: 14px;

    letter-spacing: 1px;

    text-align: center;

}



.vintage:before {

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%);

    z-index: 2;

    bottom: 0;

    left: 0;

}



.vintage:hover:before {

    bottom: 0;

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 75%);

}



.vintage:hover h2 {

    bottom: 40px;

    transform: translate3d(0, 20px, 0);

}



.vintage:hover p {

    opacity: 1;

    transform: translate3d(0, -30px, 0);

}



.ny_khfw {

    margin: 40px auto;

    width: 1300px;

    overflow: hidden

}



.ny_khfw h3 {

    font-size: 16px;

    color: #333;

    line-height: 2;

    text-align: left;

}



.ny_khfw ul {

    margin-top: 40px;

}



.ny_khfw ul li {

    width: 380px;

    float: left;

    margin-right: 30px;

    margin-bottom: 40px;

    text-align: center;

    -webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .04), 0 15px 40px 0 rgba(0, 0, 0, .04);

    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .04), 0 15px 40px 0 rgba(0, 0, 0, .04);

    padding-bottom: 35px;

}



.ny_khfw ul li .tb {

    width: 60px;

    height: 60px;

    margin: 20px auto;

}



.ny_khfw ul li .tb img {

    width: 100%;

    display: block;

}



.ny_khfw ul li h4 {

    font-size: 18px;

    color: #333;

    margin-bottom: 10px;

}



.ny_khfw ul li p {

    font-size: 14px;

    color: #666;

    line-height: 1.8;

}



.ny_khfw ul li:nth-child(3n) {

    margin-right: 0

}



.lxly {

    width: 1300px;

    margin: 0 auto;

    padding: 40px 0;

}



.lxly p {

    font-size: 16px;

    line-height: 1.8;

    margin-bottom: 20px;

    color: #333;

}



.lxly .wbk {

    margin-top: 10px;

    text-align: center

}



.lxly .wbk input.w_z {

    width: 370px;

    height: 50px;

    line-height: 50px;

    margin-right: 30px;

    margin-bottom: 25px;

    border: 1px solid #ccc;

    padding: 0 15px;

    float: left;

    font-size: 18px;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

    color: #888;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    border-radius: 5px;

    font-family: 'Lato-Light'

}



.lxly .wbk input.w_z.no {

    margin-right: 0

}



.lxly .wbk textarea {

    width: 100%;

    height: 150px;

    padding: 0 15px;

    line-height: 50px;

    color: #888;

    font-size: 20px;

    border: 1px solid #ccc;

    outline: none;

    resize: none;

    margin-bottom: 70px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    border-radius: 5px;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

}



.lxly .wbk .a_n {

    width: 300px;

    height: 52px;

    margin: 0 auto;

    line-height: 52px;

    font-size: 20px;

    color: #fff;

    text-align: center;

    background: #d1101b;

}



.ny_ban {

    width: 100%;

    height: 360px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    overflow: hidden;

    z-index: 99;

}



.ny_ban:after {

    width: 100%;

    height: 100%;

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    display: block;

    z-index: 2;

    opacity: 0.2;

    background-image: -webkit-linear-gradient(120deg, #000 0%, #000 100%);

}



.ny_ban .container {

    position: absolute;

    top: 65%;

    left: 50%;

    color: #fff;

    z-index: 99;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

}



.ny_ban .w_z {

    position: relative;

    text-align: center;

    color: #fff

}



.ny_ban .w_z h3 {

    font-size: 28px;

    line-height: 46px;

    margin-bottom: 0px;

    color: #fff;

    letter-spacing: 2px;

    font-weight: bold

}



.ny_ban .w_z h4 {

    font-size: 16px;

    line-height: 30px;

    text-transform: uppercase;

    color: #fff

}



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

    .ny_ban {

        height: 360px;

        background-attachment: scroll;

    }



    .ny_ban .container {

        width: 100%;

        top: 50%;

    }



    .ny_ban .w_z h3 {

        font-size: 32px;

        line-height: 40px;

    }



    .ny_ban .w_z h4 {

        font-size: 16px;

        line-height: 28px;

    }

}



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

    .ny_ban {

        height: 180px;

    }



    .ny_ban .container {

        width: 100%;

        top: 65%;

    }



    .ny_ban .w_z h3 {

        font-size: 18px;

        line-height: 32px;

    }



    .ny_ban .w_z h4 {

        font-size: 14px;

        line-height: 24px;

    }

}



.ny_lmy {

    width: 100%;

    height: 60px;

    border-bottom: 1px solid #e4e4e4;

    line-height: 60px;

    color: #aaa;

    position: relative;

    overflow: hidden;

}



.ny_lmy .l_m {

    text-align: center

}



.ny_lmy .l_m ul li {

    display: inline-block;

    position: relative;

    margin-right: 20px;

    margin-left: 20px;

    letter-spacing: 1px

}



.ny_lmy .l_m ul li a {

    font-size: 16px;

    color: #777;

    display: block;

}



.ny_lmy .l_m ul li:after {

    width: 0;

    height: 3px;

    background-color: #202c52;

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

}



.ny_lmy .l_m ul li:hover a {

    color: #202c52;

}



.ny_lmy .l_m ul li:hover:after {

    width: 100%;

}



.ny_lmy .l_m ul li.on a {

    color: #202c52;

}



.ny_lmy .l_m ul li.on:after {

    width: 100%;

}





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

    .ny_lmy {

        width: 100%;

        height: auto;

        border-bottom: 1px solid #e4e4e4;

        line-height: 40px;

        color: #aaa;

        position: relative;

        overflow: hidden;

    }



    .ny_lmy .l_m ul li {

        display: inline-block;

        position: relative;

        margin-right: 0;

        margin-left: 0;

        letter-spacing: 1px;

        width: 24%

    }



    .ny_lmy .l_m ul li a {

        font-size: 14px;

        color: #777;

        display: block;

    }

}





.ny_lm {

    width: 100%;

    height: 77px;

    border-bottom: 1px solid #e4e4e4;

    line-height: 76px;

    color: #aaa;

    position: relative;

    overflow: hidden;

}



.ny_lm .w_z {

    float: right;

    font-size: 14px;

}



.ny_lm .w_z i {

    vertical-align: middle;

    font-size: 18px;

}



.ny_lm .w_z a {

    color: #aaa;

}



.ny_lm .w_z a:hover {

    color: #202c52;

}



.ny_lm .l_m {

    text-align: center

}



.ny_lm .l_m ul li {

    display: inline-block;

    margin-right: 20px;

    position: relative;

    margin-left: 20px

}



.ny_lm .l_m ul li a {

    font-size: 16px;

    color: #777;

    display: block;

}



.ny_lm .l_m ul li:after {

    width: 0;

    height: 2px;

    background-color: #202c52;

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

}



.ny_lm .l_m ul li:hover a {

    color: #202c52;

}



.ny_lm .l_m ul li:hover:after {

    width: 100%;

}



.ny_lm .l_m ul li.on a {

    color: #202c52;

}



.ny_lm .l_m ul li.on:after {

    width: 100%;

}



@media (min-width:1081px) {

    .ny_lm {

        height: 57px;

        line-height: 56px;

    }



    .ny_lm .w_z {

        font-size: 12px;

    }



    .ny_lm .w_z i {

        font-size: 16px;

    }



    .ny_lm .l_m ul li {

        margin-right: 30px;

    }



    .ny_lm .l_m ul li a {

        font-size: 15px;

    }

}



@media (min-width:1600px) {

    .ny_lm {

        height: 67px;

        line-height: 66px;

    }



    .ny_lm .w_z {

        font-size: 14px;

    }



    .ny_lm .w_z i {

        font-size: 18px;

    }



    .ny_lm .l_m ul li {

        margin-right: 20px;

    }



    .ny_lm .l_m ul li a {

        font-size: 16px;

    }

}



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

    .ny_lm {

        width: 100%;

        height: auto;

        border-bottom: 1px solid #e4e4e4;

        line-height: 36px;

        color: #aaa;

        position: relative;

        overflow: hidden;

    }



    .ny_lm .container {

        padding-left: 5px;

        padding-right: 5px

    }



    .ny_lm .l_m ul li {

        display: inline-block;

        margin-right: 3px;

        position: relative;

        margin-left: 3px

    }



    .ny_lm .l_m ul li a {

        font-size: 14px;

        color: #777;

        display: block;

    }



    .ny_lm .l_m ul li:after {

        width: 0;

        height: 2px;

        background-color: #202c52;

        content: "";

        position: absolute;

        bottom: 0;

        left: 0;

        transition: all .5s;

        -o-transition: all .5s;

        -ms-transition: all .5s;

        -moz-transition: all .5s;

        -webkit-transition: all .5s;

    }



}





.ny_nr {

    width: 100%;

    padding: 60px 0;

    overflow: hidden;

}



.ny_nr .lx_wm {

    box-shadow: 0 0 20px #ddd;

}



.ny_nr .lx_wm .n_r {

    padding: 30px;

}



.ny_nr .lx_wm .n_r h3 {

    font-size: 20px;

    line-height: 32px;

    color: #202c52;

}



.ny_nr .lx_wm .n_r h4 {

    font-size: 14px;

    line-height: 24px;

    color: #888;

    text-transform: uppercase;

    margin-bottom: 20px;

}



.ny_nr .lx_wm .w_z {

    font-size: 15px;

    line-height: 36px;

}



.ny_nr .lx_wm .l_y input {

    width: 100%;

    height: 47px;

    font-size: 14px;

    line-height: 46px;

    border-bottom: 1px solid #ddd;

    display: block;

}



.ny_nr .lx_wm .l_y textarea {

    width: 100%;

    height: 78px;

    padding: 10px 0;

    font-size: 14px;

    line-height: 26px;

    border: 0;

    border-bottom: 1px solid #ddd;

    display: block;

    resize: none;

    background: none

}



.ny_nr .lx_wm .l_y button {

    width: 120px;

    height: 36px;

    background-color: #202c52;

    margin-top: 20px;

    margin-right: 15px;

    font-size: 15px;

    line-height: 36px;

    text-align: center;

    color: #fff;

    float: left;

}



.ny_nr .lx_wm .l_y button.c_z {

    background-color: #aaa;

}





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

    .ny_nr {

        padding: 20px 0;

    }



    .ny_nr .lx_wm {

        box-shadow: 0 0 15px #ddd;

    }



    .ny_nr .lx_wm .n_r {

        padding: 20px;

    }



    .ny_nr .lx_wm .n_r h3 {

        font-size: 16px;

        line-height: 26px;

    }



    .ny_nr .lx_wm .n_r h4 {

        font-size: 13px;

        line-height: 22px;

        margin-bottom: 15px;

    }



    .ny_nr .lx_wm .w_z {

        font-size: 13px;

        line-height: 26px;

    }



    .ny_nr .lx_wm .l_y input {

        font-size: 13px;

    }



    .ny_nr .lx_wm .l_y textarea {

        font-size: 13px;

        line-height: 24px;

    }



    .ny_nr .lx_wm .l_y .button {

        width: 100px;

        height: 30px;

        font-size: 14px;

        line-height: 30px;

    }

}



.ny_nr {

    background: #fafafa

}



.ny_nr .n_zj ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.ny_nr .n_zj ul li {

    margin-bottom: 20px;

    background-color: #fff;

    /* float: left; */

    width: 49%;

    margin-right: 2%;

    overflow: hidden;

}



.ny_nr .n_zj ul li:nth-child(2n) {

    float: right;

    margin-right: 0

}



.ny_nr .n_zj img {

    width: 100%;

    height: auto;

    display: block;

}



.ny_nr .n_zj .w_z {

    margin: 20px 5px 0;

}



.ny_nr .n_zj .w_z h3 {

    font-size: 18px;

    margin-bottom: 10px;

    font-weight: bold;

    color: #333

}



.ny_nr .n_zj .w_z h3 i {

    font-size: 14px;

    padding-left: 10px;

    color: #555;

}



.ny_nr .n_zj .w_z p {

    font-size: 14px;

    color: #555;

    line-height: 26px;

    overflow: hidden;

    margin: 0;

}



.ny_nr .n_zj .w_z .p p {

    margin: 0 0 6px;

    color: rgba(16, 16, 16, .8);

    padding-left: 20px;

    position: relative;

    font-size: 16px

}



.ny_nr .n_zj .w_z .p p::before {

    content: "";

    width: 7px;

    height: 7px;

    background: #1e4c8f;

    border-radius: 50%;

    position: absolute;

    left: 0;

    top: 9px;

}



.ny_nr .n_zj .w_z em {

    width: 44px;

    height: 2px;

    background-color: #aaa;

    display: block;

    margin-bottom: 20px;

}



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

    .n_zj {

        width: 90%;

        margin: 0 auto

    }



    .ny_nr .n_zj ul li {

        margin-bottom: 20px;

        width: 100%;

        margin-right: 0;

        float: none;

        background-color: #fafafa;

    }



    .ny_nr .n_zj .w_z {

        margin: 10px 0;

        padding: 0

    }



    .ny_nr .n_zj .w_z h3 {

        font-size: 16px;

        margin-bottom: 10px;

        font-weight: bold;

    }



    .ny_nr .n_zj .w_z h3 i {

        font-size: 12px;

        padding-left: 5px;

    }



    .ny_nr .n_zj .w_z p {

        font-size: 14px;

        line-height: 28px;

        height: auto;

    }



    .ny_nr .n_zj .w_z em {

        width: 32px;

        margin-bottom: 10px;

    }

}



a.ck_xq {

    width: 110px;

    height: 32px;

    margin-top: 15px;

    border: 1px solid #aaa;

    font-size: 14px;

    color: #555;

    text-align: center;

    line-height: 30px;

    display: block;

    position: relative;

}



a.ck_xq:hover {

    color: #285fa2;

}



a.ck_xq:before {

    content: "";

    width: 0;

    height: 32px;

    border: 1px solid #285fa2;

    border-width: 1px 0 1px 0;

    top: -1px;

    left: -1px;

    position: absolute;

    transition: all .5s;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

}



a.ck_xq:after {

    content: "";

    width: 110px;

    height: 0;

    border: 1px solid #285fa2;

    border-width: 0 1px 0 1px;

    top: -1px;

    left: -1px;

    position: absolute;

    transition: all .5s;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

}



a.ck_xq:hover:before {

    width: 110px;

}



a.ck_xq:hover:after {

    height: 32px;

}



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

    a.ck_xq {

        width: 80px;

        height: 26px;

        margin-top: 10px;

        font-size: 12px;

        line-height: 24px;

    }



    a.ck_xq:before {

        height: 26px;

    }



    a.ck_xq:after {

        width: 80px;

    }



    a.ck_xq:hover:before {

        width: 80px;

    }



    a.ck_xq:hover:after {

        height: 26px;

    }

}





.ny_bt {

    text-align: center;

    margin-bottom: 40px;

}



.ny_bt h3 {

    font-size: 26px;

    line-height: 30px;

    color: #333;

    margin-bottom: 10px;

    font-weight: bold

}



.ny_bt p {

    font-size: 15px;

    font-family: Arial;

    color: #888;

    text-transform: uppercase;

}



.ny_bt span {

    width: 40px;

    height: 3px;

    background-color: #202c52;

    display: block;

    margin: 15px auto 0;

}



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

    .ny_bt {

        margin-bottom: 15px;

    }



    .ny_bt h3 {

        font-size: 16px;

        margin-bottom: 5px;

    }



    .ny_bt span {

        height: 2px;

    }



    .ny_bt span {

        width: 40px;

        height: 2px;

        background-color: #202c52;

        display: block;

        margin: 10px auto 0;

    }



}



.ny_gy {

    width: 100%;

    padding: 80px 0;

    overflow: hidden;

}



.ny_gy .w_z {

    text-align: center;

    font-size: 15px;

    line-height: 28px;

    letter-spacing: 1px;

    color: #777;

}



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

    .ny_gy {

        padding: 40px 0;

    }



    .ny_gy .w_z {

        font-size: 13px;

        line-height: 24px;

        letter-spacing: 0;

    }

}



.ny_nr .cp_lb .n_r {

    margin-bottom: 30px;

    padding: 10px;

    border: 1px solid #ddd;

    transition: all .5s;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

}



.ny_nr .cp_lb .n_r:hover {

    border: 1px solid #202c52;

    box-shadow: 0 0 15px #ddd;

}



.ny_nr .cp_lb .t_p {

    overflow: hidden;

}



.ny_nr .cp_lb .t_p img {

    width: 100%;

    height: auto;

    display: block;

    transition: all 1s;

    -webkit-transition: all 1s;

    -moz-transition: all 1s;

    -ms-transition: all 1s;

    -o-transition: all 1s;

}



.ny_nr .cp_lb .n_r:hover .t_p img {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

}



.ny_nr .cp_lb .w_z {

    background-color: #f7f7f7;

    padding: 10px;

    font-size: 15px;

    text-align: center;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    margin-top: 10px;

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

}



.ny_nr .cp_lb .n_r:hover .w_z {

    background-color: #202c52;

    color: #fff;

}



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

    .ny_nr .cp_lb .col-md-4 {

        padding-left: 8px;

        padding-right: 8px

    }



    .ny_nr .cp_lb .n_r {

        margin-bottom: 10px;

        padding: 10px;

        border: 1px solid #ddd;

        transition: all .5s;

        -webkit-transition: all .5s;

        -moz-transition: all .5s;

        -ms-transition: all .5s;

        -o-transition: all .5s;

    }

}



.ab_zr {

    overflow: hidden;

}



.ab_zr .zr_bt {

    color: #000;

    text-align: center;

    overflow: hidden;

    margin-top: 80px;

    margin-bottom: 80px;

    padding: 0 112px;

}



.ab_zr .zr_bt h3 {

    font-size: 36px;

    line-height: 46px;

    margin-bottom: 20px;

}



.ab_zr .zr_bt h5 {

    font-size: 24px;

    line-height: 32px;

    text-transform: uppercase;

    margin-bottom: 23px;

}



.ab_zr .zr_bt P {

    color: #555555;

    line-height: 36px;

    font-size: 16px;

}



.ab_zr .zr_nr {

    overflow: hidden;

}



.ab_zr .zr_nr .l_t,

.ab_zr .zr_nr .r_b {

    padding: 0;

}



.ab_zr .zr_nr img {

    width: 100%;

    height: auto;

}



.ab_zr .zr_nr .nr_r.r_t {

    padding: 100px 77px 163px 90px;

}



.ab_zr .zr_nr .nr_l.l_b {

    padding: 130px 77px 163px 90px;

}



.ab_zr .zr_nr .nr_r.r_t {

    background-color: #f7f7f7;

}



.ab_zr .zr_nr .nr_l.l_b {

    background-color: #f7f7f7;

}



.ab_zr .zr_nr h4 {

    text-transform: uppercase;

    color: #202c52;

    font-size: 20px;

}



.ab_zr .zr_nr h3 {

    color: #333;

    font-size: 26px;

    line-height: 52px;

    margin-bottom: 30px;

}



.ab_zr .zr_nr p {

    font-size: 16px;

    color: #555;

    line-height: 36px;

}



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

    .ab_zr .zr_bt {

        margin-top: 20px;

        margin-bottom: 20px;

        padding: 0;

    }



    .ab_zr .zr_bt h3 {

        font-size: 30px;

        margin-bottom: 0;

    }



    .ab_zr .zr_bt h5 {

        font-size: 20px;

        margin-bottom: 10px;

    }



    .ab_zr .zr_bt P {

        font-size: 14px;

        line-height: 28px;

    }



    .ab_zr .zr_nr .row:nth-child(odd) {

        flex-direction: column;

    }



    .ab_zr .zr_nr .row {

        flex-direction: column-reverse;

    }



    .ab_zr .zr_nr h4 {

        font-size: 18px;

    }



    .ab_zr .zr_nr h3 {

        font-size: 18px;

        margin-bottom: 0;

    }



    .ab_zr .zr_nr p {

        width: 100%;

        font-size: 14px;

        line-height: 24px;

    }



    .ab_zr .zr_nr .nr_r.r_t {

        padding: 20px 40px 30px;

    }



    .ab_zr .zr_nr .nr_l.l_b {

        padding: 20px 40px 30px;

    }

}



.xx_fw {

    width: 100%;

    overflow: hidden;

    margin: 60px 0;

}



.xx_fw .fw_nr {

    width: 100%;

    background-color: #f7f7f7;

    padding: 20px;

    margin-bottom: 20px

}



.xx_fw .fw_nr .w_z {

    padding: 20px;

}



.xx_fw .fw_nr .w_z h3 {

    font-size: 20px;

    font-weight: bold;

    color: #333;

}



.xx_fw .fw_nr .w_z em {

    width: 50px;

    height: 4px;

    background-color: #202c52;

    margin: 15px 0 35px;

    display: block;

}



.xx_fw .fw_nr .n_r {

    font-size: 15px;

    line-height: 28px;

    color: #777;

}



.xx_fw .fw_nr .n_r strong {

    font-size: 18px;

    color: #333;

    line-height: 32px;

    display: block;

}



.xx_fw .fw_nr .t_p img {

    width: 100%;

    height: auto;

    display: block;

}



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

    .xx_fw {

        width: 100%;

        overflow: hidden;

        margin: 20px 0;

    }



    .xx_fw .fw_nr {

        width: 100%;

        background-color: #f7f7f7;

        padding: 10px;

        margin-bottom: 10px

    }



    .xx_fw .fw_nr .w_z {

        padding: 10px;

    }



    .xx_fw .fw_nr .w_z h3 {

        font-size: 16px;

        font-weight: bold;

        color: #333;

    }



    .xx_fw .fw_nr .w_z em {

        width: 30px;

        height: 4px;

        background-color: #202c52;

        margin: 15px 0 15px;

        display: block;

    }



}



.zs_sp {

    width: 100%;

    padding: 70px 0;

    background-color: #f5f7f8;

    overflow: hidden;

}



.zs_sp .n_r {

    margin-bottom: 30px;

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

}



.zs_sp .n_r:hover {

    box-shadow: 0 8px 20px #ddd;

}



.zs_sp .t_p {

    overflow: hidden;

    position: relative;

}



.zs_sp .t_p img {

    width: 100%;

    height: auto;

    display: block;

}



.zs_sp .t_p:after {

    width: 100%;

    height: 100%;

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    background-color: rgba(0, 0, 0, .2);

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

}



.zs_sp .t_p1 {

    overflow: hidden;

    position: relative;

}



.zs_sp .t_p1 img {

    width: 100%;

    height: auto;

    display: block;

}



.zs_sp .n_r:hover .t_p:after {

    background-color: rgba(0, 0, 0, .2);

}



.zs_sp .b_f {

    width: 50px;

    height: 50px;

    background: url(../images/a11.png) no-repeat center / 100% 100%;

    position: absolute;

    z-index: 99;

    top: 50%;

    left: 50%;

    margin: -25px 0 0 -25px;

}



.zs_sp .w_z {

    background-color: #fff;

    padding: 20px;

    font-size: 18px;

    line-height: 28px;

    color: #333;

    text-align: center;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

}



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

    .zs_sp {

        padding: 20px 0;

    }



    .zs_sp .col-lg-4 {

        padding-left: 8px;

        padding-right: 8px

    }



    .zs_sp .w_z {

        font-size: 14px;

        line-height: 26px;

        padding: 8px

    }



    .zs_sp .n_r {

        margin-bottom: 10px;

        transition: all .5s;

        -o-transition: all .5s;

        -ms-transition: all .5s;

        -moz-transition: all .5s;

        -webkit-transition: all .5s;

    }



    .zs_sp .col-lg-3 {

        padding-left: 5px;

        padding-right: 5px

    }

}





.gs_w1z {

    width: 100%;

    height: auto;

    overflow: hidden;

    margin: 60px auto

}



.gs_w1z img {

    width: 100%

}



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

    .gs_w1z {

        width: 100%;

        height: auto;

        overflow: hidden;

        margin: 30px auto

    }



}



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



.gs_js {

    width: 100%;

    padding: 60px 0;

    overflow: hidden;

}



.gs_js .gs_wz {

    font-size: 16px;

    line-height: 36px;

    text-align: left;

}



.gs_js .gs_wz p {

    margin-bottom: 20px

}



.gs_js .gs_wz img {

    margin-top: 20px;

    width: 100%

}



.gs_yj {

    width: 100%;

    height: auto;

    overflow: hidden;

    padding-bottom: 50px

}



.gs_yj .n_r {

    width: 100%;

    height: 260px;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    position: relative;

}



.gs_yj .n_r:after {

    width: 100%;

    height: 100%;

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    display: block;

    z-index: 2;

    opacity: 0.3;

    background-image: -webkit-linear-gradient(120deg, #202c52 0%, #202c52 100%);

    background-image: -moz-linear-gradient(120deg, #202c52 0%, #202c52 100%);

    background-image: -ms-linear-gradient(120deg, #202c52 0%, #202c52 100%);

    background-image: -o-linear-gradient(120deg, #202c52 0%, #202c52 100%);

    background-image: linear-gradient(120deg, #202c52 0%, #202c52 100%);

}



.gs_yj .w_z {

    width: 80%;

    color: #fff;

    text-align: center;

    font-size: 16px;

    line-height: 26px;

    position: absolute;

    left: 10%;

    top: 40%;

    z-index: 99;

}



.gs_yj .w_z h3 {

    font-size: 22px;

    font-weight: bold;

    margin-bottom: 10px;

    color: #fff

}



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

    .gs_js {

        width: 100%;

        padding: 20px 0 20px;

        overflow: hidden;

    }



    .gs_js .gs_wz {

        font-size: 14px;

        line-height: 28px;

        text-align: left;

    }



    .gs_yj {

        width: 100%;

        padding: 20px 0;

        background-color: #fafafa;

        overflow: hidden;

    }



    .gs_yj .col-md-4 {

        padding-right: 5px;

        padding-left: 5px;

    }



    .gs_yj .n_r {

        width: 100%;

        height: 100px;

        background-repeat: no-repeat;

        background-position: center;

        background-size: cover;

        position: relative;

        margin-bottom: 10px

    }



    .gs_yj .w_z {

        width: 80%;

        color: #fff;

        text-align: center;

        font-size: 16px;

        line-height: 26px;

        position: absolute;

        left: 10%;

        top: 33%;

        z-index: 99;

    }



    .gs_yj .w_z h3 {

        font-size: 16px;

        font-weight: bold;

        margin-bottom: 10px;

    }



    .gs_yj .w_z p {

        margin-bottom: 10px;

        font-size: 14px

    }

}



.ny_wh {

    width: 100%;

    padding: 60px 0;

    background-color: #fafafa;

    overflow: hidden;

}



.ny_wh .row {

    margin: 0 -10px;

}



.ny_wh .col-sm-4 {

    padding: 0 10px;

}



.ny_wh .n_r {

    background-color: #fff;

    padding: 30px 30px;

    position: relative;

}



.ny_wh .n_r:before {

    width: 100%;

    height: 4px;

    background-color: #a5300f;

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    transition: all .3s;

    -o-transition: all .3s;

    -ms-transition: all .3s;

    -moz-transition: all .3s;

    -webkit-transition: all .3s;

}



.ny_wh .n_r:hover:before {

    height: 100%;

}



.ny_wh .n_r1 {

    background-color: #fff;

    padding: 30px 30px;

    position: relative;

}



.ny_wh .n_r1:before {

    width: 100%;

    height: 4px;

    background-color: #7f5f52;

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    transition: all .3s;

    -o-transition: all .3s;

    -ms-transition: all .3s;

    -moz-transition: all .3s;

    -webkit-transition: all .3s;

}



.ny_wh .n_r1:hover:before {

    height: 100%;

}



.ny_wh .n_r2 {

    background-color: #fff;

    padding: 30px 30px;

    position: relative;

}



.ny_wh .n_r2:before {

    width: 100%;

    height: 4px;

    background-color: #e19825;

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    transition: all .3s;

    -o-transition: all .3s;

    -ms-transition: all .3s;

    -moz-transition: all .3s;

    -webkit-transition: all .3s;

}



.ny_wh .n_r2:hover:before {

    height: 100%;

}



.ny_wh .t_b {

    width: 120px;

    height: 120px;

    overflow: hidden;

    background-size: 100% !important;

    position: relative;

    z-index: 1;

    margin: 0 auto;

    transition: all .3s;

    -o-transition: all .3s;

    -ms-transition: all .3s;

    -moz-transition: all .3s;

    -webkit-transition: all .3s;

}



.ny_wh .t_b.t_1 {

    background: url(../images/a11.png) no-repeat top center;

}



.ny_wh .n_r:hover .t_b.t_1 {

    background: url(../images/a11.png) no-repeat bottom center;

}



.ny_wh .t_b.t_2 {

    background: url(../images/a21.png) no-repeat top center;

}



.ny_wh .n_r1:hover .t_b.t_2 {

    background: url(../images/a21.png) no-repeat bottom center;

}



.ny_wh .t_b.t_3 {

    background: url(../images/a31.png) no-repeat top center;

}



.ny_wh .n_r2:hover .t_b.t_3 {

    background: url(../images/a31.png) no-repeat bottom center;

}



.ny_wh .w_z {

    margin-top: 25px;

    text-align: center;

    position: relative;

    z-index: 1;

}



.ny_wh .w_z h3 {

    font-size: 22px;

    line-height: 32px;

    font-weight: bold;

    color: #333;

    transition: all .3s;

    -o-transition: all .3s;

    -ms-transition: all .3s;

    -moz-transition: all .3s;

    -webkit-transition: all .3s;

}



.ny_wh .n_r:hover .w_z h3 {

    color: #fff;

}



.ny_wh .w_z h4 {

    font-size: 15px;

    color: #999;

    line-height: 22px;

    font-family: Arial, Helvetica, sans-serif;

    margin-bottom: 20px;

    transition: all .3s;

    -o-transition: all .3s;

    -ms-transition: all .3s;

    -moz-transition: all .3s;

    -webkit-transition: all .3s;

}



.ny_wh .n_r:hover .w_z h4 {

    color: #fff;

}



.ny_wh .w_z p {

    line-height: 26px;

    color: #555;

    transition: all .3s;

    -o-transition: all .3s;

    -ms-transition: all .3s;

    -moz-transition: all .3s;

    -webkit-transition: all .3s;

    font-size: 14px;

    height: 100px

}



.ny_wh .n_r:hover .w_z p {

    color: #fff;

}



.ny_wh .n_r1:hover .w_z p {

    color: #fff;

}



.ny_wh .n_r2:hover .w_z p {

    color: #fff;

}



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

    .ny_wh {

        padding: 20px 0;

    }



    .ny_wh .n_r {

        margin-top: 15px;

        padding: 30px 20px;

    }



    .ny_wh .t_b {

        width: 100px;

        height: 100px;

    }



    .ny_wh .w_z {

        margin-top: 15px;

    }



    .ny_wh .w_z h3 {

        font-size: 20px;

        line-height: 30px;

    }



    .ny_wh .w_z h4 {

        font-size: 14px;

        margin-bottom: 10px;

    }



    .ny_wh .w_z p {

        min-height: inherit;

        font-size: 13px;

        line-height: 22px;

    }

}





.gy_wm {

    width: 100%;

    padding: 60px 0 80px;

    overflow: hidden;

}



.gy_wm .zp_js .n_r {

    margin-bottom: 50px;

    overflow: hidden;

    box-shadow: 0px 5px 10px 0px rgba(95, 125, 158, .1);

}



.gy_wm .zp_js .t_p img {

    width: 100%;

    height: auto;

    display: block;

}



.gy_wm .zp_js .w_z {

    padding: 20px;

}



.gy_wm .zp_js .w_z h3 {

    font-size: 20px;

    font-weight: bold;

    color: #202c52;

    margin-bottom: 15px;

}



.gy_wm .zp_js .w_z p {

    font-size: 15px;

    line-height: 26px;

    color: #777;

}



.gy_wm .yj_cp .row {

    margin: 0 -10px;

}



.gy_wm .yj_cp .col-12 {

    padding: 0 10px;

}



.gy_wm .yj_cp .n_r {

    box-shadow: 0px 8px 20px 0px rgba(95, 125, 158, .1);

    margin-bottom: 20px

}



.gy_wm .yj_cp .t_p {

    overflow: hidden;

}



.gy_wm .yj_cp .t_p img {

    width: 100%;

    height: auto;

    display: block;

    transition: all 1s;

    -o-transition: all 1s;

    -ms-transition: all 1s;

    -moz-transition: all 1s;

    -webkit-transition: all 1s;

}



.gy_wm .yj_cp .n_r:hover .t_p img {

    transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -webkit-transform: scale(1.1);

}



.gy_wm .yj_cp .w_z {

    padding: 10px 20px 15px;

    text-align: left;

}



.gy_wm .yj_cp .w_z h3 {

    font-size: 16px;

    line-height: 32px;

    font-weight: bold;

}



.gy_wm .yj_cp .w_z p {

    line-height: 24px;

    font-size: 14px

}



.gy_wm .gy_wz {

    font-size: 16px;

    line-height: 32px;

    color: #333;

    padding: 30px;

    border-radius: 20px;

    border: 2px solid #ddd;

    margin-bottom: 30px;

}



.gy_wm .gy_nr img {

    max-width: 100%;

    height: auto;

    display: block;

    margin: 0 auto;

}



.gy_wm .ry_zz .n_r {

    background-color: #fff;

    padding: 20px;

    margin-bottom: 30px;

    box-shadow: 0px 8px 20px 0px rgba(95, 125, 158, .1);

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

}



.gy_wm .ry_zz .n_r:hover {

    box-shadow: 0px 8px 20px 0px rgba(95, 125, 158, 0.3);

    transform: translateY(-10px);

    -o-transform: translateY(-10px);

    -ms-transform: translateY(-10px);

    -moz-transform: translateY(-10px);

    -webkit-transform: translateY(-10px);

}



.gy_wm .ry_zz img {

    width: 100%;

    height: auto;

    display: block;

}



.gy_wm .ry_zz p {

    font-size: 16px;

    text-align: center;

    margin-top: 20px;

    padding-top: 20px;

    border-top: 1px solid #ddd;

}



.gy_wm .td_zs .n_r {

    overflow: hidden;

    margin-bottom: 30px;

    position: relative;

    cursor: pointer;

}



.gy_wm .td_zs .n_r .t_p img {

    width: 100%;

    height: auto;

    display: block;

    transition: all 1s;

    -webkit-transition: all 1s;

    -moz-transition: all 1s;

    -ms-transition: all 1s;

    -o-transition: all 1s;

}



.gy_wm .td_zs .n_r:hover .t_p img {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

}



.gy_wm .td_zs .n_r .w_z {

    width: 100%;

    padding: 15px;

    background-color: rgba(0, 0, 0, .6);

    position: absolute;

    bottom: 0;

    left: 0;

    font-size: 18px;

    font-weight: bold;

    line-height: 26px;

    color: #fff;

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

}



.gy_wm .td_zs .n_r:hover .w_z {

    background-color: rgba(87, 47, 118, .8);

}



.gy_wm .td_zs .n_r .w_z span {

    float: right;

    font-size: 14px;

    font-weight: normal;

}



.gy_wm .zp_nr .row {

    margin: 0 -25px;

}



.gy_wm .zp_nr .col-12 {

    padding: 0 25px;

}



.gy_wm .zp_nr .n_r {

    margin-bottom: 50px;

    overflow: hidden;

    box-shadow: 0px 8px 20px 0px rgba(95, 125, 158, .1);

}



.gy_wm .zp_nr .t_p img {

    width: 100%;

    height: auto;

    display: block;

}



.gy_wm .zp_nr .w_z {

    padding: 20px;

}



.gy_wm .zp_nr .w_z h3 {

    font-size: 20px;

    font-weight: bold;

    color: #202c52;

    margin-bottom: 15px;

}



.gy_wm .zp_nr .w_z p {

    font-size: 15px;

    line-height: 26px;

    color: #777;

}



.gy_wm .zp_dz .row {

    margin: 0 -25px;

}



.gy_wm .zp_dz .col-12 {

    padding: 0 25px;

}



.gy_wm .zp_dz .n_r {

    padding: 30px;

    box-shadow: 0px 8px 20px 0px rgba(95, 125, 158, .1);

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

}



.gy_wm .zp_dz .n_r:hover {

    background-color: #202c52;

}



.gy_wm .zp_dz .n_r h3 {

    font-size: 26px;

    font-weight: bold;

    color: #202c52;

    margin: 30px 0;

}



.gy_wm .zp_dz .n_r:hover h3 {

    color: #fff;

}



.gy_wm .zp_dz .n_r h4 {

    font-size: 15px;

    line-height: 26px;

}



.gy_wm .zp_dz .n_r:hover h4 {

    color: #fff;

}



.gy_wm .zp_dz .n_r span {

    font-size: 12px;

    line-height: 26px;

    color: #777;

}



.gy_wm .zp_dz .n_r:hover span {

    color: #fff;

}



.gy_wm .zp_dz .n_r a {

    display: block;

}



.gy_wm .lx_dt .map {

    width: 100%;

    height: 460px;

    margin-bottom: 50px;

}



.gy_wm .lx_wm .n_r h3 {

    font-size: 22px;

    line-height: 32px;

    color: #202c52;

}



.gy_wm .lx_wm .n_r h4 {

    font-size: 16px;

    line-height: 24px;

    color: #888;

    text-transform: uppercase;

    margin-bottom: 20px;

}



.gy_wm .lx_wm .w_z {

    font-size: 15px;

    line-height: 32px;

}



.gy_wm .lx_wm .l_y input {

    width: 100%;

    height: 47px;

    font-size: 14px;

    line-height: 46px;

    border-bottom: 1px solid #ddd;

    display: block;

}



.gy_wm .lx_wm .l_y textarea {

    width: 100%;

    height: 72px;

    padding: 10px 0;

    font-size: 14px;

    line-height: 26px;

    border-bottom: 1px solid #ddd;

    display: block;

    resize: none;

}



.gy_wm .lx_wm .l_y button {

    width: 120px;

    height: 36px;

    background-color: #202c52;

    margin-top: 15px;

    margin-right: 15px;

    font-size: 15px;

    line-height: 36px;

    text-align: center;

    color: #fff;

    float: left;

}



.gy_wm .lx_wm .l_y button.c_z {

    background-color: #aaa;

}



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

    .gy_wm {

        width: 100%;

        padding: 30px 0 50px;

        overflow: hidden;

    }



    .gy_wm .yj_cp .w_z {

        padding: 10px;

        text-align: left;

    }



    .gy_wm .ry_zz p {

        font-size: 14px;

        text-align: center;

        margin-top: 10px;

        padding-top: 10px;

        border-top: 1px solid #ddd;

    }



    .gy_wm .yj_cp .w_z h3 {

        font-size: 14px;

        line-height: 26px;

        font-weight: bold;

    }



    .gy_wm .yj_cp .w_z p {

        line-height: 24px;

        font-size: 12px

    }



    .gy_wm .ry_zz .n_r {

        background-color: #fff;

        padding: 10px;

        margin-bottom: 0px;

        box-shadow: 0px 8px 20px 0px rgba(95, 125, 158, .1);

        transition: all .5s;

        -o-transition: all .5s;

        -ms-transition: all .5s;

        -moz-transition: all .5s;

        -webkit-transition: all .5s;

    }



    .gy_wm .ry_zz .col-lg-3 {

        padding: 10px;

        padding-right: 10px

    }

}



.gs_dt {

    width: 100%;

    height: 400px;

    overflow: hidden;

}



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

    .gs_dt {

        height: 300px;

    }

}



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

    .gs_dt {

        height: 250px;

    }

}



.ny_nr .zl_lb .n_r {

    padding: 15px;

    border: 1px solid #ddd;

    margin-bottom: 30px;

}



.ny_nr .zl_lb .n_r img {

    width: 100%

}



.ny_nr .zl_lb h3 {

    font-size: 16px;

    line-height: 32px;

    font-weight: bold;

    margin-top: 8px;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

}



.ny_nr .zl_lb ul li:hover h3 {

    color: #3866ad;

}



.ny_nr .zl_lb i {

    font-size: 60px;

    position: absolute;

    top: 20px;

    left: 20px;

}



.ny_nr .zl_lb p {

    font-size: 14px;

    line-height: 26px;

    color: #888;

    overflow: hidden;

    display: -webkit-box;

    line-clamp: 2;

    -webkit-line-clamp: 2;

    -moz-line-clamp: 2;

    -ms-line-clamp: 2;

    -o-line-clamp: 2;

    -webkit-box-orient: vertical;

    margin-bottom: 10px

}



.ny_nr .zl_lb a {

    width: 120px;

    background-color: #3866ad;

    line-height: 32px;

    text-align: center;

    color: #fff;

    display: block;

}



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

    .ny_nr .zl_lb .n_r {

        border: 1px dotted #ccc;

        margin-bottom: 10px;

        position: relative;

    }



    .ny_nr .zl_lb h3 {

        font-size: 14px;

        line-height: 26px;

        font-weight: bold;

        margin-bottom: 5px;

        text-overflow: ellipsis;

        white-space: nowrap;

        overflow: hidden;

        transition: all .5s;

        -o-transition: all .5s;

        -ms-transition: all .5s;

        -moz-transition: all .5s;

        -webkit-transition: all .5s;

    }



    .ny_nr .zl_lb p {

        margin-bottom: 10px;

        line-height: 22px;

        height: auto;

        color: #888;

        overflow: hidden;

        display: -webkit-box;

        line-clamp: 2;

        -webkit-line-clamp: 2;

        -moz-line-clamp: 2;

        -ms-line-clamp: 2;

        -o-line-clamp: 2;

        -webkit-box-orient: vertical;

    }



    .ny_nr .zl_lb a {

        width: 100px;

        background-color: #3866ad;

        line-height: 28px;

        text-align: center;

        color: #fff;

        display: block;

        font-size: 12px

    }



}



.ny_nr .xw_lb {

    height: auto;

    overflow: hidden

}



.ny_nr .xw_lb ul li {

    margin-bottom: 30px;

    background: #fafafa

}



.ny_nr .xw_lb .t_p img {

    width: 100%;

    height: auto;

    display: block;

}



.ny_nr .xw_lb .w_z h3 {

    font-size: 16px;

    font-weight: bold;

    line-height: 32px;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    margin-top: 20px

}



.ny_nr .xw_lb .w_z h3 a {

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

    color: #333

}



.ny_nr .xw_lb ul li:hover .w_z h3 a {

    color: #202c52;

}



.ny_nr .xw_lb .w_z span {

    font-size: 13px;

    color: #555;

    display: block;

    letter-spacing: 1px;

}



.ny_nr .xw_lb .w_z i {

    color: #333;

    padding-right: 5px;

    font-size: 14px

}



.ny_nr .xw_lb .w_z p {

    font-size: 14px;

    line-height: 26px;

    letter-spacing: 1px;

    color: #999;

    height: auto;

    margin-top: 15px;

    margin-bottom: 15px;

    overflow: hidden;

    display: -webkit-box;

    line-clamp: 2;

    -webkit-line-clamp: 2;

    -moz-line-clamp: 2;

    -ms-line-clamp: 2;

    -o-line-clamp: 2;

    -webkit-box-orient: vertical;

    color: #666;

    padding-right: 20px

}



.ny_nr .xw_lb .w_z a.x_q {

    width: 100px;

    height: 32px;

    border: 1px solid #202c52;

    font-size: 14px;

    text-align: center;

    line-height: 30px;

    color: #202c52;

    display: block;

    margin-top: 20px;

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

}



.ny_nr .xw_lb .w_z a.x_q:hover {

    background-color: #202c52;

    color: #fff;

}



.ny_nr .al_lb .row {

    margin: 0 -10px;

}



.ny_nr .al_lb .col-12 {

    padding: 0 10px;

}



.ny_nr .al_lb .n_r {

    box-shadow: 0px 5px 10px 0px rgba(95, 125, 158, .1);

    margin-bottom: 20px;

}



.ny_nr .al_lb .t_p {

    overflow: hidden;

}



.ny_nr .al_lb .t_p img {

    width: 100%;

    height: auto;

    display: block;

    transition: all 1s;

    -o-transition: all 1s;

    -ms-transition: all 1s;

    -moz-transition: all 1s;

    -webkit-transition: all 1s;

}



.ny_nr .al_lb .n_r:hover .t_p img {

    transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -webkit-transform: scale(1.1);

}



.ny_nr .al_lb .w_z {

    padding: 10px;

    text-align: left;

}



.ny_nr .al_lb .w_z h3 {

    font-size: 16px;

    line-height: 30px;

    font-weight: bold;

    margin-bottom: 5px

}



.ny_nr .al_lb .w_z p {

    line-height: 24px;

    color: #555;

    font-size: 14px;

    height: 100px

}



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

    .ny_nr .xw_lb ul li {

        margin-bottom: 15px;

        background: #fafafa

    }



    .ny_nr .al_lb .n_r {

        margin-bottom: 20px;

    }



    .ny_nr .xw_lb .w_z h3 {

        font-size: 14px;

        font-weight: bold;

        line-height: 22px;

        text-overflow: ellipsis;

        white-space: nowrap;

        overflow: hidden;

        margin-top: 5px

    }



    .ny_nr .xw_lb .w_z p {

        font-size: 12px;

        line-height: 22px;

        letter-spacing: 1px;

        color: #999;

        height: auto;

        margin-top: 5px;

        margin-bottom: 10px;

        overflow: hidden;

        display: -webkit-box;

        line-clamp: 3;

        -webkit-line-clamp: 3;

        -moz-line-clamp: 3;

        -ms-line-clamp: 3;

        -o-line-clamp: 3;

        -webkit-box-orient: vertical;

        color: #666

    }



    .ny_nr .xw_lb .w_z {

        padding: 10px;

        text-align: left;

    }



}



.rc_zp {

    width: 100%;

    padding: 60px 0;

    letter-spacing: 1px;

    overflow: hidden;

}



.rc_zp .ts {

    font-size: 15px;

    line-height: 26px;

    color: #888;

    text-align: center;

    margin-bottom: 20px;

}



.rc_zp .ts a {

    color: #202c52;

}



.rc_zp .jr_lm {

    border: 1px solid #e7e7e7;

    overflow: hidden;

    margin-bottom: 10px;

}



.rc_zp .jr_lm.jt {

    border: 1px solid #202c52;

}



.rc_zp .jr_bt {

    padding: 10px 20px;

    height: 60px;

    font-size: 14px;

    line-height: 40px;

    color: #555;

    overflow: hidden;

    cursor: pointer;

    position: relative;

}



.rc_zp .jr_bt:hover {

    background-color: #e7e7e7;

}



.rc_zp .jr_bt.on {

    background-color: #e7e7e7;

}



.rc_zp .jr_bt i {

    position: absolute;

    top: 50%;

    right: 15px;

    font-size: 15px;

    transform: translate(0, -50%);

    -webkit-transform: translate(0, -50%);

    -moz-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

    -o-transform: translate(0, -50%);

    transition: all .5s;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

}



.rc_zp .jr_bt.on i {

    transform: translate(0, -50%) rotate(180deg);

    -webkit-transform: translate(0, -50%) rotate(180deg);

    -moz-transform: translate(0, -50%) rotate(180deg);

    -ms-transform: translate(0, -50%) rotate(180deg);

    -o-transform: translate(0, -50%) rotate(180deg);

}



.rc_zp .jr_lm.jt .jr_bt {

    background-color: #202c52;

    color: #fff;

    padding: 0 20px;

    line-height: 60px;

}



.rc_zp .jr_bt span {

    float: left;

    width: 33.333333%;

    text-align: center;

}



.rc_zp .jr_bt span.s_40 {

    text-align: left;

}



.rc_zp .jr_nr {

    background-color: #fff;

    padding: 30px 25px 10px;

    font-size: 14px;

    line-height: 32px;

    margin-bottom: 3px;

    display: none;

    position: relative;

}



.rc_zp .jr_nr .lm {

    color: #202c52;

}



.rc_zp .jr_nr .js {

    margin-bottom: 20px;

}



.rc_zp .jr_nr a.wy_yp {

    width: 110px;

    height: 36px;

    position: absolute;

    top: 30px;

    right: 35px;

    background-color: #202c52;

    font-size: 15px;

    line-height: 36px;

    color: #fff;

    text-align: center;

    display: block;

}



.rc_zp .jr_nr a.wy_yp i {

    padding-left: 5px;

    transition: all .5s;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

}



.rc_zp .jr_nr a.wy_yp:hover i {

    padding-left: 15px;

}



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

    .rc_zp {

        padding: 35px 0;

    }



    .rc_zp .ts {

        font-size: 13px;

        line-height: 24px;

        margin-bottom: 10px;

    }



    .rc_zp .jr_bt {

        padding: 5px 20px;

        height: 50px;

    }



    .rc_zp .jr_lm.jt .jr_bt {

        padding: 5px 20px;

        line-height: 40px;

    }



    .rc_zp .jr_nr {

        padding: 20px;

        font-size: 12px;

        line-height: 22px;

    }



    .rc_zp .jr_nr .lm {

        margin-bottom: 10px;

    }



    .rc_zp .jr_nr a.wy_yp {

        width: 100px;

        height: 30px;

        top: 10px;

        right: 25px;

        font-size: 14px;

        line-height: 30px;

    }



    .rc_zp .jr_nr a.wy_yp:hover i {

        padding-left: 10px;

    }

}



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

    .rc_zp {

        padding: 20px 0;

    }



    .rc_zp .ts {

        font-size: 12px;

        line-height: 22px;

    }



    .rc_zp .jr_bt {

        padding: 5px 15px;

        height: 40px;

        line-height: 30px;

    }



    .rc_zp .jr_lm.jt .jr_bt {

        padding: 5px 15px;

        line-height: 30px;

    }



    .rc_zp .jr_nr {

        padding: 10px 15px;

        font-size: 12px;

        line-height: 22px;

    }



    .rc_zp .jr_nr .lm {

        margin-bottom: 10px;

    }



    .rc_zp .jr_nr a.wy_yp {

        width: 90px;

        height: 26px;

        position: relative;

        top: auto;

        right: auto;

        font-size: 13px;

        line-height: 26px;

        margin-left: 15px;

    }

}









.yema {

    margin-top: 30px;

    text-align: center;

}



.yema ul li {

    display: inline-block;

    margin: 3px;

}



.yema ul li a {

    width: 38px;

    height: 38px;

    background-color: #fff;

    border: 1px solid #ddd;

    font-size: 16px;

    line-height: 36px;

    text-align: center;

    color: #333;

    display: block;

    overflow: hidden;

}



.yema ul li a:hover {

    background-color: #202c52;

    border: 1px solid #202c52;

    color: #fff;

}



.yema ul li.on a {

    background-color: #202c52;

    border: 1px solid #202c52;

    color: #fff;

}



.yema ul li i {

    vertical-align: middle;

    font-size: 15px;

    font-weight: bold;

}



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

    .yema {

        margin-top: 10px;

    }



    .yema ul li a {

        width: 30px;

        height: 30px;

        font-size: 14px;

        line-height: 28px;

    }



    .yema ul li i {

        font-size: 16px;

    }

}



.ny_cp {

    width: 100%;

    padding: 50px 0 50px;

    overflow: hidden;

}



.ny_cp .ny_lmm {

    padding: 10px;

    background: #0060b0 url(../images/lm_bj.png) no-repeat top center / 100% auto;

    height: auto;

    overflow: hidden

}



.ny_cp .ny_lmm .b_t {

    margin: 10px 5px 15px;

}



.ny_cp .ny_lmm .b_t h3 {

    font-size: 22px;

    line-height: 32px;

    color: #fff;

}



.ny_cp .ny_lmm .b_t h4 {

    font-size: 16px;

    line-height: 30px;

    color: #ccc;

    font-family: Arial;

    text-transform: uppercase;

}



.ny_cp .ny_lmm .b_t em {

    width: 44px;

    height: 2px;

    margin: 8px 0 5px;

    background-color: #aaa;

    display: block;

}



.ny_cp .ny_lmm .l_b {

    display: none;

    padding: 0 15px;

    font-size: 24px;

    color: #fff;

    text-align: left;

    line-height: 80px;

    background-color: #0060b0;

    position: relative;

}



.ny_cp .ny_lmm .l_b i {

    position: absolute;

    top: 50%;

    right: 15px;

    transform: translate(0, -50%);

    -webkit-transform: translate(0, -50%);

    -moz-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

    -o-transform: translate(0, -50%);

}



.ny_cp .ny_lmm .l_m {

    padding: 7px 7px 0 7px;

    background-color: #fff;

}



.ny_cp .ny_lmm .l_m ul li {

    display: block;

    background-color: #f7f7f7;

    margin-bottom: 7px;

}



.ny_cp .ny_lmm .l_m a {

    display: block;

    padding: 0 15px;

    font-size: 15px;

    line-height: 44px;

    color: #333

}



.ny_cp .ny_lmm .l_m ul li:hover a {

    background-color: #0060b0;

    color: #fff;

}



.ny_cp .ny_lmm .l_m ul li.on a {

    background-color: #0060b0;

    color: #fff;

}



.ny_cp .ny_lmm .l_m a.e_j {

    position: relative;

}



.ny_cp .ny_lmm .l_m em {

    position: absolute;

    top: 0;

    right: 0;

    width: 44px;

    height: 44px;

    display: block;

    font-size: 22px;

    color: #777;

    text-align: center;

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

}



.ny_cp .ny_lmm .l_m ul li:hover em {

    color: #fff;

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

}



.ny_cp .ny_lmm .l_m ul li.on em {

    color: #fff;

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

}



.ny_cp .ny_lmm .s_j {

    display: none;

}



.ny_cp .ny_lmm .l_m ul li.on .s_j {

    display: block;

}



.ny_cp .ny_lmm .s_j a {

    font-size: 13px;

    text-indent: 10px;

    line-height: 36px;

    color: #555;

}



.ny_cp .ny_lmm .l_m ul li:hover .s_j a {

    background: none;

    color: #555;

}



.ny_cp .ny_lmm .l_m ul li:hover .s_j a:hover {

    color: #0060b0;

}



.ny_cp .ny_lmm .l_m ul li.on .s_j a {

    background: none;

    color: #555;

    font-size: 14px

}



.ny_cp .ny_lmm .l_m ul li.on .s_j a.n {

    color: #0060b0;

}



.ny_cp .cp_lm {

    padding: 10px;

    background: #202c52 url(../images/lm_bj.png) no-repeat top center / 100% auto;

    position: absolute;

    width: 270px;

}



.ny_cp .cp_lm .b_t {

    margin: 10px 5px 15px;

    text-align: left

}



.ny_cp .cp_lm .b_t h3 {

    font-size: 22px;

    line-height: 32px;

    color: #fff;

}



.ny_cp .cp_lm .b_t span {

    font-size: 14px;

    line-height: 30px;

    color: #ccc;

    font-family: Arial;

    text-transform: uppercase;

}



.ny_cp .cp_lm .b_t em {

    width: 44px;

    height: 2px;

    margin: 8px 0 5px;

    background-color: #aaa;

    display: block;

}



.ny_cp .cp_lm .l_b {

    display: none;

    padding: 0 15px;

    font-size: 24px;

    color: #fff;

    text-align: left;

    line-height: 80px;

    background-color: #202c52;

    position: relative;

}



.ny_cp .cp_lm .l_b i {

    position: absolute;

    top: 50%;

    right: 15px;

    transform: translate(0, -50%);

    -webkit-transform: translate(0, -50%);

    -moz-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

    -o-transform: translate(0, -50%);

}



.ny_cp .cp_lm .l_m {

    padding: 7px 7px 0 7px;

    background-color: #fff;

}



.ny_cp .cp_lm .l_m h5 {

    background-color: #f2f2f2;

    position: relative;

    padding: 0 15px;

    height: auto;

    overflow: hidden

}



.ny_cp .cp_lm .l_m h5 a {

    font-size: 14px;

    font-weight: normal;

    color: #000;

    line-height: 40px;

}



.ny_cp .cp_lm .l_m h5.on {

    background: #0060b0;

    color: #fff;

}



.ny_cp .cp_lm .l_m h5.on a {

    color: #fff;

}



.ny_cp .cp_lm .l_m h5 i {

    font-size: 15px;

    line-height: 40px;

    text-align: right;

    position: absolute;

    width: 60%;

    height: 40px;

    right: 10px;

    top: 50%;

    cursor: pointer;

    transform: translate(0, -50%);

    -webkit-transform: translate(0, -50%);

    -moz-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

    -o-transform: translate(0, -50%);

}



.ny_cp .cp_lm .l_m h5.on i {

    color: #fff;

}



.ny_cp .cp_lm .l_m h5:hover {

    background: #0060b0

}



.ny_cp .cp_lm .l_m h5:hover a {

    color: #fff

}



.ny_cp .cp_lm .l_m h5:hover i {

    color: #fff

}



.ny_cp .cp_lm .l_m .n_ej {

    background-color: #f7f7f7;

    display: none;

    height: auto;

    overflow: hidden

}



.ny_cp .cp_lm .l_m ul li:first-child .n_ej {

    display: block;

}



.ny_cp .cp_lm .l_m .n_ej a {

    text-indent: 15px;

    line-height: 30px;

    color: #555;

    margin-bottom: 1px;

    display: block;

    font-size: 14px

}



.ny_cp .cp_lm .l_m .n_ej a:hover {

    color: #202c52;

    text-indent: 20px;

    background-color: #ecf6fd;

}





.ny_cp .cp_lm .l_m ul li {

    display: block;

    background-color: #f7f7f7;

    margin-bottom: 7px;

}



.ny_cp .cp_lm .l_m a.e_j {

    display: block;

    padding: 0 15px;

    font-size: 17px;

    font-weight: bold;

    line-height: 44px;

    position: relative;

    background-color: #f2f2f2;

    color: #000;

}



.ny_cp .cp_lm .l_m i {

    position: absolute;

    top: 0;

    right: 0;

    width: 44px;

    height: 44px;

    display: block;

    font-size: 16px;

    color: #000;

    text-align: center;

}



.ny_cp .cp_lm .s_j a {

    text-indent: 15px;

    line-height: 40px;

    color: #555;

    margin-bottom: 1px;

    display: block;

}



.ny_cp .cp_lm .s_j a:hover {

    color: #202c52;

    text-indent: 30px;

    background-color: #ecf6fd;

}



.ny_cp .cp_lm .s_j a.n {

    color: #202c52;

    text-indent: 30px;

    background-color: #ecf6fd;

}



.ny_cp .lm_bt {

    height: 51px;

    border-bottom: 1px solid #e7e7e7;

    margin-bottom: 20px;

}



.ny_cp .lm_bt .m_c {

    font-size: 18px;

    color: #333;

    line-height: 40px;

    padding-bottom: 10px;

    border-bottom: 2px solid #0060b0;

    display: inline-block;

}



.ny_cp .cp_wz {

    line-height: 28px;

    font-size: 16px;

    margin-bottom: 20px

}



.ny_cp .cp_lb .row {

    margin: 0 -10px;

}



.ny_cp .cp_lb .col-6 {

    padding: 0 10px;

}



.ny_cp .cp_lb .n_r {

    margin-bottom: 20px;

    background-color: #fff;

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

    padding: 10px;

    border: #e7e7e7 1px solid

}



.ny_cp .cp_lb .n_r:hover {

    box-shadow: 0 0 15px #ddd;

}



.ny_cp .cp_lb .n_r img {

    width: 100%;

    height: auto;

    display: block;

}



.ny_cp .cp_lb .n_r p {

    font-size: 16px;

    line-height: 50px;

    text-align: center;

    background: #fafafa;

    margin-top: 10px

}



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

    .ny_cp {

        padding: 20px 0 20px;

    }



    .ny_cp .cp_lm {

        padding: 0 10px 10px;

        width: 100%;

        position: relative;

        left: auto;

        margin-left: 0;

        margin-bottom: 20px;

        height: auto;

        overflow: hidden

    }



    .ny_cp .cp_lb .row {

        margin: 0 -5px;

    }



    .ny_cp .cp_lb .col-6 {

        padding: 0 5px;

    }



    .ny_cp .cp_wz {

        line-height: 24px;

        font-size: 14px;

        margin-bottom: 20px

    }



    .ny_cp .ny_lmm {

        display: none

    }



    .ny_cp .ny_lmm .b_t {

        margin: 5px;

    }



    .ny_cp .ny_lmm .b_t h3 {

        font-size: 16px;

        line-height: 24px;

        color: #fff;

    }



    .ny_cp .ny_lmm .b_t h4 {

        font-size: 12px;

        line-height: 30px;

        color: #ccc;

        font-family: Arial;

        text-transform: uppercase;

    }





    .ny_cp .cp_lm .b_t h3 {

        font-size: 16px;

        line-height: 30px;

        color: #fff;

    }



    .ny_cp .cp_lm .b_t span {

        display: none

    }



    .ny_cp .cp_lm .b_t em {

        display: none

    }



    .ny_cp .cp_lm.on {

        position: inherit;

        top: auto !important;

    }



    .ny_cp .cp_lm .b_t {

        display: block;

        margin-top: 10px

    }



    .ny_cp .cp_lm .l_b {

        display: block;

    }



    .ny_cp .cp_lm .l_m {

        padding: 7px 7px 0 7px;

    }



    .ny_cp .cp_lm .l_m ul {

        border-top: 0;

    }



    .ny_cp .cp_lm .l_m ul li {

        display: block;

        width: 50%;

        border-top: none;

        background: none;

        margin: 0;

        float: left;

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;

    }



    .ny_cp .cp_lm .l_m h5 {

        background-color: #f2f2f2;

        position: relative;

        padding: 0 10px;

        height: auto;

        overflow: hidden

    }



    .ny_cp .cp_lm .l_m ul li:first-child {

        border-top: 0;

    }



    .ny_cp .cp_lm .l_m ul li a {

        background: none;

        padding: 0;

        border: 0;

        font-size: 12px;

        text-align: center;

        line-height: 36px;

    }



    .ny_cp .cp_lm .l_m ul li a.e_j {

        text-align: left;

        padding: 0 10px;

    }



    .ny_cp .cp_lm .l_m ul li:hover a.e_j {

        background-color: #f7f7f7;

    }



    .ny_cp .cp_lm .l_m ul li.on a.e_j {

        background-color: #f7f7f7;

    }



    .ny_cp .cp_lm .l_m ul li:hover em {

        color: #202c52;

    }



    .ny_cp .cp_lm .l_m ul li.on em {

        color: #202c52;

    }



    .ny_cp .cp_lm .l_m h5 i {

        display: none

    }



    .ny_cp .cp_lb .row {

        margin: 0 -5px;

    }



    .ny_cp .cp_lb .col-lg-4 {

        padding: 0 5px;

    }



    .ny_cp .cp_lb .n_r {

        margin-bottom: 10px;

    }



    .ny_cp .cp_lb .n_r p {

        padding: 5px;

        font-size: 14px;

        line-height: 28px;

    }



    .ny_cp .lm_bt {

        height: 31px;

        border-bottom: 1px solid #e7e7e7;

        margin-bottom: 20px;

        margin-top: 10px

    }



    .ny_cp .lm_bt .m_c {

        font-size: 16px;

        color: #333;

        line-height: 30px;

        padding-bottom: 0px;

        border-bottom: 2px solid #0060b0;

        display: inline-block;

    }



}



.cp_xq {

    overflow: hidden;

    position: relative;

}



.cp_xq .swiper-zs {

    border: 1px solid #d7d7d7;

}



.cp_xq .swiper-zs img {

    width: 100%;

    height: auto;

    display: block;

}



.cp_xq .swiper-pagination {

    bottom: 10px;

}



.cp_xq .swiper-pagination-bullet {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background-color: #555;

}



.cp_xq .swiper-pagination-bullet-active {

    background-color: #202c52;

    border: 0;

}



.cp_xq .cp_cs .n_r {

    padding: 15px;

}



.cp_xq .cp_cs .b_t {

    font-size: 26px;

    font-weight: bold;

    color: #202c52;

    line-height: 40px;

    border-bottom: 1px solid #e7e7e7;

    padding-bottom: 20px;

    margin-bottom: 15px;

}



.cp_xq .cp_cs .c_s ul li {

    margin-bottom: 5px;

    padding-left: 15px;

    font-size: 14px;

    line-height: 26px;

    position: relative;

}



.cp_xq .cp_cs .c_s ul li:before {

    width: 6px;

    height: 6px;

    border-radius: 50%;

    background-color: #555;

    content: "";

    position: absolute;

    top: 10px;

    left: 0;

}



.cp_xq .cp_cs a {

    display: inline-block;

    margin-top: 20px;

    background-color: #202c52;

    font-size: 16px;

    line-height: 46px;

    color: #fff;

    padding: 0 30px;

}



.cp_xq .cp_js {

    margin-top: 40px;

}



.cp_xq .cp_js .hd {

    overflow: hidden;

    border-bottom: 1px solid #d7d7d7;

    margin-bottom: 30px;

}



.cp_xq .cp_js .hd ul li {

    float: left;

    padding: 0 30px;

    font-size: 16px;

    line-height: 44px;

    text-align: center;

    color: #555;

    background-color: #f7f7f7;

    margin-right: 5px;

    cursor: pointer;

}



.cp_xq .cp_js .hd ul li.on {

    background-color: #202c52;

    color: #fff;

}



.cp_xq .cp_js .n_r {

    font-size: 15px;

    line-height: 28px;

    min-height: 200px;

}



.cp_xq .cp_js .n_r a {

    display: block;

    font-size: 15px;

    line-height: 28px;

    color: #202c52;

    margin-bottom: 10px;

}



.cp_xq .cp_js .n_r a:hover {

    text-decoration: underline !important;

}



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

    .cp_xq .cp_cs {

        margin-top: 10px;

    }



    .cp_xq .swiper-zs {

        margin-top: 10px

    }



    .cp_xq .cp_cs .n_r {

        padding: 10px 0;

    }



    .cp_xq .cp_cs .b_t {

        font-size: 16px;

        line-height: 30px;

        padding-bottom: 10px;

        margin-bottom: 10px;

    }



    .cp_xq .cp_cs .c_s ul li {

        font-size: 13px;

        line-height: 24px;

    }



    .cp_xq .cp_cs a {

        margin-top: 15px;

        font-size: 15px;

        line-height: 32px;

        padding: 0 15px;

    }



    .cp_xq .cp_js {

        margin-top: 10px;

    }



    .cp_xq .cp_js .hd {

        margin-bottom: 20px;

    }



    .cp_xq .cp_js .hd ul li {

        padding: 0 20px;

        font-size: 15px;

        line-height: 38px;

    }



    .cp_xq .cp_js .n_r {

        font-size: 13px;

        line-height: 24px;

    }



    .cp_xq .cp_js .n_r a {

        font-size: 13px;

        line-height: 24px;

    }

}







.sy_cp {

    width: 100%;

    padding: 60px 0 50px;

    overflow: hidden;

}



.sy_cp .swiper-cp {

    padding-bottom: 50px;

}



.sy_cp .swiper-pagination {

    bottom: 0;

    display: block

}



.sy_cp .swiper-pagination-bullet {

    width: 10px;

    height: 10px;

    border-radius: 50%;

    background-color: #3b3b3b;

}



.sy_cp .swiper-pagination-bullet-active {

    background-color: #202c52;

}



.sy_cp .n_r {

    border: solid 1px #eee;

}



.sy_cp .t_p img {

    width: 100%;

    height: auto;

    display: block;

}



.sy_cp .w_z {

    padding: 10px;

    background-color: #fafafa;

    font-size: 14px;

    line-height: 26px;

    text-align: center;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    color: #333

}



.sy_cp .n_r:hover .w_z {

    background-color: #202c52;

    color: #fff;

}



.sy_cp .cp_zs {

    height: 0;

    overflow: hidden;

}



.sy_cp .cp_zs.dk {

    height: auto;

}



.sy_cp .product_TabTitle {

    margin-bottom: 40px;

}



.sy_cp .product_TabTitle li {

    width: 200px;

    display: inline-block;

    text-align: center;

    border: solid 1px #e1e1e1;

    color: ;

    font-size: 16px;

    line-height: 40px;

    margin: 0px 5px;

    cursor: pointer;

    border-radius: 20px;

}



.sy_cp .product_TabTitle li.on {

    border: solid 1px #202c52;

    background-color: #202c52;

    color: #FFF;

}



.sy_cp .product_TabTitle li:hover {

    border: solid 1px #202c52;

    background-color: #202c52;

    color: #FFF;

}



.sy_cp .product_TabTitle {

    text-align: center;

}



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

    .sy_cp {

        padding: 20px 0 0px;

    }



    .sy_cp .product_TabTitle {

        margin-bottom: 10px;

    }



    .sy_cp .product_TabTitle li {

        padding: 0;

        font-size: 12px;

        margin: 5px 3px;

        line-height: 30px;

        width: 45%

    }



    .sy_cp .product_TabTitle li.on {

        border: solid 1px #202c52;

        background-color: #202c52;

        color: #FFF;

    }



    .sy_cp .product_TabTitle li:hover {

        border: solid 1px #202c52;

        background-color: #202c52;

        color: #FFF;

    }



    .sy_cp .product_TabTitle {

        text-align: center;

    }



    .sy_cp .swiper-cp {

        padding-bottom: 50px;

    }



    .sy_cp .w_z {

        padding: 5px;

    }

}







.sy_yw {

    width: 100%;

    padding: 80px 0;

    position: relative;

    overflow: hidden;

}



.sy_yw .yw_nr {

    background-color: #202c52;

    padding: 30px 20px;

    text-align: center;

    position: relative;

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

}



.sy_yw .col-12:nth-child(2n) .yw_nr {

    background-color: #006bb9;

}



.sy_yw .yw_nr:hover {

    box-shadow: 0 15px 30px #d8eefe;

    transform: translateY(-15px);

    -webkit-transform: translateY(-15px);

    -moz-transform: translateY(-15px);

    -ms-transform: translateY(-15px);

    -o-transform: translateY(-15px);

}



.sy_yw .yw_nr .t_p {

    width: 100%;

    height: 100%;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0;

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

}



.sy_yw .yw_nr:hover .t_p {

    opacity: .1;

}



.sy_yw .yw_nr .t_b {

    width: 100px;

    margin: 0 auto 20px;

    position: relative;

    z-index: 1;

}



.sy_yw .yw_nr .t_b img {

    width: 100%;

    height: auto;

    display: block;

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

}



.sy_yw .yw_nr:hover .t_b img {

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

}



.sy_yw .yw_nr .w_z {

    position: relative;

    z-index: 1;

}



.sy_yw .yw_nr .w_z h3 {

    font-size: 20px;

    color: #fff;

    line-height: 30px;

}



.sy_yw .yw_nr .w_z em {

    width: 30px;

    height: 2px;

    margin: 5px auto;

    background-color: #fff;

    display: block;

}



.sy_yw .yw_nr .w_z p {

    font-size: 12px;

    color: #fff;

    line-height: 24px;

    text-transform: uppercase;

}



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

    .sy_yw {

        padding: 60px 0 40px;

    }



    .sy_yw .row {

        margin: 0 -5px;

    }



    .sy_yw .col-6 {

        padding: 0 5px;

    }



    .sy_yw .yw_nr {

        padding: 30px 15px;

        margin-bottom: 10px;

    }



    .sy_yw .yw_nr .t_b {

        width: 60px;

        margin: 0 auto 10px;

    }



    .sy_yw .yw_nr .w_z h3 {

        font-size: 18px;

        color: #fff;

        line-height: 28px;

    }



    .sy_yw .yw_nr .w_z p {

        font-size: 13px;

        color: #fff;

        line-height: 22px;

        text-transform: uppercase;

        width: 70%;

        margin: 0 auto

    }



    .sy_yw .yw_nr .w_z em {

        width: 30px;

        height: 2px;

        margin: 10px auto;

        background-color: #fff;

        display: block;

    }



}



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

    .sy_yw {

        padding: 40px 0 20px;

    }



    .sy_yw .yw_nr {

        padding: 25px 10px;

    }

}





.sy_zs {

    width: 100%;

    overflow: hidden;

    position: relative;

    padding: 60px 0px 60px;

}



.sy_zs .cp_al {

    position: relative;

}



.sy_zs .cp_al .swiper-button-prev {

    width: 35px;

    height: 35px;

    background: url(../images/zj1.png) no-repeat center;

    left: -60px;

    margin-top: -17px;

    background-size: 35px 35px;

    -webkit-background-size: 35px 35px;

    -moz-background-size: 35px 35px;

    -ms-background-size: 35px 35px;

    -o-background-size: 35px 35px;

    transition: all .3s;

    -o-transition: all .3s;

    -ms-transition: all .3s;

    -moz-transition: all .3s;

    -webkit-transition: all .3s;

}



.sy_zs .cp_al .swiper-button-next {

    width: 35px;

    height: 35px;

    background: url(../images/yj1.png) no-repeat center;

    right: -60px;

    margin-top: -17px;

    background-size: 35px 35px;

    -webkit-background-size: 35px 35px;

    -moz-background-size: 35px 35px;

    -ms-background-size: 35px 35px;

    -o-background-size: 35px 35px;

    transition: all .3s;

    -o-transition: all .3s;

    -ms-transition: all .3s;

    -moz-transition: all .3s;

    -webkit-transition: all .3s;

}



.sy_zs .cp_al .swiper-pagination {

    display: none;

}



.sy_zs .n_r {

    background: #f5f5f5;

    overflow: hidden;

    padding: 3px

}



.sy_zs .t_p {

    overflow: hidden;

}



.sy_zs .t_p img {

    width: 100%;

    height: auto;

    display: block;

    transition: all 1s;

    -webkit-transition: all 1s;

    -moz-transition: all 1s;

    -ms-transition: all 1s;

    -o-transition: all 1s;

}



.sy_zs .n_r:hover .t_p img {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

}



.sy_zs .w_z {

    padding: 10px 0;

    text-align: center;

}



.sy_zs .w_z h3 {

    font-size: 16px;

    font-weight: normal;

    line-height: 26px;

    margin-bottom: 0;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    color: #333;

}



.sy_zs .w_z p {

    font-size: 14px;

    line-height: 22px;

    color: #fff;

    height: 44px;

    overflow: hidden;

    display: -webkit-box;

    line-clamp: 2;

    -webkit-line-clamp: 2;

    -moz-line-clamp: 2;

    -ms-line-clamp: 2;

    -o-line-clamp: 2;

    -webkit-box-orient: vertical;

}



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

    .sy_zs {

        padding: 20px 0px 20px;

    }



    .sy_zs .cp_al .swiper-cp {

        padding-bottom: 0px;

    }



    .sy_zs .cp_al .swiper-button-prev {

        display: none;

    }



    .sy_zs .cp_al .swiper-button-next {

        display: none;

    }



    .sy_zs .cp_al .swiper-pagination {

        display: block;

        bottom: 0px;

    }



    .sy_zs .cp_al .swiper-pagination-bullet {

        width: 8px;

        height: 8px;

        border-radius: 50%;

        background-color: #aaa;

    }



    .sy_zs .cp_al .swiper-pagination-bullet-active {

        background-color: #202c52;

    }



    .sy_zs .n_r {

        background-color: #f7f7f7;

        overflow: hidden;

        margin-bottom: 30px

    }



    .sy_zs .w_z {

        padding: 5px 10px;

    }



    .sy_zs .w_z h3 {

        font-size: 14px;

    }



    .sy_zs .w_z p {

        font-size: 18px;

        line-height: 28px;

        height: 56px;

    }

}





.qywh {

    width: 100%;

    margin: 60px auto;

    height: auto;

    overflow: hidden

}



.qywh .container {

    background: #fafafa;

    height: auto;

    overflow: hidden

}



.qywh .zb {

    width: 30%;

    float: left

}



.qywh .zb img {

    width: 100%;

    margin-top: 10px

}



.qywh .yb {

    width: 69%;

    float: left;

}



.qywh .yb li {

    width: 46%;

    float: left;

    margin: 2%;

    background: #fff;

    padding: 10px

}



.qywh .yb .tu {

    width: 100%;

    text-align: center

}



.qywh .yb .tu img {

    width: 20%

}



.qywh .yb .wz {

    width: 80%;

    height: auto;

    overflow: hidden;

    text-align: center;

    margin: 20px auto

}



.qywh .yb .wz h1 {

    font-size: 18px;

    margin-bottom: 10px;

    color: #202c52

}



.qywh .yb .wz p {

    font-size: 14px;

    line-height: 24px

}



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

    .qywh {

        width: 100%;

        margin: 20px auto;

        height: auto;

        overflow: hidden

    }



    .qywh .zb {

        width: 100%;

        float: none

    }



    .qywh .yb {

        width: 100%;

        float: none;

    }



    .qywh .yb li {

        width: 49%;

        float: left;

        margin: 4% 2% 0 0;

        background: #fff;

        padding: 10px

    }



    .qywh .yb li:nth-child(2n) {

        margin-right: 0;

    }



    .qywh .yb .wz {

        width: 90%;

        height: auto;

        overflow: hidden;

        text-align: center;

        margin: 20px auto

    }



    .qywh .yb .tu img {

        width: 40%

    }



    .gy_wm {

        width: 100%;

        padding: 20px 0 20px;

        overflow: hidden;

    }



}







.al_zs {

    width: 100%;

    background: url(../images/1_55.png) no-repeat center 100px;

    overflow: hidden;

    margin: 70px auto

}



.cg_al {

    background: url(../images/1_58.jpg) repeat-y center;

    overflow: hidden;

}



.cg_al h1 {

    font-size: 28px;

    color: #202c52;

    margin-bottom: 10px

}



.cg_al .l_m {

    width: 50%;

    position: relative;

    margin-bottom: 30px;

    float: left;

    text-align: left

}



.cg_al .l_m.rt {

    float: right;

}



.cg_al .n_r {

    width: 90%;

    background-color: #fff;

    min-height: 130px;

    border-radius: 10px;

    border: 2px solid #202c52;

    padding: 15px;

    font-size: 14px;

    line-height: 26px;

    float: left;

}



.cg_al .l_m.rt .n_r {

    float: right;

}



.cg_al .d_d {

    position: absolute;

    top: 0;

    right: -30px;

    width: 60px;

    height: 60px;

    background: url(../images/1_56.png) no-repeat center;

}



.cg_al .l_m.rt .d_d {

    left: 0;

    margin-left: -30px;

    right: auto;

    margin-right: 0;

}



.cg_al .l_m:hover .d_d {

    background: url(../images/1_57.png) no-repeat;

}



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

    .al_zs {

        width: 100%;

        background: url(../images/1_55.png) no-repeat center 100px;

        overflow: hidden;

        margin: 30px auto

    }



    .cg_al h1 {

        font-size: 18px;

        color: #202c52;

        margin-bottom: 10px

    }



    .cg_al .n_r {

        width: 90%;

        background-color: #fff;

        min-height: !important;

        border-radius: 10px;

        border: 2px solid #202c52;

        padding: 10px;

        font-size: 14px;

        line-height: 24px;

        float: left;

    }



}





.jy_td .n_r {

    position: relative;

    overflow: hidden;

    margin-bottom: 30px;

}



.jy_td .t_p {

    overflow: hidden;

}



.jy_td .t_p img {

    width: 100%;

    height: auto;

    display: block;

    transition: all 1s;

    -webkit-transition: all 1s;

    -moz-transition: all 1s;

    -ms-transition: all 1s;

    -o-transition: all 1s;

}



.jy_td .n_r:hover .t_p img {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

}



.jy_td .w_z {

    padding: 10px;

    position: absolute;

    bottom: 0;

    left: 0;

    background-color: rgba(0, 0, 0, .7);

}



.jy_td .w_z h3 {

    font-size: 16px;

    font-weight: bold;

    line-height: 28px;

    color: #fff;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

}



.jy_td .w_z p {

    line-height: 22px;

    color: #fff;

    height: 0;

    overflow: hidden;

    display: -webkit-box;

    line-clamp: 2;

    -webkit-line-clamp: 2;

    -moz-line-clamp: 2;

    -ms-line-clamp: 2;

    -o-line-clamp: 2;

    -webkit-box-orient: vertical;

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

}



.jy_td .n_r:hover .w_z p {

    height: 44px;

    margin-top: 10px;

}



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

    .jy_td .n_r {

        position: relative;

        overflow: hidden;

        margin-bottom: 10px;

    }



    .jy_td .col-lg-3 {

        padding-left: 5px;

        padding-right: 5px

    }



    .jy_td .w_z {

        padding: 5px 10px;

        position: absolute;

        bottom: 0;

        left: 0;

        background-color: rgba(0, 0, 0, .7);

    }



    .jy_td .w_z h3 {

        font-size: 14px;

        font-weight: bold;

        line-height: 28px;

        color: #fff;

        text-overflow: ellipsis;

        white-space: nowrap;

        overflow: hidden;

    }



    .jy_td .w_z p {

        line-height: 22px;

        color: #fff;

        height: 0;

        overflow: hidden;

        display: -webkit-box;

        line-clamp: 2;

        -webkit-line-clamp: 2;

        -moz-line-clamp: 2;

        -ms-line-clamp: 2;

        -o-line-clamp: 2;

        -webkit-box-orient: vertical;

        transition: all .5s;

        -o-transition: all .5s;

        -ms-transition: all .5s;

        -moz-transition: all .5s;

        -webkit-transition: all .5s;

        font-size: 12px

    }



}



.zw {

    line-height: 30px;

    padding: 15px 0;

    min-height: 350px;

    color: #555555;

    font-size: 14px;

}



.zw img {

    max-width: 100%;

    height: auto;







}



.xiaocms-page span {

    margin: 0 3px;

    border: 1px solid #eee;

    line-height: 35px;

    padding: 0 13px;

    background: #202c52;

    color: #FFFFFF;

    display: inline-block;

}



.xiaocms-page a {

    margin: 0 3px;

    border: 1px solid #eee;

    line-height: 35px;

    background: #fff;

    display: block;

    color: #333;

    padding: 0 13px;

    display: inline-block;

}



.xiaocms-page a:hover {

    margin: 0 3px;

    border: 1px solid #eee;

    line-height: 35px;

    background: #202c52;

    color: #fff;

    padding: 0 13px;

    display: inline-block;

}







.y_l {

    height: auto;

    overflow: hidden;

    width: 100%;

    margin: 0 auto;

    background: url(../images/dt1.png) no-repeat center top;

    padding: 30px 15px;

    min-height: 500px

}



.y_l .x_w {}



.y_l .x_w ul li {

    border-bottom: 1px dashed #ccc;



    margin-bottom: 15px;

    height: auto;

    overflow: hidden;

    background: url(../images/newsList.gif) no-repeat left 10px;

    padding-bottom: 15px;

    padding-left: 20px;

}



.y_l .x_w ul li h3 {

    font-size: 16px;



    line-height: 30px;



    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    float: left;

    width: 80%

}



.y_l .x_w ul li h3 a {

    color: #000;

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

}





.yuan {

    font-size: 14px;

    color: #fff;



    float: right;

    background: #0077bf;

    padding: 5px 10px;

    width: 120px;

    text-align: center;

}



.yuan a {



    color: #fff;

}



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

    .y_l {

        height: auto;

        overflow: hidden;

        width: 96%;

        margin: 0px auto

    }



    .y_l .x_w ul li h3 {

        font-size: 12px;

        line-height: 32px;





        text-overflow: ellipsis;

        white-space: nowrap;

        overflow: hidden;

        float: none;

        width: 100%

    }



    .y_l .x_w ul li span {

        font-size: 12px;

        color: #fff;



        float: right;

        background: #0077bf;

        padding: 5px 10px;

        width: 80px;

        text-align: center

    }



    .yuan {

        font-size: 12px;

        color: #fff;



        float: left;

        background: #0077bf;

        padding: 5px 10px;

        width: 100px;

        text-align: center;

    }

}



.gs_ln {

    width: 100%;

    padding: 60px 0;

    background-color: #fafafa;

    overflow: hidden;

    position: relative;

}



.gs_ln .jt_ct {

    margin-top: 50px

}



.gs_ln .ln_tp {

    width: 48%;

    float: left

}



.gs_ln .ln_tp img {

    width: 100%;

    height: auto;

    display: block;

}



.gs_ln .ln_wz {

    width: 48%;

    float: right

}



.gs_ln .ln_wz ul li {

    padding: 35px 0;

    border-top: 1px dashed #ddd;

    line-height: 24px;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}



.gs_ln .ln_wz ul li:first-child {

    border-top: 0;

}



.gs_ln .ln_wz span.l_m {

    width: 50px;

    display: inline-block;

}



.gs_ln .ln_wz span.l_m em {

    width: 100%;

    border: 1px solid #094aab;

    border-radius: 23px;

    font-size: 18px;

    font-weight: bold;

    line-height: 38px;

    color: #094aab;

    text-align: center;

    display: block;

}



.gs_ln .ln_wz span.n_r {

    width: calc(100% - 70px);

    display: inline-block;

    padding: 8px 0;

    font-size: 16px

}



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

    .gs_ln {

        padding: 20px 0 20px;

        margin-top: 0px;

        z-index: 100;

    }



    .gs_ln .ln_tp {

        width: 100%;

        margin-bottom: 1rem;

        border-radius: 5px;

        overflow: hidden;

    }



    .gs_ln .jt_ct {

        margin-top: 0px

    }



    .gs_ln .ln_wz {

        width: 100%;

    }



    .gs_ln .ln_wz ul li {

        padding: 10px 0;

        line-height: 24px;

    }



    .gs_ln .ln_wz span.l_m {

        width: 30px;

    }



    .gs_ln .ln_wz span.l_m em {

        border-radius: 15px;

        font-size: 14px;

        line-height: 30px;

    }



    .gs_ln .ln_wz span.n_r {

        width: calc(100% - 40px);

        padding: 0;

        font-size: 15px

    }

}





.tk_lj {

    width: 100%;

    padding: 60px 0;

    height: auto;

    overflow: hidden;

    background: #fafafa

}



.tk_lj .container {

    margin-top: 50px

}



.tk_lj .zc {

    width: 55%;

    float: left;

}



.tk_lj .zc img {

    width: 100%;

    height: auto;

}



.tk_lj .yc1 {

    width: 42%;

    float: right;

}



.tk_lj ul li {

    width: 100%;

    margin: 0% 0% 2.6% 0;

    float: left;

    border: 1px solid #ddd;

    padding: 12px 20px;

}



.tk_lj ul li:nth-child(4n) {

    margin-right: 0;

}



.tk_lj ul li h1 {

    font-size: 20px;

    font-weight: bold;

    height: 35px;

}



.tk_lj ul li p {

    font-size: 15px;

    color: #666;

    line-height: 28px;

}



.tk_lj ul li:hover {

    border: 1px solid #094aab;

    box-shadow: 8px 8px 0px #094aab;

}



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

    .tk_lj {

        width: 100%;

        padding: 20px 0;

    }



    .tk_lj .container {

        margin-top: 0px

    }



    .tk_lj .zc {

        width: 100%;

        float: none;

    }



    .tk_lj .yc1 {

        width: 100%;

        float: none;

        margin-top: 20px;

    }



    .tk_lj ul li {

        width: 100%;

        margin: 0 0 4% 0;

    }



    .tk_lj ul li h1 {

        font-size: 18px;

        font-weight: bold;

        height: 35px;

    }

}





.tk_lj1 {

    width: 100%;

    padding: 60px 0;

    height: auto;

    overflow: hidden;

}



.tk_lj1 .container {

    margin-top: 50px

}



.tk_lj1 .zc {

    width: 55%;

    float: right;

}



.tk_lj1 .zc img {

    width: 100%;

    height: auto;

}



.tk_lj1 .ycc {

    width: 42%;

    float: left;

}



.tk_lj1 ul li {

    width: 100%;

    margin: 0% 0% 2.6% 0;

    float: left;

    border: 1px solid #ddd;

    padding: 12px 20px;

}



.tk_lj1 ul li:nth-child(4n) {

    margin-right: 0;

}



.tk_lj1 ul li h1 {

    font-size: 20px;

    font-weight: bold;

    height: 35px;

}



.tk_lj1 ul li p {

    font-size: 15px;

    color: #999;

    line-height: 28px;

}



.tk_lj1 ul li:hover {

    border: 1px solid #3c83c7;

    box-shadow: 8px 8px 0px #3c83c7;

}



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

    .tk_lj1 {

        width: 100%;

        padding: 20px 0 0;

    }



    .tk_lj1 .container {

        margin-top: 0px

    }



    .tk_lj1 .zc {

        width: 100%;

        float: none;

    }



    .tk_lj1 .ycc {

        width: 100%;

        float: none;

        margin-top: 20px;

    }



    .tk_lj1 ul li {

        width: 100%;

        margin: 0 0 4% 0;

    }



    .tk_lj1 ul li h1 {

        font-size: 16px;

        font-weight: bold;

        height: auto;

    }

}





.dyfw {

    width: 100%;

    margin: 0px auto;

    background: #fff;

    padding: 60px 0px;

}



.dyfw ul li {

    width: 23%;

    float: left;

    margin: 30px 2.6% 2.6% 0;

    background: #fff;

    padding: 20px 0px 30px;

    box-shadow: 0px 4px 8px rgba(0, 0, 0, .1);

}



.dyfw ul li .tp {

    text-align: center;

    margin-bottom: 5px;

}



.dyfw ul li .tp img {

    width: 100px;

    height: 100px;

}



.dyfw ul li:nth-child(4n) {

    margin-right: 0;

}



.dyfw ul li p {

    text-align: center;

    font-size: 18px;

    font-weight: bold;

    height: 35px;

}



.dyfw ul li .z1 {

    font-size: 15px;

    width: 90%;

    margin: 0px auto;

    text-align: center;

    line-height: 26px;

}



.dyfw ul li .z2 {

    font-size: 14px;

    width: 80%;

    margin: 0px auto;

    text-align: center;

    height: auto;

    line-height: 26px;

    min-height: 80px

}



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

    .dyfw {

        padding: 20px 10px;

    }



    .dyfw ul li {

        width: 48%;

        float: left;

        margin: 0 4% 2% 0;

        background: #fff;

        padding: 20px 0px 20px 0px;

    }



    .dyfw ul li .tp img {

        width: 80px;

        height: 80px;

    }



    .dyfw ul li:nth-child(2n) {

        margin-right: 0;

    }



    .dyfw ul li p {

        text-align: center;

        font-size: 18px;

        font-weight: bold;

        height: auto;

        margin-bottom: 5px;

    }



    .dyfw ul li .z1 {

        font-size: 16px;

        width: 100%;

        text-align: center;

    }



    .dyfw ul li .z2 {

        font-size: 14px;

        width: 90%;

        height: auto;

        text-align: center;

        line-height: 22px;

        min-height: 110px

    }

}



.sy_fa {

    width: 100%;

    padding: 60px 0;

    overflow: hidden;

    background: url(../images/ab_b1.png) no-repeat center / cover fixed;

}



.sy_fa .fa_zs {

    position: relative;

}



.sy_fa .fa_zs .row {

    margin: 0;

}



.sy_fa .fa_zs .col-12 {

    padding: 0;

    background-color: #f7f7f7;

}



.sy_fa .fa_zs .video {

    position: relative;

}



.sy_fa .fa_zs .video img {

    width: 100%;

    height: auto;

    display: block;

}



.sy_fa .fa_zs .video a {

    position: absolute;

    top: 50%;

    left: 50%;

    z-index: 99;

    opacity: .6;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

}



.sy_fa .fa_zs .video a:hover {

    opacity: 1;

}



.sy_fa .fa_zs .video i {

    font-size: 80px;

    color: #fff;

    line-height: 80px;

}



.sy_fa .fa_zs .al_js {

    padding: 30px;

    line-height: 24px;

}



.sy_fa .fa_zs .al_js h3 {

    font-size: 20px;

    font-weight: bold;

    line-height: 32px;

    margin-bottom: 15px;

    border-bottom: 1px solid #c5c5c5;

    color: #444;

    padding-bottom: 20px;

    position: relative

}



.sy_fa .fa_zs .al_js h3:before {

    content: "";

    width: 20%;

    height: 1px;

    background: #202c52;

    position: absolute;

    left: 0;

    bottom: -1px;

}



.sy_fa .fa_zs .al_js p {

    font-size: 16px;

    line-height: 36px

}



.sy_fa .fa_zs .swiper-fa {

    padding-bottom: 40px;

}



.sy_fa .fa_zs .swiper-button-prev {

    width: 35px;

    height: 35px;

    background: url(../images/zj1.png) no-repeat center;

    left: -35px;

    margin-top: -17px;

    opacity: .6;

    background-size: 35px 35px;

    -webkit-background-size: 35px 35px;

    -moz-background-size: 35px 35px;

    -ms-background-size: 35px 35px;

    -o-background-size: 35px 35px;

}



.sy_fa .fa_zs .swiper-button-next {

    width: 35px;

    height: 35px;

    background: url(../images/yj1.png) no-repeat center;

    right: -35px;

    margin-top: -17px;

    opacity: .6;

    background-size: 35px 35px;

    -webkit-background-size: 35px 35px;

    -moz-background-size: 35px 35px;

    -ms-background-size: 35px 35px;

    -o-background-size: 35px 35px;

}



.sy_fa .fa_zs .swiper-pagination {

    bottom: 0;

}



.sy_fa .fa_zs .swiper-pagination-bullet {

    background-color: #aaa;

}



.sy_fa .fa_zs .swiper-pagination-bullet-active {

    background-color: #202c52;

}



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

    .sy_fa {

        padding: 20px 0;

    }



    .sy_fa .fa_zs .video i {

        font-size: 60px;

        line-height: 60px;

    }



    .sy_fa .fa_zs .al_js {

        padding: 20px;

    }



    .sy_fa .fa_zs .al_js h3 {

        line-height: 28px;

        margin-bottom: 6px;

        font-size: 18px

    }



    .sy_fa .fa_zs .swiper-button-prev {

        display: none;

    }



    .sy_fa .fa_zs .swiper-button-next {

        display: none;

    }



    .sy_fa .fa_zs .al_js p {

        font-size: 15px;

        line-height: 28px

    }

}



.sy_sczx {

    padding: 60px 0 60px;

    background: #fafafa;

}



.sy_sczx ul li {

    width: 23.5%;

    float: left;

    margin-right: 2%;

    margin-bottom: 0px;

    box-shadow: 0 8px 15px 0 rgba(95, 125, 158, .2);

}



.sy_sczx ul li:nth-child(4n) {

    margin-right: 0;

}



.sy_sczx ul li .tp {

    position: relative;

    overflow: hidden

}



.sy_sczx ul li img {

    width: 100%;

    display: block;

}



.sy_sczx ul li .tp .mb {

    width: 100%;

    height: 100%;

    background: rgba(233, 32, 42, 0.8);

    position: absolute;

    left: 0;

    top: 100%;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

    opacity: 0

}



.sy_sczx ul li .tp .mb h4 {

    font-size: 16px;

    color: #fff;

    padding: 150px 0 20px;

    text-align: center;

}



.sy_sczx ul li .tp .mb .more {

    width: 35px;

    height: 35px;

    background: url(../images/icon7.png) center center no-repeat;

    margin: 0 auto

}



.sy_sczx ul li h3 {

    font-size: 16px;

    color: #333;

    padding: 20px 0;

    text-align: center;

    background: #fafafa

}



.sy_sczx ul li:hover .tp .mb {

    top: 0;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

    opacity: 1

}



.more {

    text-align: center;

    width: 150px;

    position: relative;

    line-height: 40px;

    margin-bottom: 30px;

    height: 40px;

    background: #202c52;

    margin: 50px auto 0;

    overflow: hidden;

}



.more a {

    font-size: 14px;

    text-transform: capitalize;

    color: #fff;

    text-align: center;

    z-index: 9;

    position: relative;

}



.more a i {

    margin-left: 10px;

}



.more span {

    width: 0;

    height: 100%;

    background-color: #202c52;

    position: absolute;

    left: 50%;

    bottom: 0;

    transition: all .3s;

    -o-transition: all .3s;

    -ms-transition: all .3s;

    -moz-transition: all .3s;

    -webkit-transition: all .3s;

    transform: translate(-50%, 0);

    -webkit-transform: translate(-50%, 0);

    -moz-transform: translate(-50%, 0);

    -ms-transform: translate(-50%, 0);

    -o-transform: translate(-50%, 0);

    z-index: 1

}



.more:hover span {

    width: 100%

}



.more1 {

    text-align: center;

    width: 150px;

    position: relative;

    line-height: 40px;

    margin-bottom: 30px;

    height: 40px;

    background: #202c52;

    margin: 30px 0 0;

    overflow: hidden;

}



.more1 a {

    font-size: 14px;

    text-transform: capitalize;

    color: #fff;

    text-align: center;

    z-index: 9;

    position: relative;

}



.more1 a i {

    margin-left: 10px;

}



.more1 span {

    width: 0;

    height: 100%;

    background-color: #202c52;

    position: absolute;

    left: 50%;

    bottom: 0;

    transition: all .3s;

    -o-transition: all .3s;

    -ms-transition: all .3s;

    -moz-transition: all .3s;

    -webkit-transition: all .3s;

    transform: translate(-50%, 0);

    -webkit-transform: translate(-50%, 0);

    -moz-transform: translate(-50%, 0);

    -ms-transform: translate(-50%, 0);

    -o-transform: translate(-50%, 0);

    z-index: 1

}



.more1:hover span {

    width: 100%

}







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

    .sy_sczx {

        padding: 20px 0;

    }



    .sy_sczx ul li {

        width: 49%;

        float: left;

        margin-right: 2%;

        margin-bottom: 10px;

        box-shadow: 0 8px 15px 0 rgba(95, 125, 158, .2);

    }



    .sy_sczx ul li:nth-child(2n) {

        margin-right: 0;

    }



    .sy_sczx ul li:nth-child(2n+1) {

        margin-right: 2%;

    }



    .sy_sczx ul li h3 {

        font-size: 14px;

        color: #333;

        padding: 10px 0;

        text-align: center;

        background: #fafafa

    }



    .more {

        text-align: center;

        width: 100px;

        position: relative;

        margin-top: 15px;

        line-height: 30px;

        margin-bottom: 0px;

        border-radius: 6px;

        height: 30px;

        background: #202c52;

        margin: 10px auto 0;

        overflow: hidden;

    }



    .more1 {

        text-align: center;

        width: 100px;

        position: relative;

        margin-top: 15px;

        line-height: 30px;

        margin-bottom: 0px;

        border-radius: 6px;

        height: 30px;

        background: #202c52;

        margin: 10px 0 0;

        overflow: hidden;

    }

}



.ny_ry {

    width: 100%;

    padding: 60px 0;

    overflow: hidden;

    background: #fafafa

}



.ny_ry .ry_zs {

    position: relative;

    padding: 10px 0;

}



.ny_ry .ry_zs img {

    width: 100%;

    height: auto;

    display: block;

}



.ny_ry .ry_zs .swiper-button-prev {

    width: 35px;

    height: 35px;

    background: url(../images/zj1.png) no-repeat center;

    left: -40px;

    margin-top: -17px;

    background-size: 35px 35px;

    -webkit-background-size: 35px 35px;

    -moz-background-size: 35px 35px;

    -ms-background-size: 35px 35px;

    -o-background-size: 35px 35px;

    transition: all .3s;

    -o-transition: all .3s;

    -ms-transition: all .3s;

    -moz-transition: all .3s;

    -webkit-transition: all .3s;

}



.ny_ry .ry_zs .swiper-button-next {

    width: 35px;

    height: 35px;

    background: url(../images/yj1.png) no-repeat center;

    right: -40px;

    margin-top: -17px;

    background-size: 35px 35px;

    -webkit-background-size: 35px 35px;

    -moz-background-size: 35px 35px;

    -ms-background-size: 35px 35px;

    -o-background-size: 35px 35px;

    transition: all .3s;

    -o-transition: all .3s;

    -ms-transition: all .3s;

    -moz-transition: all .3s;

    -webkit-transition: all .3s;

}



.ny_ry .ry_zs .swiper-pagination {

    display: none;

}



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

    .ny_ry {

        padding: 20px 0 20px;

    }

}



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

    .ny_ry .ry_zs {

        padding: 0;

    }



    .ny_ry .swiper-ry {

        padding-bottom: 0px;

    }



    .ny_ry .ry_zs .swiper-button-prev {

        display: none;

    }



    .ny_ry .ry_zs .swiper-button-next {

        display: none;

    }



    .ny_ry .ry_zs .swiper-pagination {

        display: block;

        bottom: 0;

    }



    .ny_ry .ry_zs .swiper-pagination-bullet {

        background-color: #aaa;

    }



    .ny_ry .ry_zs .swiper-pagination-bullet-active {

        background-color: #c6a962;

    }

}









.ny_hz {

    width: 100%;

    padding: 60px 0;

    overflow: hidden;

}



.ny_hz .ry_zs1 {

    position: relative;

    padding: 10px 0;

}



.ny_hz .ry_zs1 img {

    width: 100%;

    height: auto;

    display: block;

}



.ny_hz .ry_zs1 .swiper-button-prev {

    width: 35px;

    height: 35px;

    background: url(../images/zj1.png) no-repeat center;

    left: -40px;

    margin-top: -17px;

    background-size: 35px 35px;

    -webkit-background-size: 35px 35px;

    -moz-background-size: 35px 35px;

    -ms-background-size: 35px 35px;

    -o-background-size: 35px 35px;

    transition: all .3s;

    -o-transition: all .3s;

    -ms-transition: all .3s;

    -moz-transition: all .3s;

    -webkit-transition: all .3s;

}



.ny_hz .ry_zs1 .swiper-button-next {

    width: 35px;

    height: 35px;

    background: url(../images/yj1.png) no-repeat center;

    right: -40px;

    margin-top: -17px;

    background-size: 35px 35px;

    -webkit-background-size: 35px 35px;

    -moz-background-size: 35px 35px;

    -ms-background-size: 35px 35px;

    -o-background-size: 35px 35px;

    transition: all .3s;

    -o-transition: all .3s;

    -ms-transition: all .3s;

    -moz-transition: all .3s;

    -webkit-transition: all .3s;

}



.ny_hz .ry_zs1 .swiper-pagination {

    display: none;

}



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

    .ny_hz {

        padding: 20px 0 20px;

    }

}



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

    .ny_hz .ry_zs1 {

        padding: 0;

    }



    .ny_hz .swiper-ry1 {

        padding-bottom: 0px;

    }



    .ny_hz .ry_zs1 .swiper-button-prev {

        display: none;

    }



    .ny_hz .ry_zs1 .swiper-button-next {

        display: none;

    }



    .ny_hz .ry_zs1 .swiper-pagination {

        display: block;

        bottom: 0;

    }



    .ny_hz .ry_zs1 .swiper-pagination-bullet {

        background-color: #aaa;

    }



    .ny_hz .ry_zs1 .swiper-pagination-bullet-active {

        background-color: #c6a962;

    }

}





.flexbet {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.productDiv {

    padding: 60px 0;

}



.productDiv .hdDiv {

    margin: 0 0 130px;

    overflow: hidden;

}



.productDiv .hdDiv .row {

    margin: 0 -74px;

}



.productDiv .hdDiv .row>div {

    padding: 0 74px;

    margin-top: 50px;

}



.productDiv .hdDiv .row>div .conDiv {

    text-align: center;

}



.productDiv .hdDiv .row>div .conDiv span {

    display: block;

    margin: 20px 0 15px;

}



.productDiv .hdDiv .row>div .conDiv p {

    opacity: .7;

}



.productDiv .bdDiv {

    margin-top: 50px;

}



.productDiv .bdDiv ul li {

    margin-bottom: 60px;

}



.productDiv .bdDiv ul li:nth-child(even) {

    flex-direction: row-reverse;

}



.productDiv .bdDiv ul li .textDiv {

    width: 45%;

}



.productDiv .bdDiv ul li .textDiv .tt {

    font-size: 24px;

    font-weight: bold;

    margin-bottom: 15px;

    color: #202c52

}



.productDiv .bdDiv ul li .textDiv .tt1 {

    font-size: 16px;

    margin-bottom: 10px;

    line-height: 30px

}

.productDiv .bdDiv ul li .textDiv .p {

    margin: 0 0 30px 0;

    font-size: 16px;

}



.productDiv .bdDiv ul li .textDiv h1 {

    font-size: 18px;

    font-weight: bold;

    margin: 10px 0;

    color: #333

}



.productDiv .bdDiv ul li .textDiv h2 {

    font-size: 16px;

    font-weight: 500;

    margin-bottom: 10px;

    color: #333

}



/*.productDiv .bdDiv ul li .textDiv p{margin: 0 0 10px;color: rgba(16, 16, 16, .8);padding-left: 20px;position: relative; font-size:16px}



 .productDiv .bdDiv ul li .textDiv p::before{content: "";width: 7px;height: 7px;background: #1e4c8f;border-radius: 50%;position: absolute;left: 0;top: 9px; } */



.productDiv .bdDiv ul li .imgDiv {

    width: 50%;

}



.productDiv .bdDiv ul li .imgDiv .bgDiv {

    width: 100%;

    background: #fff;

}



.productDiv .bdDiv ul li .imgDiv img {

    width: 100%

}



.productDiv .bdDiv ul li:nth-child(odd) .imgDiv .bgDiv {

    padding: 15px;

    border-radius: 30px;

    margin: 0 0 0 auto;

}



.productDiv .bdDiv ul li:nth-child(even) .imgDiv .bgDiv {

    padding: 15px;

    border-radius: 30px;

    margin: 0 auto 0 0;

}



.productDiv .bdDiv ul li:nth-child(1) .imgDiv .bgDiv {

    box-shadow: 0px 0px 79px 0px rgba(58, 171, 223, 0.18);

}



.productDiv .bdDiv ul li:nth-child(2) .imgDiv .bgDiv {

    box-shadow: 0px 0px 79px 0px rgba(58, 171, 223, 0.18);

}



.productDiv .bdDiv ul li:nth-child(3) .imgDiv .bgDiv {

    box-shadow: 0px 0px 79px 0px rgba(58, 171, 223, 0.18);

}



.productDiv .bdDiv .list-paddingleft-2 {

    padding-left: 20px;

}



.productDiv .bdDiv .list-paddingleft-2 li {

    margin: 0;

    list-style: initial;

}



.productDiv .bdDiv .list-paddingleft-2 li::marker {

    color: #1e4c8f;

    font-size: 21px;

}



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

    .productDiv {

        padding: 20px 0 20px;

    }



    .productDiv .bdDiv {

        display: block;

        margin-top: 0px;

    }



    .productDiv .bdDiv ul .flexbet {

        display: block;

    }

    /* .productDiv .bdDiv .list-paddingleft-2 li {

        display: initial;

    } */



    .productDiv .bdDiv ul li {

        margin-top: 0;

        margin-bottom: 20px

    }



    .productDiv .bdDiv ul li .textDiv {

        width: 100%;

    }



    .productDiv .bdDiv ul li .imgDiv {

        width: 100%;

    }



    .productDiv .bdDiv ul li .imgDiv img {

        width: 100%

    }



    .productDiv .bdDiv ul li .textDiv .tt {

        font-size: 18px;

        font-weight: bold;

        margin-bottom: 10px;

        color: #202c52

    }



    .productDiv .bdDiv ul li .textDiv .tt1 {

        font-size: 15px;

        margin-bottom: 10px;

        line-height: 26px

    }



    .productDiv .bdDiv ul li .textDiv .p p {

        margin: 0 0 10px;

        color: rgba(16, 16, 16, .8);

        padding-left: 20px;

        position: relative;

        font-size: 15px

    }



    .productDiv .bdDiv ul li .textDiv .p {

        margin: 0 0 10px 0;

    }



    .productDiv .bdDiv ul li .imgDiv .bgDiv {

        width: 100%;

        background: #fff;

    }

}



.sy_al {

    padding: 70px 0 50px;

    overflow: hidden;

    background: url(../images/ywbj.jpg) center / cover no-repeat;

    position: relative;

    z-index: 9;

}



.sy_al .tit h1 {

    color: #fff

}



.sy_al .kehushowbox {

    overflow: hidden

}



.sy_al .kehushowbox .swiper-slide {

    padding-top: 20px

}



.sy_al .kehushowbox .swiper-slide .b {

    text-decoration: none;

    display: block;

    position: relative;

    padding-right: 40px;

    padding-left: 40px;

    transition: all .8s

}



.sy_al .kehushowbox .swiper-slide.swiper-slide-active .b {

    transform: translateY(-16px)

}



.sy_al .kehushowbox .swiper-slide .b .pic {

    display: block;

    position: relative;

    width: 160px;

    margin: 0 auto;

}



.sy_al .kehushowbox .swiper-slide .b .pic p {

    background-color: rgba(255, 255, 255, .8);

    display: block;

    padding: 38px;

    position: absolute;

    left: -100px;

    top: 40px;

    height: auto;

    width: 262px;

    box-sizing: border-box;

    opacity: 0;

    transition: all 1.2s;

    color: #333;

    font-size: 18px;

}



.sy_al .kehushowbox .swiper-slide.swiper-slide-active .b .pic p {

    opacity: 1;

    left: -40px

}



.sy_al .kehushowbox .swiper-slide .b .pic p samp {

    content: "";

    background-color: #f7961c;

    display: block;

    height: 2px;

    width: 86px;

    position: absolute;

    top: 15px;

    right: 345px;

    transition: all .8s;

    opacity: 0

}



.sy_al .kehushowbox .swiper-slide.swiper-slide-active .b .pic p samp {

    right: -45px;

    opacity: 1

}



.sy_al .kehushowbox .swiper-slide .b .pic p img {

    margin-bottom: 8px;

    height: 42px

}



.sy_al .kehushowbox .swiper-slide .b .pic .bpic {

    display: block;

    height: auto;

    width: 100%;

    border-radius: 80px;

    overflow: hidden

}



.sy_al .kehushowbox .swiper-slide .b .name {

    font-size: 14px;

    font-weight: bold;

    color: #333;

    background-color: #fff;

    padding: 10px;



    position: absolute;

    left: 50%;

    bottom: -30px;

    transform: translate(-50%, 0);

    opacity: 1;

    transition: all .4s;

    white-space: nowrap;

    width: 200px;

    text-align: center;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    border-radius: 50px;

}



.wh {

    height: auto;

    width: 1000px !important;

    margin-right: auto;

    margin-left: auto;

}



.sy_al .kehushowbox .swiper-slide.swiper-slide-active .b .name {

    opacity: 0;

    bottom: 0;

    max-width: 90%;

}



.sy_al .kehushowbox .swiper-slide.swiper-slide-active .b .text {

    opacity: 1;

}



.sy_al .kehushowbox .swiper-slide .b .text {

    font-size: 16px;

    line-height: 28px;

    color: #fff;

    display: block;

    margin-top: 27px;

    padding-right: 60px;

    padding-left: 60px;

    position: relative;

    opacity: 0;

    transition: all 1s;

    overflow: hidden;

}



.sy_al .kehushowbox .swiper-slide .b .text h1 {

    color: #fff;

    font-size: 22px;

    font-weight: bold;

    margin-bottom: 10px

}



.sy_al .kehushowbox .swiper-slide .b .text:before {

    content: "“";

    font-size: 38px;

    color: #fff;

    font-weight: bold;

    position: absolute;

    left: 15px;

    top: 5px

}



.sy_al .kehushowbox .swiper-slide .b .text:after {

    content: "”";

    font-size: 38px;

    color: #fff;

    font-weight: bold;

    position: absolute;

    right: 15px;

    bottom: -15px

}



.sy_al .fanye {

    position: absolute;

    left: 50%;

    top: 55%;

    transform: translate(-50%, -50%);

    z-index: 10

}



.sy_al .fanye span {

    background-color: rgba(255, 255, 255, .8);

    background-image: url(../images/feel3.png);

    background-repeat: no-repeat;

    background-position: center center;

    display: inline-block;

    height: 44px;

    width: 44px;

    border-radius: 50%;

    position: absolute

}



.sy_al .fanye .kh-show-prev {

    left: 12%

}



.sy_al .fanye .kh-show-next {

    background-image: url(../images/feel4.png);

    right: 12%

}



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

    .sy_al .kehushowbox .swiper-slide .b {

        padding-right: 30px;

        padding-left: 30px;

    }



    .sy_al .kehushowbox .swiper-slide .b .text {

        font-size: 15px;

        line-height: 24px;

    }

}



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

    .sy_al .kehushowbox .swiper-slide .b {

        padding-right: 20px;

        padding-left: 20px;

    }



    .sy_al .kehushowbox .swiper-slide .b .text {

        font-size: 14px;

        line-height: 24px;

        padding-right: 40px;

        padding-left: 40px;

        margin-top: 15px;

    }



    .sy_al .kehushowbox .swiper-slide .b .pic p {

        padding: 18px;

        left: -50px;

        top: 20px;

        height: auto;

        width: 222px;

    }



    .sy_al .kehushowbox .swiper-slide .b .pic p img {

        margin-bottom: 5px;

        height: 32px

    }



    .sy_al .kehushowbox .swiper-slide.swiper-slide-active .b .pic p {

        opacity: 1;

        left: -20px

    }



    .sy_al .kehushowbox .swiper-slide .b .text:before {

        left: 16px;

        top: 12px

    }



    .sy_al .kehushowbox .swiper-slide .b .text:after {

        right: 16px;

    }



    .logodome.wh {

        width: 1200px !important;

    }

}



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

    .sy_al {

        padding: 20px 0 20px;

        overflow: hidden;

        background: url(../images/ywbj.jpg) center / cover no-repeat;

        position: relative;

        z-index: 9;

    }

}