.plc {
    padding: 5px 0 25px;
}

.p12-curblock {
    display: none;
}

.p102-curmbs-1 {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #808080;
}

.p102-curmbs-1 b {
    font-weight: normal;
    padding-left: 35px;
    background: url(../images/p102-curmbs-icon1.png) no-repeat left center;

}

.p102-curmbs-1 i {
    font-style: normal;
}

.p102-curmbs-1 span {
    font-family: å®‹ä½“;
    height: 46px;
    line-height: 46px;
    padding: 0px 5px;
}

.p102-curmbs-1 a {
    color: #808080;
}

.p102-curmbs-1 a:hover {
    color: #044299;
}


.p102-proShow-1 {
    padding: 10px 0 10px;
}

.p102-proShow-1-con {
    border: 1px solid #e3e3e3;
    position: relative;
}

.p102-proShow-1-left {
    width: 53.4%;
    position: relative;
    overflow: hidden;
    float: left;
}

.p102-pro-content{clear: both}
.p102-proShow-1-prev,
.p102-proShow-1-next {
    position: absolute;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: transparent;
    top: 50%;
    margin-top: -20px;
    z-index: 5;
    display: none;
}

.p102-proShow-1-left:hover .p102-proShow-1-prev,
.p102-proShow-1-left:hover .p102-proShow-1-next {
    display: block;
}

.p102-proShow-1-prev {
    left: 15px;
}

.p102-proShow-1-next {
    right: 15px;
}

.p102-proShow-1-prev:before,
.p102-proShow-1-next:after {
    position: absolute;
    content: '';
    width: 18px;
    height: 18px;
    border: 2px solid #fff;
    border-style: solid solid none none;
    top: 10px;
    z-index: 1;
}

.p102-proShow-1-prev:before {
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    right: 4px;
}

.p102-proShow-1-next:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 4px;
}

.p102-proShow-1-pic img {
    width: 100%;
    display: block;
}

.p102-proShow-1-size {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 56px;
    height: 26px;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    letter-spacing: 3px;
}

.p102-proShow-1-right {
    width: 39.2%;
    float: right;
    margin-right: 3.33%
    z-index: 1;
}

.p102-proShow-1-text {
    padding: 15px 0;
    border-bottom: 1px solid #e3e3e3;
    position: relative;
}

.p102-proShow-1-text:after {
    content: '';
    position: absolute;
    width: 40px;
    height: 3px;
    background: #044299;
    left: 0;
    bottom: -2px;
    z-index: 1;
}

.p102-proShow-1-text .p102-proShow-1-title {
    height: 40px;
    font-size: 26px;
    font-weight: normal;
    line-height: 40px;
    color: #1a1a1a;
}

.p102-proShow-1-text p {
    height: 28px;
    line-height: 28px;
    font-size: 16px;
    color: #808080;
}

.p102-proShow-1-desc {
    max-height: 260px;
    line-height: 30px;
    font-size: 16px;
    color: #4c4c4c;
    text-align: justify;
    padding: 15px 0 0;
    overflow: hidden;
}

.p102-proShow-1-tel {
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding-top: 18px;
    border-top: 1px solid #e3e3e3;
    z-index: 1;
    display: flex;
    display: -webkit-flex;
    flex-wrap: nowrap;
}

.p102-proShow-1-con{overflow: hidden}

.p102-proShow-1-tel a {
    float: left;
    width: 98px;
    height: 50px;
    padding-left: 50px;
    background: url(../images/p102-cpxq-icon1.png) no-repeat 20px center #044299;
    font-size: 18px;
    color: #ffffff;
    margin-right: 10px;
}

.p102-proShow-1-tel p {
    float: left;
    min-width: 250px;
    max-width: 100%;
    height: 50px;
}

.p102-proShow-1-tel p em {
    float: left;
    height: 50px;
    font-size: 16px;
    color: #4c4c4c;
    padding-left: 30px;
    background: url(../images/p102-cpxq-icon2.png) no-repeat left center;
    font-style: normal;
}

.p102-proShow-1-tel p span {
    float: left;
    font: bold 26px/50px Arial;
    color: #333333;
}
@media (max-width: 1500px) {
    .p102-proShow-1-tel p span{font-size: 20px;}
    .p102-proShow-1-tel p em{margin-left: 10px;}
    .p102-proShow-1-tel p em{padding-left: 10px;}
}
@media (max-width: 1350px) {
    .p102-proShow-1-tel p{min-width: 220px;}
    .p102-proShow-1-tel p span{font-size: 17px;}
    .p102-proShow-1-tel p em{margin-left: 10px;}
    .p102-proShow-1-tel p em{padding-left: 10px;}
}

.p102-pro-content-nav {
    height: 50px;
    box-shadow: 0 -2px 3px #f9f9f9, 0 4px 6px #e9e9e9;
    display: none;
}

.fixed {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 88;
    background: #fff;
}

.p102-pro-content-nav li {
    float: left;
    line-height: 50px;
    margin-right: 50px;
    position: relative;
    font-size: 18px;
    color: #4c4c4c;
    font-weight: normal;
}

.p102-pro-content-nav li.cur,
.p102-pro-content-nav li:hover {
    color: #044299;
}

.p102-pro-content-nav li.cur:before,
.p102-pro-content-nav li:hover:before {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    border: 3px solid #044299;
    background: #fff;
    border-radius: 100%;
    left: 50%;
    margin-left: -9px;
    bottom: -10px;
    z-index: 1;
}

.p102-pro-content-nav li.cur:after,
.p102-pro-content-nav li:hover:after {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background: #044299;
    border-radius: 100%;
    left: 50%;
    margin-left: -3px;
    bottom: -4px;
    z-index: 2;
}

.p102-pro-content-desc {
    padding: 40px 0;
    font-size: 16px;
    line-height: 30px;
    text-align: justify;
}

.content {
    width: 100%; 
        padding: 0 5%;
        box-sizing: border-box;
    margin: 0 auto;
}


.k12-cx-xgcp-4pl-fx1-1-01-tit {
    height: 46px;
    line-height: 46px;
    font-weight: normal;
    border-bottom: 2px solid #dfdfdf;
    margin-bottom: 30px;
    padding-top: 26px;
}

.k12-cx-xgcp-4pl-fx1-1-01-tit b {
    display: inline-block;
    font-size: 24px;
    font-weight: normal;
    color: #464646;
    padding-left: 52px;
    border-bottom: 2px solid #d70110;
}

.k12-cx-xgcp-4pl-fx1-1-01-tit span {
    margin-left: 10px;
    font-size: 18px;
    font-family: Arial;
    color: #c2c2c1;
    text-transform: uppercase;
}

.p102-pro-content-title {
    display: inline-block;
    height: 64px;
    line-height: 64px;
    font-size: 32px;
    color: #1a1a1a;
    font-weight: normal;
    position: relative;
    border-bottom: 3px solid #044299;
}

.p102-pro-content-title:after {
    content: '';
    position: absolute;
    width: 50%;
    height: 3px;
    background: #d70110;
    right: 0;
    bottom: -3px;
    z-index: 1;
}

.k12-cx-xgcp-4pl-fx1-1-01-list {
    padding-top: 40px;
}

.k12-cx-xgcp-4pl-fx1-1-01-list dl {
    float: left;
    width: 23.5%;
    border: 1px solid #dfdfdf;
    margin-right: 2%;
    box-sizing: border-box;
}

.k12-cx-xgcp-4pl-fx1-1-01-list dl:nth-child(4n) {
    margin-right: 0;
}

.k12-cx-xgcp-4pl-fx1-1-01-list dl:hover {
    border-color: #044299;
}

.k12-cx-xgcp-4pl-fx1-1-01-list dl img {
    display: block;
    width: 100%;
}

.k12-cx-xgcp-4pl-fx1-1-01-list dd {
    padding: 10px 28px 10px 10px;
    margin-right: 2px;
    position: relative;
}

.k12-cx-xgcp-4pl-fx1-1-01-list h4 {
    height: 30px;
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    color: #191919;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.k12-cx-xgcp-4pl-fx1-1-01-list h4 a {
    color: #191919;
}

.k12-cx-xgcp-4pl-fx1-1-01-desc {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.p15-product-2-date {
    width: 25px;
    height: 27px;
    position: absolute;
    top: 20px;
    right: 4px;
    z-index: 33;
    cursor: pointer;
}

.p15-product-2-date a {
    display: block;
    width: 25px;
    height: 27px;
}


.news-title {
    display: inline-block;
    height: 64px;
    line-height: 64px;
    font-size: 32px;
    color: #1a1a1a;
    font-weight: normal;
    position: relative;
    border-bottom: 3px solid #044299;
}

.news-title:after {
    content: '';
    position: absolute;
    width: 50%;
    height: 3px;
    background: #d70110;
    right: 0;
    bottom: -3px;
    z-index: 1;
}

.p102-news-info {
    padding: 30px 0 0;
}

.p102-news-info dl {
    border: 1px solid #ebebeb;
    padding: 9px;
    background: #fff;
    margin-bottom: 25px;
    background: #f8f8f8;
    margin-top: 40px;
}

.p102-news-info dt {
    float: left;
    width: 268px;
}

.p102-news-info dt a,
.p102-news-info dt img {
    width: 100%;
    display: block;
}

.p102-news-info dd {
    float: left;
    width: 820px;
    margin-left: 50px;
    position: relative;
    padding-top: 30px;
}

.p102-news-info dd i {
    position: absolute;
    width: 120px;
    height: 40px;
    font: 14px/40px Arial;
    color: #ffffff;
    text-align: center;
    background: #333333;
    right: -52px;
    top: -10px;
}

.p102-news-info dd h4 {
    height: 32px;
    padding-left: 90px;
    position: relative;
    font-weight: normal;
    margin-bottom: 10px;
}

.p102-news-info dd h4 em {
    position: absolute;
    width: 74px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    font-weight: bold;
    color: #044299;
    text-align: center;
    border: 1px solid #044299;
    left: 0;
    top: 0;
    font-style: normal;
}

.p102-news-info dd h4 a {
    display: inline-block;
    max-width: 100%;
    height: 32px;
    line-height: 32px;
    font-size: 22px;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.p102-news-info dd p {
    line-height: 26px;
    font-size: 14px;
    color: #666666;
    text-align: justify;
}

.p102-news-info dd p a {
    color: #333;
}

.p102-news-info dl:hover dd h4 a {
    color: #044299;
}

.p102-news-info ul {
    padding: 5px 0;
    position: relative;
    margin-bottom: 45px;
}

.p102-news-info ul:before {
    content: '';
    position: absolute;
    width: 1px;
    background: #d9d9d9;
    left: 50%;
    top: 0;
    bottom: 0;
    z-index: 1;
}

.p102-news-info ul li {
    float: left;
    width: 560px;
    width: calc(50% - 80px);
}
.p102-news-info ul li:nth-child(odd){
    margin-right: 80px; 
}
.p102-news-info ul li:nth-child(even) {
    margin-left: 80px;
}

.p102-news-info ul h4 {
    height: 34px;
    line-height: 34px;
    font-weight: normal;
    position: relative;
    padding-left: 25px;
}

.p102-news-info ul h4:before {
    content: '';
    position: absolute;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid #b3b3b3;
    left: 0;
    top: 50%;
    margin-top: -4px;
    z-index: 1;
}

.p102-news-info ul h4 a {
    display: inline-block;
    max-width: 440px;
    height: 34px;
    font-size: 16px;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.p102-news-info ul h4 span {
    position: absolute;
    width: 90px;
    height: 30px;
    font: 14px/30px Arial;
    color: #808080;
    text-align: right;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.p102-news-info ul h4:hover:before {
    border-left: 6px solid #044299;
}

.p102-news-info ul h4:hover a {
    color: #044299;
}

.p102-news-info-more {
    width: 170px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    text-align: center;
    margin: 0 auto;
    background: #d70110;
}

.p102-news-info-more a {
    display: block;
    height: 50px;
    color: #fff;
}


.p102-pro-content-title {
    display: inline-block;
    height: 64px;
    line-height: 64px;
    font-size: 32px;
    color: #1a1a1a;
    font-weight: normal;
    position: relative;
    border-bottom: 3px solid #044299;
}

.p102-pro-content-title:after {
    content: '';
    position: absolute;
    width: 50%;
    height: 3px;
    background: #d70110;
    right: 0;
    bottom: -3px;
    z-index: 1;
}

.p102-pro-case {
    padding: 30px 0 80px;
}

.p102-pro-case-list {
    padding-top: 40px;
}

.p102-pro-case-items dl {
    float: left;
    width: 378px;
    position: relative;
    margin-right: 33px;
    width: 23%;
    margin-right: 1%;
}

.p102-pro-case-items dl:nth-child(4n) {
    margin-right: 0;
}

.p102-pro-case-items dt img,
.p102-pro-case-items dt a {
    display: block;
    width: 100%;
}

.p102-pro-case-items dd {
    position: absolute;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    left: 0;
    bottom: 0;
    z-index: 2;
}

.p102-pro-case-items dd h4 a {
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    padding: 0 15px;
}

.p102-pro-case-items dl:hover dt a:before {
    content: '';
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    top: 0;
    bottom: 0;
    z-index: 1;
}

.p102-pro-case-items dl:hover dt a:after {
    content: '+';
    position: absolute;
    width: 50px;
    height: 50px;
    font: 30px/50px "å®‹ä½“";
    color: #fff;
    text-align: center;
    background: #044299;
    left: 50%;
    margin-left: -25px;
    top: 50%;
    margin-top: -25px;
    border-radius: 100%;
    z-index: 2;
}

.p102-pro-case-items dl:hover dd {
    background: none;
}

.p102-pro-case-paging {
    height: 30px;
    text-align: center;
    padding-top: 25px;
}

.p102-pro-case-paging li {
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 3px solid #044299;
    border-radius: 100%;
    margin: 0 5px;
}

.p102-pro-case-paging li.cur {
    background: #044299;
}

.p102-pro-case-more {
    height: 46px;
    margin: 35px auto 0;
    text-align: center;
    position: relative;
}

.p102-pro-case-more a {
    display: inline-block;
    height: 44px;
    line-height: 44px;
    font-size: 18px;
    font-weight: normal;
    color: #044299;
    border: 1px solid #044299;
    padding: 0 20px 0 64px;
    position: relative;
}

.p102-pro-case-more a:before {
    content: '';
    width: 20px;
    height: 14px;
    position: absolute;
    border: 4px solid #044299;
    border-left: 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    left: 26px;
    top: 11px;
}

.p102-pro-case-more a:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 6px solid #044299;
    top: 9px;
    left: 22px;
    z-index: 1;
}


.foot {
    height: 463px;
    padding-top: 62px;
    background: url(../images/footer_bg.jpg) no-repeat center bottom;
    overflow: hidden;
}

.footer {
    width: 1200px;
    margin: 0 auto;
}

.tit1 {
    font: 18px "Microsoft YaHei UI";
    height: 42px;
    line-height: 42px;
    overflow: hidden;
    color: #fff;
    font-weight: bold;
}

.tit1 a {
    color: #fff;
}

.fnav {
    margin-right: 50px;
    height: 401px;
}

.fnav p {
    font: 16px "Microsoft YaHei UI";
    line-height: 38px;
}

.fnav p a {
    height: 36px;
    display: block;
    color: #fff;
    overflow: hidden;
}

.fnav p a:hover, .fnav1 p a:hover, .foot1 a:hover {
    font-weight: bold;
    color: #d70110;
}

.fnav1 {
    overflow: hidden;
    margin-right: 50px;
}

.fnav1 p {
    font: 16px "Microsoft YaHei UI";
    line-height: 30px;
    color: #a6adb6;
}

.fnav1 p a {
    display: block;
    color: #fff;
    height: 30px;
    overflow: hidden;
    line-height: 28px;
}

.fcode {
    width: 500px;
    position: relative;
}

.fcode p {
    width: 280px;
    height: 43px;
    margin-top: 10px;
    border: 4px solid rgba(255, 255, 255, 0.2);
    border-radius: 2rem;
    font: 24px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #fcode;
    line-height: 43px;
    color: #fff;
    letter-spacing: 2.5px;
}

.fcode p img {
    vertical-align: middle;
    padding: 0 10px 0 20px;
}

.fcode span {
    display: block;
    font: 14px "Microsoft YaHei UI";
    color: #fff;
    line-height: 40px;
    margin-top: 15px;
}

.fcode b {
    display: block;
    width: 136px;
    height: 290px;
    position: absolute;
    top: 15px;
    right: 0;
}

.fcode b img {
    display: block;
    width: 128px;
    height: 128px;
    border: 4px solid #fff;
    margin-bottom: 15px;
}

.foot1 {
    font: 14px "Microsoft YaHei UI";
    line-height: 60px;
    color: #a6adb6;
}

.foot1 em {
    padding: 0 10px;
}

.foot1 a {
    color: #a6adb6;
}


.client-2 {
    width: 45px;
    position: fixed;
    right: 10px;
    top: 60%;
    z-index: 999;
    color: #fff;
}

.client-2 li a {
    text-decoration: none;
    color: #fff;
}

.client-2 li {
    margin-bottom: 5px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
}

.client-2 li.my-kefu-qq {
    background: #044299 url(../images/cimg23.png) center no-repeat;
}

.client-2 li.my-kefu-weixin {
    background: #044299 url(../images/cimg24.png) center no-repeat;
}

.client-2 li.my-kefu-tel {
    background: #044299 url(../images/cimg25.png) center no-repeat;
}

.client-2 li.my-kefu-shouye {
    background: #044299 url(../images/tohome.png) center no-repeat;
    background-size: 26px;
}

.client-2 li.my-kefu-shouye a {
    width: 45px;
    height: 45px;
    display: block;
}

.client-2 li.my-kefu-ftop {
    background: #044299 url(../images/returnTop.png) center no-repeat;
}

.client-2 li p {
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    overflow: hidden;
    text-align: center;
    color: #fff;
}

.client-2 li.my-kefu-qq .cont {
    margin: 0;
    background: #044299 url(../images/cimg23.png) 15px center no-repeat;
    border-radius: 50px;
    padding-left: 45px;
    height: 45px;
    line-height: 45px;
    color: #fff;
    font-size: 16px;
    width: 130px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
}

.client-2 li.my-kefu-tel .cont {
    margin: 0;
    background: #044299 url(../images/cimg25.png) 15px center no-repeat;
    border-radius: 50px;
    padding-left: 45px;
    height: 45px;
    line-height: 45px;
    color: #fff;
    font-size: 18px;
    width: 180px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
}

.client-2 .my-kefu-ftop {
    display: none;
}

.client-2 .my-kefu-ftop .my-kefu-main {
    padding-top: 6px;
}

.client-2 li.my-kefu-weixin .cont {
    margin: 0;
    width: 115px;
    padding: 5px;
    border: solid 1px #ccc;
    position: absolute;
    left: -150px;
    top: -44px;
    background-color: #fff;
}

.client-2 li.my-kefu-weixin .cont span {
    display: block;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
    color: #1a1a1a;
}

.client-2 li.my-kefu-weixin .cont img {
    width: 115px;
    height: 115px;
}

.client-2 li:hover .cont {
    display: block !important;
}

.ptit {
    text-align: center;
    margin: 40px 0 20px;
}

.ptit h3 {
    font-size: 40px;
    position: relative;
    z-index: 2;
    color: #044299;
}

.ptit b {
    color: #f7f7f7;
    font-size: 48px;
    position: relative;
    z-index: 1;
    top: -48px;
    text-transform: uppercase;
}

/***/

.Introduction {
    overflow: hidden;
    clear: both;
    margin-bottom: 70px;
}

.Introduction dl dt {
    float: right;
    width: 45%;
    box-sizing: border-box;
}

.Introduction dl dd {
    float: right;
    width: 55%;
    box-sizing: border-box;
    padding: 0 30px;
    position: relative;
}

.Introduction dl dd:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 290px;
    background: #dedede;
    left: 1px;
    top: 0;
}

.Introduction dl dd:after {
    position: absolute;
    content: "";
    width: 3px;
    height: 40px;
    background: #044299;
    left: 0;
    top: 0;
}

.Introduction dl dd p {
    font-size: 16px;
    line-height: 30px;
}

.Introduction dl dd p b {
    display: block;
    font-size: 18px;
    color: #044299
}

/***/

.Introduction1 dl dt {
    float: left;
    width: 50%;
    box-sizing: border-box;
}

.Introduction1 dl dd {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 0 30px;
    position: relative;
}

.Introduction1 dl dd:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 320px;
    background: #dedede;
    right: 1px;
    bottom: 0;
}

.Introduction1 dl dd:after {
    position: absolute;
    content: "";
    width: 3px;
    height: 40px;
    background: #044299;
    right: 0;
    bottom: 15px;
}

.Introduction1 dl dd p {
    font-size: 16px;
    line-height: 30px;
}

/***/

.Introduction2 dl dt {
    float: right;
    width: 40%;
    box-sizing: border-box;
}

.Introduction2 dl dd {
    float: right;
    width: 60%;
    box-sizing: border-box;
    padding: 0px 50px;
}

.Introduction2 dl dd p {
    font-size: 16px;
    line-height: 30px;
    position: relative;
}

.Introduction2 dl dd p:before {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #044299;
    top: 10px;
    left: -27px;
}

.Introduction2 dl dd p:after {
    position: absolute;
    content: '';
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: rgba(8, 48, 139, 0.2);
    top: 6px;
    left: -31px;
}

/**/

.Introduction3 {
    overflow: hidden;
    clear: both;
    margin-bottom: 70px;
}

.Introduction3 dl dd p {
    position: relative;
    border-bottom: 1px dashed #dedede;
}

.Introduction3 dl dd p b {
    display: block;
    font-size: 18px;
    color: #044299;
}

.Introduction3 dl dd p:before {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #044299;
    top: 10px;
    left: -27px;
}

.Introduction3 dl dd p:after {
    position: absolute;
    content: '';
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: rgba(8, 48, 139, 0.2);
    top: 6px;
    left: -31px;
}

/**/

.Introduction4 {
    display: block;
    overflow: hidden;
    clear: both;
    margin: 0 auto 70px;
    width: 40%;
    box-sizing: border-box;
    padding: 0 35px;
}

.Introduction4 dl dd p {
    position: relative;
    border-bottom: 1px dashed #dedede;
}

.Introduction4 dl dd p b {
    display: block;
    font-size: 18px;
    color: #044299;
}

.Introduction4 dl dd p:before {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #044299;
    top: 10px;
    left: -27px;
}

.Introduction4 dl dd p:after {
    position: absolute;
    content: '';
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: rgba(8, 48, 139, 0.2);
    top: 6px;
    left: -31px;
}

/***/

.appli {
    margin-top: 100px;
    margin-bottom: 60px;
}

.appli ul {
    display: block;
    margin: 0 auto;
    min-width: 1300px;
    max-width: 1920px;
    margin: 0 auto;
    overflow-x: hidden;
    width: 83.33%;
}

.appli ul li {
    width: 32%;
    float: left;
    margin-right: 2%;
    box-sizing: border-box;
    margin-bottom: 30px;
}

.appli ul li:nth-child(3n) {
    margin-right: 0;
}

.appli ul li p {
    height: 45px;
    line-height: 30px;
    font-size: 28px;
    font-weight: normal;
    color: #fff;
    padding-top: 15px;
    background: #1756ae;
    margin: 0;
    text-align: center;
}

.foot{ min-height:463px; padding-top:62px;background: #1856ad;overflow:hidden;}
.footer{ width:100%; padding: 0 5%;  margin:0 auto; box-sizing: border-box; -webkit-box-sizing: border-box; display: flex; display: -webkit-flex; flex-wrap: nowrap; justify-content: space-between;}
.tit1{ font:18px "Microsoft YaHei UI"; height:42px; line-height:42px; overflow:hidden; color:#fff; font-weight:bold;}
.tit1 a{ color:#fff;}
.fnav{height:401px;}
.fnav p{font:16px "Microsoft YaHei UI"; line-height:38px;}
.fnav p a{ height:36px; display:block; color:#fff; overflow:hidden;}
.fnav p a:hover,.fnav1 p a:hover,.foot1 a:hover{ font-weight:bold; color:#d70110;}
.fnav1{ overflow:hidden;}
.fnav1 p{ font:16px "Microsoft YaHei UI"; line-height:30px; color:#a6adb6;}
.fnav1 p a{ display:block; color:#fff; height:30px; overflow:hidden; line-height:28px;}
.fcode{ width:500px; position:relative;}
.fcode p{ width:280px; height:43px; margin-top:10px; border:4px solid rgba(255,255,255,0.2); border-radius:2rem; font:24px Arial, Helvetica, sans-serif; font-weight:bold; color:#fcode; line-height:43px; color:#fff; letter-spacing:2.5px;}
.fcode p img{ vertical-align:middle; padding:0 10px 0 20px;}
.fcode span{ display:block; font:14px "Microsoft YaHei UI"; color:#fff; line-height:40px; margin-top:15px;}
.fcode b{display:block; width:136px; height:290px; position:absolute; top:15px; right:0; }
.fcode b img{ display:block; width:128px; height:128px;border:4px solid #fff; margin-bottom:15px;}
.foot1{ font:14px "Microsoft YaHei UI"; line-height: 190%; padding: 17px 0; color:#a6adb6; background-color: #05439a; color: #fff;}
.foot1 em{ padding:0 10px;}
.foot1 a{ color:#fff;}
.foot{height: auto}
.p102-proShow-1-desc{overflow: scroll; overflow-x: hidden; overflow-y: auto}