@charset "utf-8";
@font-face {
    src: url("../fonts/sys.ttf");
    font-family: 'sys';
}
@font-face {
    src: url("../fonts/SourceHanSans-Medium.otf");
    font-family: 'syh';
}

.header{
    background: url(../images/header.png) center top no-repeat;
    height:480px;
}
@media (min-width: 1920px) {
    .header{
        background-size: 100% 100%
    }
}
.content .row>.col, .content .row>[class*="col-"]{
    padding-left:15px;
    padding-right: 15px;
}
.header .inner{
    padding-top:20px
}
.grid{
    padding:0px
}
.banner{
    padding-left:24%;
    padding-right:24%;
    margin-top:110px
}
.content .row{
    margin-left:-15px;
    margin-right:-15px
}
.inner, .grid, .links, .copyright{
    width: 1200px;
}
.banner img{
    width: 100%;
}
.p1 h3{
    width:100%;
    border-bottom:1px solid #e0e0e0;
    line-height:52px;
    height:52px;
    position: relative;
    margin-bottom: 14px;
}
.p1 h3>a{
    font-size:28px;
    font-weight:600;
    color:#333333;
    margin-right:22px;
    display: inline-block;
    font-family: 'sys';
    position: relative;
}
.tab3 a.current::before{
    display: none;
}
.p1 h3>a.current{
    color:#fd6848;
    position: relative;
    display:inline-block;
}
.p1 h3>a.current:after{
    width:100%;
    content:'';
    height:3px;
    background:#cc3333;
    position: absolute;
    bottom:-1px;
    left:0
}
.hdap h3{
    background: url("../images/hdap.png") left top no-repeat;
    width: 100%;
    height:41px;
    margin-bottom: 10px;
    position: relative;
}
.hdxx h3{
    width: 100%;
    background: url("../images/hdxx.png") left top no-repeat;
    height:41px;
    margin-bottom: 10px;
    position: relative;
}
.p1 h3 span{
    line-height: 40px;
    position: absolute;
    right: 0px;
    bottom: 0px;
}
.p1 h3 span a{
    color:#666666;
    font-size: 16px;
}
.p2 h3 span a{
    color:#666666;
}
.p1 .list-t li{
    line-height:44px
}
.p1 .list-t li a{
    color:#333333;
    font-size: 18px;
    width: 75%;
    font-family: '微软雅黑';
}
.p1 .list-t li span{
    color:#999999;
}
.p1 .list-t li:before{
    width: 6px;
    height:6px;
    top: 50%;
    margin-top: -3px;
    background: #cacaca;
    left: 5px;
}
.p1{
    padding-top:60px;
    margin-bottom: 0px;
}
.p1 .list-b{
    margin-left:-7.5px;
    margin-right:-7.5px;
    padding-top:15px
}
.p1 .list-b li{
    padding:0 7.5px;
    margin-bottom: 20px;

}
.p1 .list-b li a{
    display: block;
    width: 100%;
    height:106px;
    background: url("../images/fw.png") center center no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-left:20px;
    padding-right:20px;
    transition: all .3s;
    color:#0073be;
    font-family: 'syh';
}
.tab-pane3{
    overflow: hidden;
}
.p1 .list-b li:hover a{
    transform:scale(1.05);
}
.p2 {
    padding-bottom: 20px;
    height: auto;
}
.p2 h3,.p3 h3{
    background: url("../images/p2_b.png") center bottom no-repeat;
    height:80px;
    width: 100%;
    position: relative;
    background-size: 100% ;
    line-height: 80px;
}
.p2 h3>a,.p3 h3>a{
    text-align: center;
    margin:0 auto;
    display: block;
    height: 100%;
    font-family: 'sys';
    color:#fd6848;
    font-size:28px;
}
.p2 h3 span,.p3 h3 span{
    position: absolute;
    right: 0;
    bottom: -10px;
}
.p3 h3{
    margin-top:0px;
    margin-bottom:30px
}
.p2 .list-t li:before{
    display: none;
}
.p2 .list-t li{
    padding-left:15px;
    margin-top:30px;
}
.p2 .list-t li a{
    height:160px;
    width: 100%;
    box-shadow: 0 0 9px rgb(185 185 185 / 24%); ;
    color:#333333;
    font-size: 20px;
    line-height: 36px;
    position: relative;
    padding:20px
}
.p2 .list-t li a span{
    font-size: 16px;
    color:#666666;
    position: absolute;
    right: 20px;
    bottom: 20px;
    top: auto;
}
.p3 .list-t li a{
    display: block;
    width: 100%;
    height: 100%;
    padding-left:7px
}
.p3 .list-t li h4{
    color:#333333;
    font-size:20px;
    line-height: 32px;
    margin-bottom:17px
}
.p3 .list-t li p {
    line-height: 25px;
    font-size:14px;
    height: auto;
    white-space: initial;
}
.p3 .list-t li p,.p3 .list-t li h4{
    position: relative;
}
.p3 .list-t li:before{
    display:none
}
.p3 .list-t li{
    margin-bottom:20px;
    padding-left:15px
}
.p3 .list-t li div{
    border:1px solid #f2f2f2;
    width:100%;
    height:100%;
    padding:15px 30px 15px 40px
}
.p3 .list-t h4:before{
    content:'';
    position: absolute;
    left: -47px;
    top: 0;
    width: 32px;
    height: 32px;
    background: url("../images/w.png") center center no-repeat;
}
.p3 .list-t p:before{
    content:'';
    position: absolute;
    left: -47px;
    top: 0;
    width: 32px;
    height: 32px;
    background: url("../images/d.png") center center no-repeat;
}
.p3 img{
    border-radius:0px;
    width: 100%;
}
.p3>a{
    margin-top:27px;
    display: block;
    width: 100%;
}
.content{
    padding-bottom:60px
}
.p3 .list-t li:hover div{
    background: #f2f2f2;
}
.p3 .list-t li:hover h4{
    color: #1454be;
}
.p1 .list-t li a:hover{
    color:#0173bc
}
.p1 .list-t li a:hover span a{
    color:#0173bc
}
.p2 .list-t li a:hover{
    border:1px solid #0173bc;
    color:#0173bc
}
.p2 .list-t li a:hover span a{
    color:#0173bc
}
@media (max-width: 1200px) {
    .inner, .grid, .links, .copyright{
        width: 100%;
    }
    .grid{
        padding-left:10px;
        padding-right: 10px;
    }
    .header{
        height:400px;
        background-size:cover;
    }

}
@media (max-width: 992px) {
    .header{
        height:300px
    }
    .banner{
        margin-top:80px;
    }
    .p2 .list-t li a{
        height:120px
    }
    .p1{
        padding-top: 30px;
    }
    .p2 h3,.p3 h3{
        background-size: auto;
        background-position: center bottom;
    }
    .header .site-logo>img{
        width:50%
    }
}
@media (max-width: 768px) {
    .header .site-logo img{
        width: 50%;
    }
    .header .site-logo>img{
        width: 45%;
    }
    .p3 .list-t li h4{
        white-space: initial;
    }
}
@media (max-width: 480px) {
    .p3>a{
        margin-top:0px
    }
    .p2 .list-t li a{
        white-space: normal;
        font-size: 16px;
    }
    .p1 .list-t li a{
        width: 100%;
        font-size: 16px;
    }
    .header{
        height:180px;
    }
    .banner {
        margin-top: 45px;
    }
}