/**
 * description: 公共样式表
 * author: CHI
 * date: 2020/6/24
 */
@charset "utf-8";

.mt_20{
     margin-top: 20px;
 }
.white_bg{
    background-color: #fff;
}
.theme_color{
    color: #004097;
}

/*修改placeholder颜色*/
input::-webkit-input-placeholder {
    /* placeholder颜色  */
    color:rgba(204,204,204,1);
    /* placeholder字体大小  */
    font-size: 14px;
    /* placeholder位置  */
    text-align: left;
}
/* 垂直居中 两端对齐  */
.justify {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}
.content_view {
    width: 1240px;
    margin: 0 auto;
}
.mt_20 {
    margin-top: 20px;
}
.ptb_45 {
    padding: 45px 0;
}
.pt_45{
    padding-top: 45px;
}
.pb_45{
    padding-bottom: 45px;
}

.col_row {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}
/*轮播*/
.carousel_conent {
    display:flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content:space-between;
    -webkit-justify-content:space-between;
}
.carousel_box{
    width:680px;
    height:340px;
}
.swiper-container {
    width: 100%;
    height:340px;
    margin: 0 auto;
    position: relative;
}
.swiper-slide {
    width: 100%;
    height: 100%;
}
.swiper-slide>a {
    position: relative;
}
.swiper-slide img {
    width: 100%;
    height: 100%;
    display: block;
}
.slide_title {
    width: 100%;
    position:relative;
    bottom:40px;
    left:0;
    right:0;
    height:40px;
    padding:0 80px 0 16px;
    box-sizing: border-box;
    line-height: 40px;
    background:rgba(0,0,0,0.6);
    color: #fff;
    z-index: 99;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.announcement_box {
    width: 520px;
    height:340px;
}
.announcement_row {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}
.announcement_title {
    font-size:24px;
    font-weight:500;
    line-height:28px;
    margin-left: 3px;
}
.announcement_row>a {
    font-size:16px;
    font-weight:400;
    line-height:20px;
    user-select: none;
    color:#999;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}
.announcement_row>a:after {
    content: '';
    display: block;
    width: 7px;
    height: 10px;
    background-image: url('../images/more_icon.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 10px;
}
.announcement_box img {
    width:100%;
    height:7px;
    display:block;
    margin-top:4px;
}
.announcement_ul {
    width:100%;
}
.announcement_ul>li {
    width: 100%;
    height: 50px;
    border-bottom:1px dashed #E0E2E2;
    box-sizing:border-box;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    cursor: pointer;
}
.announcement_ul>li>a {
    width:80%;
    height: 100%;
    line-height:50px;
    display: block;
    font-size:14px;
    font-weight:400;
    color:rgba(51,51,51,1);
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.announcement_ul>li> div {
    width: 20%;
    height: 100%;
    line-height:50px;
    font-size:14px;
    font-weight:400;
    color:#999999;
    text-align: right;
}
.announcement_ul>li:hover a {
    color:#003F97;
}

/*公告公式*/
.module_wrap .module_row {
    display:flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}
.module_wrap  .module_left_box {
    display:flex;
    display:-webkit-flex;
}
.module_wrap .module_row .more_box {
    color: #999999;
    font-size: 14px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    justify-content: center;
}
.module_wrap .module_row .more_box::after {
    content: '';
    display: block;
    width: 7px;
    height: 10px;
    background-image: url('../images/more_icon.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 10px;
}
.module_wrap .module_title {
    font-size:24px;
    font-weight:500;
    line-height:28px;
    margin-left: 3px;
}
.module_wrap .module_row .module_tab_ul {
    height: 100%;
    display:flex;
    display:-webkit-flex;
    margin-left:10px;
}
.module_wrap .module_row .module_tab_ul li {
    height: 100%;
}
.module_wrap .module_row .module_tab_ul li a {
    margin: 0 10px;
    display: inline-block;
    font-size:16px;
    font-weight:400;
    line-height:28px;
    color:rgba(0,0,0,1);
}
.module_wrap .module_row .module_tab_ul li.current a {
    color:#003F97;
}
.module_wrap img.line_big {
    width: 100%;
    height: 7px;
    display:block;
    margin-top: 4px;
}
.module_wrap .video_wrap_ul {
    margin: 0 -10px ;
    padding: 15px 0;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.module_wrap .video_wrap_ul li {
    margin: 0 10px;
    width: 295px;
    padding:15px 0;
}
.module_wrap li  .video_box {
    width: 100%;
    height:180px;
    border-radius: 10px;
    overflow:hidden;
    background-color: #a0a0a0;
    position:relative;
}
.module_wrap li  .video_box img {
    width: 100%;
    height: 100%;
    display: block;
}

.col_5 {
    width: 600px;
    height: 100%;
}
.col_5 .hot_wrap {
    display: -webkit-flex;
    display: flex;
    padding-top: 16px ;
}
.hot_wrap>img {
    width: 200px;
    height: 134px;
    display: block;
}
.hot_wrap .hot_content {
    width: 65%;
    box-sizing: border-box;
    padding-left: 20px;
}
.hot_wrap .hot_content>a {
    display: block;
    width: 100%;
    color: #212121;
    font-size: 16px;
    padding-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.hot_wrap .hot_content>p {
    color: #999999;
    font-size: 14px;
    margin-top: 20px;
}
.hot_wrap .hot_content>p a {
    font-size: 14px;
    color: #da0503;
    font-weight: 400;
}

/*解决方案*/
.solution_wrap {
    width: 1240px;
    margin: 0 auto;
}
.solution_wrap .col_5{
    width: 600px;
}
.hot_wrap {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}
.solution_wrap .hot_wrap .hot_box {
    position: relative;
    width: 200px;
    height: 134px;
}
.solution_wrap .hot_wrap .hot_box img {
    width: 100%;
    height: 100%;
    display: block;
}
.solution_wrap  .hot_wrap .hot_box a{
    width: 100%;
    height: 32px;
    line-height: 32px;
    position: absolute ;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    background-color: rgba(0,0,0,0.5);
    display: block;
    padding: 0 10px ;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*面包屑导航*/
#breadcrumbs_wrap {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    color: #CBCBCB;
    font-size: 15px;
    padding: 30px 0 15px 0;
}
#breadcrumbs_wrap a.highlight {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}

#breadcrumbs_wrap a:nth-child(1):before {
    display: block;
    content: '';
    width: 14px;
    height: 20px;
    margin-right: 10px;
    background-image: url("../images/mark_icon.png");
    background-size: 100% 100% ;
    background-position: center;
    background-repeat: no-repeat;
}
#breadcrumbs_wrap a.highlight {
    color: #212121;
    margin:0 10px;
}
#breadcrumbs_wrap a:nth-child(1) {
    margin-left: 0;
}
#breadcrumbs_wrap a.last {
    color: #CBCBCB;
    font-size: 15px;
    margin-left: 10px;
}
.listle_row {
    font-size: 24px;
    color: #D90503;
    padding: 15px 0;
    border-bottom: 1px solid #E1E1E1;
}

/*分页器*/
#pagination_wrap {
    display: flex;
    display: -webkit-flex;
    align-content: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    box-sizing: border-box;
}
#pagination_wrap>a {
    display: block;
    padding: 5px;
    box-sizing: border-box;
    min-width: 34px;
    border: 1px solid #E2E2E2;
    text-align: center;
    color: #999999;
    font-size: 15px;
    border-radius: 2px;
    margin: 5px;
    transition: all 0.3s;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
}
#pagination_wrap>a:hover {
    border-color: #004098;
    background-color: #004098;
    color: #fff;
    box-sizing: border-box;
}
#pagination_wrap>a.current {
    border-color: #004098;
    background-color: #004098;
    color: #fff;
    box-sizing: border-box;
}

/*排行榜*/
.leaderboard_ul {
    width: 100%;
}
.leaderboard_ul li {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    height: 50px;
    border-bottom: 1px dashed #E0E2E2;
    box-sizing: border-box;
}
.leaderboard_ul li>div {
    width:36px;
    height:26px;
    background:rgba(79,121,155,1);
    border-radius:5px;
    text-align: center;
    line-height: 26px;
    color: #fff;
    margin-right: 40px;
}
.special_ul li:nth-child(1) >div {
    background-color: #FF5D41;
}
.special_ul li:nth-child(2) >div {
    background-color: #27A709;
}
.special_ul li:nth-child(3) >div {
    background-color: #007BE5;
}
.leaderboard_ul li>a {
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}