.tool-trait {

    position: absolute;

    left: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 100%;

    height: 120px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-pack: distribute;

    justify-content: space-around;

    background-color: #fff;

    -webkit-box-shadow: 0 0 27px 0 rgba(32,32,32,.14);

    box-shadow: 0 0 27px 0 rgba(32,32,32,.14);

    border-radius: 4px;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

    z-index: 10;

}



.tool-trait,.tool-trait .item-box {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.tool-trait .item-box {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex

}



.tool-trait .item-head {

    width: 80px;

    height: 80px;

    border-radius: 50%;

}



.tool-trait .item-body {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    margin-left: 10px;



}

.tool-trait .num {vertical-align: bottom;}

.tool-trait .num span{vertical-align: bottom; display:inline-block; }

.tool-trait .num em{font-style:normal;margin-left: 4px;padding-bottom: 9px; font-size: 12px; display: inline-block;vertical-align: bottom;color: #9da0ad}



.tool-trait .i-title {

    display: inline-block;

    font-size: 40px;

    color: #3c4254;

    font-weight: 600;

}

.tool-trait .num:hover .i-title {color:#D51A1A;}

.tool-trait .i-desc {

    display: inline-block;

    margin-top: 0px;

    font-size: 14px;

    color: #9da0ad

}



.poster-box {

    width: 100%;

    min-width: 1200px;

    height: 600px;
    
   首页节日图片 background: -o-linear-gradient(147deg,#1EB4E6,#5EE6A4);
    background: linear-gradient(-57deg,#1EB4E6,#5EE6A4)
	
	 
	/* background: url(../images/20250115.jpg) no-repeat center;*/

}



@-webkit-keyframes ani-move-side {

    0% {

        -webkit-transform: translateX(0);

        transform: translateX(0)

    }



    to {

        -webkit-transform: translateX(6px);

        transform: translateX(6px)

    }

}



@keyframes ani-move-side {

    0% {

        -webkit-transform: translateX(0);

        transform: translateX(0)

    }



    to {

        -webkit-transform: translateX(6px);

        transform: translateX(6px)

    }

}



.poster-box .poster-bg {

    width: 100%;

    height: 100%;
	
    background: url(../images/banner_bg.png) no-repeat center 384px;
	

}



.poster-box .poster-core {

    position: relative;

    width: 1200px;

    height: 100%;

    margin-left: auto;

    margin-right: auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    z-index: 6;

}



.poster-box .info-box {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    width: 100%;

    position: absolute;

    left: 0;

    top: 200px;

    z-index: 1;

}



.poster-box .info-box .s-title {

    font-size: 46px;

    color: #fff;

    font-weight: 700;

    letter-spacing: 3px;

    text-shadow: 0 5px 8px rgba(202,36,34,.23)

}



.poster-box .info-box .s-desc {

    margin-top: 28px;

    font-size: 18px;

    color: #fff

}



.poster-box .info-box .btn {

    margin-top: 50px;

    width: 142px;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    font-size: 16px

}



.poster-box .info-box .btn i {

    animation: ani-move-side .5s ease-in infinite alternate-reverse

}



.poster-box .info-box .special-label {

    color: #CA2422

}



.poster-box .info-box i {

    margin-left: 2px;

    font-size: 14px

}



.poster-box .pic-box {

    position: relative;

    right: 0;

    height: 500px;

    width:100%;

    text-align: right;

    float: right;

    z-index: 0;

}



.poster-box .pic-box .layer {

    width: 100%;

    height: 100%

}



.poster-box .pic-box .circle-img {

    position: absolute;

    right: 0;

    bottom: 0;

    width: 600px;



}



.poster-box .pic-box .computer-img {

    position: absolute;

    bottom: -10px;

    right: -160px;

    width: 750px;

    height: 370px;



}



.poster-box .pic-box .popover-img {

    position: absolute;

    top: 96px;

    right: 37px;

    width: 92px;

    height: 37px

}



.poster-box .pic-box .chart-img {

    position: absolute;

    top: 14px;

    left: 14px;

    width: 239px;

    height: 196px

}



.hot-tool {

    width: 1200px;

    padding: 128px 0 68px;

    margin-left: auto;

    margin-right: auto

}



.hot-tool .s-title {

    font-size: 32px;

    color: #0F7541;

    text-align: center

}

.hot-tool .s-title span{position: relative; }

.hot-tool .s-title span::after{content: '';display: block; position: absolute; right: 0; bottom: -15px; width: 80px; height: 15px; background: url(../images/title-shape.png) no-repeat right center; background-size:  100% 12px; }



.hot-tool .tab-list {

    margin-bottom: 38px;

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin-top: 36px

}



.hot-tool .tab-list .split-line {

    width: 1px;

    height: 12px;

    margin: 0 40px;

    background-color: #ebebeb

}



.hot-tool .tab-list .tab-item {

    position: relative;

    font-size: 16px;

    color: #9da0ad;

    line-height: 44px;

    cursor: pointer;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s

}



.hot-tool .tab-list .tab-item:hover {

    color: #3c4254

}



.hot-tool .tab-list .tab-item .icon-new {

    position: absolute;

    top: -8px;

    right: -30px;

    font-size: 24px;

    color: red

}



.hot-tool .tab-list .tab-item.active {

    color: #3c4254;

    pointer-events: none

}



.hot-tool .tab-list .tab-item.active:after {

    content: "";

    position: absolute;

    height: 3px;

    width: 28px;

    border-radius: 100px;

    background-color: #0F7541;

    bottom: 0;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%)

}







.tool-videos {

    width: 100%;

    padding-top: 64px;

    padding-bottom: 50px;

/*    background: -o-linear-gradient(bottom,#00632C,#008D5A);

    background: -webkit-gradient(linear,left bottom, left top,from(#00632C),to(#008D5A));

    background: linear-gradient(0deg,#00632C,#008D5A);

    background-image: linear-gradient(-225deg, #2CD8D5 0%, #C5C1FF 56%, #FFBAC3 100%);*/

/*    background: url(../images/wd_bg.jpg) no-repeat center center;

    background-size: 100% 100%;*/

    background: rgba(101,161,161,1);

    background: -moz-linear-gradient(-45deg, rgba(101,161,161,1) 0%, rgba(98,198,135,1) 100%);

    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(101,161,161,1)), color-stop(100%, rgba(98,198,135,1)));

    background: -webkit-linear-gradient(-45deg, rgba(101,161,161,1) 0%, rgba(98,198,135,1) 100%);

    background: -o-linear-gradient(-45deg, rgba(101,161,161,1) 0%, rgba(98,198,135,1) 100%);

    background: -ms-linear-gradient(-45deg, rgba(101,161,161,1) 0%, rgba(98,198,135,1) 100%);

    background: linear-gradient(135deg, rgba(101,161,161,1) 0%, rgba(98,198,135,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65a1a1', endColorstr='#62c687', GradientType=1 );

    background: #20242E;



}



.tool-videos .s-title {

    font-size: 32px;

    color: #0F7541;

    font-weight: 600;

    text-align: center

}

.tool-videos .s-title span{position: relative;}

.tool-videos .s-title span::after{content: '';display: block; position: absolute; right: 0; bottom: -15px; width: 80px; height: 15px; background: url(../images/title-shape.png) no-repeat right center; background-size:  100% 12px; }



.tool-videos .tab-list {

    width: 822px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    margin-left: auto;

    margin-right: auto;

    border-bottom: 1px solid #5b6178

}



.tool-videos .tab-list .tab-item {

    position: relative;

    padding: 30px 0;

    font-size: 16px;

    color: #a8abb9;

    cursor: pointer;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s

}



.tool-videos .tab-list .tab-item:hover {

    color: #fff

}



.tool-videos .tab-list .tab-item.active {

    color: #fff

}



.tool-videos .tab-list .tab-item.active:after {

    content: "";

    position: absolute;

    bottom: -1px;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    width: 60%;

    height: 2px;

    border-radius: 100px;

    background-color: #0F7541

}



.tool-videos .swiper-container {

    margin-top: 55px;

    width: 100%;

    height: 370px

}



.tool-videos .swiper-container:hover .swiper-arrow-next,.tool-videos .swiper-container:hover .swiper-arrow-prev {

    opacity: 1

}



.tool-videos .swiper-container:hover .swiper-arrow-prev {

    left: 15vw

}



.tool-videos .swiper-container:hover .swiper-arrow-next {

    right: 15vw

}



.tool-videos .swiper-slide {

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 914px

}



.tool-videos .swiper-slide:after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: 3;

    width: 100%;

    height: 100%;

    opacity: .2;

    background-color: #000;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s

}



.tool-videos .swiper-slide-active:after {

    opacity: 0;

    display: none

}



.tool-videos .video-box {

    position: relative;

    height: 100%;

    width: 624px;

    overflow: hidden;

    background: url(../images/video_poster.png) no-repeat 50%;

    background-size: cover

}



.tool-videos .video-mask {

    position: relative;

    width: 100%;

    height: 100%;

    cursor: pointer

}



.tool-videos .video-mask .iconfont {

    font-size: 24px

}



.tool-videos .video-mask .player-ctrl {

    position: absolute;

    left: 30px;

    top: 20px;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    font-size: 16px;

    color: #fff;

    -webkit-transition: all .2s;

    -o-transition: all .2s;

    transition: all .2s

}



.tool-videos .video-mask:hover .player-ctrl {

    color: #0F7541

}



.tool-videos .video-player {

    height: 100%;

    width: 100%;

    -o-object-fit: fill;

    object-fit: fill

}



.tool-videos .video-intro {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    width: 350px;

    height: 100%;

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    padding: 34px;

    background-color: #fff

}



.tool-videos .video-intro .i-title {

    font-size: 22px;

    color: #3c4254

}



.tool-videos .video-intro .i-desc {

    font-size: 14px;

    color: #9da0ad;

    line-height: 24px

}



.tool-videos .video-intro .btn {

    width: 100px

}



.tool-update {

    width: 1200px;

    padding-top: 80px;

    padding-bottom: 70px;

    margin-left: auto;

    margin-right: auto;

}



.tool-update .s-title {

    text-align: center;

    font-size: 32px;

    color: #0F7541

}

.tool-update .s-title span{position: relative;}

.tool-update .s-title span::after {

  content: '';

  display: block;

  position: absolute;

  right: 0;

  bottom: -15px;

  width: 80px;

  height: 15px;

  background: url(../images/title-shape.png) no-repeat right center;

    background-size: auto;

  background-size: 100% 12px;

}







.tool-update .s-desc {

    text-align: center;

    font-size: 18px;

    color: #9da0ad

}



.tool-update .tool-list {

    margin-top: 50px

}



.tool-update .icon-qianwang {

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s

}



.tool-update .see-more:hover .icon-qianwang {

    -webkit-transform: translateX(6px);

    -ms-transform: translateX(6px);

    transform: translateX(6px)

}



.tool-update .tool-list {

    width: 100%;

    height: 369px;

    border-bottom: 1px solid #ecedef;

    margin-bottom:70px;

}



.tool-update .tool-list .time-label {

    font-size: 12px;

    color: #fff

}



.tool-update .tool-list .i-title {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    font-size: 18px;

    color: #fff;

    font-weight: 700;



}



.tool-update .tool-list .desc-label {

    max-height: 48px;

    font-size: 14px;

    color: #fff;

    line-height: 24px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    word-break: break-all;

    word-wrap: break-word;

    -o-text-overflow: ellipsis;

    text-overflow: ellipsis;

    overflow: hidden;

    margin-bottom:10px;

}



.tool-update .tool-list .img-arrow {

    margin-left: 20px;

    width: 26px;

    height: 26px;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    background: url(../images/a.jpg) no-repeat 50%;

    background-size: cover

}



.tool-update .tool-list .note-list {

    width: 100%;



    overflow: hidden;

    line-height: 24px;

    color: #fff

}







.tool-update .tool-list .tool-item {

    position: relative;

    float: left;

    width: 25%;

    height: 50%;

    padding: 26px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    background-color: #fbfbfc;

    -webkit-transition: all .2s;

    -o-transition: all .2s;

    transition: all .2s;

    border-right: 1px solid #ecedef;

    border-top: 1px solid #ecedef;

    cursor: pointer;

    height:184px;

    background: url(../images/a.jpg) no-repeat 50%;

    background-size:100% auto;

    color: #fff;

    z-index:0;





}

.tool-update .tool-list .big-item {

    height: 100%!important;

    background: url(../images/a.jpg) no-repeat 50%;

    background-size: cover;

    border-left: 1px solid #ecedef;

    justify-content:flex-start;



}



.tool-update .tool-list .tool-item:hover::before { z-index:0; position:absolute; left:0; top:0;content: ""; width:100%; height:100%;background-color: rgba(0,0,0,0.6);

  transition: all .2s ease-in-out 0s; }

.tool-update .tool-list .tool-item .in-box {position:absolute; left:0; top:0; width:100%; height:100%; padding: 26px; z-index:1;} 



.tool-update .tool-list .note-list, .tool-update .tool-list .tool-item .flex-between,.tool-update .tool-list .tool-item .desc-label,.tool-update .tool-list .tool-item .time-label{display:none;-webkit-transition: all .2s;

    -o-transition: all .2s;

    transition: all .2s;}



.tool-update .tool-list  .tool-item:hover .note-list, .tool-update .tool-list .tool-item:hover .flex-between,.tool-update .tool-list .tool-item:hover  .desc-label,.tool-update .tool-list .tool-item:hover  .time-label{display:block;-webkit-transition: all .2s;

    -o-transition: all .2s;

    transition: all .2s;}



.tool-update .tool-list .tool-item:hover .i-title {

    color: #fff;

}



.tool-update .tool-list .tool-item .video-btn{position:absolute; bottom:20px; left:20px;}

.tool-update .tool-list .tool-item .video-btn .btn{background:#D51716; border-color:#D51716;  color:#fff}

.tool-update .tool-list .tool-item .video-btn .btn:hover{background:#0F7541;}





.tops_video{

    margin-top:50px;

    margin-bottom:80px;

    float:right;

}

.tops_rigth{

    margin-left:48px;

    width:500px;

    float:right;

}

.tops_rigth p{

    font-size: 26px;

    font-weight: 400;

    color: #B2B2B2;

    line-height: 26px;

    margin-top: 0px;

    text-align: left;

}

.tops_rigth .linecolor{

    width: 70px;

    height:3px;

    margin: 20px 0;

    border-top: 2px solid red;

}

.tops_rigth div.content{

    font-size: 16px;

    font-weight: 400;

    color: #666666;

    line-height: 28px;

    display: inline-block;

    margin-bottom:10px;

    text-align:left;

}





.question-feed {

    width: 100%;

    padding: 78px 0;

    background: url() no-repeat bottom #fafbfd

}



.question-feed .s-title {

    text-align: center;

    font-size: 32px;

    font-weight: 700

}

.question-feed .s-title span{position: relative;}

.question-feed .s-title span::after {

  content: '';

  display: block;

  position: absolute;

  right: 0;

  bottom: -15px;

  width: 80px;

  height: 15px;

  background: url(../images/title-shape.png) no-repeat right center;

    background-size: auto;

  background-size: 100% 12px;

}



.question-feed .s-desc {

    text-align: center;

    font-size: 18px;

    color: #9da0ad

}



.question-feed .list-box {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    position: relative

}



.question-feed .list-box .list-item {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    width: 100%;

    height: 54px;

    line-height: 54px;

    padding: 0 16px;

    border-radius: 2px;

    background-color: #fff;

    cursor: pointer;

    -webkit-transition: all .2s;

    -o-transition: all .2s;

    transition: all .2s

}



.question-feed .list-box .list-item:hover {

    -webkit-box-shadow: 0 0 30px -5px rgba(0,0,0,.1);

    box-shadow: 0 0 30px -5px rgba(0,0,0,.1)

}



.question-feed .list-box .list-item {

    margin-bottom: 20px

}



.question-feed .list-box .list-item:last-of-type {

    margin-bottom: 0

}



.question-feed .list-box .num-label {

    display: inline-block;

    font-size: 24px;

    color: #dfdfdf

}



.question-feed .list-box .iconfont {

    color: #d5dbe1

}



.question-feed .list-box .i-title {

    position: relative;

    display: inline-block;

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    height: 100%;

    margin: 0 16px;

    font-size: 14px;

    color: #3c4254

}



.question-feed .form-box {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    color: #9da0ad

}



.question-feed .form-box .submit-btn {

    width: 128px;

    border-radius: 2px

}



.question-feed .form-box .textarea-group {

    width: 100%;

    padding: 20px;

    background-color: #fff;

    border-radius: 2px

}



.question-feed .form-box .textarea-group>textarea {

    width: 100%;

    height: 84px

}



.question-feed .form-box .split-line {

    height: 24px;

    margin: 0

}



.question-feed .form-box .file-box {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 100%;

    height: 54px;

    border-radius: 2px;

    background-color: #fff

}



.question-feed .form-box .file-group {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    padding: 0 24px

}



.question-feed .form-box .file-group,.question-feed .form-box .file-select {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.question-feed .form-box .file-select {

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-transition: all .2s;

    -o-transition: all .2s;

    transition: all .2s

}



.question-feed .form-box .file-select:hover {

    color: #2d6ded

}



.question-feed .form-box .file-list {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1

}



.question-feed .form-box .file-list.active .file-item {

    background-color: #0F7541;

    color: #fff

}



.question-feed .form-box .file-list .img-view {

    display: block;

    width: 100%;

    height: 100%

}



.question-feed .form-box .file-list .file-item {

    float: left;

    position: relative;

    width: 32px;

    height: 32px;

    line-height: 32px;

    text-align: center;

    font-size: 12px;

    border-radius: 2px;

    overflow: hidden;

    margin-left: 8px

}



.question-feed .form-box .file-list .file-item:first-of-type {

    margin-left: 0

}



.question-feed .form-box .file-list .file-item:hover:after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: #113a8f;

    opacity: .6

}



.question-feed .form-box .file-list .file-item:hover .icon-shanchu {

    opacity: 1

}



.question-feed .form-box .file-list .file-item .icon-shanchu {

    position: absolute;

    left: 50%;

    top: 50%;

    z-index: 1;

    color: #fff;

    cursor: pointer;

    font-size: 14px;

    -webkit-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    transform: translate(-50%,-50%);

    opacity: 0;

    -webkit-transition: all .1s;

    -o-transition: all .1s;

    transition: all .1s

}



.question-feed .form-box .input-group {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    height: 54px;

    padding: 0 20px;

    border-radius: 2px;

    background-color: #fff

}



.question-feed .form-box .input-group>input {

    height: 100%;

    line-height: 54px;

    width: 100%

}



.question-feed .split-line {

    display: inline-block;

    width: 1px;

    height: 226px;

    margin: 0 50px;

    background-image: -o-linear-gradient(left,rgba(226,229,236,0),rgba(226,229,236,.5) 11%,rgba(226,229,236,.99) 48%,#e2e5ec 49%,rgba(226,229,236,.5) 87%,#e2e5ec 98%);

    background-image: -webkit-gradient(linear,left top, right top,from(rgba(226,229,236,0)),color-stop(11%, rgba(226,229,236,.5)),color-stop(48%, rgba(226,229,236,.99)),color-stop(49%, #e2e5ec),color-stop(87%, rgba(226,229,236,.5)),color-stop(98%, #e2e5ec));

    background-image: linear-gradient(90deg,rgba(226,229,236,0),rgba(226,229,236,.5) 11%,rgba(226,229,236,.99) 48%,#e2e5ec 49%,rgba(226,229,236,.5) 87%,#e2e5ec 98%);

    -ms-flex-item-align: center;

    align-self: center

}



.feed-core {

    width: 1200px;

    margin-left: auto;

    margin-right: auto

}



.feed-core .input-file {

    display: none

}



/*.service-intro {

    width: 100%;

    height: 80px;

    background-color: #fff

}



.service-intro .service-core {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-pack: distribute;

    justify-content: space-around;

    width: 1200px;

    height: 80px;

    margin-left: auto;

    margin-right: auto

}



.service-intro .split-line {

    width: 1px;

    height: 26px;

    background-color: #eee;

    overflow: hidden

}



.service-intro .item-box {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.service-intro .img-icon {

    width: 42px;

    height: 42px

}*/



/*why choose us*/

.why-choose{

 margin-top:30px;

 width: 1200px;

 min-height: 650px;

 text-align: center;

 margin-left: auto;

 margin-right: auto;

 background: url(../images/why-choose-douglas-background.svg) no-repeat center bottom;

}

.why-choose .s-title {

  text-align: center;

  font-size: 32px;

  color: #0F7541;

}

.why-choose .s-title span {

  position: relative;

}

.why-choose .s-title span::after {

  content: '';

  display: block;

  position: absolute;

  right: 0;

  bottom: -15px;

  width: 80px;

  height: 15px;

  background: url(../images/title-shape.png) no-repeat right center;

    background-size: auto;

  background-size: auto;

  background-size: 100% 12px;

}



.why-choose .s-desc {

    text-align: center;

    font-size: 18px;

    color: #9da0ad;

}





.home-compare {

 margin-top:30px;

 width: 1200px;

 text-align: center;

 margin-left: auto;

 margin-right: auto;

}

.home-compare .top {

 width:80px;

 height:80px;

 margin:0 auto;

 position:relative;

 margin-bottom:50px;

}

.home-compare .top img {

 width:100%

}

.home-compare .top .left {

 position:absolute;

 left:-300px;

 top:32px;

 font-size:24px;

 font-weight:bold

}

.home-compare .top .right {

 position:absolute;

 right:-370px;

 top:32px;

 font-size:24px;

 font-weight:bold

}

.home-compare .line-group {

 height:60px;

 margin-bottom:5px

}

.home-compare .line-group .left {

 width:42%;

 height:60px;

 line-height:60px;

 float:left;

 font-size:16px;

 padding-right:80px;

 text-align:right;

 background-color:#FFE8C4

}

.home-compare .line-group .center {

 width:16%;

 float:left;

 height:60px;

 line-height:60px;

 color:#fff;

 background-color:#c90012;

 text-align:center;

 font-size:16px;

 position:relative

}

.home-compare .line-group .center:after {

 content:'';

 position:absolute;

 width:0;

 height:0;

 border:30px solid transparent;

 border-left-color:#c90012;

 right:-60px

}

.home-compare .line-group .center:before {

 content:'';

 position:absolute;

 width:0;

 height:0;

 border:30px solid transparent;

 border-right-color:#c90012;

 left:-60px

}

.home-compare .line-group .right {

 width:42%;

 height:60px;

 float:left;

 font-size:16px;

 line-height:60px;

 padding-left:80px;

 background-color:#E8F8F4;

 text-align:left;

}





/*liuseng*/



.liuseng{text-align: center;color: #9da0ad; padding-top: 80px;padding-bottom: 80px; background:#FAFBFD url() no-repeat center bottom; }

.liuseng .s-title {

  text-align: center;

  font-size: 32px;

  color: #0F7541;

  margin-bottom: 20px;

}

.liuseng .s-title span{position: relative;}

.liuseng .s-title span::after {

  content: '';

  display: block;

  position: absolute;

  right: 0;

  bottom: -15px;

  width: 80px;

  height: 15px;

  background: url(../images/title-shape.png) no-repeat right center;

    background-size: auto;

  background-size: 100% 12px;

}

.liuseng .s-desc {

    text-align: center;

    font-size: 18px;

    color: #9da0ad;

    margin-bottom:30px;

}



.i-process .list {

    background: url("../images/line.png") no-repeat center;

    margin: 0 auto;

    width: 1200px;

    height: 333px;

}

.t-c {

  transition: color 0.5s;

}

.por {

    position: relative;

}



.poa {

    position: absolute;

}



.inner-item {

    margin: 0 auto;

    position: relative;

}

.i-process {

    position: relative;

    width: 1200px;

    margin: 0 auto;

}



    .i-process .hold {

        width: 1106px;

        height: 352px;

        margin: 0 auto;

    }



    .i-process .liubox {

        width: 147px;

        line-height: 2;

        color: #8f8f95;

        text-align: center;

        transform: translateX(50px);

        opacity: 0;

    }



        .i-process .liubox.cur, .i-process .liubox:hover {

            color: #0F7541;

        }



        .i-process .liubox:nth-child(1) {

            left: 33px;

            top: 114px;

        }



        .i-process .liubox:nth-child(2) {

            left: 227px;

            top: 56px;

        }



        .i-process .liubox:nth-child(3) {

            left: 450px;

            top: 54px;

        }



        .i-process .liubox:nth-child(4) {

            left: 660px;

            top: 16px;

        }



        .i-process .liubox:nth-child(5) {

            left: 852px;

            top: 109px;

        }





        .i-process .liubox:nth-child(6) {

            left: 1036px;

            top: 65px;

        }



        .i-process .liubox .light {

            float: left;

            width: 10px;

            height: 10px;

            border-radius: 5px;

            background: #fff;

            /* margin: 12px 29px; */

            margin: 12px 68px;

            display: block;

        }



            .i-process .liubox .light:after {

                content: "";

                position: absolute;

                left: -5px;

                top: -5px;

                z-index: -1;

                width: 20px;

                height: 20px;

                border-radius: 10px;

                background: #43cdab;

                /* background: #d51716; */

                opacity: 0.3;

            }



        .i-process .liubox.cur .light:after {

            animation: Circle 1.2s infinite linear;

        }



        .i-process .liubox.cur .light:after {

            animation: Circle 1.2s infinite linear;

        }



        .i-process .liubox .circle {

            width: 68px;

            height: 68px;

            border-radius: 34px;

            background: #edeff1;

            /* margin: 12px 0; */

            margin: 12px 40px;

        }



        .i-process .liubox p {

            font-size: 18px;

            font-weight: bold;

        }



        .i-process .liubox.cur .circle, .i-process .liubox:hover .circle {

            

            background: #D51716; 

        }



        .i-process .liubox .circle:after {

            content: "";

            position: absolute;

            left: 0;

            top: 0;

            width: 68px;

            height: 68px;

            background: url(../images/bg_sign06.png) no-repeat;

        }



        .i-process .liubox.cur .circle:after, .i-process .liubox:hover .circle:after {

            background-position: 0 -68px;

        }



        .i-process .liubox:nth-child(2) .circle:after {

            background-image: url(../images/bg_sign07.png);

        }



        .i-process .liubox:nth-child(3) .circle:after {

            background-image: url(../images/bg_sign08.png);

        }



        .i-process .liubox:nth-child(4) .circle:after {

            background-image: url(../images/bg_sign09.png);

        }



        .i-process .liubox:nth-child(5) .circle:after {

            background-image: url(../images/bg_sign10.png);

        }



        .i-process .liubox:nth-child(6) .circle:after {

            background-image: url(../images/bg_sign11.png);

        }



/*parnner*/

.index-parnner{text-align: center;color: #9da0ad; padding-top: 80px;padding-bottom: 80px; background:#fff url(../images/bg_liuceng.png) no-repeat center bottom; }

.index-parnner .s-title {

  text-align: center;

  font-size: 32px;

  color: #0F7541;

  margin-bottom: 20px;

}

.index-parnner .s-title span{position: relative;}

.index-parnner .s-title span::after {

  content: '';

  display: block;

  position: absolute;

  right: 0;

  bottom: -15px;

  width: 80px;

  height: 15px;

  background: url(../images/title-shape.png) no-repeat right center;

    background-size: auto;

  background-size: 100% 12px;

}

.index-parnner .s-desc {

    text-align: center;

    font-size: 18px;

    color: #9da0ad;

    margin-bottom:30px;

}



.index-parnner .partnerlist{padding:20px 0 80px 0;  flex-wrap:wrap;align-content:center;align-items:center; }

.index-parnner .part-li {

    width: 100%;

    height: 100px;

    vertical-align: middle;

  border-radius: 0;

  -webkit-box-shadow: none;

  box-shadow: none;

  padding: 6px;

  border: 1px solid #ebebeb; text-align: center; margin-bottom: 20px}



.index-parnner .part-li  img {

  width: auto;

  max-height: 100%;

  vertical-align: top;

}



/*index news*/

.indexnews{width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-item-align: flex-start;

    align-self: flex-start;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between; 

    margin-top: 50px;}

.indexnews .left{-webkit-box-pack: justify; -ms-flex-pack: justify;justify-content: space-between;align-items:flex-start }

.news-li{margin-right: 3%; background: #fff;transition: all .2s ease-in-out 0s;}

.news-li:hover{-webkit-box-shadow: 0 0 10px rgb(0 0 0 / 10%);

    box-shadow: 0 0 10px rgb(0 0 0 / 10%);

    border-radius: 4px;

    -webkit-transition: all .2s;

    -o-transition: all .2s;

    transition: all .2s;}

.news-li:nth-child(2n){margin-right: 0;}

.news-li .n-cover {  position: relative; z-index: 0; height: 234px; overflow: hidden;}

.news-li .n-cover img{transition: all .2s ease-in-out 0s; }

.news-li .n-cover:hover img {

    -webkit-transform: 1;

    -moz-transform: scale(1.03, 1.03);

    -o-transform: scale(1.03, 1.03);

    -ms-transform: scale(1.03, 1.03);

    transform: scale(1.03, 1.03);

    transition: all .2s ease-in-out 0s;

    opacity: 0.8;

}



.news-li .n-cover .times{background-color: #c90012;

  position: absolute;

  width: 60px;

  height: 60px;

  top: 0;

  left: 30px;

  color: #fff;

  z-index: 1;

  margin: 0;

  text-align: center;

  font-size: 18px;

  text-shadow: 0 1px 1px rgba(0,0,0,.2);

}





.news-li .n-cover:hover .times{background-color: #0F7541;}

.news-li .n-cover .times .day {

    width: 100%;

  font-size: 28px;

  margin-top: 4px;

}

.news-li .n-cover .times span {

  display: block;

  text-transform: uppercase;

  line-height: 1;

  font-weight: 700;

}

.news-li .n-cover .times .month em{}

.news-li .n-cover a {

  display: block;

  position: relative;

  background: #000;

}

.news-li .n-content{padding: 25px 30px 35px 30px;background: #f2f4f8;position: relative;}

.news-li:hover .n-content{background: #fff;}

.news-li .n-content::after {

  width: 60px;

  height: 5px;

  content: "";

  top: 0;

  left: 30px;

  position: absolute;

  background-color: #0F7541;

  transition: all .2s ease-in-out 0s;

}

.news-li:hover .n-content::after{width: 84%;transition: all .2s ease-in-out 0s;}

.news-li .n-title {

  font-size: 20px;

  margin: 0;

  line-height: 1.3;

  text-transform: uppercase;

  font-weight: 700;

  height: 50px;

  overflow: hidden;

}

.news-li:hover .n-title a{ color:#c90012 }

.news-li p.sort{margin-top: 15px; font-size: 15px}

.news-li p.sort a{color:#b9c1cf;}



.in-newslist{display: flex; margin-bottom: 30px;}

.in-newslist .l-img{

    margin-right: 4%;

    width: 105px;

    height: 73px;

    overflow: hidden;

    position: relative;

    z-index: 1;  }

.in-newslist .l-img  img{transition: all .2s ease-in-out 0s; }

.in-newslist .l-img:hover img {

    -webkit-transform: 1;

    -moz-transform: scale(1.03, 1.03);

    -o-transform: scale(1.03, 1.03);

    -ms-transform: scale(1.03, 1.03);

    transform: scale(1.03, 1.03);

    transition: all .2s ease-in-out 0s;

    opacity: 0.8;

}



.in-newslist .r-txt{width: auto; flex: 1;}

.in-newslist .r-txt h5{font-size: 16px; margin-bottom: 8px;}

.in-newslist .r-txt p a{color:#b9c1cf; font-size: 15px;}

.in-newslist .r-txt p span{color:#b9c1cf;margin-left: 20px;}





.train-course{margin-bottom: 40px;}

.train-course .content {

 width:100%;

 margin:50px auto 0px

}

.train-course .content .item {

 width:20%;

 height:80px;

 margin-left:2.5%;

 margin-right:2.5%;

 float:left;

 -webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,0.3);

 box-shadow:0 2px 8px 0 rgba(0,0,0,0.3);

 border-radius:6px;

 position:relative

}

.train-course .content .item .title {

 font-size:16px;

 font-weight:bold;

 line-height:80px;

 text-indent:20px

}

.train-course .content .item:before {

 content:'';

 width:18px;

 height:45px;

 background-color:#11AB5D;

 border-bottom-left-radius:20px;

 border-bottom-right-radius:20px;

 position:absolute;

 left:25px;

 top:0

}

.train-course .content .item:after {

 content:'';

 width:12px;

 height:12px;

 border-radius:50%;

 background-color:#fff;

 position:absolute;

 left:28px;

 top:29px

}



.train-course .content .item:nth-child(2):before {

 background-color:#b79050

}

.train-course .content .item:nth-child(3):before {

 background-color:#fa690f

}

.train-course .content .item:nth-child(4):before {

 background-color: #c90012;

}





/*

节日装饰样式*/



.jieribox{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; overflow: hidden; }

.jieribox #jieri{ position: relative;width: 100%; height: 100%; z-index: 10; }

.jieribox #jieri .top{position: absolute; left: 0%; top:0px; width: 100%; height: 660px; z-index: 11; }

.jieribox #jieri .top .top-img{background: url(../images/top.png) no-repeat center top; background-size: 100% 160px; width: 100%; margin-top: 0px; margin-left: 0; height: 660px; }

.jieribox #jieri .bottom{ width: 100%; position: absolute; bottom: -24px; left: 0; height: 200px; z-index: 10; }

.jieribox #jieri .bottom img{width: 100%; height: 100%}

.jieribox #jieri .left{position: absolute; left:-15px; top: -20px; width: 80px;}

.jieribox #jieri .right{position: absolute; right: -15px; top: -20px;width: 80px;}

.jieribox #jieri .left img,.jieribox #jieri .right img{width: 100%;}

.jieribox #jieri .bottom-left{position: absolute; left:-85px; bottom: -40px; height: 150px; }

.jieribox #jieri .bottom-left img, .jieribox #jieri .bottom-right img{height: 100%;}

.jieribox #jieri .bottom-right{position: absolute; right:-55px; bottom: -40px; height: 150px; }

.jieribox #jieri .man{width: 100%; height: 300px; overflow: hidden; position: absolute; margin-left: 0px; bottom:10px; z-index: 100; text-align: left; padding-left: 380px;  z-index: 0; }

.jieribox #jieri .man img{width: 180px;margin-top: 465px; margin-left: 200px; }

.jieribox #jieri .top-left{position: absolute; left:-10px; top: -10px; width: 250px; z-index: 11; }

.jieribox #jieri .top-left img{width: 100%}

.jieribox #jieri .top-right{position: absolute; right:-10px; top: -10px; width: 250px; z-index: 11; }

.jieribox #jieri .top-right img{width: 100%}

.jieribox #jieri .tu{position: absolute; right: 40%; top: 70px; width: 426px;height: 469px; z-index: 10 }

.jieribox #jieri .tu img{width: 850px; margin-top: 90px; margin-right: 9%; float: right;}

.jieribox #jieri .bottom3{position: absolute; right: 0%; bottom: 10px; width: 100%; }

.jieribox #jieri .bottom3 img{width: 100%; margin-top: 525px; }