/* 
* @Author: Marte
* @Date:   2021-03-04 15:43:39
* @Last Modified by:   Marte
* @Last Modified time: 2025-03-17 17:23:17
*/

.index_main{height: 1131px;background: url(../images/index_main_bg.jpg) no-repeat center;padding-top: 30px;position: relative;overflow: hidden;}
.index_main_wrap{width: 1200px;margin:0 auto;}
.index_more {height: 30px;}
.index_more span{background: url(../images/more_icon.png) no-repeat;width: 20px;height: 20px;display:inline-block;vertical-align: top;margin-right: 5px;}

.notice{float: left;position: relative;margin:0 16.5px;}
.notice_tit{width: 97px;height: 87px;background: url(../images/notice_tit.png) no-repeat;position: absolute;top: -14px;left: -20px;z-index: 1;}
.notice_show{padding:5px;background: #eee;}
.notice_show ul{width: 358px;border: 1px solid #12315f;height: 204px;padding-top: 10px;padding-bottom: 10px;}
.notice_show ul a{width: 224px;margin:0 auto;font-size: 15px;color:#333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align: center;display: block;line-height: 30px;}
.notice_show ul a:hover{text-decoration: underline;color:#12315f;}
.n_t_r_t{background: url(../images/notice_img_r_t.png) no-repeat;position: absolute;top: 6px;right: 6px;width: 21px;height: 20px;}
.n_t_r_b{background: url(../images/notice_img_r.png) no-repeat;position: absolute;bottom: 6px;right: 6px;width: 20px;height: 21px;}
.n_t_l_b{background: url(../images/notice_img_l_b.png) no-repeat;position: absolute;bottom: 5px;left: 6px;width: 20px;height: 21px;}

.slides_show{float: left;padding:8px;background: #ececec;margin-left: 29px;margin-top:  16px;}
.slides_show_bd{border: 1px solid #12315f;overflow: hidden;position: relative;width: 350px;}
.img_wrap ul{width: 350px;height: 234px;overflow: hidden;position: relative;z-index: 1;}
.img_wrap li{width: 350px;height: 234px;position: absolute;top: 0;right: 0;}
.img_wrap li img{display:block;width: 100%;height: 100%;object-fit: cover;}
.img_click_li{position: absolute;right: 5px;bottom: 10px;z-index: 2;}
.img_click_li li{border: 2px solid #fff;width: 5px;height: 5px;background: #fff;border-radius: 50%;float: left;margin-right: 8px;}
.img_click_li li:hover,.img_click_li li.current{background: #12315f;cursor:pointer;}


.dynamic{float: right;width:343px;padding:0 20px;}
.dynamic_tit{font-size: 24px;color:#12315f;font-weight: bold;height: 28px;line-height: 28px;text-align: center;}
.dynamic_tit_arr_l{display:inline-block;background: url(../images/dynamic_tit_arr_l.png) no-repeat;width: 23px;height: 28px;vertical-align: top;}
.dynamic_tit_arr_r{display:inline-block;background: url(../images/dynamic_tit_arr_r.png) no-repeat;width: 23px;height: 28px;vertical-align: top;}
.dynamic_first{padding-bottom: 10px;border-bottom: 1px solid #e5e5e5;margin-bottom: 10px;}
.dynamic_first_tit{color:#143360;font-weight: bold;font-size: 16px;padding:20px 0 10px;display:block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 80%;}
.dynamic_first_intro{font-size: 15px;line-height: 16px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:2;display: -webkit-box;-webkit-box-orient:vertical; height: 33px;color:#333;}
.dynamic_wep{display:none;}
.dynamic_wep_img{display:block;}
.dynamic_wep_img img{width: 100%;}

.index_main_list_show_block{padding:5px;background: #f8f8f9;float: left;margin:24px 24px 0 16.5px;position: relative;z-index: 1;}
.index_main_list_show_block_bd{width: 358px;border: 1px solid #000;border: 1px solid #12315f;height: 278px;padding-top: 10px;position: relative;}
.index_main_cen_tit{color: #12315f;font-size: 24px;text-align: center;line-height: 28px;padding:10px 0;font-weight: bold;}
.index_main_cen_line{background: url(../images/index_tit_line.png) no-repeat center;height: 6px;margin-bottom:10px;}
.index_main_list_show_block_bd .list{margin:0 15px;}
.index_list_more{font-size: 14px;color:#12315f;margin:10px;text-align: center;display:block;margin:0 auto;width: 76px;}
.i_l_t{position: absolute;top: 0;left: 0;}
.i_l_t_b{border-right: 1px solid #12315f;border-bottom: 1px solid #12315f;width: 23px;height: 8px;}
.i_l_t_s{border-right: 1px solid #12315f;border-bottom: 1px solid #12315f;width: 8px;height: 5px;}
.i_l_b{position: absolute;bottom: 0;left: 0;}
.i_l_b_b{border-right: 1px solid #12315f;border-top: 1px solid #12315f;width: 23px;height: 8px;}
.i_l_b_s{border-right: 1px solid #12315f;border-top: 1px solid #12315f;width: 8px;height: 5px;}
.i_r_t{position: absolute;top: 0;right: 0;}
.i_r_t_b{border-left: 1px solid #12315f;border-bottom: 1px solid #12315f;width: 23px;height: 8px;}
.i_r_t_s{border-left: 1px solid #12315f;border-bottom: 1px solid #12315f;width: 8px;height: 5px;float: right;}
.i_r_b{position: absolute;bottom: 0;right: 0;text-align: right;}
.i_r_b_b{border-left: 1px solid #12315f;border-top: 1px solid #12315f;width: 23px;height: 8px;}
.i_r_b_s{border-left: 1px solid #12315f;border-top: 1px solid #12315f;width: 8px;height: 5px;display:inline-block;vertical-align: bottom;}
.index_main_list_show_block:last-of-type{margin-right:0;}

.index_main_center_wep{height: 396px;background: url(../images/wep_three_bg.jpg) no-repeat center;background-size: 100% 192px;display:none;}
.index_main_center_wep_list{float: left;width: 65%;margin:0 2.5%;position: relative;height: 396px;overflow: hidden;}
.index_main_center_wep .index_main_list_show_block{margin:0;width: 33.33%;box-sizing: border-box;float: left;}
.index_main_center_wep .index_main_list_show_block_bd{width: auto;height: 374px;}
.wep_arr_l{width: 15%;float: left;height: 100%;background: url(../images/wep_arr_l.png) no-repeat center;-webkit-background-size: 100% auto;
background-size: 90% auto;}
.wep_arr_r{width: 15%;float: left;height: 100%;background: url(../images/wep_arr_r.png) no-repeat center;-webkit-background-size: 100% auto;
background-size: 90% auto;}
.index_main_center_wep_list .index_list_more{margin-top: 30px;}
.index_main_center_wep_list_ul{width: 300%;position: relative;}

.index_main_bottom{margin-top: 50px;margin-left: 18px;}
.box{width:986px; height:320px; overflow:hidden;float: left;}
.box img{display:block;}
.box ul{width:1616px;}
.box li{float:left; width:112px;height:320px; overflow:hidden; cursor:pointer;margin-left:4px;background: #12315f;}
.box li img{width: 522px;height: 320px;object-fit: cover;background: #12315f;opacity: .4;transition: all 500ms;}
.box li.current img{opacity:1;transition: all 500ms;}
.box li:nth-of-type(1){width: 522px;margin-left: 0;}
.imgs_left{width: 57px;height: 320px;background: url(../images/imgs_left.jpg) no-repeat;background-size: 100% 100%;font-size: 18px;position: relative;float: left;margin-left: 4px;}
.imgs_left span{position: absolute;width: 18px;left:21.5px;top: 25px;font-size: 18px;color:#fff;display:block;writing-mode: vertical-lr; writing-mode: tb-lr; height: 275px;overflow: hidden;line-height: 18px;text-overflow: ellipsis;white-space: nowrap;}
.index_main_bottom_tit{font-size: 24px;color:#12315f;font-weight: bold;width: 28px;line-height: 26px;text-align: center;}
.i_m_b_tit_icon{display:block;background-image: url(../images/i_b_tit_arr_t.png);background-repeat: no-repeat;width: 28px;height: 23px;}
.i_m_b_tit_icon_r{display:block;background-image: url(../images/i_b_tit_arr_b.png);background-repeat: no-repeat;width: 28px;height: 23px;}
.index_main_bottom .index_more{width: 20px;display:block;text-align: center;margin:0 auto;line-height: 16px;margin-top: 20px;}
.index_main_bottom_wep{display:none;background: url(../images/wep_index_bt_bg.jpg) no-repeat center top;-webkit-background-size: 100% 100%;
background-size: 100% 100%;padding-bottom: 100px;padding-top: 200px;margin-top: -122px;}
.index_main_bottom_wep_big_img{margin:0 30px;padding-top: 50%;position: relative;}
.index_main_bottom_wep_big_img img{width: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;object-fit: cover;height: 100%;}
.index_main_bottom_wep_imgs{margin-top: 10px;height: 200px;margin:10px 30px 0;}
.index_main_bottom_wep_imgs ul {height: 100%;width:calc(100% - 76px);float: left;}
.index_main_bottom_wep_imgs ul li{width: 24%;overflow: hidden;margin-right: 1%;position: relative;float: left;height: 100%;}
.index_main_bottom_wep_imgs ul li img{height: 100%;width:auto;}
.index_main_bottom_wep_imgs ul li span{background: #12315f;opacity:.5;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.index_main_bottom_wep_imgs ul li.current span{opacity:0;}
.index_main_bottom_wep_imgs_left {width: 36px;height: 100%;background: url(../images/imgs_left.jpg) no-repeat;background-size: 100% 100%;position: relative;float: left;font-size: 14px;}
.index_main_bottom_wep_imgs_left span{position: absolute;width: 16px;left:11px;top: 10px;font-size: 14px;color:#fff;display:block;writing-mode: vertical-lr; writing-mode: tb-lr; height: 100%;overflow: hidden;line-height: 16px;text-overflow: ellipsis;white-space: nowrap;}
.index_main_bottom_wep .index_main_bottom_tit{font-size: 18px;width: 22px;}
.index_main_bottom_wep .index_main_bottom_tit span{width: 22px;display:block;line-height: 20px;}
.index_main_bottom_wep .index_more{width: 14px;display:block;text-align: center;margin:0 auto;line-height: 14px;margin-top: 10px;font-size: 12px;}
.index_main_bottom_wep .index_more span{width: 14px;background-size: 100% 100%;height: 14px;}
.index_main_bottom_wep .i_m_b_tit_icon,.index_main_bottom_wep .i_m_b_tit_icon_r{width: 22px;height: 16px;background-size: 100% 100%;}


@media screen and (max-width:750px){
    .side_img{display:none;}
    .nav>ul{display:none;}
    .index_main_wrap{width: 100%;}
    .index_main_bottom{display:none;}
    .index_main{height: 100%;}
    .slides_show{display:none;}
    .notice .index_more {display:none;}
    .notice_show ul{width:auto;height:auto;padding-bottom: 10px;}
    .notice_show ul li{display:none;}
    .notice_show ul li:first-of-type{display:block;}
    .notice_show ul a{font-size: 16px;display:block;text-align: left;width:auto;margin-left: 80px;margin-right: 20px;}
    .notice{float: none;margin:0 30px 30px;}
    .dynamic{display:none;}
    .dynamic_wep{float: none; width: auto;padding: 0 30px;display:block;}
    .dynamic_wep_img {display:block;margin-bottom: 24px;}
    .dynamic_wep .dynamic_tit{text-align: center;font-size: 24px;width: 30px;line-height: 26px;height: auto;margin-left: 15px;}
    .dynami_tit_right{text-align: center;width: 36px;float: right;}
    .dynamic_wep .index_more{display:block;font-size: 18px;width: 16px;line-height: 18px;text-align: center;margin:10px auto 0;height: auto;}
    .dynamic_wep .index_more span{margin-bottom: 10px;}
    .dynamic_wep .dynamic_first{float: right;border-bottom: 0 none;width: calc(100% - 54px)}
    .dynamic_wep .dynamic_first_tit{float: right;font-size: 18px;width: 20px;height: 265px;text-overflow: ellipsis;white-space: nowrap;padding:18px 12px;background: url(../images/imgs_left.jpg) repeat-y 100%;color:#fff;font-weight: bold;margin-left: 10px;}
    .dynamic_wep .dynamic_first_tit span{display:block;font-size: 18px;width: 24px;writing-mode: vertical-lr; writing-mode: tb-lr;height: 95%;overflow: hidden;line-height: 24px;text-overflow: ellipsis;}
    .dynamic_wep .dynamic__intro{float: right;writing-mode: vertical-rl; writing-mode: tb-rl;height: 303px;-webkit-line-clamp: inherit;font-size: 16px;line-height: 36px;width:calc(100% - 70px);overflow: hidden;}
    .index_main_center{display:none;}
    .index_main_center_wep{display:block;}
    .index_main_bottom_wep{display:block;}

}