/*三角形*/
.angle {
    width: 0px;
    height: 0px;
    position: absolute;
    border-top: 60px solid transparent;
    border-right: 60px solid transparent;
    border-bottom: 60px solid white;
    border-left: 60px solid transparent;
    bottom: 0;
    left: 47%;
}

.none {
    display: none;
}

.show {
    display: block;
}

.hide {
    display: none;
}

/*财鲸大字体*/
.font32 {
    font-size: 32px;
    padding: 0 8px;
}

.paddingtop80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.lineheight40 {
    line-height: 40px;
    padding: 0 40px;
}

.section_title h3 {
    text-align: center;
    padding-top: 10px;
    font-weight: bold;
}

/*.underline{
	width:40px;
	height:5px;
	background-color:#4486C9;
	margin-left: 48%;
}*/
.cm-bg {
    background-color: #FAFAFA;
    width: 100%;
    padding: 60px 0;
}

/* 头部 */
#header {
    width: 100%;
    position: relative;
}

#navigation {
    margin: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 100;
    height: 75px;
    font-weight: bold;
}

/*导航*/
.banner_01 {
    background-image: url(../images/banner.png);
    height: 650px;
}

.banner_about_invest {
    background-image: url(../images/about_invest_banner.jpg);
    height: 650px;
}

.banner_join_us {
    background-image: url(../images/join_us.png);
    height: calc(100vh);
    width: 100%;
    padding-top: 200px;
    padding-left: 400px;
    background-size: 100% 100%;
    color: #A8704C;
}

/*蒙层*/
.blue_mask {
    position: absolute;
    top: 40%;
    left: 15%;
}

.blue_mask > img {
    width: 550px;
}

/*主体1*/
.section_middle img {
    max-width: 100%;
    box-shadow: 5px 5px 5px grey;
}

.section_middle ul li {
    font-size: 16px;
    /*color:#38130B;*/
    margin-top: 2%;
    overflow: auto;
    padding-left: 8px;
}

.left_logo figure {
    margin: 50px 60px;
}

.dotted {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #38130B;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: 8px;
}

.dotted-left {
    width: 95%;
}

/*主体2*/
#feature2 {
    width: 100%;
    background-color: #fafafa;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
}

/*主体3*/
.section_title h3 {
    background: url(../images/40a0aea5.dara_bottom.png) no-repeat bottom center;;
}

.section_img {
    margin-top: 80px;
    text-align: center;
    position: relative;
}

.more {
    padding: 10px 0;
    margin-left: 30%;
    margin-top: 20px;
}

/*.cm-msk{
		background-color:rgb(80,110,149,0.9);
        border-radius:50px;
        padding:40px 20px;
        z-index:999;
        position:absolute;
}*/
.cm-msk h4 {
    color: white;
    font-weight: bold;
    margin-top: 10px;
}

.cm-msk b {
    border: 1px solid white;
    border-radius: 100%;
    padding: 4px 12px;
    color: white;
    font-size: 20px;
    /*display:block;*/
    /*font-family: Microsoft JhengHei;*/
}

/*.closer{
	display:block;
	width:30px;
	height:30px;
	border-radius: 100%;
	padding:5px;
	border:1px solid white;
	font-family: normal;
}*/
.cm-msk p {
    color: white;
    text-align: left;
}

.section_img a {
    text-align: center;
}

/*聚焦*/
.section_img > div:not(:last-child) a:focus .express > h4 {
    color: #38130B;
}

.section_img > div:not(:last-child) a:focus .express > h5 {
    color: #38130B;
}

.section_img a:focus .none {
    display: block;
    margin-left: 15%;
}

/*.section_img a:focus .click-msk1{
	display:block;
}*/
.section_img a:focus .dispeer {
    display: none;
}

/*划过*/
.section_img > div:not(:last-child) a:hover .express > h4 {
    color: #38130B;
}

.section_img > div:not(:last-child) a:hover .express > h5 {
    color: #38130B;
}

.section_img a:hover .none {
    display: block;
    margin-left: 25%;
}

/*.section_img a:hover .click-msk1{
	display:block;
}*/
.section_img a:hover .dispeer {
    display: none;
}

.section_img img {
    width: 50%;
    height: auto;
}

.express {
    margin-top: 30px;
}

.express > h4, .express > h5 {
    text-align: center;
    color: #38130B;
    line-height: 16px;
    margin-top: 30px;
    /*font-weight: bold;*/
}

/*主体5*/
.nav-ul li {
    margin-top: 20px;
    overflow: auto;
    display: flex;
}

.nav-ul .number {
    /*width:5%;*/
    font-size: 48px;
    color: #eee;
    padding-top: 10px;
    font-weight: 1000;
    width: 50px;
    height: 40px;
}

.nav-ul .wl-right {
    flex: 1;
    padding: 0 10px;
    /*      height:150px;
    */ /*background-color: blue;*/
    /*width:95%;*/
    margin-left: -5px;
}

.wl-right > p {
    font-size: 16px;
}

.font-color {
    color: #38130B;
}

.job {
    width: 700px;
    background-color: rgba(250, 250, 250, 20%);
    padding: 10px 50px;
    margin: 80px 0;
}

.job > h3 > a {
    display: inline;
}

/*主体6*/
#feature6 {
    width: 100%;
    background: url(../images/2226fd45.banner3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/*主体7*/
.w-grey {
    text-align: center;
    padding: 20px 0;
}

.w-grey img {
    border: 15px solid rgb(217, 217, 217);
    border-radius: 100px;
    margin-bottom: 20px;
    width: 40%;
}

.section_icon {
    margin-top: 50px;
    position: relative;
}

.section_icon a:focus .w-grey img {
    border: 15px solid #38130B;
}

.section_icon a:hover .w-grey img {
    border: 15px solid #38130B;
}

/*主体9*/
.section_depart img {
    width: 70%;
    height: auto;
    border: 10px solid rgb(216, 216, 216);
    border-radius: 50%;
}

.section_depart h3 {
    text-align: center;
    color: #4486C9;
    line-height: 16px;
    font-weight: bold;
}

.section_depart h5 {
    text-align: center;
    color: black;
    line-height: 16px;
    margin: 30px 0;
}

.top0 h4, .top1 h4 {
    margin-top: 5%
}

.top0 p, .top1 p {
    margin-top: 30px;
    font-size: 18px;
    line-height: 38px;
    padding: 0 10px;
}

/*底部*/
footer {
    /*background-color: rgb(1,91,169);*/
    background: url(../images/about_invest_bottom.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    /*min-height:300px;*/
    position: relative;
    margin-top: 40px;
    margin-bottom: 0;
}

footer p {
    font-size: 14px;
}

.logo-left {
    color: white;
    background-color: white;
    opacity: 0.3;
    padding: 56% 30px;
    /*height:30%;*/
}

.text {
    /*position:relative;*/
    margin-top: -98%;
    text-align: center;
    /*margin-left: 15%;*/
}

.text span {
    color: white;
    font-size: 26px;
    margin-left: 3%;
    display: inline-block;
}

.text img {
    width: 30%;
    height: auto;
}

.text p {
    margin-top: 20px;
    color: white;
    margin-left: 15%;
}

.contact {
    padding-left: 30%;
    padding-top: 30%;
}

.contact ul li a:hover {
    color: white;
    text-decoration: underline
}

.contact li a {
    color: white;
}

.contact h5 {
    color: white;
}

/*注释后需返回*/
.slide li:hover .icon_ecode {
    display: block;
}

/*尾注底部备案*/
.footer-text {
    color: white;
    text-align: center;
    font-size: 14px;
}

.footer-text a {
    display: inline-block;
    color: white;
    margin-left: 5px;
}

.footer-text a:hover {
    text-decoration: underline;
}

/*#navigation_mobile .nav-menu-button button.nav-menu-toggle:hover { color:#FFF !important; }*/
/*media*/
@media (min-width: 1024px) and (max-width: 1366px) {
    .section_middle ul li {
        margin-top: 2px;
    }

    /*.p17{
        margin-top:15px;
    }*/
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .text {
        margin-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .col-wg {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1365px) {
    .contact {
        /*padding:60px 50px;*/
        padding-left: 10%;
        padding-top: 30%;
    }
}

@media (max-width: 767px) {
    .col-xs-6 {
        width: 100%;
    }

    .mask_cmn1 {
        min-width: 100%;
    }

    .blue_mask > img {
        width: 360px;
    }

    .blue_mask {
        position: absolute;
        top: 40%;
        left: 5%;
    }

    .text p {
        margin-left: 30%;
    }

    /*	.banner_01{
            position:relative;
            width:100%;
            padding-top: 10px;
        }*/
    .section_img img {
        width: 50%;
        height: auto;
        /*width:230px;
        height:230px;*/
    }

    .section_img a:focus .none {
        display: block;
        margin-left: 25%;
    }

    .section_img a:hover .none {
        display: block;
        margin-left: 25%;
    }

    .p17 {
        padding: 0 15px;
    }

    .blue_mask {
        top: 40%;
    }

    .blue_mask > h3 {
        font-size: 17px
    }

    .blue_mask > h4 {
        font-size: 16px
    }

    /* .nav-ul .wl-right{
         width:80%;
         margin-left:-3%;
     }*/
    /*蓝点*/
    .dotted-left {
        width: 90%;
    }

    /*三角形*/
    .angle {
        /*background-color:white;*/
        /*width:0px;
        height:0px;
        position:absolute;
        border-top: 60px solid transparent;
        border-right: 60px solid transparent;
        border-bottom: 60px solid white;
        border-left: 60px solid transparent;
        bottom:0;*/
        left: 35%;
    }

    /*#navigation_mobile ul li:hover .dropdown-menu{*/
    /*display: block;*/
    /*visibility: visible;*/
    /*color:red;*/
    /*}*/
    .underline {
        width: 40px;
        height: 5px;
        background-color: #4486C9;
        margin-left: 45%;
    }

    /*	.dropdown-menu {
             position:absolute;
             top:5%;
             left:-23%;
             z-index:1000;
             display:hidden;
             float:left;
             min-width:138px;
             padding:5px 0;
             margin:2px 0 0;
             list-style:none;
             font-size:16px;
             text-align:left;
             background-color:#fff;
             -webkit-background-clip:padding-box;
             background-clip:padding-box;
             opacity:0.8;
             filter:alpha(opacity=80);
             -moz-opacity:0.8;
             -khtml-opacity: 0.8;
        }*/
    /*#header .navbar{ display:none; }
    #navigation_mobile { display:block; }*/
    .xs-margintop20 {
        margin-top: 40px;
    }

    .click-msk2, .click-msk3, .click-msk0, .click-msk1 {
        /*position:absolute;*/
        width: 100%;
        top: 0;
    }

    .col-wg {
        width: 100%;
    }

    .col-sm-3 {
        margin-top: 30px;
    }

    .cm-msk {
        background-color: rgb(214, 199, 180);
        border-radius: 50px;
        padding: 40px 20px;
        z-index: 999;
        opacity: 0.9;
        filter: alpha(opacity=90);
        -moz-opacity: 0.9;
        -khtml-opacity: 0.9;
        /*position:absolute;*/
    }

    /*	.click-msk2,.click-msk3{
            width:100%;
            top:0;
            right:0;
        }
        .click-msk0,.click-msk1{
            width:100%;
            top:0;
            left:0;
        }*/
    .top0, .top1 {
        text-align: center;
        /*position:absolute;*/
        width: 100%;
    }

    .logo-left {
        color: white;
        background-color: white;
        opacity: 0.3;
        padding: 33% 30px;
        /*height:30%;*/
    }

    .text {
        position: relative;
        margin-top: -63%;
        /*margin-left: 15%;*/
    }

    .contact {
        padding-left: 30%;
        padding-top: 15%;
    }

    .banner_join_us {
        background-image: url(../images/join_us.png);
        height: calc(100vh);
        width: 100%;
        padding-top: 0;
        padding-left: 0;
        background-size: cover;
        color: #A8704C;
        object-fit: cover;
    }

    .banner_join_us > h2 {
        margin-top: 0;
        padding-top: 50px;
        font-size: 30px;
    }

    .banner_join_us > p {
        color: #38130B;
    }

    .job {
        width: 350px;
        background-color: rgba(250, 250, 250, 20%);
        padding: 10px 50px;
        margin: 60px 10px;
    }

    .job > h3 > a {
        display: block;
    }
}

@media screen and (min-width: 768px) {
    .click-msk2 {
        width: 210%;
        top: 0;
        right: -100%;
    }

    .click-msk3 {
        width: 205%;
        top: 0;
        right: 0;
    }

    .click-msk0 {
        width: 205%;
        top: 0;
        left: 0;
    }

    .click-msk1 {
        width: 205%;
        top: 0;
        left: -100%;
    }

    .bg-mask0 {
        top: 0;
        left: 0;
    }

    .bg-mask1 {
        top: 0;
        left: -100%;
    }

    .bg-mask2 {
        top: 0;
        left: -200%;
    }

    .bg-mask4 {
        top: 0;
        left: 0;
    }

    .bg-mask5 {
        top: 0;
        left: -100%;
    }

    .bg-mask6 {
        top: 0;
        right: 0;
    }

    /*注重投资蒙层*/
    .top0, .top1 {
        text-align: center;
        /*position:absolute;*/
        width: 300%;
        height: 100%;
    }

    .cm-msk {
        background-color: #38130B;
        border-radius: 50px;
        padding: 40px 20px;
        z-index: 999;
        position: absolute;
        opacity: 0.9;
        filter: alpha(opacity=90);
        -moz-opacity: 0.9;
        -khtml-opacity: 0.9;
    }
}

@media screen and(max-width: 630px) {
    .xl-left {
        font-size: 20px;
        color: white;
        margin-top: 7%;
        float: none;
    }

    .btn-contact {
        float: none;
        margin-top: 6%;
        padding: 8px 0;
        background-color: transparent;
        transition: all 0.5s ease;
        -ms-transition: all 0.5s ease; /* IE 9 */
        -webkit-transition: all 0.5s ease; /* Safari and Chrome */
        -o-transition: all 0.5s ease; /* Safari and Chrome */
        background-size: 200% 200%;
    }
}