@import url('common.css');
@import url('footer.css');

.p101-pro-1-pic {
    position: relative;
    overflow: hidden;
}

.p101-pro-1-pic a {
    position: absolute;
    width: 2.8rem;
    height: 2.8rem;
    background: rgba(0, 0, 0, 0.34);
    border-radius: 100%;
    top: 2rem;
    left: 4%;
    z-index: 50;
}

.p101-pro-1-pic a:after {
    content: "";
    width: 1rem;
    height: 1rem;
    border: 0.15rem solid #fff;
    border-style: solid none none solid;
    border-radius: 0.1rem;
    position: absolute;
    top: 50%;
    right: 0.6rem;
    margin-top: -0.5rem;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.p101-pro-1-pic li img {
    width: 100%;
    display: block;
}

.p101-pro-1-pic .p101-pro-1-page {
    font-size: 1.4rem;
    width: 12%;
    height: 2rem;
    font-family: 'Arial';
    border-radius: 1.5rem;
    background: rgba(0, 0, 0, 0.7);
    font-weight: normal;
    line-height: 2rem;
    color: #fff;
    position: absolute;
    left: 84%;
    bottom: 2rem;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 2;
}

.p101-pro-1-pic .p101-pro-1-page i {
    font-family: "SimHei";
}

.p101-pro-1-con {
    padding: 1.75rem 4% 2rem;
    border-bottom: 0.75rem solid #ececec;
}

.p101-pro-1-con-title {
    height: 3rem;
    line-height: 3rem;
    font-size: 1.8rem;
    color: #333333;
    font-weight: bold;
}

.p101-pro-1-con-desc {
    padding-top: 0.8rem;
    line-height: 2.5rem;
    font-size: 1.5rem;
    color: #666666;
    text-align: justify;
}


.p101-pro-1-content {
    padding: 1.5rem 4%;
    font-size: 1.5rem;
    line-height: 2.7rem;
    color: #444;
    text-align: justify;
    border-bottom: 0.75rem solid #ececec;
}


.p101-related-pro {
    padding: 1.7rem 4% 2rem;
}

.p101-related-pro-tit {
    height: 3.5rem;
    border-bottom: 1px solid #ededed;
    margin-bottom: 1.5rem;
    position: relative;
}

.p101-related-pro-tit h3 {
    display: inline-block;
    max-width: 60%;
    height: 3.5rem;
    line-height: 3.5rem;
    font-weight: normal;
    font-size: 1.8rem;
    color: #333333;
    position: relative;
}

.p101-related-pro-tit h3:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 0.15rem;
    background: #1a2558;
    left: 0;
    bottom: -0.1rem;
    z-index: 1;
}

.p101-related-pro-more {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 2.8rem;
}

.p101-related-pro-more span,
.p101-related-pro-more a {
    display: block;
    height: 2.8rem;
    line-height: 2.8rem;
    font-size: 1.3rem;
    color: #333333;
}

.p101-related-pro-more span {
    padding-right: 1.7rem;
}

.p101-related-pro-more i {
    position: absolute;
    width: 1.1rem;
    height: 1.1rem;
    border: 0.1rem solid #1a2558;
    border-radius: 100%;
    top: 0.7rem;
    right: 0.25rem;
}

.p101-related-pro-more i:after {
    content: "";
    width: 0.35rem;
    height: 0.35rem;
    border: 0.1rem solid #1a2558;
    border-style: solid solid none none;
    position: absolute;
    top: 50%;
    right: 0.37rem;
    margin-top: -0.2rem;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.p101-related-pro-list {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-flow: wrap;
}

.p101-related-pro-list a {
    width: 48.26%;
}

.p101-related-pro-list dt {
    border-radius: 0.5rem;
    overflow: hidden;
}

.p101-related-pro-list dt img {
    width: 100%;
    display: block;
}

.p101-related-pro-list dd h4 {
    height: 3.5rem;
    line-height: 3.5rem;
    font-size: 1.3rem;
    font-weight: normal;
    color: #333333;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ted ul {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.butong ul {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.ted li {
    border: 1px solid #ddd;
    width: 48%;
    float: left;
    text-align: center;
    padding: 15px 0px;
    margin-bottom: 10px
}

.ted li.no {
    border-right: 1px solid #ddd;
    float: right
}

.ted li.er {
    border-bottom: 1px solid #ddd
}

.ted li img {
    display: block;
    margin: auto;
    margin-bottom: 10px;
    width: 50px
}

.ted li b {
    display: block;
    font-weight: normal;
    font-size: 1.5rem;
    color: #000;
}

.ted li span {
    display: block;
    padding: 0px 10px
}

.jieshao {
    margin-top: 5px
}

.blk-main {
    width: 100%
}

.biaoti {
    display: inline-block;
    height: 2.4rem;
    line-height: 2.4rem;
    font-size: 1.8rem;
    color: #1a1a1a;
    font-weight: normal;
    position: relative;
    border-bottom: 2px solid #114196;
    margin-top: 30px;
    margin-bottom: 15px
}

.biaoti.jl {
    margin-top: 8px;
    margin-bottom: 11px;
}

.biaoti:after {
    content: '';
    position: absolute;
    width: 50%;
    height: 2px;
    background: #e3a010;
    right: 0;
    bottom: -2px;
    z-index: 1;
}

.buzhou li {
    width: 45%;
    padding: 2%;
    float: left;
    margin-right: 2%;
    background: #fff;
    box-shadow: 1px 2px 6px 4px #eee;
    text-align: center;
    margin-bottom: 2%;
}

.buzhou li.no {
    margin-right: 0px
}

.buzhou li b {
    font-size: 2.2rem;
    text-align: center;
    font-weight: normal;
    padding: 1px;
    display: block;
    position: relative;
    background: #fff;
    text-align: center;
    font-family: "ARIAL";
    color: #114196;
}

.buzhou li span {
    display: block;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
}

.aa tr td {
    padding: 3px 3px
}

.aa tr td strong {
    color: #333;
}

.fangshi li {
    width: 32.6%;
    margin-right: 1%;
    padding: 45px 0px;
    float: left;
    background: #114196;
    color: #fff;
    text-align: center;
}

.fangshi li.no {
    margin-right: 0px
}

.fangshi {
    background: rgb(245, 245, 245);
    margin-top: 30px;
    padding-top: 1px;
    padding-bottom: 25px;
    padding-left: 10px;
    padding-right: 10px;
}

.fangshi li span {
    display: block;
    font-size: 22px;
}

.fangshi li b {
    display: block;
    line-height: 100%;
    color: #c9c9c9;
    font-family: Arial;
    font-size: 72px;
    text-transform: uppercase;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.15);
    height: 39px;
    overflow: hidden;
    margin-bottom: 10px;
}

.butong {
    background: rgb(245, 245, 245);
    padding-top: 1px;
    margin-top: 30px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 25px
}