@charset "utf-8";

div,table,html,body,form,ul,ol,li,dl,dt,img,dd,tr,span,input,select,img,p{margin:0 ;padding:0;}
h1,h2,h3,h4,h5,h6{padding:0;margin:0;}
body{font-family: "微软雅黑","黑体"; color:#000000; text-align:left; background-color: #e5d7be; max-width: 1920px; margin: 0 auto; position: relative;}
html{background-color: #FFFFFF;}
a{text-decoration:none; color:#000000;}
a:hover{text-decoration:none;color:#000000; text-decoration: none;}
ul li{list-style:none;}
img{display:block;/* width: 100%; *//* height: 100%; */}  
.main {
    touch-action: none;
}
.gzcl{ clear:both; height:0px; overflow:hidden;}
.clearfix:after{content: ""; display: block; visibility: hidden; clear: both;}
.none{display: none;}
.fl{float: left;}
.fr{float: right;}

.bg{ min-width: 1505px; width: 100%; min-height:4559px; margin:0 auto; position:relative; padding-top: 1345px; box-sizing: border-box;
    background:
                url("20240130_banner.png") no-repeat center 0, 
                url("20240130_bg_cloud.png") no-repeat -452px 1212px,
                url("20240130_bg_cloud.png") no-repeat 1394px 1858px,
                url("20240130_bg_cloud.png") no-repeat -276px 2998px,
                url("20240130_bg_banboo.png") no-repeat center 2128px;
    background-color: #e5d7be;
    }

.container{width: 1200px; margin: 0 auto; padding-top: 1095px; position: relative;}

.intro{width: 1505px; height: 854px; margin: 0 auto; position: relative; box-sizing: border-box; padding: 128px 148px 128px 196px; background: url("20240130_frame_intro.png") no-repeat;}
.intro{text-align: left; font-family: "微软雅黑"; font-size: 30px; line-height: 60px; text-align: justify; color: #000000;}
.intro .title{height: 57px; margin-bottom: 15px;}
.intro .author{ position: relative; float: right; margin-top: -200px; width: 394px; height: 394px; box-sizing: border-box; padding: 19px;
    background: url("20240130_frame_circle.png") no-repeat; 
    shape-outside: ellipse();
    /* clip-path: ellipse(); */
}

.intro .author img{width: 356px; height: 356px;border-radius: 50%; object-fit: cover;}
.intro .author .name{width: 356px; position: absolute; bottom: 15px; color: #49453e; font-family: "微软雅黑"; font-size: 30px; line-height: 60px; font-weight: bold; paint-order: stroke; stroke: #eddeca;
    stroke-width: 6px; text-align: center; -webkit-text-stroke: 6px #eddeca; letter-spacing: -3px;}

[data-content]::before {
    content: attr(data-content);
    position: absolute;
    -webkit-text-stroke: 0;
    color: #49453e;
}
    

.magazine{width: 1281px; min-height: 684px; margin: -15px auto 105px; background: url("20240130_frame_magazine.png") no-repeat; background-size: 100% 100%; padding: 57px 54px; box-sizing: border-box;}
.magazine .pic{width: 832px; height: 553px;}
.magazine .pic img{width: 100%; height: 100%;}
.magazine .magazine_content{width: 296px;}
.magazine .nth{width: 291px; height: 136px; background: url("20240130_element_fan.png") no-repeat; font-family: "宋体"; font-size: 40px; font-weight: bold; line-height: 60px; color: #a27230; padding: 25px 70px 0; box-sizing: border-box;}
.magazine h2{font-family: "宋体"; font-size: 36px; font-weight: bold; line-height: 60px; color: #433723; text-align: center;}
.magazine h2 a{color: #433723;}
.magazine p{font-family: "微软雅黑"; font-size: 30px; line-height: 48px; color: #ffffff;}

.review{margin-bottom: 100px;}
.review .title{width: 448px; height: 104px; margin: 0 auto; background: url("20240130_frame_title.png") no-repeat; display: flex; justify-content: center; align-items: center;}
.review_box{width: 1226px; height: 380px; margin: 14px auto;}
.review_box .pic{width: 393px; height: 380px; position: relative;}
.review_box .pic_content{width: 356px; height: 356px; shape-outside: circle(); clip-path: circle(); position: absolute; left: 12px; top: 12px;}
.review_box .pic_content img{width: 100%; height: 100%; object-fit: cover;}
.review_box .mask{position: absolute;}

.review_box .pic_content img{width: 100%; height: 100%;}
.review_box .c1{width: 1101px; height: 276px; margin-top: 48px; margin-left: -272px; padding: 30px 30px 0 280px; box-sizing: border-box; border: 3px solid #d7b476; background: #FFFFFF url("20240130_element_wqhg.png") no-repeat right bottom;}
.review_box .c2{width: 1101px; height: 276px; margin-top: 48px; margin-right: -272px; padding: 30px 280px 0 30px; box-sizing: border-box; border: 3px solid #d7b476; background: #FFFFFF url("20240130_element_wqhg.png") no-repeat left bottom;}


.review_box h2{font-family: "宋体"; font-size: 48px; font-weight: bold; line-height: 50px; color: #b48b48; text-align: center; margin-bottom: 10px; }
.review_box h2 a{color: #b48b48;}
.review_box .c1 h2{text-align: left;}
.review_box .c2 h2{text-align: right;}
.review_box p{font-family: "微软雅黑"; font-size: 24px; line-height: 48px; color: #5b5243; text-indent: 2em; text-align: justify;}

/* 内容页 */
.bg2{ width: 100%; min-width: 1200px; min-height:3771px; margin:0 auto; position:relative; padding-top: 1325px; box-sizing: border-box;
    background: 
                url("20240130_banner.png") no-repeat center 0, 
                url("20240130_bg_cloud.png") no-repeat -452px 1212px,
                url("20240130_bg_cloud.png") no-repeat 1163px 1905px,
                url("20240130_bg_banboo.png") no-repeat center 1206px;
    background-color: #e5d7be;
    }

.frame{width: 1199px; min-height: 1707px; margin: 0 auto 100px; 
    background: url("20240130_cbg_top.jpg") no-repeat center top,
    url("20240130_cbg_bottom.jpg") no-repeat center bottom,
    url("20240130_cbg_center.jpg") no-repeat center center / 100% 100%; box-sizing: border-box; padding: 58px 126px 100px; text-align: center;}
.top .date{font-family: "微软雅黑"; font-size: 30px; line-height: 60px; color: #d1a05f; font-weight: bold;}
.top .nth{width: 330px; height: 84px; margin: 0 auto; background: url("20240130_frame_issue.png") no-repeat; font-family: "宋体"; font-size: 48px; font-weight: bold; line-height: 84px; color: #9d742c; margin-bottom: 30px; }
.top .title h2{font-family: "微软雅黑"; font-size: 60px; font-weight: bold; line-height: 60px; color: #553f18; margin-bottom: 30px;}
.top .title h2 a{color: #553f18;}
.content_box{width: 947px; height: 795px; margin-bottom: 10px; background-color: #c69c6d; border: 3px solid #9d742c; padding: 24px 28px; box-sizing: border-box;}
.content_box .text{width: 864px; height: 733px; overflow: hidden; overflow-y: auto; 
    padding-right: 25px;
    scrollbar-width: thin;
    scrollbar-color: #f0d1ae #FFF;
}

.text::-webkit-scrollbar {
    width: 23px; 
}
.text::-webkit-scrollbar-thumb {
    background-color: #f0d1ae;
}
.text::-webkit-scrollbar-track {
    background-color: #FFF;
}
.content_box .text img{width: 100%;}
.content_box .text h2{font-family: "微软雅黑"; font-size: 60px; font-weight: bold; line-height: 60px; color: #3c2b0d; margin-bottom: 30px;}
.content_box .text p{font-family: "微软雅黑"; font-size: 24px; line-height: 60px; color: #3c2b0d; text-align: justify;}

.bottom{margin-bottom: 30px;}
.author_box{width: 380px; height: 430px; box-sizing: border-box; padding: 11px; background-color: #FFF; border: 3px solid #9d742c;}
.author_box img{width: 352px; height: 348px; object-fit: cover;}
.author_box h2{font-family: "宋体"; font-size: 30px; line-height: 60px; color: #553f18; text-align: center;}
.review_carousel{width: 540px; min-height: 430px; background-color: #FFF; border: 3px solid #9d742c; box-sizing: border-box;}
.review_carousel .title{width: 100%; height: 109px; background-color: #c69c6d; display: flex; justify-content: center; align-items: center;}
.carousel{display: flex;justify-content: center; align-items: center;}
.carousel .carousel_content{margin: 10px 60px 0; }
.carousel .carousel_content img{width: 254px; height: 254px; margin-bottom: 10px; border-radius: 50%; overflow: hidden;}
.carousel .carousel_content h2{width: 254px; font-family: "宋体"; font-size: 30px; font-weight: bold; line-height: 35px; color: #553f18;}
.carousel .carousel_content h2 a{ color: #553f18;}
.prev_arrow, .next_arrow{cursor: pointer;}
.btn_back{width: 371px; height: 87px; margin: 0 auto;}


.di{width: 1200px; margin: 0 auto;}