@charset "utf-8";

body,
html {
    margin: 0;
    padding: 0
}

body {
    font-size: 14px;
    font-family: PingFang SC !important;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

:after,
:before,
body {
    box-sizing: border-box
}

ul {
    margin: 0;
    padding: 0
}

div,
ul {
    zoom: 1
}

li {
    float: left;
    list-style: none;
    vertical-align: middle
}

dd,
dl,
dt,
li {
    margin: 0;
    padding: 0
}

img {
    margin: 0 auto;
    border: 0
}

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

a:hover {
    color: #f30
}

a img {
    border: none;
    border: 0
}

h1,
h2,
h3,
h4,
h5,
p {
    margin: 0;
    padding: 0
}
h3,.h3{
    font-size: 18px;
}

.clear {
    clear: both;
    width: 100%;
    height: 0;
    font-size: 0
}

input,
select {
    margin: 0;
    padding: 0;
    border: none
}

.wrap {
    margin: 0 auto;
    width: 750pt;
    height: auto
}

.fl {
    float: left
}

.fr {
    float: right
}

.f12 {
    font-size: 9pt
}

.f13 {
    font-size: 13px
}

.f14 {
    font-size: 14px
}

.f16 {
    font-size: 1pc
}

.f18 {
    font-size: 18px
}

.f20 {
    font-size: 20px
}

.f22 {
    font-size: 22px
}

.f24 {
    font-size: 24px
}

.lh18 {
    line-height: 18px
}

.lh20 {
    line-height: 20px
}

.lh22 {
    line-height: 22px
}

.lh24 {
    line-height: 24px
}

.lh26 {
    line-height: 26px
}

.lh28 {
    line-height: 28px
}

.lh30 {
    line-height: 30px
}

.tl {
    text-align: left
}

.tc {
    text-align: center
}

.tr {
    text-align: right
}

.fb {
    font-weight: 700
}

.fn {
    font-weight: 400
}

.mt5 {
    margin-top: 5px
}

.mt15 {
    margin-top: 15px
}

.mt20 {
    margin-top: 20px
}

.mt30 {
    margin-top: 30px
}

.mt35 {
    margin-top: 35px
}

.mt40 {
    margin-top: 40px
}

.mt80 {
    margin-top: 5pc
}

.mb5 {
    margin-bottom: 5px
}

.mb10 {
    margin-bottom: 10px
}

.mb15 {
    margin-bottom: 15px
}

.mr5 {
    margin-right: 5px
}

.mr10 {
    margin-right: 10px
}

.mr20 {
    margin-right: 20px
}

.mr30 {
    margin-right: 30px
}

.ml5 {
    margin-left: 5px
}

.ml10 {
    margin-left: 10px
}

.ml15 {
    margin-left: 15px
}

.ml20 {
    margin-left: 20px
}

.ml40 {
    margin-left: 40px
}

.m10 {
    margin: 10px
}

.m20 {
    margin: 20px
}

.mb20 {
    margin-bottom: 20px
}

.mb40 {
    margin-bottom: 40px
}

.mb35 {
    margin-bottom: 35px
}

.pl10 {
    padding-left: 10px
}

.pl20 {
    padding-left: 20px
}

.pr10 {
    padding-right: 10px
}

.pr20 {
    padding-right: 20px
}

.pt15 {
    padding-top: 15px
}

.pt10 {
    padding-top: 10px
}

.pt20 {
    padding-top: 20px
}

.pb10 {
    padding-bottom: 10px
}

.pb20 {
    padding-bottom: 20px
}

.pr5 {
    padding-right: 5px
}

.pl5 {
    padding-left: 5px
}

.pt5 {
    padding-top: 5px
}

.pt25 {
    padding-top: 25px
}

.pb5 {
    padding-bottom: 5px
}

.p10 {
    padding: 10px
}

.p20 {
    padding: 20px
}

.p5 {
    padding: 5px
}

.p1 {
    padding: 1px
}

.b {
    display: block
}

.in-b {
    display: inline-block;
    zoom: 1
}

.por {
    position: relative
}

.poa {
    position: absolute
}

.ti {
    text-indent: -999999px
}

#no {
    border: none;
    border: 0
}

.red {
    color: #e40f41 !important
}

.clear {
    clear: both
}

.ml3 {
    margin-left: 3%
}

.mr3 {
    margin-right: 3%
}

.white {
    color: #fff !important
}

.bgf0 {
    background: #f0f0f0
}

.ml1 {
    margin-left: 1%
}

.mr1 {
    margin-right: 1%
}

.mt10 {
    margin-top: 10px
}

.fn {
    float: none !important
}

.mr4 {
    margin-right: 4%
}

.pl3 {
    padding-left: 3%
}

.pr3 {
    padding-right: 3%
}

.strong {
    font-weight: 700
}

.red {
    color: #da261d
}

.blue {
    color: #0080ff !important
}

.yellow {
    color: #f80 !important
}

.grey {
    color: #abaaa9 !important
}

.text-center {
    text-align: center
}

.hidden {
    visibility: hidden
}

.text-right {
    text-align: right
}

a:hover {
    text-decoration: none !important
}

.mt25 {
    margin-top: 25px !important
}

a:focus {
    text-decoration: none
}

.w100 {
    width: 100% !important
}

.pl0 {
    padding-left: 0
}

.pr0 {
    padding-right: 0
}

.p0 {
    padding: 0
}

.w100 {
    width: 100%
}

.po {
    position: absolute
}

.scale,
.scale img {
    overflow: hidden
}

.scale img,
.scale:hover img {
    transition: all .5s ease
}

.scale:hover img {
    transform: scale(1.1)
}

.pr {
    position: relative
}

.pa {
    position: absolute
}

.swiper-pagination-bullet:focus,
button:focus,
input:focus {
    outline: 0
}

@keyframes run {
    0% {
        bottom: 30px
    }

    to {
        bottom: 20px;
        opacity: 0
    }
}

.ban_lay {
    position: absolute;
    top: 38%;
    right: 0;
    left: 0;
    text-align: center
}

.ban_lay .h3 {
    margin-bottom: 10px;
    font-size: 54px
}

.ban_lay h3,
.ban_lay p {
    color: #fff;
    text-shadow: 1.5px 2.598px 3px #250f1a;
    font-weight: 700
}

.ban_lay p {
    font-size: 14px
}

.swiper-pagination_ban .swiper-pagination-bullet {
    width: 9px;
    height: 9px;
    border-radius: 100%;
    background: #fff;
    opacity: 1
}

.swiper-pagination_ban .swiper-pagination-bullet-active {
    background: #02529b
}

.banner .swiper-container_ban .swiper-pagination_ban {
    bottom: 20px;
    text-align: center
}

.index_pro {
    padding: 70px 0
}

.tit_w {
    position: relative;
    display: inline-block;
    width: 390px;
    height: 35px;
    color: #575757;
    text-align: center;
    font-weight: 700;
    font-size: 30px;
    line-height: 35px
}

.tit_w:after,
.tit_w:before {
    position: absolute;
    top: 1pc;
    width: 90pt;
    height: 5px;
    content: ""
}

.tit_w:before {
    left: 0;
    background: url(../images/line01.png) no-repeat;
    background-size: contain
}

.tit_w:after {
    right: 0;
    background: url(../images/line02.png) no-repeat;
    background-size: contain
}

.tit_p {
    margin: 20px 0 30px;
    color: #c2c2c2;
    font-size: 1pc
}

.index_pro .index_pro_l {
    padding: 55px 35px;
    width: 40%;
    background: #02529b
}

.index_pro .index_pro_in_ul li {
    position: relative;
    float: none;
    padding-left: 15px
}

.index_pro .index_pro_in_ul li:before {
    position: absolute;
    top: 13px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: #fff;
    content: ""
}

.index_pro .index_pro_in_ul li a {
    display: block;
    padding: 5px 0;
    color: #fff;
    font-size: 15px
}

.index_pro .fwrx {
    margin-top: 50px;
    padding: 40px 0 0 15px;
    width: 15pc;
    border-top: 1px solid #6797c3;
    color: #fff;
    font-weight: 700;
    font-style: italic;
    font-size: 30px;
    line-height: 55px
}

.index_pro .index_pro_r {
    position: absolute;
    top: 85px;
    right: 0;
    z-index: 2;
    padding: 35px;
    width: 78%;
    background: #fff;
    box-shadow: 0 0 10px 0 #d4cece
}

.index_pro .inpro_list a {
    display: block
}

.index_pro .inpro_list .h3 {
    padding-top: 15px;
    color: #353535;
    text-align: center;
    font-size: 1pc
}

.index_pro .inpro_list {
    margin-bottom: 20px
}

.index_pro .index_pro_r_p {
    position: absolute;
    top: 0;
    right: 0;
    color: #e6e6e6;
    text-transform: uppercase;
    font-size: 75pt
}

.index_pro .index_pro_r_p span {
    opacity: .2
}

.index_pro .index_pro_rin {
    position: relative;
    z-index: 2
}

.index_gg {
    padding: 70px 0;
    background: url(../images/bj01.jpg) no-repeat;
    background-size: cover
}

.index_gg_l {
    float: left;
    display: inline-block;
    padding-top: 50px
}

.index_gg_l .h3 {
    margin-bottom: 60px;
    color: #2e2e2e;
    font-size: 35px;
    line-height: 55px
}

.index_gg_l img {
    float: right;
    margin-right: -75pt;
    max-width: 100%
}

.index_gg_ul {
    float: left;
    display: inline-block;
    margin-left: 33px
}

.index_gg_ul li {
    float: none;
    margin-bottom: 40px;
    color: #707070;
    font-size: 1pc;
    line-height: 25px
}

.index_gg_ul li .h3 {
    display: inline-block;
    margin-bottom: 30px;
    padding-left: 68px;
    width: 346px;
    height: 61px;
    background: url(../images/1.png) no-repeat;
    background-size: contain;
    color: #414141;
    font-size: 20px;
    line-height: 52px
}

.index_gg_ul li .h3 span {
    float: left;
    margin-right: 10px;
    color: #02529b;
    font-weight: bolder;
    font-size: 40px
}

.index_gg_ul li:nth-child(2) {
    padding-left: 150px
}

.index_gg_ul li:nth-child(3) {
    padding-left: 250px
}

.index_ggcon {
    padding-left: 70px
}

.index_new {
    padding: 70px 0
}

.index_newul {
    display: inline-block;
    margin: 30px 0 50px
}

.index_newul li span {
    display: block;
    padding: 10px 35px;
    border: 1px solid #eaeaea;
    border-radius: 40px;
    color: #707070;
    cursor: pointer
}

.index_newul li.active span {
    background: #02529b;
    color: #fff
}

.index_newul li {
    margin: 0 10px
}

.indexnew_list {
    margin-bottom: 30px
}

.indexnew_list .a {
    display: block;
    box-shadow: 0 0 10px 0 #d6d2d2
}

.indexnew_list .indexnew_time {
    position: absolute;
    bottom: 18px;
    left: 0;
    padding: 5px 10px;
    background: #02529b;
    color: #fff;
    font-size: 13px
}

.indexnew_b {
    padding: 20px 15px
}

.indexnew_b .h3 {
    color: #474747;
    font-size: 1pc
}

.indexnew_b p {
    margin: 15px 0;
    color: #b6b6b6;
    line-height: 25px
}

.indexnew_b span {
    color: #02529b
}

.indexnew_list_ul li {
    margin-bottom: 20px;
    padding: 0 15px;
    width: 33.333%
}

.indexnew_list_ul a {
    display: block;
    overflow: hidden;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    color: #747474;
    font-size: 1pc
}

.indexnew_list_ul a span {
    display: inline-block
}

.indexnew_list_ul a span.fl {
    width: 60%
}

.indexnew_list_ul a span.fr {
    font-size: 14px
}

.ab_list {
    text-align: center
}

.ab_list img {
    display: block
}

.ab_list h5 {
    margin: 25px 0 10px;
    color: #000;
    font-weight: 700;
    font-size: 38px
}

.ab_list p {
    color: #8c8b8b;
    font-size: 14px
}

.ab_con {
    padding: 60px 40px;
    background: #f9f9f9;
    color: #525252;
    font-size: 1pc;
    line-height: 30px
}

.ab_conh3 {
    color: #017bb9;
    text-align: center;
    font-weight: bolder;
    font-size: 24px
}

.ab_conspan {
    display: inline-block;
    margin: 15px 0 20px;
    width: 60px;
    height: 4px;
    background: #017bb9
}

.ab_con img {
    max-width: 100%
}

.ab_wrap {
    padding-bottom: 50px
}

.content {
    padding: 5pc 0
}

.banin_con {
    position: absolute;
    top: -5pc;
    left: 0;
    display: inline-block;
    padding-top: 9pt;
    padding-left: 25px;
    width: 295px;
    height: 95px;
    background: url(../images/bj02.png) no-repeat;
    background-size: contain
}

.banin_con .h3 {
    margin-bottom: 4px;
    color: #fff;
    font-weight: bolder;
    font-size: 28px
}

.banin_con p {
    color: #fff;
    font-size: 20px
}

.banin_con p i {
    color: #d9d9d9
}

.load_p {
    float: left;
    margin-top: 20px
}

.load_p,
.load_p a {
    color: #afafaf
}

.foot_ul li>a:hover,
.load_p a:hover {
    color: #024d94
}

.load_ul {
    float: right
}

.load_ul li a {
    display: inline-block;
    padding: 10px 20px;
    background: 0 0;
    color: #626262;
    font-size: 1pc
}

.load_ul li {
    margin-left: 30px
}

.load_ul li.active a,
.load_ul li:hover a {
    background: #0071bc;
    color: #fff
}

.load {
    padding: 25px 0;
    background: #f4f4f4
}

.pro_top {
    background: #f9f9f9
}

.pro_top .h3 {
    padding-bottom: 15px;
    border-bottom: 1px solid #e8e8e8;
    color: #3a3a3a;
    font-weight: bolder;
    font-size: 24px
}

.pro_top_info {
    padding: 40px 0;
    color: #525252;
    font-size: 15px;
    line-height: 25px
}

.pro_top a {
    float: right;
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid #eee;
    border-radius: 40px;
    background-color: #fff;
    color: #0071bc;
    font-size: 15px
}

.pro_bottomlul li {
    float: none
}

.pro_bottomlul a {
    display: block;
    padding: 15px;
    border-bottom: 1px solid #f3f3f3;
    color: #5a5a5a;
    font-size: 15px
}

.pro_bottomlul a i {
    float: left;
    margin-top: -1px;
    color: #0071bc
}

.pro_bottomlul {
    border-right: 1px solid #e9e9e9
}

.pro_bottom_list .a {
    display: block
}

.pro_bottom_list {
    margin-bottom: 30px
}

.pro_bottom_list .h3 {
    margin-top: 15px;
    color: #353535;
    text-align: center;
    font-size: 1pc
}

.pro_bottom {
    margin-top: 45px
}

.pro_top_r {
    padding: 50px 20px
}

.lx_w_l {
    padding: 0
}

.lx_w_lin {
    padding: 45px 25px;
    border-top: 10px solid #008dd4;
    box-shadow: 0 0 7px 0 #e7e7e7
}

.lx_w_l h4 {
    margin-bottom: 20px;
    color: #3a3a3a;
    font-size: 20px
}

.lx_w_l dt {
    position: absolute;
    top: 6px;
    left: 0;
    width: 35px;
    font-weight: 400
}

.lx_w_l dt i {
    color: #ababab;
    font-size: 20px
}

.lx_w_l dl {
    position: relative;
    padding-left: 35px
}

.lx_w_l dd {
    color: #7a7a7a;
    line-height: 40px
}

.lx_w_r {
    overflow: hidden;
    padding: 0
}

.new_list {
    margin-bottom: 40px;
    padding: 30px;
    background: #f3f3f3
}

.new_list span {
    display: block;
    padding-top: 10px;
    color: #636363
}

.new_list h4 {
    margin: 15px 0 25px;
    color: #0071bc;
    font-size: 18px
}

.new_list p {
    color: #636363;
    line-height: 25px
}

.prodes_top_r {
    padding: 90px 50px
}

.prodes_top_r h1 {
    position: relative;
    color: #353535;
    font-weight: bolder;
    font-size: 25px
}

.prodes_top_r h1:after {
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 68px;
    height: 4px;
    background: #0071bc;
    content: ""
}

.pro_topdes_info {
    padding: 60px 0 40px;
    color: #353535;
    font-size: 1pc;
    line-height: 25px
}

.prodes_ul li span {
    display: inline-block;
    padding: 5px 23px;
    border: 1px solid #0071bc;
    border-radius: 40px;
    background: #0071bc;
    color: #fff;
    cursor: pointer
}

.prodes_ul li {
    margin-right: 10px
}

.prodes_ul li.active span {
    background: 0 0;
    color: #353535
}

.pro_top .col-sm-5,
.pro_top .col-sm-7 {
    padding: 0
}

.pro_top .next_prodes_top,
.pro_top .prev_prodes_top {
    width: 39px;
    height: 39px
}

.pro_top .next_prodes_top {
    background: url(../images/next.png) no-repeat;
    background-size: contain
}

.pro_top .prev_prodes_top {
    background: url(../images/prev.png) no-repeat;
    background-size: contain
}

.xgcp {
    padding: 60px 0;
    border-top: 1px solid #eee
}

.xgcp .xgcp_h3 {
    margin-bottom: 40px;
    color: #6a6a6a;
    text-align: center;
    font-weight: 700;
    font-size: 30px
}

.xgcp .container_xgcp a {
    display: block
}

.xgcp .container_xgcp .h3 {
    margin-top: 15px;
    color: #353535;
    text-align: center;
    font-size: 1pc
}

.xgcp .pagination_xgcp .swiper-pagination-bullet {
    margin: 0 3px;
    width: 9pt;
    height: 9pt
}

.xgcp .pagination_xgcp .swiper-pagination-bullet-active {
    background: #0071bc
}

.xgcp .pagination_xgcp {
    right: 0;
    bottom: -20px;
    left: 0;
    text-align: center
}

.prodes_bottom01 {
    display: none
}

.prodes_bottom01.active {
    display: block
}

.prodes_bottom {
    padding: 40px 0;
    border-top: 1px solid #eee
}

.prodes_bottom img {
    max-width: 100%
}

.prodes_bottom table tr th {
    padding: 15px;
    border: 1px solid #e2e1e1;
    background: #dcdcdc;
    color: #777575;
    font-weight: 400
}

.prodes_bottom table tr td {
    padding: 9pt;
    border: 1px solid #e2e1e1;
    color: #828181
}

.return {
    float: right;
    display: inline-block;
    padding: 4px 15px;
    background: #0c88de
}

.return,
.return i {
    color: #fff
}

.shtop {
    text-align: center
}

.shtop .h3 {
    margin-bottom: 20px;
    color: #0071bc;
    font-weight: bolder;
    font-size: 30px
}

.shtop p {
    color: #0071bc;
    font-size: 20px
}

.shcontent {
    margin-top: 50px;
    padding: 50px 260px 50px 350px;
    background: #fafafa;
    color: #858585;
    font-size: 1pc;
    line-height: 30px
}

.shcontent_top {
    position: absolute;
    top: -27px;
    left: 50px;
    display: inline-block;
    width: 233px;
    height: 117px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    line-height: 117px
}

.shcontent_top01 {
    background: url(../images/bj03.png) no-repeat;
    background-size: contain
}

.shcontent_top02 {
    background: url(../images/bj04.png) no-repeat;
    background-size: contain
}

.shcontent_top03 {
    background: url(../images/bj05.png) no-repeat;
    background-size: contain
}

.shcontent_top i {
    padding-right: 10px;
    color: #fff;
    font-weight: lighter;
    font-size: 24px
}

.shcontent_inul02 {
    overflow: hidden;
    padding-top: 20px
}

.shcontent_inul02 li {
    margin-bottom: 60px;
    width: 33.333%;
    text-align: center
}

.shcontent_inul02 li h4 {
    margin: 30px 0 10px;
    color: #464646;
    font-size: 1pc
}

.shcontent_inul02 li p {
    color: #c5c5c5;
    font-size: 14px
}

.shlc_in {
    transform: rotate(45deg)
}

.shlc_i01,
.shlc_in {
    position: relative;
    display: inline-block;
    width: 98px;
    height: 98px
}

.shlc_i01 {
    z-index: 2;
    border-radius: 20px;
    background: #67a3ff;
    line-height: 98px
}

.shlc_in .shlc_i {
    position: absolute;
    bottom: -5px;
    left: -5px;
    z-index: 1;
    width: 98px;
    height: 98px;
    border: 1px solid #cae3ff;
    border-radius: 20px
}

.shlc_in i {
    display: inline-block;
    color: #fff;
    font-size: 40px;
    transform: rotate(-45deg)
}

.shcontent02 {
    padding: 5pc 260px 10px 350px
}

.shcontent_inul03 {
    overflow: hidden;
    padding: 10px
}

.shcontent_inul03 li {
    margin-bottom: 25px;
    padding: 0 9pt;
    width: 33.333%
}

.lxsh {
    padding: 25px;
    background: #fff;
    box-shadow: 0 0 20px 0 #dcd5d5;
    color: #696969;
    font-size: 1pc;
    line-height: 30px
}

.lxsh .h3 {
    margin-bottom: 20px;
    color: #0071bc;
    font-weight: bolder;
    font-size: 18px
}

.lxsh .h3 span {
    margin-left: 10px;
    color: #696969;
    font-size: 1pc
}

.shcontent03 {
    padding-top: 5pc;
    padding-right: 70px
}

.shcontent_inul03 li img {
    margin-right: 5px
}

.form {
    padding: 50px 0;
    background: #fafafa
}

.form .h3 {
    margin-bottom: 15px;
    color: #5a5a5a;
    font-size: 2pc
}

.form p {
    color: #707070;
    font-size: 1pc
}

.form_list,
.form_p {
    margin-bottom: 20px
}

.form_list p {
    margin-bottom: 5px;
    color: #7a7a7a;
    font-size: 15px
}

.form_list input,
.form_list textarea {
    width: 100%;
    height: 54px;
    border: 1px solid #efefef;
    background: #fff;
    line-height: 54px
}

.form_list textarea {
    height: 140px;
    resize: none
}

.form_list button {
    margin: 0 40px;
    margin-top: 35px;
    padding: 9px 40px;
    border: 1px solid #eee;
    background: #313131;
    color: #fff;
    font-size: 1pc
}

.form_list p span {
    color: red
}

.form_list input {
    padding-left: 10px
}

.form_list textarea {
    padding: 10px
}

.form_list input:focus,
.form_list textarea:focus {
    outline: 0
}

header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 100;
    background: hsla(0, 0%, 100%, .9);
    box-shadow: 0 0 10px 0 #b6b6b6
}

header .logo {
    display: inline-block;
    margin-top: 26px
}

header .menu_ul {
    float: right
}

header .menu_ul>li>a {
    display: block;
    padding: 0 20px;
    color: #373737;
    font-size: 1pc
}

header .menu_ul>li {
    position: relative;
    line-height: 93px
}

header .sec_ul {
    position: absolute;
    top: 100%;
    left: -10%;
    display: none;
    width: 120%;
    background: #fff;
    box-shadow: 0 4px 3px 0 #b6b6b6
}

header .sec_ul li a {
    position: relative;
    z-index: 2;
    display: block;
    padding: 10px 0;
    line-height: 20px
}

header .sec_ul li {
    position: relative;
    float: none;
    border-bottom: 1px solid #eee;
    text-align: center
}

header .suo_span {
    float: right;
    display: inline-block;
    padding: 0 20px;
    line-height: 93px;
    cursor: pointer
}

header .sec_ul li:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: #02529b;
    content: ""
}

header .sec_ul li:hover:after {
    height: 100%
}

header .sec_ul li:hover a {
    color: #fff
}

.index_pro_rin,
.pro_top_con {
    display: none
}

.index_pro_rin.active,
.pro_top_con.active {
    display: block
}

.index_pro_in_ul {
    width: 200px
}

header .menu_ul>li .sec_ul li a {
    font-size: 14px
}

header .menu_ul>li:nth-child(3) .sec_ul {
    left: -20%;
    width: 140%
}

.searchbox {
    position: fixed;
    top: 94px;
    right: 0;
    left: 0;
    z-index: 44;
    display: none;
    padding: 44px 0 38px;
    width: 100%;
    border-top: 2px solid #02529b;
    background: #fff;
    box-shadow: 0 0 7px 0 #cfcfcf;
    text-align: center
}

.searchs {
    margin: 0 auto;
    max-width: 600px
}

.searchs .sertext {
    float: left;
    display: block;
    padding-left: 9pt;
    width: 460px;
    border: 1px solid #02529b;
    color: #a2a2a2;
    font-size: 9pt;
    transition: .4s
}

.searchs .sertext,
.serbtn {
    padding: 0;
    height: 52px;
    outline: 0;
    line-height: 52px
}

.serbtn {
    float: right;
    margin: 0;
    width: 129px;
    border: none;
    background: #02529b;
    color: #fff;
    text-align: center;
    font-size: 15px;
    cursor: pointer;
    transition: .44s
}

.logo_phone {
    float: left;
    margin-left: 10px;
    width: 200px
}

.logo_phone img {
    width: 100%
}

.head-right .mdui-btn i {
    color: #333;
    font-size: 30px
}

.mdui-list li {
    float: none
}

.form_list button,
.indexnew_list .indexnew_b,
.indexnew_list_ul a:after,
.load_ul li a,
.pro_top a,
.return_a,
.shlc_i01,
.shlc_i01 i,
header .sec_ul li:after {
    transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out
}

.index_pro .inpro_list .h3,
.index_pro_in_ul a,
.indexnew_b .h3,
.indexnew_list_ul a span.fl,
.new_list h4,
.pro_bottom_list h3,
.pro_bottomlul a,
.xgcp .container_xgcp .h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.indexnew_b p,
.new_list p {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    -moz-box-orient: vertical;
    -moz-line-clamp: 2;
    -ms-box-orient: vertical;
    -ms-line-clamp: 2;
    -o-box-orient: vertical;
    -o-line-clamp: 2
}

.indexnew_list:hover .indexnew_b {
    background: #02529b
}

.indexnew_list:hover .h3,
.indexnew_list:hover p,
.indexnew_list:hover span {
    color: #fff
}

.indexnew_list_ul a {
    position: relative
}

.indexnew_list_ul a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: #02529b;
    content: ""
}

.indexnew_list_ul li:hover a:after {
    width: 100%
}

.indexnew_list_ul li:hover a {
    color: #02529b
}

footer {
    padding: 40px 0;
    background: #272727
}

.foot_l {
    width: 30%
}

.foot_r {
    width: 70%
}

.foot_line,
.foot_logo {
    display: block
}

.foot_line {
    margin: 15px 0 30px
}

.foot_b .h3 {
    margin-bottom: 15px;
    color: #bababa;
    font-size: 14px
}

.foot_b .h3 span {
    color: #02529b;
    font-size: 20px
}

.foot_b {
    color: #868686;
    line-height: 25px
}

.foot_ul {
    padding-top: 25px
}

.foot_ul li {
    width: 20%
}

.foot_ul .h3 {
    margin-bottom: 15px;
    font-weight: bolder;
    font-size: 1pc
}

.foot_ul .h3 a {
    display: block;
    color: #eaeaea
}

.foot_ul li>a {
    display: block;
    padding: 5px 0;
    color: #757575
}

.bottom_bsha {
    float: left;
    display: inline-block;
    margin-right: 30px;
    width: 150px;
    color: #02529b
}

.sha_w {
    position: relative;
    margin: 0 3px;
    text-align: center;
    line-height: 20px
}

.sha_w,
.sha_w span {
    display: inline-block;
    width: 20px;
    height: 20px
}

.sha_w span {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.sha_w span i {
    color: #494949;
    font-size: 20px
}

.sha_w a {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: inline-block;
    margin: 0 !important;
    padding: 0 !important;
    width: 20px;
    height: 20px;
    background-image: none !important;
    opacity: 0
}

.bottom_links,
.bottom_links a {
    display: inline-block;
    color: #484848
}

.bottom_links a {
    display: inline-block;
    margin: 0 10px
}

.bottom_links a:hover {
    color: #02529b
}

.copy {
    padding: 15px 0;
    border-top: 1px solid #494949;
    background: #272727;
    color: #868686
}

.sha_span {
    float: left
}

.bottom_b {
    margin-top: 25px
}

.mobile-foot {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;
    display: none;
    padding: 8px 0;
    width: 100%;
    background: #02529b
}

.mobile-foot a {
    padding: 0 15px;
    height: 35px;
    border: 1px solid #fff;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    line-height: 33px;
    transition: .3s
}

.pull-left {
    float: left
}

.pull-right {
    float: right
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    border: 1px solid transparent;
    border-radius: 4px;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer
}

.ab_lb .next_ab_lb,
.ab_lb .prev_ab_lb {
    width: 50px;
    height: 50px;
    border: 1px solid #fff;
    background-image: none;
    color: #fff;
    text-align: center;
    line-height: 50px
}

.ab_lb .next_ab_lb {
    right: 35px
}

.ab_lb .prev_ab_lb {
    left: 35px
}

.play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.ab_lb {
    margin: 0 30px;
    background: #fff
}

.ab_lb_b {
    padding: 25px;
    color: #aaa;
    font-size: 14px;
    line-height: 30px
}

.video {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    background: rgba(0, 0, 0, .7);
    transform: scale(0)
}

.video.active {
    transform: scale(1)
}

.video_in {
    position: absolute;
    top: 10%;
    left: 20%;
    width: 60%
}

.video_in video {
    width: 100%
}

.video_in i {
    position: absolute;
    top: -30px;
    right: -30px;
    color: #fff;
    font-size: 30px;
    cursor: pointer
}

.pro_top_r01 {
    padding: 50px 45px 50px 30px
}

.pro_top .pagination_pro_top .swiper-pagination-bullet {
    margin: 0 3px;
    background: #95c3e1;
    opacity: 1
}

.pro_top .pagination_pro_top .swiper-pagination-bullet-active {
    background: #0071bc
}

.pro_top .pagination_pro_top {
    margin-left: 30px
}

.pro_top a:hover {
    box-shadow: inset 0 0 0 20px #0071bc;
    color: #fff
}

.pro_bottom_list:hover h3,
.pro_bottomlul a:hover {
    color: #0071bc
}

.shlc_in:hover .shlc_i01 {
    background: #fa9f00
}

.shlc_in:hover i {
    color: #fff
}

.form_list button:hover {
    box-shadow: inset 0 0 0 19px #0071bc
}

.admin,
.newdes_h4 {
    text-align: center
}

.admin {
    margin-bottom: 20px;
    padding: 10px 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    color: #636363
}

.admin span {
    display: inline-block;
    margin: 0 5px
}

.newdes {
    color: #636363;
    font-size: 1pc;
    line-height: 25px
}

.newdes img {
    max-width: 100%
}

.page_w {
    margin-top: 20px;
    padding: 20px 0;
    border-top: 1px solid #eee
}

.return_a {
    position: absolute;
    top: 20px;
    right: 0;
    padding: 7px 36px;
    border-radius: 20px;
    background: #a1a1a1;
    color: #fff;
    font-weight: 700
}

.page_span {
    display: block;
    margin-bottom: 10px;
    color: #606060
}

.return_a:hover {
    box-shadow: inset 0 0 0 1pc #0071bc;
    color: #fff
}

.page_span:hover a {
    color: #0071bc
}

.indexnew_in {
    display: none
}

.indexnew_in.active {
    display: block
}

#page {
    clear: both;
    display: table;
    margin: 0 auto;
    margin-top: 20px;
    height: 40px;
    text-align: center
}

#page li {
    float: left;
    margin-right: 6px;
    padding: 5px 14px;
    border: 1px solid #ccc;
    color: #666;
    list-style: none;
    font-size: 9pt
}

#page li:hover {
    border: 1px solid #0071bc
}

#page li:hover a {
    color: #0071bc
}

#page li a {
    display: block;
    color: #666
}

#page li.active {
    border: 1px solid #f67d38;
    background-color: #f67d38;
    color: #fff
}

#page li.active a {
    color: #fff
}

#page .thisclass {
    background-color: #0071bc;
    color: #fff
}

.faz_w {
    padding-top: 30px
}

.faz_line {
    position: absolute;
    top: 0;
    left: 87px;
    z-index: -1;
    display: inline-block;
    width: 1px;
    height: 500px;
    height: 100%;
    background: #eee
}

.fa_ul li {
    float: none;
    margin-bottom: 40px
}

.fa_ul dt {
    float: left;
    width: 95px
}

.fa_ul dt img {
    float: right;
    margin-top: 5px
}

.fa_ul dd {
    float: right;
    width: 90%
}

.fa_ul dd .h3 {
    margin-bottom: 10px;
    color: #595959;
    font-size: 14px
}

.fa_ul dd p {
    color: #969595;
    font-size: 13px;
    line-height: 25px
}

.ry_list {
    margin-bottom: 20px
}

.ry_list .scale {
    overflow: hidden;
    border: 1px solid #eee
}

.ry_list .h3 {
    padding: 10px 0;
    color: #373737;
    text-align: center;
    font-size: 20px
}

.site_cell a:hover,
header .menu_ul>li.active>a {
    color: #0071bc !important
}

.foot_ul li>a h2 {
    font-size: 1pc
}

.copy a {
    color: #868686
}

.rightfix {
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 2;
    width: 40px;
    border: 1px solid #dee2e7;
    border-right: none;
    background: #fff;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}

.fix_ul li {
    position: relative;
    float: none;
    margin-bottom: 0;
    width: 40px;
    height: 40px;
    color: #696d73;
    color: #fff;
    text-align: center;
    font-size: 9pt;
    line-height: 40px
}

.fix_ul li i {
    color: #848484;
    font-size: 20px
}

.fix_ul li:nth-child(2n) {
    background: #eaeaea
}

.right_div {
    position: absolute;
    top: 0;
    right: -75pt;
    padding: 5px;
    min-width: 90pt;
    border: 1px solid #eee;
    background: #fff;
    line-height: 30px;
    opacity: 0;
    transition: all .2s ease-in-out
}

.fix_ul li:hover a {
    color: #848484
}

.fix_ul li:hover .right_div {
    right: 40px;
    opacity: 1
}

.fix_ul li:hover {
    background: #02529b
}

.fix_ul li:hover i {
    color: #fff
}

.links {
    padding: 30px 0
}

.links dl dt {
    margin-right: 30px;
    width: 90px;
    border-right: 1px solid #bcbcbc;
    padding-right: 15px;
    float: left
}

.links dl dt span {
    margin-bottom: 10px;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    display: block;
    padding: 1px 0;
    background: #0f539e;
    text-align: center
}

.links dl dt p {
    font-size: 18px;
    color: #333
}

.links dl dd {
    float: left;
    margin-top: 18px
}

.links dl dd a {
    display: inline-block;
    color: #484848;
    font-size: 16px;
    margin-right: 30px
}

@media(max-width:1600px) {
    .index_pro .index_pro_r_p {
        font-size: 88px
    }

    .index_gg_l .h3 {
        font-size: 30px
    }

    .index_gg_ul li .h3 {
        margin-bottom: 15px
    }

    .index_gg_ul li {
        margin-bottom: 20px
    }

    .index_gg_l img {
        width: 350px
    }
}

@media(max-width:1199px) {
    header .logo {
        width: 300px
    }

    header .logo img {
        width: 100%
    }

    header .menu_ul>li>a {
        padding: 0 10px
    }

    header .logo {
        margin-top: 31px
    }

    .index_pro .index_pro_r_p {
        font-size: 71px
    }

    .index_gg_ul {
        margin-left: 0
    }

    .index_gg_l .h3 {
        font-size: 20px;
        line-height: 40px
    }

    .ab_list h5 {
        font-size: 28px
    }

    .load_ul li {
        margin-left: 10px
    }

    .load_ul li a {
        padding: 4px 9px;
        font-size: 14px
    }

    .prodes_top_r {
        padding: 40px 30px
    }

    .new_list {
        padding: 15px
    }

    .new_list h4 {
        margin: 10px 0
    }

    .new_list,
    .shtop .h3 {
        margin-bottom: 15px
    }

    .shtop .h3 {
        font-size: 26px
    }

    .shtop p {
        font-size: 1pc
    }

    .shcontent_top {
        top: -21px;
        left: 14px;
        width: 180px;
        height: 90px;
        line-height: 90px
    }

    .shcontent {
        padding: 50px 42px 50px 200px
    }

    .shcontent_inul03 li {
        width: 50%
    }

    .fa_ul dd {
        width: 86%
    }
}

@media(max-width:991px) {
    body {
        padding-top: 3pc;
        padding-bottom: 50px
    }

    .header,
    .mobile-foot {
        display: block !important
    }

    .index_pro .index_pro_l,
    .index_pro .index_pro_r_p,
    footer,
    header {
        display: none !important
    }

    .index_pro .index_pro_r {
        position: initial;
        padding: 15px;
        width: 100%
    }

    .index_gg_ul li:nth-child(2),
    .index_gg_ul li:nth-child(3) {
        padding-left: 0
    }

    .index_gg_l img {
        margin-right: 0
    }

    .index_gg_ul {
        float: right
    }

    .index_ggcon {
        padding-left: 13px;
        font-size: 14px;
        line-height: 25px
    }

    .index_gg_ul li .h3 {
        display: inline-block;
        padding-left: 56px;
        width: 260px;
        height: 46px;
        font-size: 15px;
        line-height: 43px
    }

    .index_gg_ul li .h3 span {
        font-size: 28px
    }

    .index_newul {
        margin: 0 0 20px
    }

    .indexnew_list_ul li {
        width: 50%
    }

    .lx_w_lin {
        padding: 30px 13px
    }

    .lx_w_l dd {
        line-height: 30px
    }

    .lx_w_l dl {
        padding-left: 28px
    }

    .pro_topdes_info {
        padding: 35px 0 30px
    }

    .shcontent {
        padding: 90px 50px 50px
    }

    .shcontent02 {
        padding-bottom: 0
    }

    .form .h3 {
        font-size: 26px
    }

    .form p {
        font-size: 14px
    }
}

@media(max-width:480px) {

    .tit_w:after,
    .tit_w:before {
        width: 5pc
    }

    .tit_w {
        width: 20pc;
        font-size: 26px
    }

    .banner .swiper-container_ban .swiper-pagination_ban {
        bottom: 10px
    }

    .tit_p {
        margin: 10px 0 25px;
        font-size: 14px
    }

    .index_pro .index_pro_r {
        padding: 0;
        box-shadow: initial
    }

    .inpro_list:nth-child(2n+1),
    .pro_bottom_list:nth-child(2n+1) {
        padding-right: 7.5px
    }

    .inpro_list:nth-child(2n),
    .pro_bottom_list:nth-child(2n) {
        padding-left: 7.5px
    }

    .index_gg_l {
        float: none;
        display: block;
        padding-top: 0;
        text-align: center
    }

    .index_gg_l .h3 {
        line-height: 35px
    }

    .index_gg_l img {
        float: none;
        display: block;
        margin: 0 auto;
        width: 300px
    }

    .index_gg_ul {
        float: none;
        margin-top: 40px;
        width: 100%
    }

    .indexnew_list {
        margin-bottom: 20px
    }

    .indexnew_list_ul li {
        float: none;
        margin-bottom: 0;
        width: 100%
    }

    .indexnew_list_ul a {
        font-size: 14px
    }

    .copy,
    .indexnew_list_ul a span.fr {
        font-size: 9pt
    }

    .copy {
        text-align: center
    }

    .load_ul {
        margin-top: 15px
    }

    .load {
        padding: 15px 0
    }

    .ab_list {
        margin-bottom: 20px
    }

    .ab_con {
        padding: 30px 15px;
        font-size: 14px
    }

    .ab_lb {
        margin: 0
    }

    .ab_lb .next_ab_lb,
    .ab_lb .prev_ab_lb {
        margin-top: -20px;
        width: 30px;
        height: 30px;
        line-height: 30px
    }

    .play {
        width: 40px
    }

    .video_in {
        left: 10%;
        width: 80%
    }

    .pro_top_r01 {
        padding: 30px 15px
    }

    .pro_top .col-sm-7 {
        padding-bottom: 40px
    }

    .pro_bottomlul a {
        padding: 10px 5px;
        font-size: 14px
    }

    .pro_bottomlul {
        margin-bottom: 20px
    }

    .return {
        margin-top: 17px;
        padding: 2px 8px
    }

    .prodes_top_r {
        padding: 30px 15px
    }

    .prodes_top_r h1 {
        font-size: 24px
    }

    .prodes_top_r h1:after {
        bottom: -10px
    }

    .pro_topdes_info {
        font-size: 14px
    }

    .prodes_ul li span {
        padding: 3px 13px;
        font-size: 9pt
    }

    .content {
        padding: 40px 0
    }

    .xgcp .xgcp_h3 {
        font-size: 26px
    }

    .xgcp {
        padding: 30px 0
    }

    .shtop .h3 {
        font-size: 20px
    }

    .shtop p {
        font-size: 1pc
    }

    .shcontent_top {
        width: 145px;
        height: 73px;
        font-size: 1pc;
        line-height: 73px
    }

    .shcontent_top i {
        padding-right: 5px
    }

    .shcontent {
        padding: 90px 15px 15px;
        font-size: 14px
    }

    .shlc_i01,
    .shlc_in,
    .shlc_in .shlc_i {
        width: 60px;
        height: 60px;
        line-height: 60px
    }

    .shlc_in i {
        font-size: 25px
    }

    .shcontent_inul02 li p {
        font-size: 9pt;
        line-height: 20px
    }

    .shcontent_inul02 li {
        margin-bottom: 30px;
        width: 50%
    }

    .shcontent_inul03 li {
        width: 100%
    }

    .form_list button {
        margin: 10px 2px;
        paddigng: 5px 30px
    }

    .newdes {
        font-size: 14px
    }

    .fa_ul dt {
        margin-left: -7px
    }

    .fa_ul dt img {
        float: left;
        margin-top: 2px;
        margin-right: 5px
    }

    .fa_ul dd {
        margin-top: 20px;
        padding-left: 20px;
        width: 100%
    }

    .faz_line {
        left: 0
    }

    .links {
        display: none
    }
}