@charset "utf-8";

html {
    background              : rgba(0, 0, 0, 0);
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust    : 100%;
    font-family             : Arial, "微软雅黑", "黑体", "_sans"
}

article,
aside,
blockquote,
body,
button,
code,
dd,
details,
div,
dl,
dt,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
input,
legend,
li,
menu,
nav,
ol,
p,
pre,
section,
td,
textarea,
th,
ul {
    margin                     : 0;
    padding                    : 0;
    -webkit-tap-highlight-color: transparent;
    box-sizing                 : border-box
}

body {
    width     : 100%;
    overflow-x: hidden
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display                    : block;
    -webkit-tap-highlight-color: transparent
}

audio,
canvas,
video {
    display: inline-block
}

table {
    border-collapse: collapse;
    border-spacing : 0
}

th {
    text-align: inherit
}

fieldset,
img {
    border: 0
}

iframe {
    display: block
}

abbr,
acronym {
    border      : 0;
    font-variant: normal
}

del {
    text-decoration: line-through
}

address,
b,
caption,
cite,
code,
dfn,
i,
th,
var {
    font-style: normal
}

ol,
ul {
    list-style: none
}

b,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size  : inherit;
    font-weight: 400
}

q:after,
q:before {
    content: ''
}

a {
    color: inherit
}

a:hover,
a:visited {
    color          : inherit;
    text-decoration: none
}

html {
    height: 100%
}

input,
select,
textarea {
    font-size: inherit
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    font-size: inherit;
    color    : inherit
}

a,
ins {
    text-decoration: none;
    color          : inherit
}

a,
input,
textarea {
    color                      : inherit;
    -webkit-tap-highlight-color: transparent
}

input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: none
}

input {
    background: no-repeat 0 0 scroll #fff;
    border    : none;
    outline   : medium;
    padding   : 0
}

input,
select,
textarea {
    font-family: Arial, "微软雅黑", "黑体", "_sans";
    color      : inherit
}

input:not([type=checkbox]),
select,
textarea {
    outline: 0;
    border : none
}

.cf::after {
    display   : block;
    clear     : both;
    content   : "";
    visibility: hidden;
    height    : 0
}

.cf {
    zoom: 1
}

.fl {
    float: left
}

.fr {
    float: right
}

.c_b {
    color: #1296db
}

.c_g {
    color: #27cd98
}

.c_y {
    color: #fec400
}

.c_t {
    color: #444
}

.c_fz {
    color: #ccc
}

.bh_container {
    width: 100%
}

.bh_header img {
    width  : 100%;
    display: block
}

.scroll {
    width     : 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    display   : none
}

.yd {
    display: none
}

.pc {
    display: block
}

.mypc {
    display: block !important
}

.myyd {
    display: none !important
}

@media screen and (max-width:1023px) {
    .mypc {
        display: none !important
    }

    .myyd {
        display: block !important
    }
}

@media screen and (max-width:768px) {
    .scroll {
        display: block !important
    }

    .pc {
        display: none !important
    }

    .yd {
        display: block !important
    }
}

.riye {
    position: relative
}

.riye .warp {
    cursor             : pointer;
    transform-style    : preserve-3d;
    -webkit-perspective: 1000;
    -moz-perspective   : 1000;
    -ms-perspective    : 1000;
    perspective        : 1000;
    width              : 60px;
    height             : 40px;
    position           : absolute;
    left               : 50%;
    transform          : translateX(-50%);
    bottom             : -33px
}

.heiye .waice {
    transform       : rotateY(180deg);
    border-top-color: #c2e1fe !important
}

.logoimg2 .warp {
    width    : 40px;
    height   : 20px;
    position : absolute;
    left     : 50%;
    transform: translateX(-50%);
    bottom   : -14px
}

.logoimg2 .waice {
    border-width: 20px !important
}

.riye .waice {
    width       : 0;
    height      : 0;
    border      : 30px solid;
    border-color: #00429b transparent transparent transparent;
    transition  : transform .8s, border-top-color .8s
}

.logo_1024 .logoimg2 .warp {
    bottom: -17px !important
}

.logo_1024 .riye .waice {
    border      : 20px solid;
    border-color: #00429b transparent transparent transparent
}

.logo_1024 .riye .warp {
    width    : 40px;
    height   : 20px;
    position : absolute;
    left     : 50%;
    transform: translateX(-50%);
    bottom   : -17px
}

.logo_1024 .riye .waice .xingkong {
    position  : absolute;
    left      : -15px;
    top       : -30px;
    width     : 30px;
    height    : 30px;
    opacity   : 1;
    transition: all 1s
}

.logo_1024 .riye .waice .tiankong {
    position: absolute;
    left    : -15px;
    top     : -30px;
    width   : 30px;
    height  : 30px
}

.riye .waice .xingkong {
    position  : absolute;
    left      : -25px;
    top       : -48px;
    width     : 50px;
    height    : 50px;
    opacity   : 1;
    transition: all 1s
}

.riye .waice .tiankong {
    position  : absolute;
    left      : -25px;
    top       : -48px;
    width     : 50px;
    height    : 50px;
    transform : rotateY(180deg);
    transition: all 1s;
    opacity   : 0
}

.riye .warp:hover .waice {
    border-top-color: #c1dffc !important
}

.riye .heiye:hover .waice {
    border-top-color: #004097 !important
}

.logoimg2 .warp:hover .waice {
    border-top-color: #c1dffc !important
}

.logoimg2 .heiye:hover .waice {
    border-top-color: #004097 !important
}

.fl {
    float: left
}

.fr {
    float: right
}

.fixehead {
    width   : 100%;
    position: fixed;
    left    : 0;
    top     : 0;
    z-index : 999
}

.header {
    width   : 1345px;
    margin  : auto;
    position: relative
}

.headbg {
    height    : 100%;
    width     : 40.6%;
    background: url(../img/header/headbg1.png) repeat-x;
    position  : relative
}

.headTop {
    height  : 113px;
    width   : 100%;
    position: relative;
    margin  : auto
}

.headdown .headTop {
    height          : 74px;
    background-color: #175bac !important
}

.headTopup .headTop {
    height: 112px
}

.headdown .headTop .Secondmavbg,
.headdown .headTop .headbg ol,
.headdown .headTop .searchbtn {
    display: none !important
}

.headbg ul {
    height     : 74px;
    position   : relative;
    z-index    : 2;
    padding-top: 0px
}

.headbg ul li {
    float   : left;
    position: relative
}

.headbg ul li h6.homeicon {
    margin-top: 20px
}

.headbg ul li h6.homeicon a {
    width          : 24px;
    height         : 24px;
    background     : url(../img/header/home_icon.png) no-repeat;
    background-size: 100% auto;
    display        : inline-block
}

.headbg ul li a:hover {
    color: #f3e295
}

.headbg ul li h6 a {
    color      : #fff;
    font-size  : 16px;
    line-height: 74px;
    font-weight: 700;
    cursor     : pointer;
}

.headbg ul li i {
    width           : 1px;
    height          : 12px;
    background-color: #d3e5f5;
    display         : inline-block;
    margin          : 0 18px
}

.headbg ul li .secondnav {
    position: absolute;
    z-index : 1;
    width   : auto;
    top     : 89px;
    display : none
}

.headbg ul li .secondnav.secondnav2 {
    left: -60%
}

.headbg ul li .secondnav.secondnav3 {
    left: 30px
}

.headbg ul li .secondnav.secondnav4 {
    left: -30px
}

.headbg ul li .secondnav a {
    font-size     : 15px;
    line-height   : 30px;
    letter-spacing: 0;
    color         : #f8fbfe;
    display       : block;
    white-space   : nowrap
}

.headbg ul li .secondnav a:hover {
    color: #d3e5f5
}

.headbg ol {
    height     : 40px;
    line-height: 40px;
    float      : left;
    position   : relative;
    z-index    : 2
}

.head_leftbg ol {
    margin-left    : 113px;
    padding-left   : 36px;
    background     : url(../img/header/icon1.png) no-repeat left center;
    background-size: 24px auto
}

.headbg ol li {
    float: left
}

.headbg ol li a:hover {
    color: #f3e295
}

.headbg ol li a {
    color    : #fff;
    font-size: 16px;
    padding  : 0 48px 0 17px;
}

.xiejiao {
    width   : 135px;
    height  : 100%;
    position: absolute
}

.head_leftbg .xiejiao {
    background: url(../img/header/headbg2.png) no-repeat top right;
    left      : -135px;
    top       : 0
}

.head_rightbg .xiejiao {
    background: url(../img/header/headbg3.png) no-repeat;
    right     : -135px;
    top       : 0
}

.head_rightbg ol,
.head_rightbg ul {
    float: right
}

.head_rightbg ol {
    width          : auto;
    padding-left   : 30px;
    margin-right   : 161px;
    background     : url(../img/header/icon2.png) no-repeat left center;
    background-size: 26px auto
}

.headTop .logo {
    position   : absolute;
    left       : 50%;
    margin-left: -238.5px;
    width      : 477px;
    z-index    : 1
}

.headTop .logo.logo_1024 {
    display    : none;
    margin-left: -155.5px;
    width      : 311px
}

.headTop .logo img {
    width: 100%
}

.headTop .logo.logo_1024 .logoimg1 img {
    height: 95px
}

.logoimg1 {
    display: block
}

.logoimg2 {
    display: none
}

.headdown .logoimg1 {
    display: none
}

.headdown .logoimg2 {
    display: block
}

.changyonglj {
    box-shadow: inset 0 15px 10px -15px #000;
    width     : 129px;
    height    : 64px;
    position  : absolute;
    background: url(../img/header/cylj.png) no-repeat center bottom;
    right     : 10px;
    top       : 74px;
    cursor    : pointer
}

.headdown .headTop .changyonglj {
    box-shadow: none;
    height    : 34px;
    width     : 70px
}

.headdown .headTop .changyonglj p {
    display: none
}

.changyonglj p {
    font-size     : 14px;
    padding-top   : 12px;
    letter-spacing: 0;
    color         : #0a2d67;
    text-align    : center
}

.searchbtn {
    height      : 18px;
    position    : absolute;
    background  : url(../img/header/icon3.png) no-repeat left center;
    right       : 45px;
    bottom      : 10px;
    cursor      : pointer;
    font-size   : 16px;
    color       : #97a5b3;
    white-space : nowrap;
    padding-left: 30px;
    font-weight : 700
}

.chinese {
    position      : absolute;
    left          : 40px;
    bottom        : 0;
    cursor        : pointer;
    font-size     : 14px;
    font-weight   : 400;
    font-stretch  : normal;
    line-height   : 40px;
    letter-spacing: 1px;
    color         : #fff
}

.headdown .chinese {
    display: none
}

.changyongclose {
    position      : absolute;
    font-size     : 18px;
    font-weight   : 400;
    font-stretch  : normal;
    line-height   : 36px;
    letter-spacing: 0;
    color         : #fff;
    right         : 0;
    top           : 232px;
    padding       : 0 20px;
    cursor        : pointer
}

.changymain {
    width     : 100%;
    height    : 135px;
    background: url(../img/header/cyljbg.png) center top no-repeat;
    display   : none
}

.lianjie_left {
    height : 100%;
    width  : 100%;
    padding: 25px 0 0 60px
}

.formsearch {
    width           : 382px;
    height          : 42px;
    background-color: #c8e2f9;
    border          : solid 1px #fff6d0;
    position        : relative;
    margin-top      : 18px;
}

.formsearch input {
    display         : block;
    width           : 100%;
    height          : 100%;
    background-color: #c8e2f9;
    padding         : 0 50px 0 14px;
    font-size       : 16px;
    color           : #7b9cd7
}

.formsearch span {
    width     : 50px;
    height    : 100%;
    position  : absolute;
    background: url(../img/header/search2.png) no-repeat center;
    right     : 0;
    top       : 0
}

.lianjie_left_btm h3 {
    margin-bottom   : 20px;
    width           : 69px;
    height          : 25px;
    background-color: #a6d4fc;
    font-size       : 14px;
    line-height     : 25px;
    color           : #005bac;
    text-align      : center
}

.mainljol1 {
    width: 80%
}

.mainljol2 {
    width: 20%
}

.lianjie_left_btm ol li {
    display     : inline-block;
    font-size   : 18px;
    line-height : 36px;
    color       : #fcfcfe;
    margin-right: 40px;
    width       : 15%;
    white-space : nowrap
}

.lianjie_left_btm .mainljol2 ol li {
    display: block;
    width  : auto
}

.lianjie_right {
    height: 100%;
    width : 37%
}

.lianjie_right ul {
    margin-top: 54px
}

.lianjie_right ul li {
    float       : left;
    margin-right: 3%;
    width       : 23.712%
}

.lianjie_right ul li img {
    width: 100%
}

.lianjie_right ul li p {
    text-align : center;
    color      : #fcfcfe;
    line-height: 30px
}

.morezhuanti {
    position    : absolute;
    margin-right: 5%;
    font-size   : 16px;
    color       : #fff;
    right       : 0;
    top         : 130px
}

.Secondmavbg {
    width     : calc(100% + 55px);
    height    : 352px;
    background: url(../img/header/secondbg.png) no-repeat center top;
    margin    : 0 auto 0;
    position  : absolute;
    top       : 74px;
    left      : -27.5px;
    display   : none
}

.Secondmavbg p {
    font-size     : 20px;
    font-weight   : 400;
    font-stretch  : normal;
    line-height   : 36px;
    letter-spacing: 0;
    color         : #fff;
    cursor        : pointer;
    position      : absolute;
    right         : 30px;
    top           : 190px;
    padding       : 0 20px
}

.ph_fixehead {
    height  : 1.01rem;
    position: fixed;
    width   : 100%;
    z-index : 99999;
    top     : 0;
    display : none
}

.ph_fixehead img {
    display: block
}

.ph_fixehead .logo {
    width   : 4.77rem;
    margin  : auto;
    position: relative;
    z-index : 1
}

.ph_head_leftbg,
.ph_head_rightbg {
    height         : 100%;
    position       : absolute;
    top            : 0;
    background     : url(../img/ph_head/headbg1.png) repeat-x;
    background-size: 100% 100%;
    width          : 100%
}

.ph_head_leftbg {
    left: 0
}

.ph_head_rightbg {
    right: 0
}

.menus {
    position    : absolute;
    right       : 2.5%;
    top         : 0;
    font-size   : .28rem;
    color       : #fff;
    line-height : .9rem;
    padding-left: .6rem;
    cursor      : pointer
}

.menus i {
    position       : absolute;
    left           : 0;
    width          : .4rem;
    height         : .5rem;
    top            : .22rem;
    display        : block;
    background     : url(../img/ph_head/menu.png) no-repeat center;
    background-size: 100% auto;
    transition     : .5s
}

.hover i {
    background: url(../img/header/cha.png) no-repeat center
}

.menusbox {
    overflow        : hidden;
    width           : 100%;
    background-color: #005bac;
    color           : #fff;
    position        : absolute;
    display         : none;
    top             : .8rem;
    z-index         : -1;
    padding-top     : .4rem;
}

.menusbox ul {
    padding: 0 5%
}

.menusbox ul li a {
    display    : block;
    font-size  : .26rem;
    line-height: 3
}

.menusbox ul li h3 {
    line-height  : 3;
    font-size    : .24rem;
    border-bottom: .01rem solid rgba(255, 255, 255, .4);
    position     : relative;
    cursor       : pointer
}

.menusbox ul li h3 i,
.ph_sanjinav a i {
    position: absolute;
    width   : .35rem;
    height  : .35rem;
    top     : .2rem;
    right   : 0
}

.menusbox ul li h3 i.i1,
.ph_sanjinav a i {
    background     : url(../img/header/icon22.png) no-repeat center;
    background-size: 100% auto
}

.menusbox ul li h3 i.i2 {
    background     : url(../img/header/icon11.png) no-repeat center;
    background-size: 100% auto
}

.ph_erjinav {
    padding-left: 5%;
    display     : none
}

.ph_sanjinav {
    padding-left: 10%;
    display     : none
}

.ph_sanjinav a {
    border-bottom: .01rem solid rgba(255, 255, 255, .4);
    position     : relative
}

.ph_search {
    padding : .2rem 5%;
    position: relative
}

.ph_search .infotext {
    width           : 100%;
    display         : block;
    border          : 1px solid #fff;
    background-color: #c8e2f9;
    padding         : 0 .4rem 0 .15rem;
    font-size       : .26rem;
    color           : #5d85a9;
    line-height     : 3
}

.ph_searchbtn {
    position       : absolute;
    width          : .75rem;
    height         : .75rem;
    top            : 50%;
    transform      : translateY(-50%);
    right          : 5%;
    background     : url(../img/header/search2.png) no-repeat center;
    background-size: .35rem auto
}

.menusbox_btm {
    background-image: linear-gradient(180deg, #011d4a 5%, #1470c2 100%);
    padding         : .15rem 5%
}

.menusbox_btm_nav1 {
    border-bottom: 1px solid #005bac
}

.menusbox_btm a {
    font-size   : .26rem;
    margin-right: .45rem;
    line-height : 3;
    display     : block;
    float       : left
}

@media screen and (max-width:1600px) {
    .header {
        width: 80.1%
    }
    .head_leftbg .xiejiao{
        left: -134px;
    }
    .headTop .logo {}

    .headbg {
        width: 39.58%
    }

    .chinese {
        font-size: 13px
    }

    .head_leftbg ul {
        margin-left: -20px
    }

    .head_rightbg ul {
        margin-right: -20px
    }

    .headbg ol li a,
    .headbg ul li h6 a {
        font-size: 15px
    }

    .headbg ul li .secondnav a {
        font-size  : 13px;
        line-height: 30px
    }

    .headbg ul li h6 i {
        margin: 0 12px
    }

    .head_leftbg ol {
        margin-left: 135px
    }

    .head_rightbg ol {
        margin-right: 190px;
        width       : auto
    }

    .headbg ol li a {
        padding: 0 12px
    }

    .changyonglj {
        right: 0
    }

    .lianjie_left_btm ol li {
        font-size   : 14px;
        margin-right: 30px
    }
}
@media screen and (max-width: 1400px) {
    .headbg {
        width: 38.2%;
    }
}
@media screen and (max-width:1300px) {
    .header {
        width: 79%
    }

    .headbg {
        width: 37.48%;
    }

    .headTop .logo {}

    .head_leftbg ol {
        margin-left: 110px
    }

    .head_rightbg ol {
        margin-right: 150px
    }

    .head_rightbg ul {
        margin-right: -40px
    }

    .head_leftbg ul {
        margin-left: -40px
    }

    .lianjie_right ul li p {
        font-size: 14px
    }
}

@media screen and (max-width:1279px) {
    .header {
        width: 85%
    }

    .headbg {
        width: 41%
    }

    .logomorr {
        display: none
    }

    .headTop .logo.logo_1024 {
        display: block
    }

    .headTop {
        height: 78px
    }

    .headdown .headTop {
        height: 45px
    }

    .headbg {
        background: url(../img/header/headbg_1024.png) repeat-x
    }

    .chinese {
        line-height: 33px
    }

    .xiejiao {
        width: 78px
    }

    .head_leftbg .xiejiao {
        background: url(../img/header/headbg2_1024.png) no-repeat;
        left      : -78px
    }

    .head_rightbg .xiejiao {
        background: url(../img/header/headbg3_1024.png) no-repeat;
        right     : -78px;
        top       : 0
    }

    .headbg ul {
        height     : 45px;
        padding-top: 10px
    }

    .headbg ul li h6.homeicon {
        margin-top: 3px
    }

    .headbg ul li h6.homeicon a {
        width : 20px;
        height: 20px
    }

    .head_leftbg ol,
    .head_rightbg ol {
        background-size: 20px auto
    }

    .head_leftbg ul {
        margin-left: 0
    }

    .head_rightbg ul {
        margin-right: 0
    }

    .headbg ul li h6 a {
        line-height: 35px;
        font-size  : 13px
    }

    .headbg ul li h6 i {
        margin: 0 8px
    }

    .headbg ol {
        height     : 33px;
        line-height: 32px
    }

    .headbg ol li a,
    .headbg ul li .secondnav a {
        font-size: 12px
    }

    .headbg ul li .secondnav {
        top: 50px
    }

    .searchbtn {
        right      : 50px;
        bottom     : 4px;
        font-size  : 12px;
        line-height: 18px
    }

    .head_leftbg ol {
        margin-left: 100px
    }

    .head_rightbg ol {
        margin-right: 150px
    }

    .changyonglj {
        box-shadow     : inset 0 12px 6px -15px #000;
        width          : 100px;
        height         : 44px;
        background-size: 100% auto;
        top            : 78px
    }

    .headdown .headTop .changyonglj {
        top   : 45px;
        height: 25px;
        width : 50px
    }

    .changyonglj p {
        font-size  : 12px;
        padding-top: 3px
    }

    .changyonglj.scr {
        top: 45px
    }

    .Secondmavbg {
        top: 45px
    }

    .lianjie_left {
        padding: 25px 0 0 30px
    }

    .lianjie_left_btm ol li,
    .lianjie_right ul li p {
        font-size: 13px
    }

    .lianjie_left_btm ol li {
        line-height: 25px
    }

    .lianjie_right {
        width: 35%
    }

    .lianjie_right ul li {
        width: 27%
    }

    .changyongclose {
        top: 180px
    }

    .formsearch input {
        font-size: 14px
    }

    .formsearch {
        width        : 350px;
        height       : 38px;
        margin-bottom: 30px
    }
}

@media screen and (max-width:1023px) {
    .BH_two {
        display: none
    }

    .bh_container {
        margin-top: 1rem;
        width     : 100%;
        height    : 4rem;
        overflow  : hidden
    }

    .bh_container .bh_header {
        width : 100%;
        height: 100%
    }

    .bh_container .bh_header img {
        width     : 100%;
        height    : 100%;
        object-fit: cover
    }

    .fixehead {
        display: none
    }

    .ph_fixehead {
        display: block
    }

    .BH_two_nav_l {
        width    : 5.78rem;
        bottom   : -.45rem;
        left     : 50%;
        transform: translateX(-50%)
    }

    .BH_two_nav_l .navtext h4 {
        font-size: .18rem;
        padding  : .2rem 0
    }

    .BH_two_nav_l .navtext p {
        font-size: .14rem;
        padding  : 0 0 .15rem
    }

    .BH_two_nav_l .navtext h2 {
        font-size    : .24rem;
        margin-top   : -1.8rem;
        margin-bottom: .15rem
    }
}

.Enfooterbg {
    background     : url(../img/footer/bg3.png) no-repeat center bottom;
    background-size: 100% auto;
    height         : 420px;
    padding        : 215px 0 7px 0;
    margin-bottom  : 90px
}

.fotterwarp {
    border-bottom: 4px solid #1c6db4
}

.ph-fotbox {
    display: none
}

.Enfooter {
    height  : 100%;
    width   : 1490px;
    margin  : 0 auto;
    position: relative
}

.Enfooter_l {
    height          : 100%;
    width           : 68.26%;
    height          : 100%;
    background-color: #fff;
    box-shadow      : 0 0 5px 0 rgba(10, 2, 4, .44)
}

.footer_l_left {
    height          : 105%;
    width           : 42.78%;
    background      : url(../img/footer/bg1.png) no-repeat right center;
    background-color: #1c6db4;
    margin          : -30px 0 0 30px;
    display         : flex;
    align-items     : center
}

.footer_l_left p {
    font-size  : 14px;
    line-height: 24px;
    color      : #e0f0ff;
    padding    : 0 34px
}

.footer_l_left>div p:first-child {
    margin-bottom: 3%
}

.footer_l_right {
    height: 100%
}

.footer_l_right {
    width  : 51.5%;
    padding: 17px 25px 0 0
}

.link_left {
    margin: 20px 37px 0 0
}

.link_left a {
    display         : block;
    width           : 121px;
    background-color: #fff;
    border          : solid 1px #a6d8ff;
    font-size       : 16px;
    font-weight     : 700;
    line-height     : 58px;
    color           : #1c6db4;
    text-align      : center;
    margin-top      : 11px
}

.map_center {
    height  : 90%;
    position: relative;
    width   : 38%
}

.map_center h4 {
    font-size     : 24px;
    letter-spacing: 0;
    color         : #1c6db4;
    font-weight   : 700
}

.map_center h4 img {
    display    : inline-block;
    margin-left: 4px
}

.map_center .mapimg {
    position: absolute;
    bottom  : 0;
    right   : 0;
    height  : 100%
}

.link_right {
    margin-top: 4px
}

.link_right a {
    font-size    : 20px;
    font-weight  : 700;
    color        : #1c6db4;
    display      : block;
    position     : relative;
    padding-left : 37px;
    white-space  : nowrap;
    line-height  : 30px;
    margin-bottom: 34px
}

.link_right a i {
    display : block;
    width   : 30px;
    height  : 30px;
    position: absolute;
    left    : 0;
    top     : 0
}

.link_right a i.i1 {
    background     : url(../img/footer/icon1.png) no-repeat;
    background-size: 100% auto
}

.link_right a i.i2 {
    background     : url(../img/footer/icon2.png) no-repeat;
    background-size: 100% auto
}

.link_right a i.i3 {
    background     : url(../img/footer/icon3.png) no-repeat;
    background-size: 100% auto
}

.Enfooter_r {
    width   : 30.88%;
    position: absolute;
    overflow: hidden;
    bottom  : -20%;
    right   : 0
}

.Enfooter_r h6 {
    font-size   : 30px;
    font-weight : 700;
    line-height : 60px;
    color       : #1c6db4;
    padding-left: 4%
}

.Enfooter_r .sun {
    position  : absolute;
    right     : 0;
    width     : 46.2%;
    bottom    : -10%;
    overflow  : hidden;
    transition: .5s;
    visibility: hidden
}

.Enfooter_r:hover .sun {
    visibility: visible;
    bottom    : 33px
}

.Enfooter_r .sun img {
    width: 100%
}

.Enfooter_r .jianzhu {
    position: relative
}

.Enfooter_r .jianzhu img {
    width: 90%
}

.ph_footer {
    display: none
}

@media screen and (max-width:1600px) {
    .Enfooterbg {
        height: 385px
    }

    .Enfooter {
        width: 78%
    }

    .footer_l_left p {
        font-size  : 13px;
        line-height: 20px;
        padding    : 0 5%
    }

    .link_left {
        margin: 10px 15px 0 0
    }

    .link_left a {
        width      : 100px;
        line-height: 40px;
        font-size  : 14px;
        margin-top : 19px
    }

    .map_center h4 {
        font-size: 18px
    }

    .link_right a i {
        width : 20px;
        height: 20px
    }

    .link_right a {
        font-size    : 14px;
        position     : relative;
        padding-left : 31px;
        line-height  : 20px;
        margin-bottom: 33px
    }

    .footer_l_right {
        width  : 53%;
        padding: 17px 15px 0 0
    }

    .footer_l_left {
        margin: -18px 0 0 15px
    }
}

@media screen and (max-width:1400px) {
    .Enfooterbg {
        height : 310px;
        padding: 160px 0 7px 0
    }

    .link_left a {
        margin-top: 10px
    }

    .link_right a {
        font-size    : 14px;
        position     : relative;
        padding-left : 25px;
        line-height  : 20px;
        margin-bottom: 25px
    }

    .Enfooter_r h6 {
        font-size  : 20px;
        line-height: 45px
    }
}

@media screen and (max-width:1300px) {
    .Enfooterbg {
        height: 300px
    }

    .footer_l_left {
        margin-top: -15px
    }

    .footer_l_left p {
        font-size  : 12px;
        line-height: 16px
    }

    .link_left {
        margin: 10px 10px 0 0
    }

    .link_left a {
        width      : 75px;
        line-height: 34px;
        font-size  : 14px
    }

    .map_center h4 {
        font-size: 14px
    }

    .map_center h4 img {
        width: 18px
    }

    .link_right {
        margin-top: 0
    }

    .link_right a {
        margin-bottom: 23px;
        font-size    : 12px
    }

    .Enfooter_r h6 {
        font-size  : 22px;
        line-height: 45px
    }
}

@media screen and (max-width:1200px) {
    .Enfooterbg {
        height: 280px
    }

    .footer_l_left {
        margin-top: -15px
    }

    .footer_l_left p {
        font-size  : 12px;
        line-height: 16px
    }

    .link_left {
        margin: 10px 10px 0 0
    }

    .link_left a {
        width      : 50px;
        line-height: 25px;
        font-size  : 12px
    }

    .map_center h4 {
        font-size: 14px
    }

    .map_center h4 img {
        width: 18px
    }

    .link_right {
        margin-top: 0
    }

    .link_right a {
        margin-bottom: 8px;
        font-size    : 12px
    }

    .Enfooter_r h6 {
        font-size  : 22px;
        line-height: 45px
    }
}

@media screen and (max-width:1023px) {
    .fotterwarp {
        display: none
    }

    .ph-fotbox {
        display        : block;
        background     : url(../img/ph-footer/bg.png) no-repeat center center;
        background-size: cover;
        padding        : .2rem 0
    }

    .sun {
        padding        : .6rem .3rem;
        display        : flex;
        justify-content: flex-end
    }

    .sun img {
        width : 4.6rem;
        height: 1.6rem
    }

    .Enfooterbg {
        display: none
    }

    .ph_foot_btm {
        padding-bottom: .5rem
    }

    .link_left {
        margin         : 0;
        height         : 1.4rem;
        display        : flex;
        flex-direction : column;
        justify-content: space-between
    }

    .link_left a {
        width        : 1.4rem;
        font-size    : .26rem;
        line-height  : .6rem;
        height       : .6rem;
        margin-top   : 0;
        margin-bottom: 0
    }

    .link_right {
        display        : flex;
        flex-direction : column;
        justify-content: space-between
    }

    .link_right a i {
        width    : .4rem;
        height   : .4rem;
        left     : -.2rem;
        top      : 50%;
        transform: translateY(-50%)
    }

    .link_right a {
        font-size    : .26rem;
        line-height  : .6rem;
        margin-bottom: 0;
        display      : flex;
        align-items  : center
    }

    .footer_l_right {
        width          : 100%;
        display        : flex;
        justify-content: space-between;
        align-items    : center
    }

    .footer_l_right {
        height : auto;
        padding: 0
    }

    .map_center {
        height    : auto;
        width     : auto;
        margin-top: .2rem
    }

    .map_center img {
        height: 100%
    }

    .map_center .mapimg {
        position: static;
        height  : auto;
        width   : 2rem
    }

    .ph_footer {
        display         : block;
        width           : 95%;
        max-width       : 750px;
        margin          : auto;
        background-color: #fff;
        box-shadow      : 0 0 13px 0 rgba(10, 2, 4, .44);
        padding         : 0 .35rem
    }

    .ph_foot_top {
        background      : url(../img/ph_head/bg1.png) no-repeat right center;
        background-size : 1.3rem auto;
        background-color: #0f72ca;
        padding         : 20px 15px;
        position        : relative;
        top             : -20px
    }

    .ph_foot_top p {
        font-size  : .22rem;
        color      : #fff;
        line-height: 1.5
    }

    .ph_foot_top p:nth-child(2) {
        padding-top: .2rem
    }

    .ph_foot_top_l {
        float: left;
        width: 45%
    }

    .ph_foot_top_r {
        float: right;
        width: 45%
    }

    .ph_foot_btm ul {
        border     : 1px solid #a6d8ff;
        height     : 1.7rem;
        color      : #0f72ca;
        border-left: 0
    }

    .ph_foot_btm ul li {
        float      : left;
        width      : 33.3%;
        position   : relative;
        height     : 100%;
        border-left: 1px solid #a6d8ff
    }

    .ph_foot_btm ul li>div {
        width     : 100%;
        text-align: center;
        position  : absolute;
        top       : 50%;
        transform : translateY(-50%)
    }

    .ph_foot_btm ul li a {
        display    : block;
        font-size  : .28rem;
        line-height: 1.8
    }

    .ph_foot_nav {
        padding    : 20px 3%;
        margin-left: 2%
    }

    .ph_foot_nav a {
        display    : block;
        width      : 24%;
        color      : #333;
        line-height: 1.5;
        font-size  : .26rem;
        float      : left
    }

    .share {
        display: block
    }

    .share ul {
        padding: .3rem 10%
    }

    .share ul li {
        width   : 25%;
        float   : left;
        position: relative
    }

    .share ul li:hover .ercode {
        display: block
    }

    .share ul li .anbtn.anbtn1 {
        background      : url(../img/icon6.png) no-repeat center;
        background-size : .25rem auto;
        background-color: #fff
    }

    .share ul li .anbtn.anbtn2 {
        background      : url(../img/icon7.png) no-repeat center;
        background-size : .24rem auto;
        background-color: #fff
    }

    .share ul li .anbtn.anbtn3 {
        background      : url(../img/icon8.png) no-repeat center;
        background-size : .16rem auto;
        background-color: #fff
    }

    .share ul li .anbtn.anbtn4 {
        background      : url(../img/icon5.png) no-repeat center;
        background-size : .22rem auto;
        background-color: #fff
    }

    .share ul li .anbtn {
        width        : .6rem;
        height       : .6rem;
        border-radius: 50%;
        margin       : auto;
        border       : 1px solid #0f72ca
    }

    .ercode {
        background        : #e9e9e9;
        padding           : .08rem;
        position          : absolute;
        bottom            : .8rem;
        left              : 50%;
        -webkit-box-shadow: 0 0 7px 3px rgba(0, 0, 0, .35);
        box-shadow        : 0 0 7px 3px rgba(0, 0, 0, .35);
        display           : none;
        white-space       : nowrap;
        transform         : translateX(-50%)
    }

    .anbtn3 .ercode,
    .anbtn4 .ercode {
        transform: translate(-42%)
    }

    .ercode>div {
        display: inline-block
    }

    .ercode img {
        width : .9rem;
        margin: auto
    }

    .ercode p {
        text-align : center;
        line-height: 1.6;
        font-size  : .12rem;
        color      : #0f72ca
    }

    .ercode .sanjiao {
        width       : 0;
        height      : 0;
        position    : absolute;
        bottom      : -8px;
        left        : 36%;
        border-left : 8px solid transparent;
        border-right: 8px solid transparent;
        border-top  : 8px solid #e9e9e9
    }
}

.BH_two {
    height  : 50px;
    width   : 100%;
    position: relative
}

.BH_two .bulan {
    position        : absolute;
    background-color: #005bac;
    height          : 100%;
    width           : 40%;
    left            : 0;
    top             : 0
}

.BH_two_nav {
    height  : 50px;
    width   : 1600px;
    margin  : auto;
    position: relative
}

.BH_two_nav_l {
    position       : absolute;
    width          : 587px;
    height         : 227px;
    background     : url(../img/nav-left-bg.png) no-repeat center bottom;
    background-size: 100% auto;
    bottom         : -41px;
    z-index        : 1
}

.BH_two_nav_l .navtext {
    text-align: center;
    position  : absolute;
    width     : 100%;
    bottom    : 16px
}

.BH_two_nav_l .navtext h2 {
    font-size     : 36px;
    font-weight   : 700;
    letter-spacing: 4px;
    color         : #fff;
    text-shadow   : 0 0 5px rgba(0, 0, 0, .71)
}

.BH_two_nav_l .navtext p {
    font-size     : 14px;
    font-weight   : 400;
    font-stretch  : normal;
    letter-spacing: 0;
    color         : #fff;
    padding       : 22px 0;
    margin        : 0 auto;
    width         : 59%;
    white-space   : nowrap;
    text-overflow : ellipsis;
    overflow      : hidden;
}

.BH_two_nav_l .navtext h4 {
    font-size  : 20px;
    font-weight: 700;
    color      : #005bac;
    padding    : 14px 0 0;
    height     : 75px;
    width      : 43%;
    margin     : 0 auto;
    line-height: 23px;
}

.BH_two_nav_r {
    background-color: #005bac;
    height          : 100%;
    position        : relative
}

.xsj {
    position        : absolute;
    width           : 30px;
    height          : 30px;
    background-color: #fff;
    right           : -15px;
    bottom          : 0;
    transform       : skewX(-38deg)
}

.BH_two_nav_r ul {
    background-color: #005bac
}

.BH_two_nav_r ul li {
    float         : left;
    font-size     : 18px;
    letter-spacing: 2px;
    color         : #082554;
    position      : relative;
    margin-left   : -1px;
    z-index       : 10;
}

.BH_two_nav_r ul li .yiji {
    padding    : 5px 12px;
    height     : 50px;
    line-height: 38px;
    margin-left: -1px
}

.BH_two_nav_r ul li .yiji a span {
    padding: 0 20px
}

.BH_two_nav_r ul li.hover .yiji {
    background-color: #005bac;
    transform       : skewX(-38deg);
    z-index         : 1;
    position        : relative
}

.BH_two_nav_r ul li:hover .yiji {
    transform: skewX(-38deg)
}

.BH_two_nav_r ul li.hover .yiji a,
.BH_two_nav_r ul li:hover .yiji a {
    display         : block;
    background-color: rgba(90, 146, 232, .6);
    height          : 50px;
    color           : #fff
}

.BH_two_nav_r ul li.hover .yiji a span,
.BH_two_nav_r ul li:hover .yiji a span,
.active_pre:hover {
    transform: skewX(38deg);
    display  : block
}

.BH_two_nav_r ul li .erji {
    position: absolute;
    height  : 45px;
    display : none;
    top     : 55px;
    left    : -31px;
    z-index : 10
}

.BH_two_nav_r ul li .erji .btm {
    border-bottom: 1px solid #94bef1;
    float        : left;
    margin-left  : -28px;
    height       : 45px;
    padding-left : 50px
}

.BH_two_nav_r ul li:hover .erji {
    display: block
}

.BH_two_nav_r ul li .erji .xj {
    height          : 100%;
    width           : 120px;
    background-color: rgba(90, 146, 232, .6);
    transform       : skewX(-38deg);
    float           : left
}

.BH_two_nav_r ul li .erji a {
    display       : inline-block;
    font-size     : 16px;
    letter-spacing: 0px;
    color         : #777;
    line-height   : 45px;
    margin        : 0 5px;
    white-space   : nowrap
}

.BH_two_nav_r ul li .erji a:hover {
    color: #005bac
}

.BH_two_nav_r ul li .childs_left_nav {
    right       : 53px;
    left        : auto;
    padding-left: 0
}

.BH_two_nav_r ul li .childs_left_nav .btm {
    padding-right: 10px;
    padding-left : 0;
    margin-left  : 0;
    float        : right
}

.BH_two_nav_r ul li.active_pre .childs_left_nav {
    right: 12px;
    left : auto !important
}

.BH_two_nav_r ul li .childs_left_nav .xj {
    float: right
}

.BH_two_nav_r ul li.active_pre {
    background-color: #005bac;
    transform       : skewX(-38deg)
}

.active_pre .yiji a span {
    transform: skewX(38deg);
    display  : block;
    color    : #fff
}

.BH_two_nav_r ul li.active_pre:hover .yiji {
    transform: skewX(0) !important
}

.BH_two_nav_r ul li.active_pre .erji {
    left  : 10px;
    top   : 55px;
    height: 46px
}

.BH_two_nav_r ul li.active_pre .erji .xj {
    transform: skewX(0)
}

.BH_two_nav_r ul li.active_pre .erji .btm {
    transform: skewX(38deg)
}

.BH_two_nav_r ul li.active_next_first .yiji {
    background-color: #fff;
    transform       : skewX(-38deg)
}

.BH_two_nav_r ul li.active_next_first .yiji span {
    transform: skewX(38deg);
    display  : block
}

@media screen and (max-width:1600px) {
    .BH_two_nav {
        width: 90%
    }

    .BH_two_nav_l {
        width : 510px;
        bottom: -30px
    }

    .BH_two_nav_l .navtext {
        bottom: 12px
    }

    .BH_two_nav_l .navtext h4 {
        font-size: 18px
    }

    .BH_two_nav_l .navtext h2 {
        font-size: 33px
    }

    .BH_two_nav_r ul li .childs_left_nav {
        right: 52px;
    }

    .BH_two_nav_l .navtext p {
        padding: 10px 0
    }

    .BH_two_nav_r ul li {
        font-size: 16px
    }

    .BH_two_nav_r ul li .yiji a span {
        font-size: 15px
    }
}

@media screen and (max-width:1522px) {
    .BH_two_nav_r ul li .erji {
        top: 55px
    }
}

@media screen and (max-width:1450px) {
    .BH_two_nav_l {
        width : 450px;
        bottom: -21px
    }

    .BH_two_nav_l .navtext {
        bottom: 10px
    }

    .BH_two_nav_l .navtext h2 {
        font-size: 28px
    }

    .BH_two_nav_l .navtext h4 {
        font-size  : 16px;
        line-height: 18px;
        padding    : 24px 0 0;
    }

    .BH_two_nav_r ul li {
        font-size: 15px
    }

    .BH_two_nav_r ul li .yiji a span {
        font-size: 14px
    }
}



@media screen and (max-width:1379px) {
    .BH_two_nav_r ul li.active_pre .childs_left_nav {
        right: 6px
    }

    .BH_two_nav_r ul li.active_pre .erji {
        left: 7px
    }

    .BH_two_nav_r ul li .erji a {
        margin: 0 3px
    }

    .BH_two_nav_l {
        width : 400px;
        bottom: -15px
    }

    .BH_two_nav_l .navtext {
        bottom: 3px
    }

    .BH_two_nav_l .navtext h2 {
        font-size: 24px
    }

    .BH_two_nav_l .navtext h4 {
        font-size  : 14px;
        line-height: 18px;
        padding    : 24px 0 0;
    }

    .BH_two_nav_r ul li .yiji a span {
        font-size: 13px
    }

    .BH_two_nav_r ul li .erji a {
        font-size: 12px
    }

    .BH_two_nav_r ul li .yiji a span {
        font-size: 14px
    }

    .BH_two_nav_r ul li .yiji {
        padding: 5px 8px
    }

    .BH_two_nav_r ul li .yiji a span {
        padding: 0 10px
    }

    .BH_two_nav_r ul li .erji {
        left: -36px
    }

    .BH_two_nav_r ul li .childs_left_nav {
        right       : 50px;
        left        : auto;
        padding-left: 0
    }
}

@media screen and (max-width:1270px) {
    .BH_two_nav_r ul li .yiji a span {
        padding  : 0 5px;
        font-size: 12px;
    }

    .BH_two_nav_r ul li {
        letter-spacing: 1px;
    }
}

.ph-nav {
    display: none
}

@media screen and (orientation: landscape) {
    .menusbox {
        height    : 3rem;
        overflow-y: scroll;
    }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .BH_two {
        display: none;
    }

    .pb_sys_common {
        padding-bottom: .6rem !important;
    }

    .ph-nav {
        position: relative;
        display : block
    }

    .ph-nav .warp {
        padding         : 20px 40px;
        justify-content : space-between;
        display         : flex;
        background-color: #005bac;
        align-items     : center;
        color           : #fff
    }

    .ph-nav .warp .mytitle {
        font-size    : 22px;
        font-weight  : 700;
        padding-right: 10px;
        white-space  : nowrap
    }

    .ph-nav .mynav {
        width          : 100%;
        align-items    : center;
        font-size      : 18px;
        padding-left   : 10px;
        border-left    : 1px solid rgba(255, 255, 255, .4);
        display        : flex;
        justify-content: space-between
    }

    .ph-nav .mynav .actsanjiao {
        width     : 30px;
        transition: all .5s
    }

    .ph-nav .mynav .actsanjiao img {
        width: 100%
    }

    .ph-nav .mynav .myact {
        transform: rotate(180deg)
    }

    .menusbox1 {
        overflow        : hidden;
        border-top      : 1px solid rgba(255, 255, 255, .4);
        width           : 100%;
        position        : absolute;
        z-index         : 10;
        left            : 0;
        background-color: #005bac;
        color           : #fff;
        display         : none;
        padding         : 0
    }

    .menusbox1 ul {
        padding: 0 5% 0
    }

    .menusbox1 ul li a {
        display    : block;
        font-size  : 16px;
        line-height: 3
    }

    .menusbox1 ul li:last-child {
        padding-bottom: 20px
    }

    .menusbox1 ul li h3 {
        line-height  : 3;
        font-size    : 16px;
        border-bottom: .01rem solid rgba(255, 255, 255, .4);
        position     : relative;
        cursor       : pointer
    }

    .menusbox1 ul li h3 i,
    .ph_sanjinav a i {
        position: absolute;
        width   : 30px;
        height  : 30px;
        top     : 10px;
        right   : 0;
    }

    .menusbox1 ul li h3 i.i1,
    .ph_sanjinav a i {
        background     : url(../img/header/icon22.png) no-repeat center;
        background-size: 100% auto
    }

    .menusbox1 ul li h3 i.i2 {
        background     : url(../img/header/icon11.png) no-repeat center;
        background-size: 100% auto
    }

    .ph_erjinav {
        padding-left: 5%;
        display     : none
    }

    .ph_sanjinav {
        padding-left: 10%;
        display     : none
    }

    .ph_sanjinav a {
        border-bottom: .01rem solid rgba(255, 255, 255, .4);
        position     : relative
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .BH_two {
        display: none;
    }

    .pb_sys_common {
        padding-bottom: .6rem !important;
    }

    .ph-nav {
        position: relative;
        display : block
    }

    .ph-nav .warp {
        padding         : 20px 40px;
        justify-content : space-between;
        display         : flex;
        background-color: #005bac;
        align-items     : center;
        color           : #fff
    }

    .ph-nav .warp .mytitle {
        font-size    : 22px;
        font-weight  : 700;
        padding-right: 10px;
        white-space  : nowrap
    }

    .ph-nav .mynav {
        width          : 100%;
        align-items    : center;
        font-size      : 18px;
        padding-left   : 10px;
        border-left    : 1px solid rgba(255, 255, 255, .4);
        display        : flex;
        justify-content: space-between
    }

    .ph-nav .mynav .actsanjiao {
        width     : 30px;
        transition: all .5s
    }

    .ph-nav .mynav .actsanjiao img {
        width: 100%
    }

    .ph-nav .mynav .myact {
        transform: rotate(180deg)
    }

    .menusbox1 {
        overflow        : hidden;
        border-top      : 1px solid rgba(255, 255, 255, .4);
        width           : 100%;
        position        : absolute;
        z-index         : 10;
        left            : 0;
        background-color: #005bac;
        color           : #fff;
        display         : none;
        padding         : 0
    }

    .menusbox1 ul {
        padding: 0 5% 0
    }

    .menusbox1 ul li a {
        display    : block;
        font-size  : 16px;
        line-height: 3
    }

    .menusbox1 ul li:last-child {
        padding-bottom: 20px
    }

    .menusbox1 ul li h3 {
        line-height  : 3;
        font-size    : 16px;
        border-bottom: .01rem solid rgba(255, 255, 255, .4);
        position     : relative;
        cursor       : pointer
    }

    .menusbox1 ul li h3 i,
    .ph_sanjinav a i {
        position: absolute;
        width   : 30px;
        height  : 30px;
        top     : 10px;
        right   : 0;
    }

    .menusbox1 ul li h3 i.i1,
    .ph_sanjinav a i {
        background     : url(../img/header/icon22.png) no-repeat center;
        background-size: 100% auto
    }

    .menusbox1 ul li h3 i.i2 {
        background     : url(../img/header/icon11.png) no-repeat center;
        background-size: 100% auto
    }

    .ph_erjinav {
        padding-left: 5%;
        display     : none
    }

    .ph_sanjinav {
        padding-left: 10%;
        display     : none
    }

    .ph_sanjinav a {
        border-bottom: .01rem solid rgba(255, 255, 255, .4);
        position     : relative
    }
}

@media screen and (max-width:1023px) {
    .pb_sys_common {
        padding-bottom: .6rem !important;
    }

    .ph-nav {
        position: relative;
        display : block
    }

    .ph-nav .warp {
        padding         : .2rem .3rem;
        justify-content : space-between;
        display         : flex;
        background-color: #005bac;
        align-items     : center;
        color           : #fff
    }

    .ph-nav .warp .mytitle {
        font-size    : .32rem;
        font-weight  : 700;
        padding-right: .1rem;
        white-space  : nowrap
    }

    .ph-nav .mynav {
        width          : 100%;
        align-items    : center;
        font-size      : .26rem;
        padding-left   : .1rem;
        border-left    : 1px solid rgba(255, 255, 255, .4);
        display        : flex;
        justify-content: space-between
    }

    .ph-nav .mynav .actsanjiao {
        width     : .3rem;
        transition: all .5s
    }

    .ph-nav .mynav .actsanjiao img {
        width: 100%
    }

    .ph-nav .mynav .myact {
        transform: rotate(180deg)
    }

    .menusbox1 {
        overflow        : hidden;
        border-top      : 1px solid rgba(255, 255, 255, .4);
        width           : 100%;
        position        : absolute;
        z-index         : 10;
        left            : 0;
        background-color: #005bac;
        color           : #fff;
        display         : none;
        padding         : 0
    }

    .menusbox1 ul {
        padding: 0 5% 0
    }

    .menusbox1 ul li a {
        display    : block;
        font-size  : .26rem;
        line-height: 3
    }

    .menusbox1 ul li:last-child {
        padding-bottom: .2rem
    }

    .menusbox1 ul li h3 {
        line-height  : 3;
        font-size    : .24rem;
        border-bottom: .01rem solid rgba(255, 255, 255, .4);
        position     : relative;
        cursor       : pointer
    }

    .menusbox1 ul li h3 i,
    .ph_sanjinav a i {
        position: absolute;
        width   : .35rem;
        height  : .35rem;
        top     : .2rem;
        right   : 0
    }

    .menusbox1 ul li h3 i.i1,
    .ph_sanjinav a i {
        background     : url(../img/header/icon22.png) no-repeat center;
        background-size: 100% auto
    }

    .menusbox1 ul li h3 i.i2 {
        background     : url(../img/header/icon11.png) no-repeat center;
        background-size: 100% auto
    }

    .ph_erjinav {
        padding-left: 5%;
        display     : none
    }

    .ph_sanjinav {
        padding-left: 10%;
        display     : none
    }

    .ph_sanjinav a {
        border-bottom: .01rem solid rgba(255, 255, 255, .4);
        position     : relative
    }
}


/*# sourceMappingURL=style.min.css.map */