body, html {
    background: #fff
}

.w1100 {
    width: 1100px;
    margin-left: auto;
    margin-right: auto
}

.w1050 {
    width: 1050px;
    margin-left: auto;
    margin-right: auto
}

.head {
    height: 109px
}

.tel {
    font: 16px/109px "Microsoft Yahei";
    color: #001123
}

.tel span {
    font: 20px/109px Arial;
    color: #424242
}

.nav {
    height: 30px;
    margin-top: 46px
}

.nav li {
    float: left;
    width: 96px;
    height: 30px;
    background: url(/templates/default_pc/static/images/img2.jpg) right center no-repeat;
    text-align: center;
    font: 14px/30px "Microsoft Yahei"
}

.nav li a {
    position: relative;
    display: block;
    width: 96px;
    border-radius: 3px;
    color: #494949
}

.nav li a:hover {
    width: 97px;
    left: -1px;
    color: #fff;
    background: #4888ca
}

.fla-wrap {
    border-top: 3px solid #4888ca;
    height: 698px;
    width: 100%;
    margin: 0 auto;
    position: relative
}

.fla-in {
    height: 698px;
    overflow: hidden;
    position: relative;
    z-index: 11
}

.camera_wrap .camera_pag .camera_pag_ul {
    display: none
}

.camera_next, .camera_prev {
    cursor: pointer;
    height: 91px;
    margin-top: -45px;
    position: absolute;
    top: 50%;
    width: 62px;
    z-index: 2
}

.camera_prev {
    left: 41px
}

.camera_prev > span {
    background: url(/templates/default_pc/static/images/img4.png) no-repeat;
    display: block;
    height: 91px;
    width: 62px
}

.camera_next {
    right: 41px
}

.camera_next > span {
    background: url(/templates/default_pc/static/images/img5.png) no-repeat;
    display: block;
    width: 62px;
    height: 91px
}

.ifoot {
    position: relative;
    z-index: 9999;
    height: 256px;
    margin-top: -137px
}

.i1 {
    height: 178px;
    border-bottom: 2px solid #fc0;
    overflow: hidden;
    background: #fff
}

.i1_son {
    cursor: pointer;
    float: left;
    height: 178px;
    border-right: 1px solid #fff
}

.i1_son a {
    color: #fff
}

.i1_son dt {
    float: left;
    width: 177px;
    height: 178px;
    background-color: #4888ca;
    background-position: center 47px;
    background-repeat: no-repeat;
    text-align: center
}

.i1_son .dt1 {
    background-image: url(/templates/default_pc/static/images/img8.png)
}

.i1_son .dt2 {
    background-image: url(/templates/default_pc/static/images/img6.png)
}

.i1_son .dt3 {
    background-image: url(/templates/default_pc/static/images/img7.png)
}

.i1_son .dt4 {
    background-image: url(/templates/default_pc/static/images/img9.png);
    background-position: center 56px
}

.i1_son h2 {
    margin-top: 95px;
    font: 18px "Microsoft Yahei"
}

.i1_son h3 {
    font: 11px Arial
}

.i1_son dd {
    position: relative;
    width: 0;
    float: left;
    height: 178px;
    color: #1c51a7;
    overflow: hidden;
    line-height: 178px;
    vertical-align: middle
}

.i1_son.on dd {
    width: 389px
}

.i1_son dd span {
    display: inline-block;
    vertical-align: middle;
    width: 337px;
    padding: 0 26px;
    font: 14px/25px "Microsoft Yahei"
}

.ifoot_in {
    height: 69px;
    padding-left: 9px;
    border-top: 7px solid #2d3039;
    font: 12px/69px "Microsoft Yahei";
    color: #6b6b6b
}

.ifoot_in a {
    color: #6b6b6b
}

.foot {
    padding-left: 9px;
    padding-top: 27px;
    padding-bottom: 27px;
    font: 12px "Microsoft Yahei";
    color: #6b6b6b
}

.foot a {
    color: #6b6b6b
}

.flow {
    position: fixed;
    top: 338px;
    right: 10px;
    z-index: 9999
}

.flow a {
    display: block;
    width: 55px;
    height: 55px
}

.flow .a {
    width: 55px;
    height: 55px;
    margin-bottom: 1px;
    border-radius: 3px;
    background: #4888ca url(/templates/default_pc/static/images/img10.jpg) center center no-repeat
}

.flow .b {
    width: 55px;
    height: 55px;
    margin-bottom: 1px;
    border-radius: 3px;
    background: #4888ca url(/templates/default_pc/static/images/img11.jpg) center center no-repeat
}

.flow .c {
    width: 55px;
    height: 55px;
    margin-bottom: 1px;
    border-radius: 3px;
    background: #cb1933 url(/templates/default_pc/static/images/img12.jpg) center center no-repeat
}

.flow .d {
    display: none;
    position: absolute;
    right: 5px;
    top: -168px;
    width: 232px;
    height: 232px
}

.main {
    border-top: 3px solid #4888ca;
    width: 100%;
    overflow: hidden;
    background: url(/templates/default_pc/static/images/img13.jpg) center top no-repeat;
    padding-bottom: 10px;
}

.wrap {
    position: relative;
    background: rgb(255 255 255 / 80%);
    margin-top: 31px;
    overflow: hidden;
    padding: 5px;
    box-shadow: 1px 1px 3px rgb(0 0 0 / 30%);
}

.main_tl {
    margin-left: 52px;
    border-bottom: 1px solid #f8e1b4;
    width: 932px;
    height: 61px
}

.main_tl h2 {
    border-bottom: 6px solid #cb1933;
    width: 70px;
    font: 700 26px/58px "Microsoft Yahei";
    color: #2d3039;
    white-space: nowrap
}

.main_more {
    height: 61px;
    font: 14px/61px "Microsoft Yahei";
    color: #2d3039
}

.main_more a {
    color: #2d3039
}

.main_sidetl {
    margin-left: 52px;
    width: 932px;
    height: 44px;
    font: 700 18px/44px Arial;
    color: #2d3039
}

#Scroller-1 {
    position: relative;
    overflow: auto;
    width: 932px;
    height: 481px;
    margin-left: 52px
}

#Scroller-1 img {
    max-width: none;
    margin: auto;
}

.Scroller-Container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    font: 18px/34px "Microsoft Yahei";;
    color: #2d3039;
    text-indent: 2em;
}

.Scroller-Container p {
    margin: 22px 0;
    text-indent: 2em
}

.Scroller-Container h4 {
    text-align: center;
    font: 24px/52px "Microsoft Yahei";
    color: #2d3039;
    text-indent: 0;
}

.Scroller-Container .date {
    padding-top: 11px;
    text-align: center
}

#Scrollbar-Container {
    position: absolute;
    top: 56px;
    right: 23px;
    cursor: pointer
}

.Scrollbar-Track {
    width: 6px;
    height: 531px;
    background: #e3e3e3;
    border-radius: 3px
}

.Scrollbar-Handle {
    position: absolute;
    width: 6px;
    height: 89px;
    background: #eb5c79;
    border-radius: 3px
}

.main_sidelist li {
    float: left;
    width: 96px;
    height: 29px;
    margin-left: 5px;
    margin-top: 10px;
    background: #4888ca url(/templates/default_pc/static/images/img14.jpg) 6px center no-repeat;
    border-radius: 3px;
    font: 14px/29px "Microsoft Yahei";
    color: #fff;
    text-indent: 26px
}

.main_sidelist a {
    display: block;
    color: #fff
}

.main_list {
    width: 953px;
    height: 436px;
    margin-left: 52px
}

.list_son {
    height: 109px
}

.list_son a {
    display: block;
    height: 91px;
    padding-top: 18px;
    position: relative;
}

.list_son .a {
    display: block;
    width: 126px;
    height: 69px;
    border-right: 1px dotted #babbbe;
    text-align: center
}

.list_son .a1, .list_son .a2 {
    display: inline-block;
    width: 38px;
    height: 69px;
    color: #999;
    font-size: 2.5em;
    padding: 0 8%;
    line-height: 1.7em;
    border-right: 2px solid #dfdfdf;
    text-align: center;
    /* background-image: url(/templates/default_pc/static/images/img17.jpg); */
    /* background-position: 0 0; */
    /* background-repeat: no-repeat; */
}

.list_son a:hover .a1, .list_son a:hover .a2 {
    /*background-image: url(/templates/default_pc/static/images/img18.jpg)*/
    color: #fff;
    border-right: 2px solid #fff;
}

.list_son .a11, .list_son .a22 {
    display: inline-block;
    width: 38px;
    height: 69px;
    /*color: #999;*/
    /*font-size: 2.5em;*/
    /*padding: 0 8%;*/
    /*line-height: 1.7em;*/
    /*border-right: 2px solid #dfdfdf;*/
    text-align: center;
    background-image: url(/templates/default_pc/static/images/img17.jpg);
    background-position: 0 0;
    background-repeat: no-repeat
}

.list_son a:hover .a11, .list_son a:hover .a22 {
    background-image: url(/templates/default_pc/static/images/img18.jpg)
    color: #fff;
    border-right: 2px solid #fff;
}

.list_son .a2 {
    background-position: 0 0
}

.list_son .b {
    display: block;
    margin-left: 127px;
    height: 91px;
    padding-left: 39px;
    padding-right: 27px;
    color: #2d3039
}

.list_son .b1 {
    display: block;
    font: 20px/26px "Microsoft Yahei";
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.list_son .b2 {
    display: block;
    overflow: hidden;
    height: 48px;
    font: 14px/24px "Microsoft Yahei"
}

.list_son a:hover .b {
    color: #ffc1c9
}

.list_son a:hover {
    background: #cb1933
}

.main_page {
    width: 100px;
    height: 36px;
    margin-right: 45px;
    margin-top: 10px
}

.news_list {
    width: 592px;
    margin-left: 413px
}

.news_list .list_son .b1 {
    font-size: 14px;
    font-weight: 700
}

.news_list .list_son .b1 .b11 {
    font-weight: 400
}

.news_list .b12 {
    display: inline-block;
    width: 75%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.main_news_top {
    width: 340px;
    margin-left: 50px
}

.main_news_top a {
    color: #2d3039
}

.main_news_top .a {
    display: block;
    padding-top: 20px;
    padding-bottom: 6px;
    font: 700 14px/26px "Microsoft Yahei";
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.main_news_top .a1 {
    font-weight: 400
}

.main_news_top .a2 {
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.main_news_top .b {
    display: block;
    font: 14px/24px "Microsoft Yahei"
}

.service_cla {
    width: 340px;
    margin-left: 50px;
    padding-bottom: 159px;
    background: url(/templates/default_pc/static/images/img20.jpg) center bottom no-repeat
}

.service_cla li {
    width: 169px;
    height: 74px;
    margin-bottom: 2px;
    font: 16px/74px "Microsoft Yahei";
    text-indent: 54px
}

.service_cla li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    background-color: #4888ca;
    background-position: 18px center;
    background-repeat: no-repeat
}

.service_cla li a:hover {
    background-color: #cb1933
}

.service_cla li.a a {
    background-image: url(/templates/default_pc/static/images/img21.png)
}

.service_cla li.b a {
    background-image: url(/templates/default_pc/static/images/img22.png)
}

.service_cla li.c a {
    background-image: url(/templates/default_pc/static/images/img23.png)
}

.service_cla li.d a {
    background-image: url(/templates/default_pc/static/images/img24.png)
}

.service_cla li a.on {
    background-color: #cb1933
}

.pro_son {
    position: relative;
    float: left;
    cursor: pointer;
    margin: 5px
}

.pro_son:nth-child(5n+1) {
    width: 457px;
    height: 341px
}

.pro_son:nth-child(5n+2) {
    width: 573px;
    height: 341px
}

.pro_son:nth-child(5n+3) {
    width: 340px;
    height: 290px
}

.pro_son:nth-child(5n+4) {
    width: 248px;
    height: 290px
}

.pro_son:nth-child(5n+5) {
    width: 432px;
    height: 290px
}

.pro_son .shadow {
    position: absolute;
    background-position: center center;
    background-size: cover;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #fff
}

.pro_son .shadow a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
    color: #fff;
    background: rgb(0 59 245 / 37%);
    transition: all .7s ease-out 0s
}

.pro_son .shadow a:hover {
    background: 0 0
}

.pro_son:nth-child(1) .shadow {
    background-image: url(/templates/default_pc/static/images/img32.jpg)
}

.pro_son:nth-child(2) .shadow {
    background-image: url(/templates/default_pc/static/images/img33.jpg)
}

.pro_son:nth-child(3) .shadow {
    background-image: url(/templates/default_pc/static/images/img28.jpg)
}

.pro_son:nth-child(4) .shadow {
    background-image: url(/templates/default_pc/static/images/img29.jpg)
}

.pro_son:nth-child(5) .shadow {
    background-image: url(/templates/default_pc/static/images/img31.jpg)
}

.pro_son:nth-child(6) .shadow {
    background-image: url(/templates/default_pc/static/images/img26.jpg)
}

.pro_son:nth-child(7) .shadow {
    background-image: url(/templates/default_pc/static/images/img27.jpg)
}

.pro_son:nth-child(8) .shadow {
    background-image: url(/templates/default_pc/static/images/img28.jpg)
}

.pro_son:nth-child(9) .shadow {
    background-image: url(/templates/default_pc/static/images/img29.jpg)
}

.pro_son:nth-child(10) .shadow {
    background-image: url(/templates/default_pc/static/images/img31.jpg)
}

.pro_son dt {
    padding-top: 47px;
    background-position: center top;
    background-repeat: no-repeat;
    text-align: center
}

.pro_son:nth-child(5n+1) dt {
    background-image: url(/templates/default_pc/static/images/img8.png)
}

.pro_son:nth-child(5n+2) dt {
    background-image: url(/templates/default_pc/static/images/img6.png)
}

.pro_son:nth-child(5n+3) dt {
    background-image: url(/templates/default_pc/static/images/img7.png)
}

.pro_son:nth-child(5n+4) dt {
    background-image: url(/templates/default_pc/static/images/img9.png)
}

.pro_son:nth-child(5n+5) dt {
    background-image: url(/templates/default_pc/static/images/img8.png)
}

.pro_son h2 {
    font: 28px "Microsoft Yahei";
    text-shadow: 2px 2px 2px rgb(0 0 0 / 28%)
}

.pro_son h3 {
    font: 11px Arial
}

.pro_son dd {
    margin-top: 28px;
    text-align: center
}

.pro_son dd img {
    display: inline
}

.lxwm {
    line-height: 40px;
    padding: 10px 0;
}

.lxwm li {
    display: inline-block;
    margin: 0 40px;
}
.main_list li > a::after{
    position: absolute;
    top: -1px;
    left: 30px;
    font-size: 79px;
    color: #2856a2;
}
.main_list li > a:hover::after{
    color: #fff;
}
.main_list li:nth-child(1) > a::after{ content:"01"}
.main_list li:nth-child(2) > a::after{ content:"02"}
.main_list li:nth-child(3) > a::after{ content:"03"}
.main_list li:nth-child(4) > a::after{ content:"04"}
.main_list li:nth-child(5) > a::after{ content:"05"}
.main_list li:nth-child(6) > a::after{ content:"06"}


::-webkit-scrollbar {width: 6px;height: 6px}
::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 5px #165381;background: #165381}
::-webkit-scrollbar-track {border-radius: 0;background: transparent;border: 1px solid #0b315f}
::-webkit-scrollbar-corner {background: transparent}