.pageContent{
    width: 100%;
    background-color: #fafafa;
    padding-bottom: 0.3rem;
    overflow: hidden;
    padding-top: 0.3rem;
}
.pageContent .pageTitle{
    margin: 0.76rem 0 0.49rem;
    width: 100%;
    text-align: center;
}
.pageContent .pageTitle .title_cn{
    line-height: 0.4rem;
    font-size: 0.36rem;
    font-weight: bold;
    color: #0e4396;
    margin-bottom: 0.2rem;
}
.pageContent .pageTitle .title_en{
    line-height: 0.14rem;
    font-size: 0.16rem;
    font-weight: 400;
    color: #999999;
    text-transform: uppercase;
}
.pageContent p{
    line-height: 1.8;
}
.pageContent p img{
    width: 100%;
}
.pageContent .history{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.pageContent .timeLine{
    position: absolute;
    width: 1px;
    background: #eee;
    height: 100%;
    top: 0;
    left: 50%;
}
.pageContent .startCircle{
    position: absolute;
    top: 0;
    left: -0.09rem;
    width: 0.18rem;
    height: 0.18rem;
    border: 1px solid #0e4396;
    border-radius: 50%;
    box-sizing: border-box;
    background-color: #fff;
    padding: 0.04rem;
}
.pageContent .startCircle span{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #0e4396;
    display: block;
}
.pageContent .history .historyItem{
    width: 100%;
    /* overflow: hidden; */
    margin-top: 1rem;
}
.pageContent .history .historyItem::after{
    content: '';
    display: block;
    clear: both;
}
.pageContent .history .historyItem .left{
    float: left;
    text-align: right;
}
.pageContent .history .historyItem .right{
    float: right;
    text-align: left;
}
.pageContent .history .historyItem .itemCon{
    width: 50%;
}
.pageContent .history .historyItem .itemCon .itemTime{
    width: 0.96rem;
    height: 0.96rem;
    background: #0e4396;
    box-shadow: 0px 0.03rem 0.1rem 0px rgba(201,6,44,0.31);
    border-radius: 50%;
    position: absolute;
    right: 0.3rem;
    top: -0.69rem;
    line-height: 0.96rem;
    color: #fff;
    font-size: 0.24rem;
    font-weight: 800;
    text-align: center;
}
.pageContent .history .historyItem .itemCon .itemText{
    width: 6.07rem;
    background: #FFFFFF;
    border: 1px solid #EBEBEB;
    padding: 0.43rem 1.10rem 0.38rem 0.53rem;
    font-size: 0.16rem;
    font-weight: 400;
    color: #333333;
    line-height: 0.24rem;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    margin-right: 0.31rem;
}
.pageContent .history .historyItem .itemCon .itemText::after{
    position: absolute;
    height: 0.11rem;
    width: 0.09rem;
    background: url(../image/triangleIcon_w_r.png) top left no-repeat;
    background-size: 100% 100%;
    content: '';
    top: 47%;
    right: -0.09rem;
}
.pageContent .history .historyItem .itemCon .itemText::before{
    position: absolute;
    width: 0.18rem;
    height: 0.18rem;
    background: #fff;
    border: 0.04rem solid #0e4396;
    box-sizing: border-box;
    border-radius: 50%;
    content: '';
    top: 47%;
    right: -0.42rem;
}
.pageContent .history .historyItem .itemCon.right .itemTime{
    left: 0.3rem;
    right: unset;
}
.pageContent .history .historyItem .itemCon.right .itemText{
    padding: 0.43rem 0.53rem 0.38rem 1.10rem;
    margin-left: 31px;
}
.pageContent .history .historyItem .itemCon.right .itemText::after{
    background: url(../image/triangleIcon_w_l.png) top left no-repeat;
    background-size: 100% 100%;
    right: unset;
    left: -0.09rem;
}
.pageContent .history .historyItem .itemCon.right .itemText::before{
    right: unset;
    left: -0.42rem;
}




/* ¹¤³Ì°¸Àý */
.casePage .PhotoList_i1 { padding:0.40rem 0 0 0;}
.casePage .PhotoList_i1::after{
    content: '';
    display: block;
    clear: both;
}
.casePage .PhotoList_i1 li{ width:calc((100% - 58px) / 3); margin-right:29px; margin-bottom:30px; float:left;}
.casePage .PhotoList_i1 li:nth-child(3n){margin-right: 0;}
.casePage .PhotoList_i1 li span{font-size: 18px;line-height: 55px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;position: relative;}
.casePage .PhotoList_i1 li:hover span{color: #0e4396;font-weight: bold;}
.casePage .PhotoList_i1 li a{position:relative;display:block;overflow:hidden;text-align: center;overflow: hidden;height: 310px;background-color: #fff;}
.casePage .PhotoList_i1 li a img{width: 100%;height: 100%;object-fit: cover;transform: scale(1);transition: transform 1s ease 0s;}
.casePage .PhotoList_i1 li:hover a img{transform: scale(1.3);transition: transform 1s ease 0s;}
.casePage .PhotoList_i1 li a::after{
    content: '';
    width: 0;
    height: 4px;
    background-color: #0e4396;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: width 1s ease 0s;
}
.casePage .PhotoList_i1 li:hover a::after{
    width: 100%;
}
.casePage .PhotoList_i1 li a h4{display:none;position: absolute;z-index:10;display:block;transition: 0.6s;color:#fff; top:0%; left:0; width:90%; padding:0 5%; text-align:center; line-height:40px; font-size:22px; opacity:0; font-family:"΢ÈíÑźÚ";overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.casePage .PhotoList_i1 li a:hover h4{ opacity:1; top:30%;transition: 0.6s;display:none;}



@media only screen and (max-width: 1440px){
    .pageMain{
        width: 96%;
    }
    .pageContent .history .historyItem .itemCon .itemText{
        width: 89%;
    }
    .newsList1 .NewsList_g2 li:nth-child(-n+2)>a{
        width: 50%;
    }
    .newsList1 .NewsList_g2 li:nth-child(1) h3, 
    .newsList1 .NewsList_g2 li:nth-child(1) p{
        width: 45%;
    }
    .newsList1 .NewsList_g2 li:nth-child(2) h3, 
    .newsList1 .NewsList_g2 li:nth-child(2) p{
        width: 45%;
    }
}

@media only screen and (max-width: 1200px){
    .aboutPage .PhotoList_i1 li{ width:31%; margin-right:2%; margin-bottom:30px; float:left; }
    .technicalPage .PhotoList_i1 li{ width:31%; margin-right:2%; margin-bottom:30px; float:left; }

    .VideoList_d1 li{ width:44%; margin-left:4%; margin-bottom:30px; float:left; }
	.VideoList_d1 li a h4{ font-size:24px;}
	.VideoList_d1 li a:hover h4{ opacity:1; top:28%;transition: 0.6s;}

    .messages_titile{ width:92%; margin:0 auto;}
    .Gbook_b1{ width:92%; margin:0 auto; padding:20px 0 40px 0; border-bottom: solid #e8e8e8 1px;}
    .TextareaV1{width:100%}

    .Gbook_b1 .vcode{ width:282px;}
    .Gbook_b1 .vcode .InputV1{ width:180px;}
    .Gbook_b1 .name{width:29%;float:left; margin-bottom:20px;}
    .Gbook_b1 .phone{width:29%; margin-left:6%;float:left; margin-bottom:20px;}
    .Gbook_b1 .email{width:29%; margin-left:6%;float:left; margin-bottom:20px;}
    .messPage { padding: 50px 0px 0 0; width:92%;margin:0 auto;}

    .hrList_a1_item{ width:44%; margin-left:4%; float:left; }
    .jobapply_d1 .til1{ line-height:50px; font-size:20px; font-family:"΢ÈíÑźÚ"; border-bottom: solid 1px #eee; margin-bottom:20px;}
    .jobapply_d1{ width:92%; margin:0 auto; padding:50px 0 40px 0; border-bottom: solid #e8e8e8 1px;}
    .TextareaV1{width:100%}
    .TextareaV1{width:100%}
    .jobapply_d1 .vcode{ width:302px;}
    .jobapply_d1 .vcode .InputV1{ width:200px;}
    .jobapply_d1 .float1{width:29%;float:left; margin-bottom:20px;}
    .jobapply_d1 .float2{width:29%; margin-left:6%;float:left; margin-bottom:20px;}
    .messPage { padding: 50px 0px 0 0; width:92%;margin:0 auto;}
}
@media only screen and (max-width: 1000px){
    .pageNav .navLeft{width: 100%;}
    .pageNav .navRight{display: none;}
}
@media only screen and (max-width: 800px){
    .pageContent p{
        font-size: 4.27vw;
    }
    .pageContent .pageTitle .title_cn{
        font-size: 7.00vw;
        margin-bottom: 2.67vw;
    }
    .pageContent .pageTitle .title_en{
        font-size: 3.00vw;
        line-height: 1.2;
    }
    .aboutPage .PhotoList_i1 li{ width:49%; margin-bottom:5.33vw; float:left; margin-right: 2%;}
    .aboutPage .PhotoList_i1 li:nth-child(4n){margin-right: 2%;}
    .aboutPage .PhotoList_i1 li:nth-child(2n){margin-right: 0;}
    .aboutPage .PhotoList_i1 li a h4{ display:none;}
    .aboutPage .PhotoList_i1 li a:hover::after{ display:none;}
    .aboutPage .PhotoList_i1 li span{ text-align:center;font-size: 4vw;}
    .aboutPage .PhotoList_i1 li a img{transform: scale(1);transition: all 1s ease 0s;-webkit-transform: scale(1);-webkit-transform: all 1s ease 0s; /*height:100%;*/vertical-align: middle; display: inline-block;}
    .aboutPage .PhotoList_i1 li a:hover img{transform: scale(1);transition: all 1s ease 0s;-webkit-transform: scale(1);-webkit-transform: all 1s ease 0s;}

    .technicalPage .PhotoList_i1 li{width:49%; margin-bottom:5.33vw; float:left; margin-right: 2%;}
    .technicalPage .PhotoList_i1 li:nth-child(3n){margin-right: 2%;}
    .technicalPage .PhotoList_i1 li:nth-child(2n){margin-right: 0;}
    .technicalPage .PhotoList_i1 li a{height: 40vw;}
    .technicalPage .PhotoList_i1 li a h4{ display:none;}
    .technicalPage .PhotoList_i1 li a:hover::after{ display:none;}
    .technicalPage .PhotoList_i1 li span{ 
        text-align:center;
        line-height: 9.33vw;
        font-size: 3.73vw;
    }
    .technicalPage .PhotoList_i1 li a img{transform: scale(1);transition: all 1s ease 0s;-webkit-transform: scale(1);-webkit-transform: all 1s ease 0s; /*height:100%;*/vertical-align: middle; display: inline-block;}
    .technicalPage .PhotoList_i1 li a:hover img{transform: scale(1);transition: all 1s ease 0s;-webkit-transform: scale(1);-webkit-transform: all 1s ease 0s;}

    .VideoList_d1 li{ width:90%; margin-left:5%; margin-bottom:5.33vw; float:left; }
	.VideoList_d1 li a h4{ display:none;}
	.VideoList_d1 li a:hover::after{ display:none;}
	.VideoList_d1 li span{ text-align:center;font-size: 4.27vw;line-height: 14.93vw;}

    .Gbook_b1 .company{width:98%;float:left; margin-bottom:2.13vw;}
    .Gbook_b1 .name{width:98%;float:left; margin-bottom:2.13vw;}
    .Gbook_b1 .phone{width:98%;float:left; margin-left:0; margin-bottom:2.13vw;}
    .Gbook_b1 .email{width:98%;float:left; margin-left:0;margin-bottom:2.13vw;}
    .Gbook_b1 .content{width:98%;float:left; margin-bottom:2.13vw;}
    .Gbook_b1 .btn{width:98%;float:left; margin-left:0; }
    .Gbook_b1 .vcode{ width:98%;float:left;margin-left:0; margin-bottom:2.13vw;}

    .messPage { padding: 13.33vw 0px 0 0; width:92%;margin:0 auto;}
    .messPage .inT { text-align: center; margin-bottom:10.67vw; }
    .messdL { border: 1px solid #e5e5e5; padding: 3.47vw 5.33vw 0.80vw; margin-bottom: 4.00vw; }

    .hrList_a1_item{ padding:0; width:95%; margin-left:2.5%; margin-top:4.00vw;}
	.hrList_a1{ padding:5.33vw 0 5.33vw 0;}
    .jobapply_d1{ padding:5.33vw 0 5.33vw 0;}
    .jobapply_d1 .til1{ line-height:13.33vw; font-size:4.27vw; font-family:"΢ÈíÑźÚ"; border-bottom: solid 1px #eee; margin-bottom:5.33vw;}
    .jobapply_d1 .float1{width:98%;float:left; margin-bottom:2.13vw;}
    .jobapply_d1 .float2{width:98%;float:left; margin-left:0; margin-bottom:2.13vw;}
    .jobapply_d1 .float3{width:98%;float:left; margin-bottom:2.13vw;}
    .jobapply_d1 .SelectV1{height:10.13vw; width:100%;line-height:10.13vw;padding:0 10px;border:1px solid #ddd;background-color:#fafafa;}
    .jobapply_d1 .btn{width:98%;float:left; margin-left:0; }
    .jobapply_d1 .vcode{ width:98%;float:left;margin-left:0; margin-bottom:2.13vw;}

    .clearfix::after{
        content: '';
        display: block;
        clear: both;
    }
    .pageNav .NavList_a2{
        width: 100%;
        overflow-x: scroll;
    }
    .pageNav .NavList_a2::-webkit-scrollbar {
       height: 0;
    }
    .pageNav .NavList_a2>ul{
        /* white-space: nowrap;
        overflow-x: scroll;
        display: -webkit-box;
        width: 100%; */
        white-space: nowrap;
        display: inline-block;
    }
    .pageNav .NavList_a2>ul li{
        overflow: hidden;
        display: inline-block;
        float: unset;
        vertical-align: top;
    }
    .pageNav .NavList_a2 a{
        padding: 3.5vw 7vw;
        white-space: nowrap;
        font-size: 3.73vw;
    }
    .pageContent .history .historyItem{
        margin-top: 18.67vw;
    }
    .pageContent .history .historyItem .itemCon .itemText{
        width: 83%;
        padding: 8.00vw 4.00vw;
        font-size: 4.27vw;
    }
    .pageContent .history .historyItem .itemCon .itemTime{
        width: 18.67vw;
        height: 18.67vw;
        line-height: 18.67vw;
        font-size: 4.80vw;
        top: -13.33vw;
    }
    .pageContent .history .historyItem .itemCon.right .itemText{
        width: 83%;
        padding: 8.00vw 4.00vw;
    }
    #page{display: none;}
    #load_more_button{
        display: block;
        width: 50%;
        line-height: 3;
        background-color: #0e4396;
        text-align: center;
        color: #fff;
        font-size: 3.47vw;
        margin: 0 auto;
    }
    .casePage .PhotoList_i1 li{
        width:49%; 
        margin-right: 2%;
        margin-bottom: 5.33vw;
    }
    .casePage .PhotoList_i1 li:nth-child(3n){
        margin-right: 2%;
    }
    .casePage .PhotoList_i1 li:nth-child(2n){
        margin-right: 0%;
    }
    .casePage .PhotoList_i1 li a{
        height: 50.67vw;
    }
    .casePage .PhotoList_i1 li span{
        line-height: 10.67vw;
        font-size: 3.73vw;
    }
    .newsList1 .NewsList_g2 ul::after{
        content: '';
        display: block;
        clear: both;
    }
    .newsList1 .NewsList_g2 li{
        margin-bottom: 8.00vw;
        width: 48%;
        margin-right: 4%;
    }
    .newsList1 .NewsList_g2 li:nth-child(5),
    .newsList1 .NewsList_g2 li:nth-child(8){
        margin-right: 4%;
    }
    .newsList1 .NewsList_g2 li:nth-child(2n){
        margin-right: 0;
    }
    .newsList1 .NewsList_g2 li>a{
        height: 37.33vw;
    }
    .newsList1 .NewsList_g2 li>a img{
        height: 100%;
    }
    .newsList1 .NewsList_g2 .ncontent{
        line-height: 1.5;
    }
    .newsList1 .NewsList_g2 p{
        margin-bottom: 4.00vw;
    }
    .newsList1 .NewsList_g2 h3 a{
        margin-top: 4.27vw;
        font-size: 4.00vw;
        margin-bottom: 0.53vw;
        min-height: 12.00vw;
    }
    .newsList1 .NewsList_g2 li .ntime{
        top: 1.33vw;
    }
    .newsList1 .NewsList_g2 li:nth-child(-n+2)>a{
        height: 57.60vw;
    }
    .newsList1 .NewsList_g2 li:nth-child(-n+2)>a img{
        height: 100%;
    }
    .newsList1 .NewsList_g2 li:nth-child(-n+2) h3{
        margin-top: 0;
    }
    .newsList1 .NewsList_g2 li:nth-child(-n+2) h3 a{
        margin-top: 9.33vw;
        font-size: 4.80vw;
        line-height: 1.5;
    }
    .newsList2 .NewsList_g2 li{
        margin-bottom: 8.00vw;
        padding-bottom: 5.33vw;
    }
    .newsList2 .NewsList_g2 li>a{width: 45%;height: 35.73vw;}
    .newsList2 .NewsList_g2 h3, 
    .newsList2 .NewsList_g2 p{
        width: 50%;
    }
    .newsList2 .NewsList_g2 h3{
        margin-top: 0;
    }
    .newsList2 .NewsList_g2 h3 a{
        margin-top: 10.67vw;
        margin-bottom: 1.07vw;
        font-size: 4.00vw;
    }
    .newsList2 .NewsList_g2 li .ntime{
        top: 2.67vw;
    }
    .NewsDetail_a1 #nt{
        font-size: 5.33vw;
        font-weight: bold;
    }
    .NewsDetail_a1 #nc.nf1 *{
        font-size: 4.00vw;
    }
    .NewsDetail_a1 #nc.nf2 *{
        font-size: 4.53vw;
    }
    .NewsDetail_a1 #nc.nf3 *{
        font-size: 5.07vw;
    }
    .contactBox .companyName{
        padding: 0 2.67vw;
        box-sizing: border-box;
    }
    .contactBox .companyName .name_cn{
        font-size: 6.40vw;
        margin-bottom: 3.20vw;
    }
    .contactBox .companyName .name_en{
        font-size: 3.20vw;
        margin-bottom: 10.67vw;
    }
    .contactBox .companyLink{
        width: 100%;
        padding: 0 2.67vw;
        box-sizing: border-box;
    }
    .contactBox .companyLink .linkItem{
        width: 100%;
    }
    .contactBox .companyQrcode{
        float: none;
        margin: 0 auto;
    }
    .hrList_a1_item ul li{
        width: 100%;
    }
    .hrList_a1_title{
        padding: 0 5.33vw;
    }
    .hrList_a1_item ul{
        padding: 0 5.33vw;
    }
    .hrList_a1_button{
        padding: 0 5.33vw;
    }
}