*{ margin:0; padding:0;}
body{ font-family:"宋体"; font-size:14px}
@media  screen and (min-width:769px){
.fl{ float:left; width:220px;}
.fr{ float:right;width: calc(100% - 220px); position:relative}
.logo{ font-size:28px; font-weight:bold;margin-top:50px; text-align:center; font-family:Arial}
.logo a{ text-decoration:none; color:#000}
.logo img{ width:100%; height:160px; border-radius:50%}
.nav{ margin-top:50px;}
.nav ul{ list-style:none; margin:0; margin-left:100px;}
.nav ul li{ line-height:30px; height:30px; font-size:16px;}
.nav ul li.zt{ margin-left:-2.0em; font-weight:bold}
.nav ul li a{ text-decoration:none; color: #333}
.cont{ padding:10px 20px;position:relative}
.cont h1{ line-height:40px; font-size:18px; border-bottom:1px solid #CCC}

.post{display:flex;flex-wrap:nowrap; margin-top:100px;gap:138px; width:100%;}
.post .pic{ width:fit-content;}
.post .pic:first-child{ margin-left:138px;}
.post .pic:last-child{ padding-right:138px;}
.post img{max-height:600px;}

.himg{ margin:0 auto; width:100%; text-align:center;margin-top:50px; }
.himg img{ width:70%;}
.Ins{ position: fixed; left:0px; bottom:0px; width:60px;}
.Ins img{ width:100%;}

.post_b{display:flex;flex-wrap:nowrap; margin-top:50px;gap:50px;justify-content:flex-start}
.post_b .pic{ width:fit-content;}
.post_b .pic:first-child{ margin-left:50px;}
.post_b .pic:last-child{ padding-right:50px;}
.post_b img{ max-height:600px;}

.post_c{ margin-top:50px; position:relative;}
.post_c .pic{ height:calc(90vh - 50px); margin:0 auto; width:100%; text-align:center;}
.post_c .pic img{ height:80vh;}
.Bio{ margin-top:30px;}
.Bio p{ line-height:30px; font-size:16px; font-family:"Yantramanav",sans-serif; color:#333; letter-spacing:0.5px}
.Bio a{ color:#F00; font-size:18px}
.Mob_ico{ display:none}
.post_c span{ position:relative; display:inline-block}
.post_c span a#prev{ position:absolute; left:-80px; top:0; bottom:0px; margin:auto; height:100px; width:100px;cursor:pointer}
.post_c span a#next{ position:absolute; right:-80px; top:0; bottom:0px; margin:auto; height:100px;width:100px;cursor:pointer}
.post_c span a img{ width:100px!important; height:100px!important;}
}
@media  screen and (max-width:768px){
	
.fl{ height:90px; position:relative; border-bottom:1px solid #999}
.fr{position:relative}
.logo{ position:absolute; width:200px; height:70px;top:10px; left:0px; text-align:center; line-height:70px; font-size:2.0em; font-weight:bold; font-family:Arial}
.logo a{ text-decoration:none; color:#000}
.logo img{ width:100%; height:70px;}
.nav{ height:0px;overflow:hidden;position:absolute; width:200px; top:90px; padding:0px 20px; right:0px; background:#FFF; z-index:999;transition:all 0.5s;}
.navx{ height:250px; position:absolute; overflow:hidden;width:200px; top:90px; padding:0px 20px; right:0px; background:#FFF; z-index:999;transition:all 0.5s;}
.navx ul{ list-style:none; margin:0;}
.navx ul li{ line-height:30px; height:30px; text-align:center; font-size:1.2em; font-weight:bold}
.navx ul li a{ text-decoration:none; color: #333}
.nav ul{ list-style:none; margin:0;}
.nav ul li{ line-height:30px; height:30px; text-align:center; font-size:1.2em; font-weight:bold}
.nav ul li a{ text-decoration:none; color: #333}
.cont{ padding:10px 20px;position:relative}
.cont h1{ line-height:40px; font-size:18px; border-bottom:1px solid #CCC}
.post{ width:90%; margin:0 auto}
.post .pic{ width:fit-content; margin:20px 0px}
.post img{ width:100%;}
.himg{ width:90%; margin:20px auto}
.himg img{  width:100%;}
.Ins{ position: fixed; bottom:0px; width:40px; left:0; margin:auto}
.Ins img{ width:100%;}
.post_b{ width:90%; margin:0 auto}
.post_b .pic{ width:fit-content; margin:20px 0px}
.post_b img{ width:100%;}
.post_c{ width:90%; margin:0 auto}
.post_c .pic{ width:fit-content; margin:20px 0px}
.post_c img{ width:100%;}
.Bio{ margin-top:30px;}
.Bio p{ line-height:30px; font-size:1.2em; font-family:"Yantramanav",sans-serif; color:#333}
.Bio a{ color:#F00; font-size:1.4em;}
.Mob_ico{ display:block; width:39px; position:absolute; right:30px; top:28px}
.Mob_ico img{ width:100%;}
.post_c span{ position:relative; display:inline-block}
.post_c span a#prev{ position:absolute; left:-50px; top:0; bottom:0px; margin:auto; height:50px; width:50px;cursor:pointer}
.post_c span a#next{ position:absolute; right:-50px; top:0; bottom:0px; margin:auto; height:50px;width:50px;cursor:pointer}
.post_c span a img{ width:50px!important; height:50px!important;}
}