/* 渚涘簲閾 */
.supply {
    margin-top: 20px;
    margin-bottom: 140px;
}
/* 渚涘簲閾 宸﹀竷灞€ */
.left-supply-banner {
    position: relative;
    height: 367px;
    width: 100%;
    overflow: hidden;
}
.left-supply-banner .l-banner-img {
    position: absolute;
    width: 100%;
    height: 367px;
    transition: all 0.4s ease-in-out;
}
.left-supply-banner .l-title {
    position: absolute;
    color: #fff;
    font-size: 31px;
    top: 60px;
    left: 90px;
    transition: all 0.3s ease-in-out;
}
.left-supply-banner .l-desc {
    position: absolute;
    color: #fff;
    font-size: 16px;
    top: 125px;
    left: 90px;
    transition: all 0.3s ease-in-out;
}
.left-supply-banner .l-desc2 {
    position: absolute;
    color: #fff;
    font-size: 16px;
    top: 180px;
    left: 90px;
    transition: all 0.3s ease-in-out;
}
.left-supply-banner .l-next-img {
    position: absolute;
    top: 250px;
    left: 90px;
    transition: all 0.3s ease-in-out;
}
/*宸﹀竷灞€鍔ㄧ敾鏁堟灉*/
.left-supply-banner:hover .l-banner-img{
    transform: scale(1.1,1.1);
}
.left-supply-banner:hover .l-title{
    left: 120px;
}
.left-supply-banner:hover .l-desc{
    left: 120px;
}
.left-supply-banner:hover .l-desc2{
    left: 120px;
}
.left-supply-banner:hover .l-next-img{
    left: 120px;
}
/* 渚涘簲閾 鍙冲竷灞€ */
.right-supply-banner {
    margin-top: 30px;
    position: relative;
    height: 367px;
    width: 100%;
    overflow: hidden;
}
.right-supply-banner .r-banner-img {
    position: absolute;
    height: 367px;
    transition: all 0.3s ease-in-out;
}
.right-supply-banner .r-title {
    position: absolute;
    color: #fff;
    font-size: 31px;
    top: 60px;
    right: 90px;
    transition: all 0.3s ease-in-out;
}
.right-supply-banner .r-desc {
    position: absolute;
    color: #fff;
    font-size: 16px;
    top: 125px;
    right: 90px;
    transition: all 0.3s ease-in-out;
}
.right-supply-banner .r-desc2 {
    position: absolute;
    color: #fff;
    font-size: 16px;
    top: 180px;
    right: 85px;
    transition: all 0.3s ease-in-out;
}
.right-supply-banner .r-next-img {
    position: absolute;
    top: 250px;
    right: 85px;
    transition: all 0.3s ease-in-out;
}
/*鍙冲竷灞€鍔ㄧ敾鏁堟灉*/
.right-supply-banner:hover .r-banner-img{
    transform: scale(1.1,1.1);
}
.right-supply-banner:hover .r-title{
    right: 120px;
}
.right-supply-banner:hover .r-desc{
    right: 120px;
}
.right-supply-banner:hover .r-desc2{
    right: 120px;
}
.right-supply-banner:hover .r-next-img{
    right: 120px;
}
/*END 渚涘簲閾?/
/*渚涘簲鍟?/
.supplier {}
.supplier .title {
    text-align: center;
    color: #d61518;
    font-size: 30px;
}
.supplier .cont {
    width: 100%;
    text-align: left;
    margin: 30px auto 25px auto;
    line-height: 40px;
}
.supplier .cont p {
    font-size: 18px;
    text-align: justify;
}
.supplier .rectangle {
    position: relative;
    float: left;
    height: 363px;
    width: 363px;
}
.supplier .rectangle-img {
    height: 363px;
    width: 363px;
}
.supplier .rectangle-title {
    position: absolute;
    top: 40px;
    left: 106px;
    color: #fff;
    font-size: 25px;
}
.supplier .rectangle-desc1 {
    position: absolute;
    top: 125px;
    left: 25px;
    width: 84%;
    line-height: 32px;
    font-size: 15px;
    color: #e9d4b1;
}
.supplier .rectangle-desc2 {
    position: absolute;
    top: 115px;
    left: 30px;
    width: 87%;
    line-height: 32px;
    font-size: 15px;
    color: #e6d0ac;
}
.supplier .rectangle-desc3 {
    position: absolute;
    top: 110px;
    left: 23px;
    width: 90%;
    line-height: 32px;
    font-size: 15px;
    color: #e0bba8;
}
.supplier .rectangle-desc4 {
    position: absolute;
    top: 100px;
    left: 35px;
    width: 86%;
    line-height: 32px;
    font-size: 15px;
    color: #bdb1a8;
}
.supplier .rectangle-desc4 p {
    font-size: 15px;
    color: #bdb1a8;
}
.supplier .swim-box {
    margin: 75px auto 100px auto;
    width: 100%;
}
.supplier .swim-img1 {
    width: 467px;
    height: 187px;
}
.supplier .swim-img2 {
    width: 465px;
    height: 198px;
}
.supplier .swim-img3 {
    width: 416px;
    height: 179px;
}
.supplier .copper-foil {
    margin-bottom: 100px
}
.supplier .copper-foil-row1 {
    margin-bottom: 1px;
}
.supplier .copper-foil-box1 {
    float: left;
    height: 363px;
    width: 749px;
    margin-left: 1px;
    margin-right: 1px;
    overflow: hidden;
}
.supplier .copper-foil-img1 {
    height: 363px;
    width: 749px;
    transition: all 0.4s ease-in-out;
}
.supplier .copper-foil-img1:hover {
    transform: scale(1.1,1.1);
}
.supplier .copper-foil-box2 {
    float: left;
    height: 363px;
    width: 565px;
    overflow: hidden;
}
.supplier .copper-foil-img2 {
    height: 363px;
    width: 565px;
    transition: all 0.4s ease-in-out;
}
.supplier .copper-foil-img2:hover {
    transform: scale(1.1,1.1);
}
.supplier .copper-foil-row2 {
    margin-bottom: 50px;
}
.supplier .copper-foil-box3 {
    float: left;
    height: 363px;
    width: 747px;
    overflow: hidden;
}
.supplier .copper-foil-img3 {
    height: 363px;
    width: 747px;
    transition: all 0.4s ease-in-out;
}
.supplier .copper-foil-img3:hover {
    transform: scale(1.1,1.1);
}
.supplier .copper-foil-box4 {
    float: left;
    height: 363px;
    width: 568px;
    margin-left: 1px;
    margin-right: 1px;
    overflow: hidden;
}
.supplier .copper-foil-img4 {
    height: 363px;
    width: 568px;
    transition: all 0.4s ease-in-out;
}
.supplier .copper-foil-img4:hover {
    transform: scale(1.1,1.1);
}
.supplier .ccl {
    margin-bottom: 50px;
}
.supplier .ccl-box1 {
    float: left;
    height: 363px;
    width: 747px;
    margin-left: 1px;
    margin-right: 1px;
    overflow: hidden;
}
.supplier .ccl-img1 {
    height: 363px;
    width: 747px;
    transition: all 0.4s ease-in-out;
}
.supplier .ccl-img1:hover {
    transform: scale(1.1,1.1);
}
.supplier .ccl-box2 {
    float: left;
    height: 363px;
    width: 568px;
    overflow: hidden;
}
.supplier .ccl-img2 {
    height: 363px;
    width: 568px;
    transition: all 0.4s ease-in-out;
}
.supplier .ccl-img2:hover {
    transform: scale(1.1,1.1);
}
.supplier .circuit-board {
    margin-bottom: 75px;
}
.supplier .circuit-board-box1 {
    float: left;
    height: 363px;
    width: 748px;
    overflow: hidden;
}
.supplier .circuit-board-img1 {
    height: 363px;
    width: 748px;
    transition: all 0.4s ease-in-out;
}
.supplier .circuit-board-img1:hover {
    transform: scale(1.1,1.1);
}
.supplier .circuit-board-box2 {
    float: left;
    height: 363px;
    width: 567px;
    margin-left: 1px;
    margin-right: 1px;
    overflow: hidden;
}
.supplier .circuit-board-img2 {
    height: 363px;
    width: 567px;
    transition: all 0.4s ease-in-out;
}
.supplier .circuit-board-img2:hover {
    transform: scale(1.1,1.1);
}
@media screen and (max-width: 1700px) {
    .supplier .rectangle {
        height: 298px;
        width: 298px;
    }
    .supplier .rectangle-img {
        height: 298px;
        width: 298px;
    }
    .supplier .rectangle-title {
        top: 25px;
        left: 55px;
        font-size: 23px;
    }
    .supplier .rectangle-desc1 {
        top: 75px;
        left: 25px;
        width: 84%;
        line-height: 25px;
        font-size: 12px;
    }
    .supplier .rectangle-desc2 {
        top: 56px;
        left: 28px;
        width: 83%;
        line-height: 25px;
        font-size: 12px;
    }
    .supplier .rectangle-desc3 {
        top: 75px;
        left: 25px;
        width: 84%;
        line-height: 25px;
        font-size: 12px;
    }
    .supplier .rectangle-desc4 {
        top: 62px;
        left: 23px;
        width: 86%;
        line-height: 23px;
    }
    .supplier .rectangle-desc4 p {
        font-size: 12px;
    }
    .supplier .swim-box {
        margin: 50px auto 75px auto;
        width: 100%;
    }
    .supplier .swim-img1 {
        width: 333px;
        height: 133px;
    }
    .supplier .swim-img2 {
        width: 332px;
        height: 141px;
    }
    .supplier .swim-img3 {
        width: 297px;
        height: 128px;
    }
    .supplier .copper-foil-box1 {
        height: 298px;
        width: 606px;
    }
    .supplier .copper-foil-img1 {
        height: 298px;
        width: 606px;
    }
    .supplier .copper-foil-box2 {
        height: 298px;
        width: 457px;
    }
    .supplier .copper-foil-img2 {
        height: 298px;
        width: 457px;
    }
    .supplier .copper-foil-box3 {
        height: 298px;
        width: 606px;
    }
    .supplier .copper-foil-img3 {
        height: 298px;
        width: 606px;
    }
    .supplier .copper-foil-box4 {
        height: 298px;
        width: 459px;
    }
    .supplier .copper-foil-img4 {
        height: 298px;
        width: 459px;
    }
    .supplier .ccl-box1 {
        height: 298px;
        width: 606px;
    }
    .supplier .ccl-img1 {
        height: 298px;
        width: 606px;
    }
    .supplier .ccl-box2 {
        height: 298px;
        width: 459px;
    }
    .supplier .ccl-img2 {
        height: 298px;
        width: 459px;
    }
    .supplier .circuit-board-box1 {
        height: 298px;
        width: 606px;
    }
    .supplier .circuit-board-img1 {
        height: 298px;
        width: 606px;
    }
    .supplier .circuit-board-box2 {
        height: 298px;
        width: 459px;
    }
    .supplier .circuit-board-img2 {
        height: 298px;
        width: 459px;
    }
    .supplier .ccl{
        margin-bottom: 80px;
    }

}
@media screen and (max-width: 1400px) {
    .supplier .rectangle {
        height: 259px;
        width: 259px;
    }
    .supplier .rectangle-img {
        height: 259px;
        width: 259px;
    }
    .supplier .rectangle-title {
        top: 25px;
        left: 55px;
        font-size: 23px;
    }
    .supplier .rectangle-desc1 {
        top: 75px;
        left: 25px;
        width: 84%;
        line-height: 25px;
        font-size: 12px;
    }
    .supplier .rectangle-desc2 {
        top: 56px;
        left: 28px;
        width: 83%;
        line-height: 25px;
        font-size: 12px;
    }
    .supplier .rectangle-desc3 {
        top: 75px;
        left: 25px;
        width: 84%;
        line-height: 25px;
        font-size: 12px;
    }
    .supplier .rectangle-desc4 {
        top: 62px;
        left: 23px;
        width: 86%;
        line-height: 23px;
    }
    .supplier .rectangle-desc4 p {
        font-size: 12px;
    }
    .supplier .swim-box {
        margin: 50px auto 75px auto;
        width: 100%;
    }
    .supplier .swim-img1 {
        width: 333px;
        height: 133px;
    }
    .supplier .swim-img2 {
        width: 332px;
        height: 141px;
    }
    .supplier .swim-img3 {
        width: 297px;
        height: 128px;
    }
    .supplier .copper-foil-box1 {
        height: 259px;
        width: 534px;
    }
    .supplier .copper-foil-img1 {
        height: 259px;
        width: 534px;
    }
    .supplier .copper-foil-box2 {
        height: 259px;
        width: 403px;
    }
    .supplier .copper-foil-img2 {
        height: 259px;
        width: 403px;
    }
    .supplier .copper-foil-box3 {
        height: 259px;
        width: 533px;
    }
    .supplier .copper-foil-img3 {
        height: 259px;
        width: 533px;
    }
    .supplier .copper-foil-box4 {
        height: 259px;
        width: 405px;
    }
    .supplier .copper-foil-img4 {
        height: 259px;
        width: 405px;
    }
    .supplier .ccl-box1 {
        height: 259px;
        width: 533px;
    }
    .supplier .ccl-img1 {
        height: 259px;
        width: 533px;
    }
    .supplier .ccl-box2 {
        height: 259px;
        width: 405px;
    }
    .supplier .ccl-img2 {
        height: 259px;
        width: 405px;
    }
    .supplier .circuit-board-box1 {
        height: 259px;
        width: 534px;
    }
    .supplier .circuit-board-img1 {
        height: 259px;
        width: 534px;
    }
    .supplier .circuit-board-box2 {
        height: 259px;
        width: 404px;
    }
    .supplier .circuit-board-img2 {
        height: 259px;
        width: 404px;
    }
}

/*END 渚涘簲鍟?/

/*瀹㈡埛鍏崇郴*/
.customer {
    margin-bottom: -30px;
}
.customer .title {
    text-align: center;
    color: #d61518;
    font-size: 30px;
}
.customer .cont {
    width: 70%;
    text-align: left;
    margin: 50px auto;
    line-height: 40px;
}
.customer .cont p {
    font-size: 18px;
    text-align: justify;
}
.customer .customer-back {
    background-color: #f5f5f5;
}
.customer .customer-box {
    width: 1680px;
    margin: 0 auto;
    padding-top: 60px;
}
.customer-box .title {
    text-align: center;
    color: #000;
    font-size: 30px;
}
.customer-box .desc {
    margin-top: 5px;
    text-align: center;
    font-size: 14px;
    color: #a2a2a2;
}
.customer-box .title-box {
    margin-top: 30px;
}
.customer-box .title-shape {
    float: left;
    margin-top: 5px;
    margin-right: -5px;
    width: 20px;
    height: 13px;
    border-left: 13px solid #d61518;
}
.customer-box .title-pcb-ccl {
    line-height: 25px;
    font-size: 18px;
}
.customer-box .logo-box {
    padding: 40px 0;
}
.customer-box .logo-box .customer-logo {
    width: 20%;
    float: left;
    margin-bottom: 50px;
}
.customer-box .logo-box .logo-border {
    display: flex;
    width: 274px;
    height: 140px;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    overflow: hidden;
    position: relative;
}
.customer-box .logo-box .logo-img {
    transition: all 0.4s ease-in-out;
}
.customer-box .logo-box .logo-hover {
    position: absolute;
    width: 272px;
    height: 138px;
    border: 1px solid #ab844b;
    opacity: 0;
    transition: all 0.4s ease-in-out;
}
.customer-box .logo-box .logo-hover-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background-color: #ab844b;
}
.customer-box .logo-box .logo-border:hover .logo-hover {
    opacity: 1;
}
.customer-box .logo-box .logo-border:hover .logo-img {
    transform: scale(1.1,1.1);
}

@media screen and (max-width: 1730px) {
    .customer .customer-box {
        width: 1380px;
        padding-top: 42px;
    }
    .customer-box .logo-box .customer-logo {
        margin-bottom: 35px;
    }
    .customer-box .logo-box .logo-border {
        width: 195px;
        height: 100px;
    }
    .customer-box .logo-box .logo-hover {
        width: 193px;
        height: 98px;
    }
    .customer-box .logo-box .logo-img {
        width: 70%;
    }
}
@media screen and (max-width: 1430px) {
    .customer .customer-box {
        width: 1200px;
        padding-top: 42px;
    }
    .customer-box .logo-box .customer-logo {
        margin-bottom: 35px;
    }
    .customer-box .logo-box .logo-border {
        width: 195px;
        height: 100px;
    }
    .customer-box .logo-box .logo-hover {
        width: 193px;
        height: 98px;
    }
    .customer-box .logo-box .logo-img {
        width: 70%;
    }
}
/*END 瀹㈡埛鍏崇郴*/

/*璁よ瘉浣撶郴*/
.system-certification {}
.system-certification .sc-block-one {
    float: left;
    width: 20%;
}
.system-certification .sc-block-one .sc-block-item {
    width: 216px;
}
.system-certification .sc-block-one .sc-block-item .sc-block-item-thumb {
    width: 200px;
    height: 290px;
    display: block;
    border: 8px solid  #e5d9c3;
    box-shadow: 0 0 10px rgba(210, 169, 94, 0.4);
    -moz-box-shadow: 0 0 10px rgba(210, 169, 94, 0.4);
    -webkit-box-shadow: 0 0 10px rgba(210, 169, 94, 0.4);
}
.system-certification-link {
    border-top: 1px dashed #f5f5f5;
    width: 100%;
    height: 0;
    margin-top: 60px;
    margin-bottom: 60px;
}
.system-certification .sc-img {
    margin: 0 auto;
    width: 200px;
    height: 290px;
    display: block;
}
.system-certification .sc-title {
    text-align: center;
    width: 100%;
    display: block;
    margin: 20px auto;
    font-size: 16px;
    color: #333333;
}
.system-certification-tab-header {
    margin-left: 0;
    margin-bottom: 30px;
}
.system-certification-tab-header h3 {
    width: 11%;
    display: block;
    float: left;
    text-align: center;
    margin-bottom: 30px;
}
.system-certification-tab-header h3 a {
    position: relative;
    display: inline-block;
    font-size: 24px;
    font-weight: 500;
    padding-bottom: 15px;
}
.system-certification-tab-header h3 a:hover {
    color: #d61518;
}
.system-certification-tab-header h3 a:hover:after{
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background-color: #d61518;
}
@media screen and (max-width: 1680px) {
    .system-certification .sc-block {
        width: 180px;
        padding-left: 30px;
        padding-right: 30px;
    }
    .system-certification .sc-img {
        width: 180px;
        margin: 0 auto;
        display: block;
    }
}
/*END 璁よ瘉浣撶郴*/
/*鎶曡祫鑰呭叧绯 - 鏂囧瓧鍒楄〃*/
.text-list-box {
    margin-top: 30px;
}
.text-list-box .title {
    color: #d61518;
    font-size: 24px;
    font-weight: 500;
    padding-bottom: 50px;
}
.text-list-box .text-item-body {
    position: relative;
    margin: 20px auto;
    height: 50px;
}
.text-list-box .text-item-body .list-item-time {
    float: left;
    width: 10%;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 50px;
    background-color: #ebebeb;
}
.text-list-box .text-item-body .list-item-time .time-day {
    color: #d61518;
    font-size: 30px;
    line-height: 50px;
}
.text-list-box .text-item-body .list-item-time .time-sp {}
.text-list-box .text-item-body .list-item-time .time-ym {}
.text-list-box .text-item-body .item-title {
    position: relative;
    float: left;
    padding-left: 2%;
    height: 55px;
    width: 84%;
    font-size: 18px;
    line-height: 55px;
    background-color: #f5f5f5;
}
.text-list-box .text-item-body .item-psd {
    position: absolute;
    right: 15px;
    top: 10px;
}
.text-list-box .text-item-body .item-psd .item-psd-img {
    width: 30px;
    height: 30px;
}

/*@media screen and (max-width: 1700px) {*/
/*    .text-list-box .text-item-body .item-title {*/
/*        width: 1175px;*/
/*    }*/
/*}*/
/*END 鎶曡祫鑰呭叧绯 - 鏂囧瓧鍒楄〃*/

/*鏂伴椈璧勮*/
.staff-tab-header {
    width: 50%;
    display: flex;
    margin: 0 auto;
    justify-items: center;
    align-items: center;
}
.staff-tab-header h3 {
    width: 50%;
    display: block;
    cursor:pointer;
    text-align: center;
    position: relative;
}
.staff-tab-header a {
    position: relative;
    color: #333333;
    display: inline-block;
    font-size: 22px;
    font-weight: 500;
    padding-bottom: 15px;
}
.staff-tab-header .current {
    color: #d61518;
}
.staff-tab-header .current:after {
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background-color: #d61518;
}
.staff-list {
    margin-top: 20px;
}
.staff-list .staff-list-one {
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #e7e7e7;
    cursor: pointer;
    transition: all .3s;
    display: flex;
    justify-items: center;
}
.staff-list .staff-list-one:hover {
    background-color: #e7e7e7;
}
.staff-list .staff-list-one .staff-list-one-thumb {
    display: block;
    width: 185px;
}
.staff-list .staff-list-one .staff-list-one-thumb img {
    display: block;
    width: 150px;
}
.staff-list .staff-list-one .staff-list-one-body {
    display: block;
    flex: 1;
}
.staff-list .staff-list-one .staff-list-one-body .list__item_time {
    padding-bottom: 5px; }
.staff-list .staff-list-one .staff-list-one-body .list__item_time .time__day {
    color: #d2171a;
    font-size: 23px; }
.staff-list .staff-list-one .staff-list-one-body .list__item_time .time__sp {
    color: #bcbcbc;
    font-size: 16px; }
.staff-list .staff-list-one .staff-list-one-body .list__item_time .time__ym {
    color: #333333;
    font-size: 16px;
    font-weight: 600; }
.staff-list .staff-list-one .staff-list-one-body .list__item_title {
    color: #333333;
    font-size: 17px;
    padding-bottom: 5px;
    font-weight: 600; }
.staff-list .staff-list-one .staff-list-one-body .list__item_desc p {
    color: #a2a2a2;
    font-size: 14px; }
.staff-list .staff-list-one:hover a {
    color: #fff; }
.staff-list .staff-list-one:hover .list__item_desc p {
    color: #333333;
}
.staff-list .staff-list-one .staff-list-one-body .more__btn {
    margin-top: 114px;
    display: block;
    width: 165px;
    height: 40px;
    line-height: 40px;
    text-indent: 1em;
    position: relative;
    background-color: #d2171a;
    color: #fff;
    transition: all .3s; }
.staff-list .staff-list-one .staff-list-one-body .more__btn img {
    display: block;
    position: absolute;
    top: 6px;
    right: 6px;
    width: 28px;
    height: 28px; }
.staff-list .staff-list-one .staff-list-one-body .more__btn:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    background-color: #e1e1e1;
}
/*钁ｇ洃楂樻垚鍛樿鎯?/
.staff-info {

}
.staff-info .staff-info-img {
    display: block;
    margin: 0 auto;
}
.staff-info .staff-info-name {
    text-align: center;
    margin: 30px;
    font-size: 30px;
}
.staff-info .staff-info-cont {
    width: 80%;
    margin: 0 auto;
    line-height: 30px;
    text-indent: 2em;
    font-size: 15px;
}
.staff-info .staff-info-cont p {
    font-size: 15px;
}
/*END 钁ｇ洃楂樻垚鍛樿鎯?/
/*END 钁ｇ洃楂樻垚鍛?/
/*鎶曡祫鑰呭叧绯?/
.investor-top-box {}
.investor-top-box .investor-quotation {
    float: left;
    width: 1052px;
    height: 700px;
}
.investor-top-box .investor-title {}
.investor-top-box .investor-title .shape {
    float: left;
    margin-top: 1px;
    margin-right: -5px;
    width: 20px;
    height: 30px;
    border-left: 5px solid #d61518;
}
.investor-top-box .investor-title .title {
    font-size: 23px;
    color: #d61518;
}
.investor-top-box .investor-quotation .quotation {
    margin-top: 40px;
}
.investor-top-box .investor-quotation .quotation .quotation-iframe {
    height: 600px; width: 930px;
}
.investor-top-box .investor-info {
    float: left;
    width: 628px;
    height: 508px;
}
.investor-top-box .investor-info .investor-table {
    margin-top: 40px;
}
.investor-top-box .investor-info .investor-table .row {
    line-height: 65px;
    background-color: #faf8f5;
    border-bottom: 1px dashed #bcbcbc;
}
.investor-top-box .investor-info .investor-table .row2 {
    line-height: 65px;
    background-color: #fff;
}
.investor-top-box .investor-info .investor-table .title {
    display: block;
    float: left;
    width: 25%;
    color: #c8b7a5;
    text-align: right;
    font-size: 17px;
}
.investor-top-box .investor-info .investor-table .cont {
    margin-left: 20px;
    font-size: 17px;
}
.investor-top-box .investor-info .investor-table .enn {
    font-size: 17px;
}

.investor-bottom-back {
    margin-bottom: -30px;
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #f5f5f5;
}
.investor-bottom-box {}
.investor-bottom-box .interval {
    float:left;
    width: 108px;
    height: 1px;
}
.investor-bottom-box .investor-bottom-title {
    margin-bottom: 65px;
}
.investor-bottom-box .investor-bottom-title .title {
    text-align: center;
    font-size: 23px;
    color: #d61518;
}
.investor-bottom-box .investor-bottom-title .shape {
    width: 50px;
    border-bottom: 2px solid red;
    margin: 10px auto;
}

.investor-bottom-box .investor-category-body {
    float: left;
}
.investor-bottom-box .investor-category-body .category-img-box {
    width: 488px;
    height: 308px;
    overflow: hidden;
}
.investor-bottom-box .investor-category-body .category-img-box .category-img {
    width: 488px;
    height: 308px;
    transition: all 0.4s ease-in-out;
}
.investor-bottom-box .investor-category-body .category-title {
    margin-top: 20px;
    font-size: 22px;
}
.investor-bottom-box .investor-category-body .category-en {
    color: #b8b8b8;
    margin-top: 5px;
}
.investor-bottom-box .investor-category-body:hover .category-img {
    transform: scale(1.1,1.1);
}

@media screen and (max-width: 1700px) {
    .investor-top-box .investor-quotation {
        width: 950px;
    }
    .investor-top-box .investor-info {
        width: 425px;
    }
    .investor-top-box .investor-info .investor-table .title {
        width: 30%;
        font-size: 15px;
    }
    .investor-top-box .investor-info .investor-table .cont {
        font-size: 15px;
    }
    .investor-top-box .investor-info .investor-table .enn {
        font-size: 14px;
    }



    .investor-bottom-box .investor-category-body .category-img-box {
        width: 395px;
        height: 249px;
    }
    .investor-bottom-box .investor-category-body .category-img-box .category-img {
        width: 395px;
        height: 249px;
    }
    .investor-bottom-box .interval {
        width: 87px;
    }
}
@media screen and (max-width: 1400px) {
    .investor-top-box .investor-quotation {
        width: 950px;
    }
    .investor-top-box .investor-info {
        width: 240px;
    }
    .investor-top-box .investor-info .investor-table .row {
        line-height: 1;
    }
    .investor-top-box .investor-info .investor-table .row2 {
        line-height: 1;
    }
    .investor-top-box .investor-info .investor-table .title {
        display: block;
        float: none;
        text-align: left;
        font-size: 15px;
        padding-top: 6px;
        padding-left: 6px;
        width: auto;
    }
    .investor-top-box .investor-info .investor-table .cont {
        margin-left: 0;
        font-size: 16px;
        line-height: 60px;
        text-align: center;
        display: block;
    }
    .investor-top-box .investor-info .investor-table .enn {
        font-size: 12px;
    }

    .investor-bottom-box .investor-category-body .category-img-box {
        width: 348px;
        height: 219px;
    }
    .investor-bottom-box .investor-category-body .category-img-box .category-img {
        width: 348px;
        height: 219px;
    }
    .investor-bottom-box .interval {
        width: 77px;
    }
}
/*END 鎶曡祫鑰呭叧绯?/