﻿.NewBox {
    width:100%;
    max-width:1200px;
    margin:50px auto;
    position:relative;
}
.NewBox h1 {
    margin:50px auto;
    padding:10px 0;
    position:relative;
    font-weight:normal;
    font-size:30px;
    color:#103c85;
    text-align:left;
    border-bottom:2px solid #848283;
}

.New {
    width:calc(100% - 5px);
    position:relative;
    border-left:5px solid #a9a9a9;
    color:#413d3c;
}
.New > img {
    width:100%;
    display:block;
}
.New > p {
    padding:50px 30px;
    margin:0;
    text-align:left;
    font-size:14px;
}
.New ul {
    width:calc(100% - 30px);
    padding-bottom:50px;
    margin:0;
    margin-bottom:100px;
    margin-left: 30px;
    background-image:url(../../Image/Page3Bg5.jpg);
    background-size:100% 58px;
    background-position:50% bottom;
    background-repeat:no-repeat;
    border-bottom:2px solid #a9a9a9;
    font-size:0;
}
.New li {
    position:relative;
    display:inline-block;
    vertical-align:middle;
    /*vertical-align:top;*/
}
.New ul > li:nth-child(1) {
    width:35%;
    margin-right:5%;
}
.New ul > li:nth-child(2) {
    width:60%;
}
.New ul > li:nth-child(1) img {
    width:100%;
}
.New ul > li:nth-child(2) img {
    width:48%;
    margin:1%;
    display:inline-block;
    vertical-align:top;
}
.New ul > li > p {
    width: 120px;
    padding: 5px;
    padding-left: 13px;
    position:relative;
    font-size:26px;
    color:#fff;
    background-color:#00a3e4;
    border-radius: 10px;
}
.New ul > li > p::before {
    content:"";
    width: 31px;
    height: 31px;
    left: -10px;
    top: 7px;
    position: absolute;
    display: block;
    background-color: #00a3e4;
    transform: rotate(45deg);
}
.New ul > li > p::after {
    content:"";
    width: 20px;
    height: 20px;
    top: calc(50% - 11px);
    left: -43px;
    position:absolute;
    background-color:#c3c3c1;
    border-radius:20px;
}
.New li > article {
    padding:0px 5px;
    text-align:left;
}
.New li > article p {
    color:#003a77;
    font-size:20px;
}
.New li > article span {
    color:#403f3b;
    font-size:14px;
}

@media screen and (max-width: 700px) {
    .New {
        border-left:0px;
    }
    .New ul {
        width:100%;
        margin:0;
    }
    .New ul > li:nth-child(1),
    .New ul > li:nth-child(2) {
        width:100%;
        margin:30px 0;
    }
    .New ul > li > p {
        padding-left:5px;
        margin:auto;
    }
    .New ul > li > p::before,
    .New ul > li > p::after {
        display:none;
    }
}