﻿/*导航栏*/
@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption{ margin: 0 ; padding: 0; border: 0; outline: 0;background:transparent;}
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; }
em,i{font-style:normal;}
:focus{outline:0 none;}
a { text-decoration: none; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
body { font: 12px/26px Verdana,Geneva,sans-serif,"微软雅黑"; background: #fff; color: #535353; }
a { color: #333333; text-decoration: none;/*font-family:electronicFont*/}
a:hover {color: #f75252 ;text-decoration: none; }
.fl { float: left; }
.fr { float: right; }



@charset "utf-8";
.wrapper {
    width: 980px;
    min-width: 980px;
    margin: 0 auto;
    background: #fff;
    position: relative;
}
/*header*/
.header {
    border: 1px solid #dadada;
    border-radius: 5px;
    box-shadow: 0 2px 6px #eeeeee;
    font-family: "微软雅黑";
    background: #fff;
}
/*nav*/
.nav {
    height: 58px;
    position: relative;
    z-index: 10;
    line-height: 58px;
    font-size: 16px;
    color: #000;
    clear: both;
}
/*.clearfix li.li_2018 {
    float: left;
    display: inline;
    width: 12.5%;
    text-align: center;
    position: relative;
}*/
/*.clearfix li.li_2018 a {
    display: block;
    color: #000000;
    height: 42px;
    margin-top: 16px;
    line-height: 25px;
}*/
/*.clearfix li.current a {
    color: #3385ff;
}*/
.sub_menu {
    position: absolute;
    left: 0;
    top: 113px;
    width: 100%;
    background: #f9f8f9;
    border-bottom: 1px solid #d0d7dd;
    border-width: 1px 1px 1px 1px;
    border-radius: 0 0 5px 5px;
    z-index: 13;
    box-shadow: inset 1px 0px 6px #eeeeee;
}

    .sub_menu i {
        background: url("../static/boc2018_a_hover.png") no-repeat;
        width: 14px;
        height: 10px;
        position: absolute;
        top: -7px;
        margin-left: -6px;
    }

.sub_area {
    /*padding: 20px;*/
    line-height: 32px;
    font-size: 14px;
    color: #2b2b2b;
}

   

.sub_pic {
    padding-left: 3.75em;
    width: 40%;
    float: left;
}

.sub_area .sub_pic a {
    display: block;
    font-family: "微软雅黑";
    font-size: 14px;
    line-height: 32px;
    color: #2b2b2b;
}

.sub_area .sub_pic li.li_2018 span {
    cursor: pointer;
    width: 35%;
    margin-right: 20px;
    background: url("../static/boc2018_dot_icon.png") no-repeat 0 -72px;
    font-family: "微软雅黑";
    color: #2b2b2b;
    font-size: 14px;
    line-height: 32px;
    padding-left: 14px;
    display: inline-block;
    line-height: 24px;
}

.sub_area .last {
    background: none;
}

.sub_area .sub_nav li.li_2018 a:hover, .sub_area .sub_pic a:hover, .sub_area .sub_pic li.li_2018 span:hover {
    color: #f75252;
}

.sub_pic img, .sub_area .sub_ad img {
    vertical-align: top;
    /*margin: 0px 0 10px 0px;*/
    /*border: 1px solid #dadada;
    border-radius: 5px;*/
}


.sub_area .sub_ad {
    background: none;
    background-color:#fff !important;
}

    .sub_area .sub_ad li.li_2018 {
        background: none;
        padding: 0;
    }

#layer1 i{left:18.5%;}
#layer2 i{left:31%;}
#layer3 i{left:43%;}
#layer4 i{left:56%;}
#layer5 i{left:68.5%;}
#layer6 i{left:81%;}
#layer7 i{left:93.5%;}


@media screen and (min-device-width: 1700px) {

     .sub_area .sub_nav {
        width: 50%;
        text-align: center;
        padding-left: 112px;
        list-style: none;
        /*background: url("../static/boc2018_dot_liney.gif") repeat-y right 0;*/
        float: left;
        height: 385px;
        background-color:#f2f9ff;
    }

        .sub_area .sub_nav li.li_2018 {
            /*background: url("../static/boc2018_dot_icon.png") no-repeat 0 -72px;*/
            line-height: 32px;
            padding-left: 7rem;
            margin-top:48px;
            font-size: 18px
        }

            /*.sub_area .sub_nav li.li_2018 a {
                font-family: "微软雅黑";
                color: #535353;
                font-size: 14px;
            }*/

    .li_2018 a {
        text-decoration: none !important;
    }

    .ljgd {
        display: flex !important;
        font-size: 18px;
        margin-top: 10px;
    }

        .ljgd > a {
            color: #fff;
            background-color: #f75252;
            padding-left: 20px;
            width: 180px;
            height: 46px;
            padding-right: 18px;
            font-family: electronicFont;
            cursor: pointer;
        }

        .ljgd a p {
            padding-top: 7px;
        }

        .ljgd > a:hover {
            width: 182px;
            text-decoration: none;
            background-color: #f34848;
            transform: scale(1.02,1.02);
            cursor: pointer;
            transition: all .15s ease-in;
        }


    /*导航left*/
    .litwo {
        display: flex !important;
        margin-top: 35px;
        font-size: 24px;
        margin-left: 4rem !important;
    }

    .litwolinered {
        display: flex !important;
        margin-top: 24px;
        margin-left: 4rem !important;
    }

    .litwoline {
        height: 1px;
        width: 600px;
        background-color: #bdc8de;
        margin-top: 2px;
    }

    .lithree {
        padding-right: 20px;
    }

    .lithreefrist {
        padding-top:1.5rem;
    }

    .lithreetxt {
        margin-top: 26px !important;
        display: flex !important;
        padding-left: 0rem !important;
    }

     .lithreetxt a img {
            width:490px;
        }

    .lithreecptxt {
        display: block !important;
        text-align: left !important;
        font-size: 16px;
    }

    .lithreeline {
        height: 1px;
        width: 60px;
        background-color: #bdc8de;
        margin-top: 12px;
    }

    .gsjs_1 {
        margin-left: -19rem !important;
    }
    .xwzx_1 {
        margin-left:-52rem !important;
    }
    .cpjs_1 {
        margin-left: -15rem !important;
    }
    .znwlcp_1 {
        margin-left: -80px !important;
    }
    .znwlcp_2 {
        margin-left: -114px !important;
    }
    .jjfa_1 {
        margin-left: -9rem !important;
    }
    .znwljjfa_1 {
        margin-left: -172px !important;
    }

    .qctsjjfa_1{
        margin-left: -93px !important;
    }
    .rczp_1 {
        margin-left: -26.5rem !important;
    }
    .lxwm_1 {
        padding-left:16rem !important;
    }

    /*导航right*/
    .righttxt {
        display: flex !important;
        font-size: 18px;
        margin-top: 15px;
        font-family: electronicFont;
    }

}


@media screen and (max-device-width: 1699px) {

    #logosize {
        display:none;
    }
     .sub_area .sub_nav {
        width: 50%;
        text-align: center;
        padding-left: 112px;
        list-style: none;
        /*background: url("../static/boc2018_dot_liney.gif") repeat-y right 0;*/
        float: left;
        height: 274px;
        background-color:#f2f9ff;
    }

        .sub_area .sub_nav li.li_2018 {
            /*background: url("../static/boc2018_dot_icon.png") no-repeat 0 -72px;*/
            line-height: 32px;
            padding-left: 7rem;
            margin-top:25px;
            font-size: 16px
        }

            /*.sub_area .sub_nav li.li_2018 a {
                font-family: "微软雅黑";
                color: #535353;
                font-size: 14px;
            }*/

    .li_2018 a {
        text-decoration: none !important;
    }

    .ljgd {
        display: flex !important;
        font-size: 14px;
        /*margin-top: 10px;*/
    }

        .ljgd > a {
            color: #fff;
            background-color: #f75252;
            /*padding-left: 20px;*/
            width: 126px;
            height: 32px;
            margin-top: 5px;
            /*padding-right: 18px;*/
            font-family: electronicFont;
            cursor: pointer;
        }

        .ljgd a p {
            /*padding-top: 7px;*/
        }

        .ljgd > a:hover {
            width: 126px;
            text-decoration: none;
            background-color: #f34848;
            transform: scale(1.02,1.02);
            cursor: pointer;
            transition: all .15s ease-in;
        }


    /*导航left*/
    .litwo {
        display: flex !important;
        margin-top: 30px;
        font-size: 20px;
        margin-left: -3.5rem !important;
    }

    .litwolinered {
        display: flex !important;
        margin-top: 10px;
        margin-left:-3.5rem !important;
    }

    .litwoline {
        height: 2px;
        width:450px;
        background-color: #bdc8de;
        margin-top: 2px;
    }

    .lithree {
        padding-right: 20px;
    }
    .lithreefrist {
        padding-top: 0.5rem;
    }

    
    .lithreetxt {
        margin-top: 26px !important;
        display: flex !important;
        padding-left: 0rem !important;
    }

        .lithreetxt a img {
            width:340px;
        }

    .lithreecptxt {
        display: block !important;
        text-align: left !important;
        font-size: 12px;
    }

    .lithreeline {
        /*height: 2px;
        width: 60px;
        background-color: #bdc8de;
        margin-top: 12px;*/
        display:none
    }

    .gsjs_1 {
        margin-left: -13rem !important;
    }
    .xwzx_1 {
        margin-left:-44.5rem !important;
    }
    .cpjs_1 {
        margin-left: -12.5rem !important;
    }
    .znwlcp_1 {
        margin-left: -80px !important;
    }
    .znwlcp_2 {
        margin-left: -114px !important;
    }
    .jjfa_1 {
        margin-left: -6rem !important;
    }
    .znwljjfa_1 {
        margin-left: -172px !important;
    }

    .qctsjjfa_1{
        margin-left: -93px !important;
    }
    .rczp_1 {
        margin-left: -19.5rem !important;
    }
    .lxwm_1 {
        padding-left:16rem !important;
    }

    /*导航right*/
    .righttxt {
        display: flex !important;
        font-size: 16px;
        margin-top: 5px;
        font-family: electronicFont;
    }
}

@media screen and (max-device-width: 1300px) {
    .sub_area .sub_nav li.li_2018 {
        /*background: url("../static/boc2018_dot_icon.png") no-repeat 0 -72px;*/
        line-height: 32px;
        padding-left: 3rem;
        margin-top: 25px;
        font-size: 16px;
    }

    .lithree {
        padding-right: 5px;
    }
        .znwlcp_1 {
        margin-left: -7px !important;
    }
    .znwlcp_2 {
        margin-left: -15px !important;
    }

    .cpjs_1 {
        margin-left: -12.5rem  !important;
    }
    .slide-text > h1 {
        font-size: 45px !important;
    }
    .righttxt {
        display: flex !important;
        font-size: 14px;
        margin-top: 5px;
        font-family: electronicFont;
    }

    .jjfa_1 {
        margin-left: -10rem !important;
    }

    .znwljjfa_1 {
        margin-left: -56px !important;
    }
    .qctsjjfa_1{
        margin-left: -8px !important;
    }
     .rczp_1 {
        margin-left: -18.5rem !important;
    }
    .lxwm_1 {
        padding-left:9rem !important;
    }
}