/* CSS Document */
@charset "utf-8";
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: Arial, sans-serif;
    line-height: 1.6;
    color: #333;
    background-color: #FFD6A7;
}

a {
    text-decoration: none;
    color: #0066cc;
    transition: color 0.3s ease;
}

a:hover {
    color: #004499;
}

img {
    max-width: 100%;
    height: auto;
}

ul {
    list-style: none;
}
/* 头部样式 */
#head {
	background:#fff;
    border-bottom: 1px solid #FFD6A7;
	position:fixed;
    top:0;
    width:100%;
    color:white;
    z-index:1200;
}
.headbox {
	max-width:1200px;
	margin:auto;
	padding:0 15px;
}
.header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 0px 0;
}
.logo{
	width:60px;
	height:30px;
	margin:5px;
	}
.logo img{
	max-width:100px;
	height:auto;
	}
/* 导航菜单样式 */
.muv {
	background-color:#FFF;
}
.muv ul {
    display: flex;
    flex-wrap: wrap;
	list-style:none;
}
.muv li {
	 flex:1 1 auto;
}
.muv ul li a img{
	padding:0px 0px;
	display:block;
	background:white;
	width:50px;
	height:25px;
	}
.muv a {
	font-size:0.9rem;
    display: block;
    color: #000;
	padding:5px 10px;
    text-decoration:none;
	font-weight:normal;
    text-align: center;
    transition: background-color 0.3s;
}
.muv ul li a:hover {
    background-color: #333;
	color:white;
	border-radius:20px;
}

/* 主要内容区域 */
#wap {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

/* 顶部标题区域 */
#t_header {
    background-color: #FFD6A7;
    padding: 20px 0;
    margin-top: 50px;
	display: grid;
	grid-template-columns:1fr 1fr 1fr;
	gap:10px;
}
.toutiao {}
.tth1,.weil,.sear{
	height:300px;
	background:#fff;
	border-radius:15px;
	text-align:center;
	}
.tth-pic1,.weil-pic2,.sear-pic3{
	margin:5px;
	height:220px;
	}
.tth-pic1 img,.weil-pic2 img,.sear-pic3 img{
	max-width: 100%;
	height: auto;
	}
.tth-new1,.weil-new2,.sear-new3{
	margin:10px;
	height:50px;
	}
.tth-new1 p,.weil-new2 p,.sear-new3 p{
    font-size: 1rem;
}

.tth-new1 a,.weil-new2 a,.sear-new3 a{
    color: #333;
}
/* 主内容区域 */
#main-new1,#main-new2,#main-new3,#main-pic,#main-pic2{
    display: grid;
    grid-template-columns:1fr 1fr 1fr;
    gap: 10px;
    margin: 20px 0;
	background:#FFD6A7;
}

/* SEO教程区域 */
.new1-left,.new1-z,.new1_ad,.new2-left,.new2-z,.new2-right,.new3-left,.new3-z,.new3-right{
    background-color: #f9f9f9;
    padding: 15px;
    border-radius: 5px;
}
.new1-t,.new2-t,.new3-t{}
.new1-t h3,.new2-t h3,.new3-t h3{
    font-size: 1.1rem;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #333;
}
.new1-list,.new2-list,.new3-list{}
.new1-list li,.new2-list li,.new3-list li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #eee;
}

.new1-list li:last-child,.new2-list li:last-child,.new3-list li:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.new1-list a,.new2-list a,.new3-list a {
    color: #333;
    font-weight: normal;
}

.new1-list a:hover,.new2-list a:hover,.new3-list a:hover {
    color: #0066cc;
}

/* 侧边标签区域 */
.new1-z {
    background-color: #f9f9f9;
    padding: 15px;
    border-radius: 5px;
}
.tag_b {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.new1-ad{
    background-color: #f9f9f9;
    padding: 15px;
border-radius: 5px;
}
.new1-ad .div{width:358px;overflow:hidden;margin:10px;}
.new1-ad .div img{border:0px;width:358px;height:100%;}
.tag_bad ul{
	list-style:none;
	}
.tag_bad ul li{
	height:70px;
	width:358px;
	margin:10px;	
	}
.tag_bad ul li a img{
	float:left;
	width:90px;
	height:60px;
	margin:5px;
	}
.tag_bad ul li a span{
	float:left;
	width:248px;
	margin:5px;
	height:60px;
	font-size:16px;
	line-height:30px;
	}
.pic-left,.pic-z,.pic-right,.pic2-left,.pic2-z,.pic2-right{display:flex;max-width:400px;background:#fff;}
.pic-left a img,.pic-z a img,.pic-right a img{width:100%;height:auto;padding:5px;}
/* 链接区域 */
#link {
    background-color: #f0f0f0;
    padding: 20px 0;
    margin: 20px 0;
    border-radius: 5px;
}

.linkbox {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

.link_t h3 {
    font-size: 1.3rem;
    margin-bottom: 15px;
    text-align: center;
}

.link_b ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.link_b li {
    margin: 0 10px 10px 0;
}

.link_b a {
    color: #666;
    font-size: 0.9rem;
}

/* 合作区域 */
#hezuo {
    background-color: #f9f9f9;
    padding: 20px 0;
    margin: 20px 0;
    border-radius: 5px;
}

.hezuobox {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.h_nav {
    background-color: #fff;
    padding: 15px;
    border-radius: 5px;
}

.nav_t h3 {
    font-size: 1.1rem;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.nav_b li {
    margin-bottom: 8px;
}

.nav_b a {
    color: #666;
    font-size: 0.9rem;
}

.nav_b img {
    max-width: 100%;
    height: auto;
}

/* 广告区域 */
#indexad {
    margin: 20px 0;
    text-align: center;
}

/* 版权区域 */
#copyright {
    background-color: #FFD6A7;
    color: #333;
    padding: 20px 0;
    margin-top: 30px;
}

.copynav {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    padding: 0 15px;
}

.copynav p {
    margin-bottom: 10px;
}

.copynav a {
    color: #333;
}

.copynav a:hover {
    text-decoration: underline;
}

/* 响应式设计 */
/* 平板设备 */
@media (max-width: 992px) {
    #main {
        grid-template-columns: 1fr;
    }
    
    .hezuobox {
        grid-template-columns: 1fr;
    }
    
    .tag_b {
        grid-template-columns: 1fr;
    }
    
    .toutiao {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .tth1, .weil, .sear_top {
        width: 100%;
        margin-bottom: 10px;
    }
    
    .sear_top ul {
        justify-content: flex-start;
    }
    
    .sear_top li {
        margin-left: 0;
        margin-right: 15px;
    }
}

/* 手机设备 */
@media (max-width: 768px) {
    .header {
        flex-direction: column;
        text-align: center;
    }
#t_header{grid-template-columns:1fr;}
#main-new1,#main-new2,#main-new3,#main-pic,#main-pic2{
    grid-template-columns:1fr;
}
.logo {margin-bottom: 10px;}
.logo a img{width:80px;height:40px;}
.muv{display:none;height:auto;}	
.muv li{font-size:0.9rem;flex:0 0 auto;}
.muv ul {flex-direction: column;}
 .tth1 h1 {
        font-size: 1.5rem;
    }
.link_b ul {
        flex-direction: column;
        align-items: center;
    }
.link_b li {
        margin: 0 0 10px 0;
    }
.bspic {
        flex-direction: column;
    }
    
    .bspic img {
        margin: 5px 0;
    }
.pic1-left,.pic1-z,.pic1-right,.pic2-left,.pic2-z,.pic2-right{display:flex;flex-direction:column;flex:1 1 100%;}
.new1-left,.new1-z,.new1-right,.new2-left,.new2-z,.new2-right,.new3-left,.new3-z,.new3-right{display:flex;flex-direction:column;}
.tt1,.weil,.sear{display:flex;flex-direction:column;flex:1 1 100%;}
.h-nav{flex:1 1 100%;}
.new1-t,.new2-t,.new3-t{width:100%;flex:1 1 100%;}
.new1-list,.new2-list,.new3-list{width:100%;flex:1 1 100%;}
}

/* 小手机设备 */
@media (max-width: 480px) {
   #t_header{grid-template-columns:1fr;}
#main-new1,#main-new2,#main-new3,#main-pic,#main-pic2{
    grid-template-columns:1fr;
}
.logo {margin-bottom: 10px;}
.logo a img{width:80px;height:40px;}
.muv{display:none;height:auto;}	
.muv li{font-size:0.9rem;flex:0 0 auto;}
.muv ul {flex-direction: column;}
 .tth1 h1 {
        font-size: 1.5rem;
    }
.link_b ul {
        flex-direction: column;
        align-items: center;
    }
.link_b li {
        margin: 0 0 10px 0;
    }
.bspic {
        flex-direction: column;
    }
    
    .bspic img {
        margin: 5px 0;
    }
.pic1-left,.pic1-z,.pic1-right,.pic2-left,.pic2-z,.pic2-right{display:flex;flex-direction:column;flex:1 1 100%;}
.new1-left,.new1-z,.new1-right,.new2-left,.new2-z,.new2-right,.new3-left,.new3-z,.new3-right{display:flex;flex-direction:column;}
.tt1,.weil,.sear{display:flex;flex-direction:column;flex:1 1 100%;}
.h-nav{flex:1 1 100%;}
.new1-t,.new2-t,.new3-t{width:100%;flex:1 1 100%;}
.new1-list,.new2-list,.new3-list{width:100%;flex:1 1 100%;}
}