@import url(css/fontello.css); 
@charset "UTF-8";

html,body{ margin:0px; padding: 0px; height: 100%}
body{ font-family:"Microsoft Yahei","Arial","Muli",sans-serif;color: #20252d; font-size: 16px;}
a{color: #9a0f02;text-decoration:none;}
a:hover{color: #8a080c;}
.fl{ float:left}.fr{ float:right}.clearfix:after,.row:after{ display:block; content: ''; clear: both}
.row{ padding:0 20px; max-width: 1200px;margin: 0 auto; width: calc(100% - 40px);}
.small{font-size:90%}
img{ max-width: 100%; height: auto; box-sizing: border-box}
h1{ font-size: 48px;}
h2{ font-size: 36px;}


/* header */
#site-header { padding: 3vh 0; border-bottom: 1px #eee solid; box-sizing: border-box;}
#site-header .row{ display: flex; align-items: center; justify-content: space-between;}
#site-header .logo{ width: 200px;}
.mobilemenu{ display: inline-block; width: 24px; border-top: 2px #666 solid; border-bottom: 2px #666 solid; height: 18px; position: relative; margin-left: auto; display: none;}
.mobilemenu::after{ display: block; content: ''; position: absolute; left: 0; right: 0; border-bottom: 2px #666 solid; top: 8px;}

/* #site-slider{ background: url(img/home-banner.jpg) top center no-repeat; min-height: 520px; background-size: 100%;}
#site-slider .slogan{ padding: 20vh 0 0; color: #fff; max-width: 500px; font-size: 18px;}
#site-slider .slogan img{ max-width: 400px;} */
#siteBanner .teamItem{ position: relative; display: flex; justify-content: center;}
#siteBanner .row{ position: absolute; display: flex; align-items: center; height: 100%;}
#siteBanner .row .slogan{ position: absolute; color: #fff; font-size: 18px; max-width: 500px;}
#siteBanner .row .slogan span{ color: #af383c;}
#siteBanner .row .slogan h2{ font-size: 46px; margin: 5px 0 20px; padding: 0; letter-spacing: 4px;}
#siteBanner .row .slogan h3{ font-size: 32px; letter-spacing:5px; font-weight: normal; margin: 0; padding: 0; font-family: '微软雅黑';}
#siteBanner .owl-controls.clickable{ position: absolute; bottom: 0; top: 0; left: 0; right: 0;}
#siteBanner .owl-controls.clickable .owl-pagination{ position: absolute; bottom: 2vh; width: 100%;}
#siteBanner .owl-controls.clickable .owl-pagination div.owl-page.active span{ background: #881216;}
#siteBanner .owl-controls.clickable .owl-buttons{ position: absolute;  top: calc(50% - 30px); left: 2vw; right:2vw;
display: flex; justify-content: space-between;}

#siteMain{ min-height: 380px;}
#daocunArea{ background: linear-gradient(45deg,#036af1,#0038a0,#01189b); min-height: 500px;}

.newsLayout{ display: flex; padding: 10vh 0;}
.newsLayout .newsTitle{ width: 25%; position: relative;}
.newsTitle h1{ margin: 0; padding: 0 0 10px;}
.newsTitle .enTitle{ font-weight: bold; font-size: 18px;}
.newsTitle .readMore{ position: absolute; bottom: 0; left: 0; font-weight: bold; }

.newsLayout .newsList{ width: 75%; display: flex; justify-content: space-between;}
.newsList .newsItem{ width: 30%;}
.newsList .newsItem .newsimg{ height: 150px; overflow: hidden; background: #eee;}
.newsList .newsItem .newsimg img { display: block; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;;}
.newsList .newsItem .newsimg:hover img{ transform: scale(1.5);}
.newsList .newsItem .des{ color: #888; padding: 15px 0 0; font-size: 14px; line-height: 1.6em;}
.newsList .newsItem h3{ min-height: 60px; max-height: 60px; overflow: hidden; font-weight: 600; color: #444;}
.newsList .viewDetail{ padding: 5vh 0 0;}

/* 道存领域 */
#daocunArea{ padding: 5vh 0 10vh; color: #fff;}
.moduleHead{ text-align: center; padding-bottom: 2vh;}
.moduleHead h1{ padding-bottom: 0; margin-bottom: 0;}
.moduleHead div{ max-width: 400px; color: rgba(255,255,255,.6); margin: 0 auto;}
#AreaModuleContent ul{ display: flex; flex-wrap: wrap; margin: 0; padding: 0;}
#AreaModuleContent ul li{ width: 16%; background: rgba(255,255,255,.1); margin: 3vh 1%; list-style: none; padding: 0 1% 20px; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
#AreaModuleContent ul li svg{ width: 40%; fill: rgba(255,255,255,.6); margin: 4vh 30% 10px;}
#AreaModuleContent ul li h3{ text-align: center;}
#AreaModuleContent ul li a{ color: #fff;}
#AreaModuleContent ul li .des{ font-size: 12px;}
#AreaModuleContent ul li:hover{  background: #fff; border-radius: 20px; cursor: pointer;}
#AreaModuleContent ul li:hover h3{  color: #881216;}
#AreaModuleContent ul li:hover svg{ fill: rgba(55,55,55,.6); }


/* 成功案例 */
#daocunCase{ padding: 10vh 0;}
.caseTitle,#caseContent{ display: flex; align-items: center; justify-content: space-between;}
#caseContent .layout-img{ width: 300px; min-height: 200px; background:url(img/casebg.png) center center no-repeat #eee; background-size: cover;}
#caseContent .caseList{ margin: 0; padding: 0; width: calc(100% - 350px); display: flex; flex-wrap: wrap; justify-content: space-between;}
#caseContent .caseList li{ margin: 0 0 10px; padding: 0; list-style: none; width: 48%; display: flex; justify-content: space-between; align-items: center;}
#caseContent .caseList li h4{ margin: 0 0 15px; padding: 0; min-height: 42px; max-height: 42px; overflow: hidden;}
#caseContent .caseList li h4 a{color: #343434;}
#caseContent .caseList li h4 a:hover{color: #881216;}
#caseContent .caseList li .date{ border-right: 1px #eee solid; width: 80px; text-align: center; color: #881216; font-weight: normal;}
#caseContent .caseList li .date h2{ margin: 0; padding: 10px 0;}
#caseContent .caseList li .info{ width: calc(100% - 100px)}
#caseContent .caseList li .info .des{ font-size: 13px; color: #999;}
#caseContent .caseList li .info .viewDetail{ text-align: right; font-size: 14px; padding: 10px 0 0;}
#daocunCase .caseTitle .mm{ border-radius: 30px; border: 1px #ddd solid; padding: 5px 15px;}
#daocunCase .caseTitle .mm:hover{ border: 1px #881216 solid;}



/* 律师团队 */

#daocunTeam{ padding: 10vh 0; background: #eee;}
#daocunTeam .row{ display: flex; flex-wrap: wrap; justify-content: space-between;}
#daocunTeam #teamTitle{ width: 25%; position: relative;}
#daocunTeam #teamTitle h1{ margin: 0; padding: 0 0 10px;}
#daocunTeam #teamTitle .des{ color: #999; line-height: 2em;}
#daocunTeam #teamTitle .readMore{ position: absolute; left: 0; bottom:10px;}
#daocunTeam #teamList{ width: 70%;}
#daocunTeam #teamList ul{ margin: 0; padding: 0;}
#daocunTeam #teamList .teamItem{ position: relative; list-style: none; margin: 0 10px;}
#daocunTeam #teamList .info{background: url(img/teambg.png) left top no-repeat;  color: #fff; position: absolute; left: 0; right: 0; bottom: 88px; display: flex; padding: 50px 20px 0; align-items:center;}
#daocunTeam #teamList .teamItem img{ display: block;}
#daocunTeam #teamList .des{ font-size: 12px; background: #f00; padding: 10px 20px 0; height: 80px; overflow: hidden;}
#daocunTeam #teamList h3{ margin: 0; padding: 0 0 5px; font-weight: normal; color: #fff;}
#daocunTeam #teamList .position{ font-size: 12px; padding-left: 10px;}
#daocunTeam #teamList a{ display: block; color: #fff;}
#daocunTeam #teamList .position a{ display: inline-block;}

#daocunTeam .owl-controls.clickable *{ position: absolute; bottom: 0;  left:-100px; display: none;}



/* 网站底部 */
#site-footer{ padding:10vh 0 7vh; background: #1c3244; color: rgba(255,255,255,.5); font-size: 14px; line-height: 1.8em;}
#site-footer ul,#site-footer ul li{ margin: 0px; padding: 0; list-style: none;}
#site-footer h3{ margin: 0px; padding: 0 0 10px; color: #fff;}
.area-1{ display: flex; justify-content: space-between;}
.footLink{ display: flex; width:53%;}
.footLink .item{ width: 30%;}
.contact{ width: 35%; display: flex; color:rgba(255,255,255,.8) ;}
.contact .ewm{ width:40%; text-align: center;font-size: 12px;}
.contact .ewm img{ width: 80%;}
.area-2{border-top: 1px rgba(255,255,255,.3) solid; display: flex; justify-content: space-between; margin-top: 3vh; padding: 1vh 0;}
.area-2 .copyright{ text-align: right;}
#site-footer a{color:rgba(255,255,255,.5) ;}
#site-footer a:hover{color:rgba(255,255,255,.9) ;}

/* 滚动停靠 */
/* 固定 Header 样式 */
#site-header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    animation: slideDown 0.3s ease-out;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2); background: rgb(242, 236, 199); padding: 2vh 0;
}

/* 防止内容跳动 */
body.admin-bar #site-header.fixed { top: 32px; /* 兼容 WordPress 管理员工具栏 */}

/* 动画效果 */
@keyframes slideDown {from { transform: translateY(-100%); }to { transform: translateY(0); }}

/* 确保初始有足够空间 */
#site-header {transition: all 0.3s ease;}


/* 站内搜索 */
/* 搜索图标样式 */
.icon-search { cursor: pointer; color: #999; }
.icon-search:hover { color: #881216;}
/* 搜索模态框样式 */
.search-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
}

.search-modal-content {
    background: white;
    width: 80%;
    height: 300px;
    top:calc(50% - 150px);
    left: 10%;
    position: fixed;
    transform: scale(0.8);
    opacity: 0;
    transition: all 0.3s ease;
}

.search-modal.active .search-modal-content {
    transform: scale(1);
    opacity: 1; display: flex; align-items: center;
}

/* 关闭按钮样式 */
.close-search {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #333;
}

/* 搜索表单样式 */
.search-modal-content .search-form {
    display: flex; align-items: center; padding:0  50px; width: 100%;
}
.search-modal-content .search-form label{width:100%; display: block;}
.search-modal-content .search-form label input{border: 1px #ddd solid; padding: 20px; font-size: 24px; width:100%; background: #eee; outline: none;border-radius:10px 0 0 10px; box-sizing: border-box;}
.search-modal-content .search-form label input:focus{border: 1px #d7b3b3 solid; background: #fff; }
.search-modal-content .search-submit {
    padding:17px 20px;
    background: #881216;
    color: white;
    border: none;
    cursor: pointer; font-size: 24px; border-radius:0 10px 10px 0;
}
.search-modal-content .search-submit:hover{ background: #560404;}






/* 菜单样式 */
.menu {list-style: none;margin: 0;padding: 0;display: flex;align-items: center;}
.menu-item {position: relative; list-style: none;}
.menu-item a {display: block;padding: 12px 16px;text-decoration: none;color: #333;font-size: 16px;font-weight: 500; transition: color 0.3s ease, background-color 0.3s ease; white-space: nowrap; font-weight: 500;}
.menu-item.current-menu-item a,.menu-item.current-menu-parent a{ color: #881216;}
.menu-item a:hover {color: #a30505;}
.menu-item-has-children > a {display: flex;align-items: center;}
        
/* 下拉箭头 */
.menu-item-has-children:after{ line-height: 1.8em; display: inline-block; content: '\f107'; position: absolute; right: 1px; top:calc(50% - 15px); font-family: 'fontello'; color: #999;}
.sub-menu .menu-item-has-children:after{ display: inline-block; content: '\f105'; position: absolute; font-family: 'fontello'; right: 20px;}	
        
/* 子菜单样式 */
.sub-menu {position: absolute;left: 0;top: 100%;margin-top: 4px;width: 220px;background-color: white;border-radius: 4px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);padding: 8px 0;opacity: 0;transform: translateY(10px);visibility: hidden;transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;z-index: 50;}     
.sub-menu .sub-menu {left: 100%;top: 0;margin-top: 0;}
.menu-item-has-children:hover > .sub-menu {opacity: 1;transform: translateY(0);visibility: visible;}      
.sub-menu .menu-item.current-menu-item a{ color: #881216;}
.sub-menu .menu-item a {padding: 8px 16px;font-size: 15px;font-weight: 400; color:#444 ;}
.sub-menu .menu-item a:hover {background-color: #f5f8ff; color: #881216;}
.sub-menu .sub-menu .menu-item a {padding: 8px 16px;font-size: 15px;font-weight: 400; color:#444 ;}
.sub-menu .sub-menu .menu-item a:hover {background-color: #f5f8ff; color: #881216;}

	
/* 文章详情页 */
.entry-content{ font-size: 20px; line-height: 2em;}
.nlist a{ color: #555;}
.nlist .item{ padding-bottom: 10px;}
.nlist .item:after{ display: block; content: ''; clear: both;}
.nlist .item a.img{ display: block; float: left; margin-right: 10px; border-radius: 3px; overflow: hidden;}
.nlist .item a.img img{ display: block;}
.nlist h4{ font-weight: normal; line-height: 1.2em; margin: 0px 0 5px;}
.nlist a:hover{ color: #881216;}.nlist .date{ color: #999;}

/* 内页栏目文章列表 */
.inner-page-article-list{ padding: 20px 0;}
.inner-page-article-list .item{display:flex;margin:20px 0; border-radius: 1vw;padding:1vw 20px; align-items: center; justify-content: space-between; box-shadow: 0 0 6px rgba(0,0,0,0.1);}
.inner-page-article-list .item:hover{ background: #fafafa;}
.inner-page-article-list .item a{ color: #336699;}
.inner-page-article-list .item a:hover{ color: #881216;}
.inner-page-article-list .item .date{ text-align: right;}

/* 内页导航 */
#siteBreader { background: #eee; padding: 2vh 0 3vh;}
#siteBreader .row h2{ margin: 0 0 10px;}
#pageDescribe{ line-height: 2em; font-size: 20px; text-indent: 42px;}
#siteBreader .row{ display: flex; justify-content: space-between; align-items: center;}
#siteBreader .row .breader{ flex: 5;}
#siteBreader .row .contact{ flex: 1;}
#siteBreader .row .contact a{ display: block; border: 2px #666 solid; padding: 15px 0;width: 120px; text-align: center; font-weight: bold; border-radius: 9px;}
#siteBreader .row .contact a:hover{ background: #881216; color: #fff; border: 2px #881216 solid;}

/* 内页卡片式文章列表 */
.inner-page-card-list{ display: flex; flex-wrap: wrap; margin-top: 3vh;}
.inner-page-card-list .item{ border: 1px #ddd solid; width: 31%; position: relative; margin:0 1.1% 20px; border-radius: 6px; background: #fafafa; box-sizing: border-box;}
.inner-page-card-list .item a{ display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.inner-page-card-list .item h3{ padding: 0 10px; margin:5px 0;}
.inner-page-card-list .item .date{ color: #999; padding: 0 10px;}
.inner-page-card-list .item .des{ color: #666; padding: 10px;}
.inner-page-card-list .item:hover{ box-shadow: 0 0 8px rgba(0,0,0,0.1); border: 1px #aaa solid; background: #fff; overflow: hidden;}

.inner-page-card-list.teampage .item { border: none; background: none;}
.inner-page-card-list.teampage .item .tags{ color: #999; font-size: 90%;}
.inner-page-card-list.teampage .item .img{ width: 180px; height: 180px; overflow: hidden; float: left; margin-right: 20px;}
.inner-page-card-list.teampage .item::after{ display: block; content: ''; clear: both;}

/* 栏目新闻页面 */
.newspage{ display:flex; justify-content: space-between;}
.newspage .allnews{ flex: 3;}
.newspage .newsside{ flex: 1;}
.newsdetial  .allnews{ padding-right: 40px;}

.inner-page-news-list{ padding: 3vh 0;}
.inner-page-news-list .item{ padding: 2vh 0; border-bottom: 1px #eee solid; display: flex; align-items: start;}
.inner-page-news-list .item .img{ width: 10vw; margin-right: 2vw; background:url(img/news.png) center center no-repeat #f5f5f5;}
.inner-page-news-list .item .img img{ display: block;}
.inner-page-news-list .item .info{ width: calc(100% - 17vw);}
.inner-page-news-list .item .info h3{ margin: 0;}
.inner-page-news-list .item .info .des{ padding: 1vh 0; color: #888;}
.inner-page-news-list .item .info .date{ padding:; color: #ccc;}


#daocunAreaPage{ margin: 0; padding: 0; display: flex; flex-wrap: wrap;}
#daocunAreaPage li{ margin: 0; padding: 0; list-style: none; width: 20%; border: 1px #ddd solid; box-sizing: border-box;  text-indent: 0;}
#daocunAreaPage li:hover{ background: #f5f5f5;}
#daocunAreaPage li a{ padding: 2vw; display: block; text-align: center;}
#daocunAreaPage li a svg{ width: 80px; margin: 0 auto;}
.inner-page-article-list .zhaopin{ width: calc(100% - 200px);}
/* 律师团队 */
.grid { width: 100%; margin: 20px auto; }
			        .grid-item {width: 25%; margin: 0 0 10px; float: left;}
			        .grid-item .img,.grid-item .tags,.grid-item .des{ padding: 0 10px;}
			        .grid-item .tags{ font-size:13px; padding:0 0 10px 10px;color:#999;}
			        .grid-item .des{ font-size:13px; color:#666;}
			        .grid-item h3{ padding: 0 10px; margin: 10px 0;}
					
			        .filter-button-group { text-align: center; margin: 20px 0; }
			        .filter-button-group button {
			            background: #fff; border: 1px solid #ddd;
			            padding: 8px 15px; margin: 0 5px 5px; cursor: pointer;
			        }
			        .filter-button-group button.is-checked {
			            background: #4285f4; color: white;
			        }
					
					
					

@media handheld,only screen and (max-width:1280px){
	h1{ font-size: 42px;}
	h2{ font-size: 32px;}
}
@media handheld,only screen and (max-width:1080px){
	h1{ font-size: 36px;}
	h2{ font-size: 24px;}
}
@media handheld,only screen and (max-width:980px){
#siteBanner .row .slogan{ font-size:16px ;}
#siteBanner .row .slogan h2{ font-size:32px ; margin: 5px 0 10px;}
#siteBanner .row .slogan h3{ font-size:24px ;}
#caseContent .layout-img{ display: none;}
#caseContent .caseList{ width: 100%;}
#daocunTeam .row{ display: block;}
#daocunTeam #teamTitle,#daocunTeam #teamList{ width: 100%;}
#daocunTeam #teamTitle .readMore{ display: inline-block; position: relative; float: right;}
#laseNews .newsLayout{ display: block;}
#laseNews .newsTitle{ width: 100%; display: flex; justify-content: space-between; align-items: center;}
#laseNews .newsTitle .enTitle{ display: none;}
#laseNews .newsTitle .readMore{ position: relative; display: inline-block;}
#laseNews .newsList{ width: 100%;}
#daocunAreaPage li a svg{ width: 60px;}
#daocunAreaPage li h3{ font-size: 18px; line-height: 1em;}
.breadcrumbs{ font-size: 14px;}
#siteBreader .row .contact a{ padding: 10px 0;}
.owl-theme .owl-controls{ position: absolute; top: 0; z-index: -1;}
}

@media handheld,only screen and (max-width:767px){
	h1{ font-size: 28px;}
		h2{ font-size: 20px;}
	
	#site-header{  height: 51px;}
	.showsearch{ margin-left: auto;}
	#site-header .row{ position: fixed; left: 0; right: 0; top: 0; background: #fff; z-index: 1111; height: 50px;}
.mobilemenu{ display: block}
.menu-topnav-container{position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: none; z-index: 9999;}
.menu{ background: #333; position: fixed; left: -200px; top: 0; bottom: 0; overflow: auto; width: 200px; z-index: 1000; display: block; padding-top: 30px;}
.menu-item a {color: #fff; font-size: 18px; line-height: 1em; padding: 10px 16px;}
.sub-menu {position: relative;left: auto;top: auto;margin:0px;width: auto;background-color:transparent;border-radius: 0px;box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
padding: 0px 0;opacity: 1;transform: translateY(0px);visibility:visible;transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;z-index: 50;}    
 .menu-item-has-children > a {display: block}
 
.sub-menu .sub-menu {left: auto;top: 0;margin: 0;}
.menu-item-has-children:hover > .sub-menu {opacity: 1;transform: translateY(0);visibility: visible;}      
.sub-menu .menu-item a {padding: 0px 0 0 24px;font-size: 15px;font-weight: 400; color:#aaa ; line-height: 20px;}
.sub-menu .menu-item a:hover {background-color: #f5f8ff; color: #881216;}
.sub-menu .sub-menu .menu-item a {padding: 0px 0 0 36px;font-size: 15px;font-weight: 400; color:#aaa ; line-height: 20px;}
.sub-menu .sub-menu .menu-item a:hover {background-color: #f5f8ff; color: #881216;}
.menu-item-has-children:after,
.sub-menu .menu-item-has-children:after{ display: none;}	


#caseContent .caseList{ display: block;}
#caseContent .caseList li{ width: 100%;}
.area-1,.area-2{ display: block;}
.footLink,.contact{ width: 100%;}
.area-2{ text-align: center;}.area-2 .copyright{ text-align: center;}
#AreaModuleContent ul li{ width: 16%; padding: 0 5px 0px;    margin: 1vh 1%;}
#AreaModuleContent ul li h3{ font-size: 14px; font-weight: normal;}

.newspage .newsside{ display:none;}
.inner-page-news-list .item .img{ width: 20vw;}
.inner-page-card-list .item{ width: 47%;}
.inner-page-news-list .item{ align-items: start;}
#site-header .logo img{ width: 120px;}
.newsList .newsItem .newsimg{ height: 200px;}
.newsdetial  .allnews{ padding-right: 10px;}
.entry-content {font-size: 16px;line-height: 1.5em;}
.entry-header .posttitle{ text-align: center; font-size: 24px; margin:20px;}
#daocunAreaPage li a svg{ width: 50px;}
#daocunAreaPage li h3{ font-size: 15px;}
.grid-item {width: 33%;}
.newsLayout{ padding: 2vh 0;}

#AreaModuleContent ul li{ padding: 0 5px 0px;}
#pageDescribe{ font-size: 16px; line-height: 1.5em;}
.inner-page-article-list .item{display: block;}
.inner-page-article-list .zhaopin{ width: 100%;}
}
@media handheld,only screen and (max-width:680px){
	.grid-item {width: 50%;}
	.newsLayout .newsList{ display: block;}
	.newsList .newsItem{ width: 100%;}
	.newsList .newsItem h3{ min-height: auto; max-height: none;}
	.newsList .viewDetail{ padding: 2vh 0 0;}
	#daocunArea{ padding: 3vh 0 5vh; min-height: auto;}
	#AreaModuleContent ul li svg{ margin: 2vh 30% 0px;}
	#daocunCase,#daocunTeam,#site-footer{ padding: 4vh 0;}
	#caseContent .caseList li h4{ min-height: auto; max-height: none; margin: 0 0 5px;}
	#caseContent .caseList li .des{ padding-right: 10vw;}
	#siteBreader .row h2{ margin: 0 0 5px;}
	#siteBreader{ padding: 1vh 0 1.5vh;}
	.inner-page-news-list .item{ display: block;}
	.inner-page-news-list .item .img{ width: 100%;}
	.inner-page-news-list .item .info{ width: 98%; padding-top: 2vh;}
}
        
@media handheld,only screen and (max-width:540px){
	#siteBanner .row .slogan{ font-size:14px ;}
	#siteBanner .row .slogan div{ padding-right: 5vw;}
	#siteBanner .row .slogan h2{ font-size:24px ; margin: 5px 0 10px;}
	#siteBanner .row .slogan h3{ font-size:16px ;}
	#AreaModuleContent ul li{ width: 29%;}
#daocunAreaPage li { width: 33%;}
	
}