﻿@charset "utf-8";
/* CSS Document */
/*全局控制*/
body{margin:0; padding:0; font-family:"Microsoft YaHei","微软雅黑","宋体","Tahoma","Verdana","sans-serif"; font-size:14px;line-height:1.6;color:#333;background-color:#f5f5f5;}
a:link,a:visited{color:#555; text-decoration:none;transition:color 0.2s;}
a:hover{color:#ce3a3a;}
/*重置浏览器默认样式*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike,strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;list-style:none;}
/* [disabled]outline:0; */

ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
/* remember to define focus styles! */
:focus {outline:0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse;border-spacing: 0;}
/* clearfix hack */
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}


body{background:#fff;}
.wrap{background:#FFF;width:1200px;margin:0 auto;overflow:hidden;}

/*top*/

.top{padding-top:35px;}
.top label{font-size:12px;padding-right:5px;}
.top .current input{border:#84d0b2 1px solid;width:60px;height:7px;padding:5px;}
.top .search .tex input{width:160px;height:12px;}
.top li{display:inline-block;padding:0 10px;}
.top ul{overflow:hidden;}
.top .login{border-radius:3px;background:#2dbaac;width:72px;height:20px;line-height:19px;color:#FFF;font-size:12px;font-family:"宋体","微软雅黑";cursor:pointer;display:inline-block;border:0;padding:0;}
.top .sub input{background:url(../images/query01_01.png) no-repeat;width:29px;height:19px;cursor:pointer;border:0;position:absolute;right:1px;bottom:-1px;}
.top .search{position:relative;width:217px;height:17px;}


.top .set{display:inline;font-size:12px;float:right;padding-top:7px;}
.top .set a{color:#000;text-decoration:none;}
.top .set a:hover{color:#167f39;text-decoration:none;}


/*header*/
.header{padding:15px 0;display:flex;align-items:center;justify-content:space-between;background:#fff;}
.header img{height:auto;display:block;}
.header img:first-child{max-height:150px;width:auto;}
.header img:last-child{max-height:100px;width:auto;}

.headerNav {
    width: 100%;
    height: 40px;
    background: #ce3a3a;
}
.headerNav-inner {
    width: 1200px;
    margin: 0 auto;
}

    .headerNav a {
        color: #FFF;
        text-decoration: none;
    }

        .headerNav a:hover {
            color: #FFF;
            text-decoration: none;
        }

    .headerNav ul {
        padding-left: 10px;


    }

    .headerNav li {
        float: left;
        color: #FFF;
        font-size: 18px;
        line-height: 40px;
        padding: 0 40px;
    }


.headerNav1 {
    width: 100%;
    height: 45px;
    background: #E4E4E4;
}
.headerNav1 a{color:#FFF;text-decoration:none;}
.headerNav1 a:hover{color:#FFF;text-decoration:none;}
.headerNav1 ul{padding-left:5px;}
.headerNav1 li{float:left;color:#FFF;font-size:18px;line-height:32px;padding:0;}


/*nav*/
.nav{overflow:hidden;}
.NavS1{border:1px solid #2db9ac;background:#FFF;width:260px;height:45px;line-height:45px;display:block;cursor:pointer;font-size:16px;margin:150px 0 35px 347px;font-weight:bold;}
.NavS2{border:1px solid #2db9ac;background:#FFF;width:260px;height:45px;line-height:45px;display:block;cursor:pointer;font-size:16px;margin:35px 0 150px 347px;font-weight:bold;}


/*footer*/
.footer{background:#444;width:1200px;height:102px;font-size:12px;color:#FFF;overflow:hidden;}
.footer a{color:#FFF;text-decoration:none;}
.footer a:hover{color:#FFF;text-decoration:none;}
.footerBox1{width:320px;background:url(../images/footer.png) no-repeat right center;height:102px;float:left;}
.footerBox1 p{line-height:16px;padding:35px 0 0 50px;}
.footerBox2{width:320px;background:url(../images/footer.png) no-repeat right center;height:102px;line-height:102px;float:left;}
.footerBox2 p{line-height:16px;padding:35px 0 0 0;text-align:center;}
.footerBox3{width:320px;height:102px;line-height:102px;float:left;}
.footerBox3 p{line-height:16px;padding:35px 0 0 50px;}


/*left*/
.nav{padding:10px 0;display:flex;justify-content:space-between;}
.left{width:520px;overflow:hidden;}
.right{width:420px;}
.box {
    border: 1px solid #e8e8e8;
    border-radius: 6px;
    overflow: hidden;
    padding-bottom: 10px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,.04);
    transition: box-shadow 0.3s ease;
}
.box:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,.08);
}
.boxTop {
    overflow: hidden;
    width: 100%;
    border-bottom: 1px solid #f0f0f0;
    padding: 0;
    margin: 0;
    height: 46px;
}
.box a{color:#555;text-decoration:none;transition:color 0.2s;}
.box a:hover{color:#ce3a3a;text-decoration:none;}
.box h3 {
    font-family: "Microsoft YaHei","微软雅黑","黑体","宋体";
    display: inline-block;
    float: left;
    padding-left: 18px;
    font-size: 20px;
    font-weight: bold;
    line-height: 46px;
    color: #333;
    position: relative;
}
.box h3::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 18px;
    background: #ce3a3a;
    border-radius: 2px;
}
.box span a {
    display: inline-block;
    font-size: 13px;
    float: right;
    color: #999;
    padding-right: 14px;
    text-decoration: none;
    line-height: 46px;
    transition: color 0.2s;
}
.box span a:hover{color:#ce3a3a;text-decoration:none;}
.box ul{padding:4px 16px 0;}
.box li{
    padding:12px 0;
    color:#333;
    font-size:18px;
    line-height:26px;
    border-bottom:1px dashed #f0f0f0;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    transition:all 0.2s;
    cursor:pointer;
}
.box li:last-child{border-bottom:none;}
.box li:hover{color:#ce3a3a;padding-left:4px;}
.box li:hover a{color:#ce3a3a;}
.box ul img{padding:0 6px 1px 0;vertical-align:middle;}
.boxOne{width:280px;float:left;}
.boxTwo{width:280px;float:right;}

.box_1 {width:280px;float:left;margin-right:37px;}
.box_2 {width:280px;float:left;margin-right:37px;}
.box_3 {width:280px;float:left;}

/*right*/
.right{width:545px;float:right;}
.rightBox{border:1px solid #75c5cc;overflow:hidden;width:352px;margin-bottom:10px;}
.rightBox h3{font-family:"微软雅黑","黑体","宋体";font-size:18px;padding:10px 0;text-align:center;background:#5ec6cf;color:#FFF;}
.rightBox a{display:inline-block;font-size:14px;color:#666;padding-right:20px;text-decoration:none;}
.rightBox a:hover{color:red;text-decoration:none;}
.rightBox ul{padding:5px 10px;}
.rightBox li{padding:5px 0;color:#666; font-size:14px;overflow:hidden; white-space: nowrap;text-overflow: ellipsis; }
.rightBox ul img{padding:0 6px 2px 0;}


/*onlineService*/
.onlineService{background:#fff;overflow:hidden;margin:0;text-align:center;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.04);}
    .onlineService h2 {
        font-family: "Microsoft YaHei","微软雅黑","黑体","宋体";
        text-align: center;
        display: block;
        line-height: 44px;
        font-size: 17px;
        font-weight: bold;
        background: #ce3a3a;
        color: #fff;
        height: 44px;
    } 
.onlineService ul{margin:0 0 0 20px; overflow:hidden;padding:10px 0;} 
.onlineService a{color:#FFF;}
.onlineService li{float:left;margin: 6px;}
    .onlineService li img {
        width: 175px;
        height: 66px;
    }
.bsdt-wrap{padding:10px 15px;border:1px solid #e0e0e0;border-radius:4px;}
.bsdt-row{display:flex;justify-content:space-between;}
.bsdt-row-3{margin-bottom:15px;}
.bsdt-row-3 .bsdt-cell img{width:90px;height:auto;display:block;margin:0 auto;}
.bsdt-row-3 .bsdt-cell p{font-size:12px;font-family:'微软雅黑';margin-top:8px;color:#333;}
.bsdt-row-4 .bsdt-cell img{width:85px;height:auto;display:block;margin:0 auto;}
.bsdt-row-4 .bsdt-cell p{font-size:12px;font-family:'微软雅黑';margin-top:8px;color:#333;}
.bsdt-row-all{display:flex;justify-content:space-evenly;align-items:flex-start;flex-wrap:nowrap;gap:0;}
.bsdt-row-all .bsdt-cell{padding:6px 4px;transition:background 0.3s;border-radius:6px;}
.bsdt-row-all .bsdt-cell:hover{background:#fdf2f2;}
.bsdt-row-all .bsdt-cell a{display:block;}
.bsdt-row-all .bsdt-cell img{width:138px;height:100px;display:block;margin:0 auto;transition:transform 0.3s,opacity 0.3s;opacity:0.88;}
.bsdt-row-all .bsdt-cell:hover img{transform:translateY(-3px);opacity:1;}
.bsdt-row-all .bsdt-cell p{font-size:18px;font-family:'微软雅黑';margin-top:8px;color:#555;transition:color 0.2s;}
.bsdt-row-all .bsdt-cell:hover p{color:#ce3a3a;}
.bsdt-cell{text-align:center;cursor:pointer;}

/* 横幅轮播 */
.hengfu-slider{position:relative;width:100%;height:122px;overflow:hidden;}
.hengfu-slider .slider-track{display:flex;flex-direction:column;transition:transform 0.8s ease;height:244px;}
.hengfu-slider .slider-track img{width:100%;height:122px;display:block;}


/* 文字轮播 */
.text-slider{position:relative;width:100%;height:80px;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.text-slider .arrow{position:absolute;top:50%;transform:translateY(-50%);font-size:40px;color:#999;text-decoration:none;padding:0 20px;cursor:pointer;user-select:none;z-index:2;}
.text-slider .arrow:hover{color:#ce3a3a;}
.text-slider .arrow-left{left:10px;}
.text-slider .arrow-right{right:90px;}
.text-slider .text-more{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:16px;color:#ce3a3a;text-decoration:none;border:1px solid #ce3a3a;padding:4px 12px;border-radius:3px;z-index:2;}
.text-slider .text-more:hover{background:#ce3a3a;color:#fff;}
.text-slider .text-track-wrap{width:70%;height:80px;overflow:hidden;text-align:center;}
.text-slider .text-track{transition:transform 0.5s ease;}
.text-slider .text-item{height:80px;line-height:80px;font-size:28px;color:#ce3a3a;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.text-slider .text-item a{color:#ce3a3a;text-decoration:none;}
.text-slider .text-item a:hover{color:#a02020;text-decoration:underline;}


/* 首页三行布局 */
.home-row {width:100%;overflow:hidden;margin-bottom:5px;}
.home-row-bsdt {background:#fff;overflow:hidden;text-align:center;}
.home-row-links {display:flex;justify-content:space-between;gap:10px;}
.home-row-links .link-card {
    width:50%;height:95px;
    border:1px solid #e8e8e8;
    border-radius:6px;
    overflow:hidden;
    display:flex;
    align-items:center;
    background:#fff;
    box-shadow:0 2px 8px rgba(0,0,0,.04);
    transition:all 0.3s ease;
}
.home-row-links .link-card:hover {
    box-shadow:0 4px 16px rgba(206,58,58,.12);
    border-color:#f5c6c6;
    transform:translateY(-1px);
}
.home-row-links .link-card img {margin-left:60px;margin-right:22px;transition:transform 0.3s;}
.home-row-links .link-card:hover img {transform:scale(1.05);}
.home-row-links .link-card a {font-size:15px;font-family:'微软雅黑';color:#444;text-decoration:none;transition:color 0.2s;}
.home-row-links .link-card a:hover {color:#ce3a3a;}
.home-row-news {display:flex;justify-content:space-between;gap:4px;}
.home-row-news .box {width:50%;}

.elseWeb_01{margin:10px 0;}
.elseWeb_02{margin-bottom:10px;}


/*bottom*/
.bottom{overflow:hidden;padding-bottom:0;width:1200px;margin:10px auto 0;}
.bottom ul{
    width:1200px;height:46px;
    background:#ce3a3a;
    border-radius:6px 6px 0 0;
    display:flex;
}
.bottom li{
    flex:1;text-align:center;
    font-size:15px;line-height:46px;
    cursor:pointer;
    transition:background 0.3s;
    position:relative;
    color:#fff;
}
.bottom li:hover{background:rgba(255,255,255,.15);}
.bottom li.current{background:rgba(255,255,255,.2);font-weight:bold;}
.bottom li a{color:#FFF;text-decoration:none;}
.bottom li a:hover{color:#FFF;text-decoration:none;}





        .banner {
	position: relative;
	width: 100%;
	overflow: auto;

	font-size: 18px;
	line-height: 24px;
	text-align: center;

	color: rgba(255,255,255,.6);
	text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3);

	background: #5b4d3d;
	box-shadow: 0 1px 2px rgba(0,0,0,.25);
}
	.banner ul {
		list-style: none;
		width: 300%;
	}
	.banner ul li {
		display: block;
		float: left;
		width: 33%;


		-o-background-size: 100% 100%;
		-ms-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;

		box-shadow: inset 0 -3px 6px rgba(0,0,0,.1);
	}

	.banner .inner {
		padding: 360px 0 220px;
	}

	.banner h1, .banner h2 {
		font-size: 40px;
		line-height: 52px;

		color: #fff;
	}

	.banner .btn {
		display: inline-block;
		margin: 25px 0 0;
		padding: 9px 22px 7px;
		clear: both;

		color: #fff;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;

		border: 2px solid rgba(255,255,255,.4);
		border-radius: 5px;
	}
		.banner .btn:hover {
			background: rgba(255,255,255,.05);
		}
		.banner .btn:active {
			-webkit-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			-moz-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			-ms-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			-o-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
		}

	.banner .btn, .banner .dot {
		-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	}

	.banner .dots {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 8px;
	}
		.banner .dots li {
			display: inline-block;
			width: 5px;
			height: 5px;
			margin: 0 4px;

			text-indent: -999em;

			border: 2px solid #fff;
			border-radius: 6px;

			cursor: pointer;
			opacity: .4;

			-webkit-transition: background .5s, opacity .5s;
			-moz-transition: background .5s, opacity .5s;
			transition: background .5s, opacity .5s;
		}
			.banner .dots li.active {
				background: #fff;
				opacity: 1;
			}

	.banner .arrows {
		position: absolute;
		bottom: 20px;
		right: 20px;
		color: #fff;
	}
		.banner .arrow {
			display: inline;
			padding-left: 10px;
			cursor: pointer;
		}

.boxbottom { margin-top:-20px; margin-bottom:10px;}

.boxleftlink {
    background-color:#fafafa;
    margin-top:0;margin-bottom:10px;
    width:1200px;margin-left:auto;margin-right:auto;
    border:1px solid #e8e8e8;border-top:none;
    border-radius:0 0 6px 6px;
    padding:8px 0;
    box-shadow:0 2px 8px rgba(0,0,0,.04);
}
.boxleftlink ul {width:100%;padding:4px 0 0 10px;float:left;}
.boxleftlink ul li {
    width:25%;padding:0;
    height:32px;text-indent:10px;
    line-height:32px;font-size:13px;
    float:left;
    transition:color 0.2s;
}
.boxleftlink ul li a{color:#666;text-decoration:none;transition:color 0.2s;}
.boxleftlink ul li a:hover{color:#ce3a3a;}