/*
*怀化市交通建设投资有限公司公共样式文件
*@crtime:2024年09月24日14:08
*@Company:湖南微象科技有限公司 www.microxiang.com
*/
@charset "utf-8";
html{font-size:16px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
*{box-sizing: border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p,label,input,img{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;border:none;}
ul,li,dl ,dt,dd ,ol,p,img{ list-style: none;border: none;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal;}
del,ins{text-decoration:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
button,input,select,textarea{font-size:100%;}
a{text-decoration:none;color:#333;-webkit-tap-highlight-color:rgba(0,0,0,0);  /* 去掉链接触摸高亮 */ }
a:hover{color:#1552ad;outline:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
/*IE8兼容*/
.footer-info{height:173px;}
/*定位*/
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.clearfix::after,.tab-box>dt::after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.pr{position:relative;}
.pa{position:absolute;}
.mb-20{margin-bottom:20px;}
.mt-20{margin-top:20px;}
.p-20{padding:22.9px;}
.content_box{max-width: 1200px;margin: 0 auto;position: relative;}
.elip{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.iconfont {
font-family:"iconfont" !important;
font-size:16px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.hide{display:none;}
/*图片效果*/
.scale2 li,.scale2 a{overflow:hidden;display:block;}
.scale2 a img{transition:all .3s;display:block;}
.scale2 a:hover img{ transform:scale(1.05);-webkit-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);-moz-transform:scale(1.05);}
/*CSS3属性*/
.box-shadow {
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
/*右、下、距离、模糊程度、阴影颜色，内阴影*/
-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
-ms-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
-o-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}

body {  
    background-color: #e5f1f9; /* 设置背景颜色以填充剩余空间 */  
    background-repeat: no-repeat;  
    background-position: center top; /* 横向居中，纵向靠上 */ 
    transition: background-image 1s ease-in-out; /* 背景图切换时的过渡效果 */  
}

/*头部*/
.head{background:none;height:auto;}
.head_wap {display:none;}
.top{height:30px;line-height:30px;}
.t-date {font-size:14px;}
/*头部logo*/
.t-cent{height: 100px;position: relative;}
.t-cent .logo{position: absolute;top: 50%;left: 0;transform: translate(0,-50%);}
.logo a{display: block;font-weight: bold;font-size: 26px;}


/*菜单*/
.menu{background:#196dc6;height: 60px;}
.menu ul li{float: left;width: 11.11%;position: relative;}
.menu ul .on a{font-weight: 600;}
.menu ul .on::after{content: '';width: 0;height: 0;border: 6px solid transparent;border-bottom-color: #fff;position: absolute;left: 50%;margin-left: -5px;bottom: 0;}
.menu ul li a{display: block;color: #FFF;font-size:20px;height: 60px;line-height: 60px;width: 100%;text-align: center;}
.menu ul li a:hover{background:#033b85;}


/*****
*首页自适应样式文件
*/
.navLinks_mobile {
	display: none;
	background: #dd0;
}
.nav_mobile_open {
	width: 95%;
	position: absolute;
	margin-left: 0;
	background: #fff;
}
.cd-nav-trigger {
	position: absolute;
	top: 3px;
	right:3px;
	width: 30px;
	height: 24px;
	background: rgba(255,255,255,1);
	border: solid 1px #ddd;
	border-radius: 3px;
	text-indent: 100%;
	white-space: nowrap;
	z-index: 9999;
	cursor: pointer;
}
.menu_show_mobile{top:50%;margin-top:-12px;right:10px;}
.cd-nav-trigger span {
	position: absolute;
	display: block;
	width: 14px;
	height: 2px;
	background: #4c8be0;
	top: 50%;
	margin-top: -1px;
	left: 50%;
	margin-left: -7px;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	transition: background 0.5s;
}
.cd-nav-trigger span::before, .cd-nav-trigger span::after {
	content: '';
	position: absolute;
	left: 0;
	background: inherit;
	width: 100%;
	height: 100%;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.3s, background 0s;
	-moz-transition: -moz-transform 0.3s, background 0s;
	transition: transform 0.3s, background 0s;
}
.cd-nav-trigger span::before {
	top: -6px;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
}
.cd-nav-trigger span::after {
	bottom: -6px;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
}
.cd-nav-trigger.menu-is-open {
	box-shadow: none;
}
.cd-nav-trigger.menu-is-open span {
	background: #fff;
}
.cd-nav-trigger.menu-is-open span::before, .cd-nav-trigger.menu-is-open span::after {
	background: #4c8be0;
}
.cd-nav-trigger.menu-is-open span::before {
	top: 0;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
.cd-nav-trigger.menu-is-open span::after {
	bottom: 0;
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	transform: rotate(225deg);
}

/* 公共底部 */
.foot{background-color: #0066b3;}
.foot_cont{text-align: center;padding: 40px 0;}
.foot_cont p{margin: 10px 0;}
.foot_cont p span{margin: 0 10px;color: #fff;}

.selfmark{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000;opacity: .6;filter:alpha(opacity=60);z-index: 500;}
@media screen and (max-width:1200px){
	.menu{height:auto;}
	.head{height:auto;}
	.logo a{padding-left: 1rem;}
	.top{padding: 0 .6rem;}
}

@media screen and (max-width:800px){
	.head{position: relative;z-index: 999;}
	.top{display: none;}
	/*菜单部分*/
	.menu_show_mobile{display:block;}
	.m-nav{display:none;position:absolute;top:100%;z-index: 999;width:100%;
	box-shadow: 0px 5px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 5px 5px rgba(0,0,0,0.5);
	-ms-box-shadow: 0px 5px 5px rgba(0,0,0,0.5);
	-o-box-shadow: 0px 5px 5px rgba(0,0,0,0.5);}
	.menu .m-nav-list li{width:50%;float:left;line-height:40px;}
	.h-menu-box{padding:10px;}
	.h-menu a{font-size:1.2rem;height: 3rem;line-height: 3rem;}
	.h-menu{margin-top: 0;height: auto;padding-right: 0;}
	.header{z-index: 999;position: relative;}
	.menu ul .on::after{content: none;}
	.menu ul .on a{font-weight: inherit;}
	
	.t-cent {padding:40px 0;height: auto !important;position: initial;}
	.t-cent .logo {width: 100%;position: inherit;margin:0;transform: none;}
	.menu_show_mobile {top: 16%;right: 10px;}
	.logo a{padding: 0;text-align: center;}
	.t-cent .logo img{width:80%;}

	/* 公共底部 */
	.foot_cont{padding: 30px 0;}
	.foot_cont p span{display: block;}
}
/*-------------------------------↓分页样式开始↓------------------------------------*/
.pc_paging{width:100%;/* height:30px; */text-align:center;padding:20px 0;}.pc_paging .paging{display:inline-block;padding:0;border:none;margin:0;}.pc_paging .paging li{display:inline-block;width:auto;height:auto;line-height:1;color:#333;vertical-align:middle;margin:0 3px;}.pc_paging .paging li a{text-decoration:none;}.pc_paging .paging li a,.pc_paging .paging li span{display:inline-block;float:none;width:auto;height:auto;line-height:1;font-size:14px;color:#333;padding:6px 10px;border:1px solid #ccc;margin:0;}.pc_paging .paging li, .pc_paging .paging li span:hover{background: none;}.pc_paging .paging li.current a, .pc_paging .paging li.current a:hover{color:#fff;background: #1d90f5;border: 1px solid #0066b3;}.pc_paging .paging .page_jump{margin-left:5px;}.pc_paging .paging .page_jump input{width:50px;padding:5px;border:1px solid #ccc;border-radius:2px;margin:0 3px;}.pc_paging .paging .page_jump a{border-radius:2px;margin-left:6px;}.pc_paging .paging .total_count,.pc_paging .paging .page_jump{display:none;}.wap_paging .paging{padding:5px .36rem 0px;margin:20px 0;}.wap_paging .paging li{display:inline-block;border:1px solid #ddd;}.wap_paging .paging li a,.wap_paging .paging li span{display:inline-block;line-height:1.42857143;font-size:.48rem;color:#666;padding:6px 12px;}.wap_paging .paging .prev_page{border-radius:4px 0 0 4px;}.wap_paging .paging .next_page{border-radius:0 4px 4px 0;}.wap_paging .paging .page_count{margin:0 -1px;}.page{clear:both;width:100%;height:auto;padding:0;margin:0;}
.pc_paging .paging li a:hover{background-color: #daeeff;}.totoalPageStr{display:none;}
/*分页*/
@media screen and (max-width:550px){
.pc_paging .paging li.page_count,.pc_paging .paging li.page_index{display:none;}
.pc_paging .paging li.current,.totoalPageStr{display:inline-block;}
}
/*-------------------------------↑分页样式结束↑---------------------------------------*/




/* 当前位置-路径 */
.article_site {background:url(../images/article_icon1.png) no-repeat left center;padding-left:36px;height:80px;line-height:80px;color: #333;max-width: 1200px;margin: 0 auto;box-sizing: border-box;}
.article_site a,.article_site span {font-size: 14px;color: #333;margin: 0 5px;}
.article_site span:last-child {border: none;font-weight: bold;}
.article_site a:hover { border-bottom: 1px solid #666;}
.article_site a:last-child:hover { border-bottom: none;}


/* 通用列表页 */
.ty_list_box {max-width: 1200px; margin: 0 auto 40px;}
.ty_list_nav { width: 18.33%;float: left;box-sizing: border-box;}
.ty_list_nav .a_title {width: 100%;display: block;text-align: center;color: #fff;font-size: 18px;font-weight: bold;padding: 14px 0;border-radius: 10px 10px 0 0;background: #1571c4;}
.ty_list_nav ul {padding:10px 0 20px;border-top: 1px solid #e4e4e4;background-color: #fff;}
.ty_list_nav ul li a{display: block; font-size: 16px; color: #666; padding: 15px 12px;transition: all .3s ease;}
.ty_list_nav ul li a span{line-height: 25px;}
.ty_list_nav ul li:hover a{color: #257cb7;background: #adddff;margin-left: 4px;}
.ty_list_nav ul li.active{margin-left: 4px;background: url(../images/active_icon.png) no-repeat right 40px center #adddff;}
.ty_list_nav ul li.active a{color:#1571c4;font-weight: bold;}
.ty_list_main { width:80%; float: right; background: #fff; box-sizing: border-box;padding: 0 30px 20px 30px;}
.ty_list_main1 { width: 80%; float: right; background: #fff; box-sizing: border-box; padding: 0 30px;}
.ty_list_main .title { height:59px; line-height:59px; border-bottom: 1px solid #ebebeb; }
.ty_list_main .title a { display: inline-block; height: 59px; border-bottom: 1px solid #257cb7;font-size: 20px; color: #257cb7;font-weight: bold; cursor: auto;}
.ty_list_main .ty_pdlist .title .fr{padding-right: 47px;font-size: 16px;color: #666;cursor: pointer;border-bottom: none;}
.ty_list_main .ty_pdlist .ul_list1{min-height: auto;}
.ty_list_main .ul_list1 { padding-top:20px; min-height:380px;}
.ty_list_main .ul_list1:last-child { border-bottom: none;}
.ty_list_main .ul_list1 li:nth-child(5n) {margin-bottom: 20px;
border-bottom: 1px solid #e3e3e3;padding-top: 0px;height: 56px;}
.ty_list_main .ul_list1 li { line-height: 36px; height: 36px;}
.ty_list_main .ul_list1 li a { font-size: 16px; color: #333;background: url(../images/dian_02.png) no-repeat left center; padding-left:16px; float: left; width:65%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ty_list_main .ul_list1 li span { float: right; font-size: 14px; color: #666;}
.ty_list_main .ul_list1 li a:hover { color: #257cb7;}
.ty_list_main1 .article_box {margin-bottom: 0;padding: 0 30px;}

/* 领导列表页 */
.jgzn_box{position: relative;}
.jgzn_title{line-height:59px;border-bottom: 1px solid #ebebeb; height:59px;}
.jgzn_title a{display: inline-block; height: 59px; border-bottom: 1px solid #257cb7;font-size: 20px; color: #257cb7;font-weight: bold; cursor: auto;}
.jgzn_main p{font-size: 14px; color: #666666; line-height: 22px;overflow:hidden;}
.ldxx_list {padding-bottom:30px;border: none !important;}
.ldxx_list li { width:49%; float: left;margin-top:25px;height:240px;overflow:hidden;}
.ldxx_list li:nth-child(2n) {float: right;}
.ldxx_list li dt {width: 120px; height:205px; float: left;margin-right:20px;overflow:hidden;position: relative;border-radius:4px;} 
.ldxx_list li dt img {width:100%; height: auto; display: block;position: absolute;top: 0;left: 50%; transform: translateX(-50%);-webkit-align-transform: translateX(-50%);-moz-transform: translateX(-50%);}
.ldxx_list li dd a {font-size: 18px;line-height: 30px; display: inline-block;margin-top:5px;} 
.ldxx_list li dd .info {margin-top: 3px;}
.ldxx_list li dd .info .tl {line-height: 30px;}
.ldxx_list li dd .info p {overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient: vertical; }

/* 通用内容页 */
.article_box {background: #fff; min-height: 500px;padding: 0 60px;max-width: 1200px;margin: 0 auto 40px;box-sizing: border-box;}
.article_box img{display: inline-block;max-width:100%;height:auto !important;margin: 0 auto !important;}
.article_box table{max-width:100%;}
.article_box .title {border-bottom: 1px solid #e6e8eb; text-align:center; padding-bottom:20px;}
.article_box .title h2 {font-size: 30px; color:#333; padding-top:50px; padding-bottom:20px;font-weight: bold;}
.article_box .title p span {font-size: 14px; color: #666; margin: 0 38px;}
.article_box .p_box {padding: 20px 0 20px;border-bottom: 1px solid #e6e8eb; }
.article_box .p_box p {font-size: 16px;color: #3d3d3d;line-height: 30px;margin-bottom: 5px;}
.article_box .p_box table p{margin:0;text-indent:0;}
.article_box .p_box table tr td {height: 70px;line-height: 70px;}

.article_box .title ul li {width: 25%; float: left; background: #f2f2f2; height: 40px; line-height: 40px; font-size: 14px; color: #666; border-bottom: 1px solid #fff; border-radius: 2px; box-sizing: border-box; border-right: 1px solid #fff; text-align: left; padding: 0 20px;}
.artical-share {padding:20px 0 40px;}
.artical-share .p_c_page_l {float: left;}
.artical-share .p_c_page_l .ld-date,.artical-share .p_c_page_l .ld-source{font-size:14px;padding-right: 15px;color: #666;white-space: nowrap;line-height: 24px;}
.artical-share .fx {float:right;}
.artical-share .ly-info a {width: 66px; height: 24px; display: block; float: left; background: #666; text-align: center; line-height: 24px; font-size: 14px; color: #ffffff;margin-right: 10px;}
.artical-share .ly-info a:hover {background: #257cb7;}

/* 图片列表页 */
.tpList{padding-top: 20px;min-height: 380px;}
.tpList  li{margin: 0 3.3% 3.3% 0;float:left;_display:inline;overflow:hidden;text-align:center;position:relative;width: 31.13%;}
.tpList  li:nth-child(3n+3){margin-right: 0;}
.tpList  li:hover{box-shadow: 0px 0px 10px rgba(0,0,0,0.5)}
.tpList  li .pic{ text-align:center; }
.tpList  li .pic a{display: block;height: 200px;}
.tpList  li .pic img{width: 100%;height: 100%;display:block;transition:all .3s;}
.tpList  li .pic img:hover{transform:scale(1.05);-webkit-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);-moz-transform:scale(1.05);}
.tpList  li .tpTitle{position: absolute;width:100%;height:30px;color:#fff;bottom:0;line-height:30px;background:rgba(0,0,0,0.5);}
.tpList  li .tpTitle a{color:#fff;font-size: 16px;display:block;max-width: 100%;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;padding: 0 10px;}

/* 分享按钮 */
.share{float: right;}
.share-icon{font-size: 14px;color: #333;display: inline-block;line-height: 24px;}
.share-box{display: inline-block;}
.share-box a{display: inline-block; width: 24px; height: 24px; line-height: 24px; background:url(../images/share.png) no-repeat; margin-left: 7px; cursor: pointer;}
.share-box a:hover{opacity: .8;}
.share-box a.gwds_weixin{background-position: 0 -38px;}

@media screen and (max-width:800px){
	.article_site {margin: 0;box-sizing: border-box;overflow: hidden;height: auto;line-height: initial;border-bottom: none;padding-left: 0;background: none;padding: 10px;}
	/*通用页面手机端导航*/
	#ty_show_mobile {top:3px;right:0px;}
	.ty_mobile {display:none;}
	.ty_nav_trigger {position: absolute;top: 3px;right:3px; width:44px; height:44px; white-space: nowrap;z-index: 99;cursor: pointer;}
	.ty_nav_trigger span {position: absolute;display: block;width: 44px;height: 44px;background: url(../images/ty_icon.png) no-repeat center;	background-size: 50%;transition:all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;}
	.ty_nav_trigger.menu-is-open span {background: url(../images/ty_icon.png) no-repeat center;background-size: 50%;-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
	.ty_list_box {padding-bottom:0;margin-bottom: 20px;}
	.ty_list_nav {width: 100%; float: none;}
	.ty_list_nav .a_title {background-size: cover;font-style: normal;text-align: left;padding-left: 15px;box-sizing: border-box;position: relative;background-color: #5ebbfd;}
	.ty_list_nav .a_li {background-size: cover; width: 93%; margin: 0 auto;}
	 #ty_show_mobile {display:block;}
	.ty_list_nav ul {display:none;}
	.ty_list_main,.ty_list_main1 { width:100%; margin:20px auto 0; float: none;}
	.ty_list_main {padding: 0 15px;}
	.ty_list_main1 {padding: 0px;}
	.ty_list_main1>.article_box { margin-bottom: 0;}
    .ty_list_main .ul_list1 {min-height:auto;}
	.ty_list_main .ul_list1 li {line-height: 24px;margin-bottom: 10px;height: auto !important;background: url(../images/dian_02.png) no-repeat left 10px;padding-left: 16px;}
	.ty_list_main .ul_list1 li a {width: 100%;font-size: 14px;box-sizing: border-box;line-height: 24px;float:none; white-space: unset;background: none;padding-left: 0;}
	.ty_list_main .ul_list1 li span {float:none;white-space: nowrap;margin-left: 10px;}
    .ty_list_main .ul_list li:nth-child(5n){margin-bottom: 10px;border-bottom:none;height:auto;}
	
    .ldxx_list li{width: 100%;}
	/* 内容页 */
	.article_box{min-height: auto; margin-bottom:20px; padding: 0 15px;}
	.article_box .title h2{font-size:18px;padding-top: 30px;}
	.article_box .title ul li{width:100%;}
	.article_box .title p span{display: block;}
	.artical-share{display:none;}
}
