body{background: linear-gradient(to bottom, #e7f0fd, #accbee); background-size: 100% auto;} 
 /*方正报宋  */
@font-face {
    font-family: '方正报宋_GBK';
    src: url('/public/fonts/方正报宋_GBK.TTF');
}
.banner img{ width: 100%;} 
/* url(../images/banner.jpg) top center no-repeat, */ 
.parttitle img{ width: 100%;}


.part1 {margin-top: -35vw; position: relative; z-index: 1; } 
.part1 .bg {background: rgba(255,255,255, .4);  position: relative;  } 
    .part1 .bg::before { content: ''; display: inline-block; position: absolute; top: 24%; bottom: -15px; left:-40px; right: -40px; background: url(../images/part1_bg.png) top center no-repeat; background-size: 100% 100%; } 
    /* 下拉选择 */
    .part1 .select_style{  display: inline-flex; align-items: center; margin-left: 15px; }   
    .part1 .select_style .sel{ text-align: left; cursor:pointer; font-size: 16px; line-height: 30px; color: #1d69af; display:inline-block; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; } 
    .part1 .select_style .arror{ display: inline-block; width: 18px; height: 7px; background: url(../images/part1_select_1.png) top center no-repeat; background-size: 100% 100%; margin-right: 5px;}
    .part1 .select_style .arror.open{ display: inline-block; width: 18px; height: 7px; background: url(../images/part1_select_2.png) top center no-repeat; background-size: 100% 100%;  margin-right: 5px;}
    
    .part1 #select_box{ position:absolute; top:100%; left: 0; background-color: rgba(42, 153, 255, .5); border-radius: 3px; width:100%; z-index:2; font-size:14px; display:none; cursor: pointer; box-shadow: 0px 5px 7px 0px rgba(126, 126, 126, 0.35); padding: 15px; display: flex; flex-wrap: wrap; text-align: left;} 

    .part1 #select_box li{ margin-bottom: 0; line-height: 20px; padding: 6px 0; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; color: #fff; text-indent: 1.5em; flex: 1 1 calc(50% - 10px); } 
    .part1 #select_box li:hover, .part1 #select_box li.active{ background: url(../images/part1_select_arr.png) center left no-repeat; background-size: auto 40%; } 
    .part1 #selectbox.fixedscroll{ position: fixed; width: 100%; background-color: #fff; top: 0; z-index: 5;; box-shadow: 0 3px 5px rgba(200,200,200,0.4); }
 
    .part1 .map{ padding-left: 0; padding-right: 50px;}
        .part1 .mapbg{ height: 100%; background: url(../images/part1_mapbg.png) top center no-repeat; background-size: 100% 100%; padding: 30px 35px 15px 35px; }
        .part1 .map_title{ position: relative; margin-bottom: 10px;  }
        .part1 .borderb{ border-bottom: 1px solid #1d69af; display: inline-block; }
        .part1 .mapbox img{width: 100%; margin: 0 auto;}
        .part1 .cityname{ font-size: 22px; line-height: 1.5; color: #1d69af; font-weight: bold;  display: inline-block; }
        .part1 .pinyin{ font-weight: normal; font-size: 16px; margin-left: 2em; }
        .part1 .groupdata{ padding: 2px 15px 0 15px; }
        .part1 .persondata{ padding: 2px 15px 0 15px; }
        
        .part1 .mapbox .mapimg{width: 100%; color: #333; font-size: 14px; line-height: 1.6;}
        .part1 .ling { position: relative; }
        .part1 .ling::before{ content: ''; display: inline-block; width: 1px; position: absolute; top: 0; bottom: 0; left: 0; 
            background: linear-gradient(top , rgba(29, 105, 175, .4) , rgb(29, 105, 175) 45% , rgb(29, 105, 175) 55% ,  rgba(29, 105, 175, .2) 100%);
            background: -o-linear-gradient(top , rgba(29, 105, 175, .3) , rgb(29, 105, 175) 45% , rgb(29, 105, 175) 55% ,  rgba(29, 105, 175, .2) 100%);
            background: -ms-linear-gradient(top , rgba(29, 105, 175, .3) , rgb(29, 105, 175) 45% , rgb(29, 105, 175) 55% ,  rgba(29, 105, 175, .2) 100%);
            background: -moz-linear-gradient(top , rgba(29, 105, 175, .3) , rgb(29, 105, 175) 45% , rgb(29, 105, 175) 55% ,  rgba(29, 105, 175, .2) 100%);
            background: -webkit-linear-gradient(top , rgba(29, 105, 175, .3) , rgb(29, 105, 175) 45% , rgb(29, 105, 175) 55% ,  rgba(29, 105, 175, .2) 100%);
            }

        .part1 .mapbox h4{ font-size: 18px; line-height: 1.5; color: #1d69af; font-weight: bold; position: relative; padding:5px 20px 2px 10px; display: inline-block;}
        .part1 .mapbox h4::after{ content: ''; display: inline-block; height: 1.5px; position: absolute; bottom: 0; left: 0; right: 0; 
            background: linear-gradient(left , rgba(29, 105, 175, .4) , rgb(29, 105, 175) 45% , rgb(29, 105, 175) 55% ,  rgba(29, 105, 175, .3) 100%);
            background: -o-linear-gradient(left , rgba(29, 105, 175, .3) , rgb(29, 105, 175) 45% , rgb(29, 105, 175) 55% ,  rgba(29, 105, 175, .3) 100%);
            background: -ms-linear-gradient(left , rgba(29, 105, 175, .3) , rgb(29, 105, 175) 45% , rgb(29, 105, 175) 55% ,  rgba(29, 105, 175, .3) 100%);
            background: -moz-linear-gradient(left , rgba(29, 105, 175, .3) , rgb(29, 105, 175) 45% , rgb(29, 105, 175) 55% ,  rgba(29, 105, 175, .3) 100%);
            background: -webkit-linear-gradient(left , rgba(29, 105, 175, .3) , rgb(29, 105, 175) 45% , rgb(29, 105, 175) 55% ,  rgba(29, 105, 175, .3) 100%);
            }  
        .part1 .mapbox .maplogo{width: 30%; margin-left: -15%; margin-bottom: 10px;}
        .part1 .mapbox p { padding: 0 15px 0 5px; margin: 10px 0; line-height: 2;
            background: linear-gradient(left , #edc461 , rgba(255, 255, 255, 0) 80%);
            background: -o-linear-gradient(left , #edc461 , rgba(255, 255, 255, 0) 80%);
            background: -ms-linear-gradient(left , #edc461 , rgba(255, 255, 255, 0) 80%);
            background: -moz-linear-gradient(left , #edc461 , rgba(255, 255, 255, 0) 80%);
            background: -webkit-linear-gradient(left , #edc461 , rgba(255, 255, 255, 0) 80%);} 
        .part1 .persondata  p{ padding: 0 15px 0 5px; margin: 10px 0;
            background: linear-gradient(left , #8dcc5b , rgba(255, 255, 255, 0) 80%);
            background: -o-linear-gradient(left , #8dcc5b , rgba(255, 255, 255, 0) 80%);
            background: -ms-linear-gradient(left , #8dcc5b , rgba(255, 255, 255, 0) 80%);
            background: -moz-linear-gradient(left , #8dcc5b , rgba(255, 255, 255, 0) 80%);
            background: -webkit-linear-gradient(left , #8dcc5b , rgba(255, 255, 255, 0) 80%);} 
        .part1 .mapbox ul { padding-bottom: 25px; }
        .part1 .mapbox li { padding: 0 5px; margin: 6px 0; }
        .part1 .mapbox li span{ display: inline-block; background-color:#edc461; padding: 0 10px; line-height: 1.2;  margin-left: 10px; border-radius: 5px; color: #fff; font-weight: bold;}
        .part1 .persondata li span{background-color:#67bc1c; }

    .part1 .data{ text-align: center; padding-top: 45px; padding-bottom: 50px; position: relative;} 
        .part1 .dataimg{ width: 80%; margin: 30px auto;} 

    .part1 .pen { position: absolute; bottom: -15px; right: -25px; width: 32%; z-index: 2; }
    
    .part1 .intro { position: relative;
        background: url(../images/part1_introbgline.png) top right no-repeat, linear-gradient(top , #fff , rgba(255, 255, 255, .4) 80%), url(../images/part1_introbgline.png) top right no-repeat;
        background: url(../images/part1_introbgline.png) top right no-repeat, -o-linear-gradient(top , #fff , rgba(255, 255, 255, .4) 80%), url(../images/part1_introbgline.png) top right no-repeat;
        background: url(../images/part1_introbgline.png) top right no-repeat, -ms-linear-gradient(top , #fff , rgba(255, 255, 255, .4) 80%), url(../images/part1_introbgline.png) top right no-repeat;
        background: url(../images/part1_introbgline.png) top right no-repeat, -moz-linear-gradient(top , #fff , rgba(255, 255, 255, .4) 80%), url(../images/part1_introbgline.png) top right no-repeat;
        background: url(../images/part1_introbgline.png) top right no-repeat, -webkit-linear-gradient(top , #fff , rgba(255, 255, 255, .4) 80%) ;
        background-size: 45% auto;
        margin-top: 120px;  padding: 20px 0; }
        .part1 .intro::before{ content: ''; display: inline-block; position: absolute; top: -4vw; bottom: 100%; left: 0; right: 0; background: url(../images/part1_introimg.png) top center no-repeat; background-size: 100% 100%;} 
        .part1 .introbox { margin: 40px auto;}
        .part1 .intro p{ font-size: 14px; line-height: 2; text-indent: 2em; color: #333;}
        /* 轮播图 */
        .swiperbox { padding-right: 6%; }
        .swiperbox img {width: 100%;}
        .swiperbox .pagebox{ position: relative; bottom: 0; left: 76%; width: 23%;}
        .swiper-pagination-bullet{display: none;}
        .swiper-pagination-bullet-active { display: inline-block; width: 35px; height: 20px; color:#c74f38; font-size: 12px; font-weight: bold; text-align: center; line-height: 20px; background: #fff; border-radius: 10px;}
        .swiper-pagination { text-align: center;} 
        .swiper-button-next::after,
        .swiper-button-prev::after{ display: none; }
        .swiper-button-next,
        .swiper-button-prev{ width: 20px; height: 20px; top: -6px; background: url(../images/arr_next.png); background-size: 100% 100%; z-index: 11;}
         .swiper-button-prev{ background: url(../images/arr_prev.png) 100% 100%; background-size: 100% 100%; }
        .swiper-button-prev.swiper-button-disabled{background: url(../images/arr_prev_disable.png); opacity: 1;  background-size: 100% 100%;} 
        .swiper-button-next.swiper-button-disabled{ background: url(../images/arr_next_disable.png)100% 100%; opacity: 1; background-size: 100% 100%; }
.part2 { margin-top: 50px; }
.part2 .main{ background-color: rgba(255,255,255, .25); padding: 30px 15px; text-align: center;} 
.part2 .main .morebox{ display: none; } 
.part2 .main .lookmore{background: url(../images/lookmorebg.png) top center no-repeat; background-size: 100% 100%;} 
    .part2 .box { padding: 25px 25px 30px 25px; color: #464646; font-size: 14px; margin-bottom: 35px; text-align: center;}
    .part2 .color1 { 
        background: url(../images/family.png) center 15px no-repeat, -moz-linear-gradient( 90deg, rgba(59,202,69,0.30196) 0%, rgb(255,255,255, .6) 100%); 
        background: url(../images/family.png) center 15px  no-repeat, -webkit-linear-gradient( 90deg, rgba(59,202,69,0.30196) 0%, rgb(255,255,255, .6) 100%);
        background: url(../images/family.png) center 15px  no-repeat, -ms-linear-gradient( 90deg, rgba(59,202,69,0.30196) 0%, rgb(255,255,255, .6) 100%);   background-size: 60% auto;
    }
    .part2 .color2 { 
        background: url(../images/family.png) center 15px no-repeat, -moz-linear-gradient( 90deg, rgba(255,168,0,0.30196) 0%, rgb(255,255,255, .6) 100%);
        background: url(../images/family.png) center 15px no-repeat, -webkit-linear-gradient( 90deg, rgba(255,168,0,0.30196) 0%, rgb(255,255,255, .6) 100%);
        background: url(../images/family.png) center 15px no-repeat, -ms-linear-gradient( 90deg, rgba(255,168,0,0.30196) 0%, rgb(255,255,255, .6) 100%);
        background-size: 60% auto;
    }
    .part2 .color3 { 
        background: url(../images/family.png) center 15px no-repeat, -moz-linear-gradient( 90deg, rgba(120,199,255,0.30196) 0%, rgb(255,255,255, .6) 100%);
        background: url(../images/family.png) center 15px no-repeat, -webkit-linear-gradient( 90deg, rgba(120,199,255,0.30196) 0%, rgb(255,255,255, .6) 100%);
        background: url(../images/family.png) center 15px no-repeat, -ms-linear-gradient( 90deg, rgba(120,199,255,0.30196) 0%, rgb(255,255,255, .6) 100%);
        background-size: 60% auto;
    }
 
    .part2 .theme { margin: 15px 0 15px 0; }
    .part2 .theme h2 { font-size: 30px; color:#383838; line-height: 2; text-align: center; font-family: '方正报宋_GBK';}
    .part2 .theme h4 { font-size: 20px; color:#383838; line-height: 2; text-align: center; font-family: '方正报宋_GBK'; }
    .part2 .imgbox { position: relative; margin-bottom: 15px;}
    .part2 .imgbox::before { content: ''; display: inline-block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #fff; transform-origin: bottom left; transform: rotate(2deg); }
    .part2 .imgbox img { width: 100%; position: relative; z-index: 1; } 
    .part2 .box .article{ color: #464646; line-height: 2.2; text-align: justify; text-indent: 2em; display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        overflow: hidden; } 
        .part2 .box .article b{ font-weight: normal;}
    .part2 .box h3 { font-size: 20px; display: inline-block; background: url(../images/part2_color1h2.png) bottom center no-repeat; background-size: 100% auto; line-height: 1.5; padding: 0 15px 12px 15px; margin: 15px auto; width: 150px; font-family: '方正报宋_GBK'; } 
    .part2 .color1 h3 { background: url(../images/part2_color1h2.png) bottom center no-repeat; background-size: 100% auto;}
    .part2 .color2 h3 { background: url(../images/part2_color2h2.png) bottom center no-repeat; background-size: 100% auto;}
    .part2 .color3 h3 { background: url(../images/part2_color3h2.png) bottom center no-repeat; background-size: 100% auto;}

    .part2 .color4 h3 { background: url(../images/part2_color2h2.png) bottom center no-repeat; background-size: 100% auto;}
    .part2 .color5 h3 { background: url(../images/part2_color3h2.png) bottom center no-repeat; background-size: 100% auto;}
    .part2 .color6 h3 { background: url(../images/part2_color1h2.png) bottom center no-repeat; background-size: 100% auto;}

    .part2 .box .teamname{ position: relative; margin-left: 20px; text-align: left; text-indent: 0; overflow: visible; margin-bottom: 10px; line-height: 2.2;} 
    .part2 .box .imgbox .teamname{display: none;}
    .part2 .teamname img{ position: absolute; top:0; left: -15px; width: 30px; } 
    .part2 .teamname span{ background-color: #fff; border-radius: 0 0 5px 0; line-height: 1.5; padding:2px 15px; margin-left: 5px;} 
    .part2 .box .more{ width: 35px; height: 35px; border:3px solid #e8f0fc; position: absolute; display: inline-block; bottom: 17px; left: 50%; margin-left: -17px; border-radius: 100%; cursor: pointer;} 
    
    .row .botton{background: url(../images/lookmorebg.png) top center no-repeat; background-size: contain; height: 40px; line-height: 32px; padding: 0 50px; margin: 0 auto; margin-top: -17px; cursor: pointer;}

/* 弹出框 */
    .modal-body .imgbox{ text-align: center; width: 100%; position: relative;}
    .modal-body>img{ width: 70%; margin: 30px auto; }
    .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 100px); display: flex; flex-direction: column;}
    .modal-dialog-scrollable .modal-body { overflow-y: auto; position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 20px 45px; margin-top: 15px; margin-bottom: 15px; /* mask: linear-gradient(180deg, #000 90%, transparent 99%); */ }
    .modal-dialog { margin: 10rem auto 5rem auto; padding: 10px; background: rgba(136, 196, 174, .5); } 
    .modal-dialog .btnclose{ width: 20px; }
    .modal-dialog .close{ opacity: 1; padding: 10px; background-color: rgba(118,191,167, .5); position: absolute; top: 35px; right: -50px; line-height: 0;}  
    .close:focus, .close:hover { opacity: .5; }
    .modal-dialog .modal-title{ font-size: 24px; line-height: 30px; text-align: center; color:#fff; font-family: '宋体'; font-weight: bold; text-indent: 2em;}
    .modal-dialog .modal-title p{ font-size: 16px; text-align: center; color:#abd2e0; }
 
    /* 弹出框内容定位 */
    .modal-dialog .modalbg { position: absolute; width: 35%; top:-15%; right: -4%; }
    .modal-dialog.color1 .close{ background-color: rgba(59,202,69,0.3); }
    .modal-dialog.color1 .{ background: rgba(59,202,69,0.3);  } 
    .modal-dialog.color2 .close{ background-color:rgba(255,168,0,0.3); }
    .modal-dialog.color2 { background: rgba(255,168,0,0.3);  } 
    .modal-dialog.color3 .close{ background-color: rgba(120,199,255,0.3); }
    .modal-dialog.color3 { background: rgba(120,199,255,0.3);  } 
    .modal-body.part2 .box { background-image: none; }
    .modal-body.part2 .box h3 { margin: 25px auto; }
    .modal .color1 h3 { background: url(../images/part2_color1h2.png) bottom center no-repeat; background-size: 100% auto;}
    .modal .color2 h3 { background: url(../images/part2_color2h2.png) bottom center no-repeat; background-size: 100% auto;}
    .modal .color3 h3 { background: url(../images/part2_color3h2.png) bottom center no-repeat; background-size: 100% auto;}
    .modal-body.part2 .box .theme,  .modal-body.part2 .box .more { display: none; }
    .modal-body.part2 .box .article{ display: block; }
    .modal-body.part2 .imgbox > img{ width: 70%; margin: 0 auto; } 
    .modal-body.part2 .box .imgbox .teamname{ display: block; position: absolute; margin-left: 0; top: 70%; left: 15%; z-index: 1; }
    .modal-body.part2 .box > .teamname{ display: none; }
    .modal-dialog-scrollable { max-height: calc(100% - 15rem); }
 
.part3 { margin-top: 60px; }
    .part3 .tabbox {}
    .part3 .tabbox .tab{ padding:0 3px; vertical-align: bottom; opacity: .6; cursor: pointer;} 
    .part3 .tabbox .tab:hover{ opacity: .8;}
    .part3 .tabbox .tab.active{ opacity: 1; margin-top: -4px; } 
    
    .part3 .tabbox img{ width: 100%;} 
    .part3 .main{ background-color: rgba(255, 255, 255, .6); padding: 70px 35px 60px 35px; color:#333; }
    .part3 .main img{ width: 100%; margin-top: 5px; }
    .part3 .main .namebox{ position: relative; margin-top: 20px; margin-left: 34px; display: inline-flex; align-items: center; background: rgba(255, 255, 255, .6); }
    .part3 .main .logo{ width: 32px; margin-left: -18px;}
    .part3 .main span{ margin: 0 25px 0 15px; font-size: 15px; }
    .part3 .main .text{font-size: 14px; color: #333; line-height: 1.7; text-align: justify; font-family: "HarmonyOS Sans SC"; background: url(../images/part3_textbg.png) bottom right no-repeat; background-size: 100% auto; padding: 0 15px 10px 15px;} 
    .part3 .content>.row{ margin-bottom: 40px; display: none;}
    .part3 .content .row:nth-child(-n+2) { display: flex; }
 
        
.part4 {margin-top: 60px; margin-bottom: 60px;}
    .part4 .col-md-12{ background:#d0e2f5 url(../images/part4_bg.png) top left repeat-x; padding-left: 45px; padding-right: 45px; padding-bottom: 30px;} 
    .part4 .topic { text-align: center; margin: 72px 0 44px 0; }
    .part4 .topic img{ height: 67px; }

    /* 1 */
    .part4 .p1 {padding-bottom: 80px;}
    .part4 .p1 .h1{ background: url(../images/part4_1_bg.png) top center no-repeat;background-size: 100% 100%; padding: 30px 70px 30px 80px; font-size: 36px; color: #fff; margin-bottom: 0; }
    .part4 .p1 .h1 span { font-size: 22px; }
    .part4 .p1 .article { padding-left: 80px; margin-top: -0.7%;}
    .part4 .p1 .article p{ position: relative; background-color: #fff; padding: 25px 140px 30px 25px; color:#464646; font-size: 15px; line-height: 2; }
    .part4 .p1 .article .more{ position: absolute; left: 18%; width: 18%; bottom: -20px; }
    .part4 .p1 .imgbox{ position: relative; }
    .part4 .p1 .img{ position: absolute; right: 0; bottom: -30px; height: 105%; }
 
    /* 2 */
    .part4 .newslink{ display: inline-block; width: 100%; margin-bottom: 25px; }
    .part4 .newslink:hover{ box-shadow: 1px 1px 5px 2px rgb(135 135 156 / 16%); }
    .part4 .newsimg{ width: 100%; }  

    /* 3 */
    .part4 .box { color:#464646; margin-bottom: 25px; cursor: pointer;}
    .part4 .box h3{ font-size: 18px; font-weight: bold; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; line-height: 2;  }
    .part4 .box .author, .part4 .box .date{ font-size: 14px; line-height: 2; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }

 /* 滚动条样式 */
::-webkit-scrollbar { width: 7px; }  
::-webkit-scrollbar-track { background-color: #fff; }
::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 4px; }
::-webkit-scrollbar-corner { display: none; }

@supports (-moz-appearance:none) {
    .search-result-content { scrollbar-width: thin; }
    ::-moz-scrollbar-track { background-color: #f5f5f5; }
    ::-moz-scrollbar-thumb { background-color: #aaa;  border-radius: 4px; }
}
      
@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1200px;
    }
    .modal-lg, .modal-xl {
        max-width: 1000px;
    }
}

@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        max-width: 900px;
    }
   
}
@media (max-width: 1200px) { 
    .part4 .p1 .h1 {
        background-size: 140% 100%;
        padding: 30px 15px 30px 15px;}
    .part4 .p1 .article {
        padding-left: 0;
        margin-top: 0;
    }
    .part4 .p1 .article p{padding: 20px 45px 20px 15px;}
    .part4 .p1 .article .more { 
        position: relative; left: 50%; width:100px; bottom: 15px; margin-left: -50px;
       }
    .part4 .p1 .img {
        position: absolute;
        right: 0;
        bottom: -30px;
        height: auto;
        width: 200%;
    }
}

@media (max-width: 992px) { 
   
}


@media (max-width: 768px) { 
    .part1 .map{ padding-right: 0;}
    .map_title {text-align: center;}
    .swiperbox { padding-right: 0%; }
    .swiperbox .pagebox { left: 60%; width: 40%; }
    .part1 .bg::before{ display: none;}
    .part1 .pen{ bottom: -15px; right: -8px; width: 60%; z-index: 2;}
    .part1 .introbox {
        margin: 20px auto;
    }
    .part2 .main { padding: 25px 0px; }
    .part2 .box{padding: 15px 15px 20px 15px;}
    .modal-dialog-scrollable .modal-body { overflow-y: auto; position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 20px 15px; margin-top: 15px; margin-bottom: 15px; }
    .modal-dialog .modalbg { width: 32%; top: -18%; right: 3%;}

    .part3 .main { padding: 20px 0px; }

    .part4 .col-md-12{ padding-left: 15px; padding-right: 15px;}
    .part4 .p1 .h1 {
        background: url(../images/part4_1_bg.png) top center no-repeat;
        background-size: 140% 100%;
        padding: 30px 15px 30px 15px;
        font-size: 32px;   }
    .part4 .p1 .article {
        padding-left: 0;
        margin-top: 0;
    }
    .part4 .p1 .article p{padding: 20px 15px;}
    .part4 .p1 .article .more { 
        position: relative; left: 50%; width:100px; bottom: 15px; margin-left: -50px;
        }
    .part4 .p1 .img {
        position: relative;
        right: 0;
        bottom: 0;
        height: auto;
        width: 100%;
    }
    .part4 .topic {
        text-align: center;
        margin: 30px 0 25px 0;
    }
 }