/* 移动优先 */
/* Author:泰州华网 */
/* Contact: soft@0523cn.com*/
/* WebSite: www.0523cn.com*/
.wrap {}

.header {
	position: relative;
	padding-top: 0.3125rem;
}

.top {
	display: none;
}

.logo {
	width: 60%;
	padding-left: 0.625rem;
}

.logo img {
	width: 100%;
	vertical-align: bottom;
}

.menu {
	display: none;
}

.nav-toggle {
	position: absolute;
	top: 0.3125rem;
	right: 0.3125rem;
}

.motofont {
	font-size: 1.625rem;
}

.swiper {
	margin: 0.625rem 0px;
}

.swiper-container {
	width: 100%;
	height: 100%;
}

.swiper-slide img {
	width: 100%;
}

.btn {
	text-align: center;
	padding: 0.125rem 1.5rem;
	display: inline-block;
	font-size: 0.875rem;
	color: #fff;
}


/* about */
.about {
	padding: 0.3125rem;
}

.about-header {}

.about-body {
	padding: 0.625rem 0.3125rem;
	font-size: 0.875rem;
	line-height: 2;
}

.about-footer {
	margin-top: 0.9375rem;
	margin-bottom: 0.9375rem;
	text-align: center;
}

.btn-about {
	line-height: 2;
	background-color: #b40000;
	border-radius: 2rem;
}

.about-header {
	text-align: center;
}

.about-header>h2 {
	font-size: 1.5rem;
	line-height: 2;
	position: relative;
	display: inline-block;
	font-weight: bold;
}

.about-header>h3 {
	font-size: 0.5rem;
	line-height: 2;
	color: #a2a2a2;
}

.about-header>h2::after {
	content: '';
	width: 100%;
	height: 0.1875rem;
	background-color: #b40000;
	position: absolute;
	bottom: 0px;
	left: 0px;
	border-radius: 0.1875rem;
}

.about-video {
	width: 100%;
}

.about-content {
	padding: 0.625rem;
	line-height: 2;
	text-indent: 2em;
}

/* news */
.news {

	padding: 0.3125rem;
}

.news-header {
	padding: 0px 0.9375rem;
	text-align: center;
}

.news-header>h2 {
	font-size: 1.5rem;
	line-height: 2;
	position: relative;
	display: inline-block;
	font-weight: bold;
}

.news-header>h3 {
	font-size: 0.5rem;
	line-height: 2;
	color: #a2a2a2;
}

.news-body {
	padding: 0.9375rem 0rem;

}

.news-content {}

.news-content-lf {
	width: 100%;
}

.news-content-rt {
	width: 100%;
	margin-top: 0.9375rem;
}

.swiper-container-horizontal>.swiper-pagination-bullets {
	width: auto;
	left: inherit;
	right: 20px;
	line-height: 3;
	bottom: 0px;
}

.swipertitle {
	left: 0px;
	bottom: 0px;
	width: 100%;
	line-height: 3;
	font-size: 0.875rem;
	background-color: rgba(255, 255, 255, .5);
	position: absolute;
	color: #000;
	text-indent: 1em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


.news-tabs {
	border-bottom: 1px solid #d0d0d0;
	text-align: center;
	font-size: 0px;
	/* 
	position: relative; */
}

.news-tabs-item {
	/*border-radius: 0.3125rem 0.3125rem 0rem 0rem;
	margin-right: 0.625rem;
	border-right: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	*/

	font-size: 0.75rem;
	line-height: 2;
	text-align: center;
	display: inline-block;
	border-top: 2px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
	padding: 0.3125rem 0.5rem;

}

.news-content-more {
	font-size: 0.75rem;
	line-height: 2;
	text-align: center;
	display: inline-block;
	border-top: 2px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
	padding: 0.3125rem;
	border-right: 1px solid #d0d0d0;
	color: #626262;
}
.news-content-more .motofont{
	font-size: 0.75rem;
}

.tabsactive {
	border-top: 2px solid #b40000;
}

.news-tabs-content {
	padding: 0.625rem 0.3125rem;
}

.tabs-content-hide {
	display: none;
}

/* .news-more{
	position: absolute;
	right: 0px;
	bottom: 0px;
	font-size: 0.875rem;
	color: #929292;
} */
.news-tabs-content ul li {
	background: url("../images/arrow.png") no-repeat left center;
	line-height: 2;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-indent: 1rem;
}

.news-tabs-content ul li>a {
	font-size: 0.875rem;
	color: #626262;

}

.news-tabs-content ul li>span {
	float: right;
	color: #909090;
	font-size: 0.875rem;
}


.news-header>h2::after {
	content: '';
	width: 100%;
	height: 0.1875rem;
	background-color: #b40000;
	position: absolute;
	bottom: 0px;
	left: 0px;
	border-radius: 0.1875rem;
}

.news-footer {
	line-height: 2;
	margin-top: 0.9375rem;
	margin-bottom: 0.9375rem;
	text-align: center;
}

.btn-news {
	line-height: 2;
	background-color: #b40000;
	border-radius: 3rem;
}

/* case */
.case {
	/* background-color: #f9f9f9; */
	background-color: #f6f6f6;
	padding: 0.3125rem;
}

.case-header {
	padding: 0px 0.9375rem;
	text-align: center;
}

.case-header>h2 {
	font-size: 1.5rem;
	line-height: 2;
	position: relative;
	display: inline-block;
	font-weight: bold;
}

.case-header>h3 {
	font-size: 0.5rem;
	line-height: 2;
	color: #a2a2a2;
}

.case-header>h2::after {
	content: '';
	width: 100%;
	height: 0.1875rem;
	background-color: #b40000;
	position: absolute;
	bottom: 0px;
	left: 0px;
	border-radius: 0.1875rem;
}

.case-body {
	display: flex;
	flex-flow: row wrap;
}

.case-item {
	flex-grow: 0;
	width: 50%;

}

.case-item-warp {
	padding: 0.3125rem;

}

.case-item-thumb {
	background-color: #f0f0f0;
	overflow: hidden;
}

.case-item-thumb img {
	width: 100%;
	vertical-align: bottom;
}

.case-item-title {
	padding: 0px 0.3125rem;
	line-height: 3;
	font-size: 0.875rem;
	/* font-size: 0.5rem; */
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	border-bottom: 1px #e2e2e2 dashed;
	color: #626262;
}

.case-footer {
	line-height: 2;
	margin-top: 0.9375rem;
	margin-bottom: 0.9375rem;
	text-align: center;
}

.btn-case {
	line-height: 2;
	background-color: #b40000;
	border-radius: 3rem;
}

.links {
	display: none;
}

.footer {
	background-color: rgb(64, 64, 66);
	padding: 20px 0px;
}

.footer-menubar {
	display: none;
}

.footer-contact {
	font-size: 0.875rem;
	color: rgb(255 255 255);
	width: 90%;
	margin: auto;
	text-align: center;
	line-height: 2;
}

.footer-qr {
	float: none;
	display: none;
}

/* 大型设备（笔记本电脑/台式机，992 像素及以上） */
@media only screen and (min-width: 992px) {
	.wrap {
		width: 992px;
	}

	.top {
		display: inherit;
		background-color: #e2e2e2;
	}

}

/* 超大型设备（大型笔记本电脑和台式机，1200 像素及以上） */
@media only screen and (min-width: 1200px) {
	.header {
		position: inherit;
		padding: 0px;
	}

	.nav-toggle {
		display: none;
	}

	.wrap {
		width: 100%;
	}

	.top {
		display: inherit;
		text-align: right;
		height: 50px;
		padding-right: 50px;
		line-height: 30px;
		background-color: #e2e2e2;
		position: relative;
		overflow: hidden;
	}

	.logo {
		display: none;
	}

	.menu {
		width: 90%;
		top: 30px;
		right: 0px;
		position: absolute;
		display: flex;
		flex-flow: row nowrap;
		z-index: 10;
		background-color: rgb(4 112 184);
	}

	.menu-logo {
		padding: 0px 10px;
		flex-grow: 0;
	}

	.menu-logo img {
		vertical-align: bottom;
	}

	.menu-item {
		height: 50px;
		color: #ffffff;
		flex-grow: 1;
	}

	.menu-item-content {
		color: #fff;
		display: block;
		width: 100%;
		height: 50px;
		line-height: 50px;
		text-align: center;
		position: relative;
		transition: all 0.3s ease-in-out;
	}

	.menu-item-content:hover {
		background-color: rgba(2, 65, 107, 1);
	}

	.menu-item-content:hover .submenu {
		display: block;
	}

	.submenu {
		display: none;
		left: 0px;
		position: absolute;
		width: 100%;
		z-index: 11;
		background-color: rgb(4 112 184);
	}

	.submenu-item {
		text-align: center;
	}

	.submenu-item>a {
		color: #fff;
		line-height: 3;
		text-align: ;
	}

	/* about 太阳成tyc122cc */
	.about {
		padding: 15px 0px;
	}

	.about-header>h2 {
		font-size: 32px;
		font-weight: bolder;
		color: rgb(137 33 24);
		line-height: 2;
	}

	.about-header>h3 {
		color: rgb(162, 162, 162);
		font-size: 16px;
		letter-spacing: 3px;
		line-height: 2;
	}

	.about-body {
		margin: 15px 0px;
		display: flex;
		flex-flow: row nowrap;
		padding: 0px;
	}

	.about-video {
		width: 640px;
		flex-shrink: 0;
		padding: 10px;
	}

	.about-content {
		flex-grow: 1;
		padding: 10px;
		font-size: 16px;
		line-height: 2;
		text-indent: 2em;
	}

	.about-footer {
		margin-top: 0.625rem;
		margin-bottom: 0.9375rem;
		text-align: center;
	}

	.btn {
		text-indent: 0;
		padding: 4px 50px;
		display: inline-block;
		font-size: 16px;
		color: #fff;
	}

	.btn-news {
		margin: 15px 0px 0px 0px;
		line-height: 2;
		background-color: #b40000;
		border-radius: 16px;
	}

	/* case 工程案例 */
	.case {
		background-color: rgb(246 246 246);
		padding: 15px 0px;
	}

	.case-header>h2 {
		font-size: 32px;
		font-weight: bolder;
		color: rgb(137 33 24);
		line-height: 2;
	}

	.case-header>h3 {
		color: rgb(162, 162, 162);
		font-size: 16px;
		letter-spacing: 3px;
		line-height: 2;
	}

	.case-body {
		padding: 10px 10px;
	}

	.case-item {
		flex-grow: 0;
		width: 20%;
		padding: 10px;
	}

	.case-item-warp {
		border-radius: 5px;
		padding: 10px;
		background-color: #fff;
		position: relative;
		transition: all 0.5s ease 0s;
	}

	.case-item-warp::after {
		content: "";
		position: absolute;
		width: 0%;
		left: 0px;
		bottom: 0px;
		height: 3px;
		background-color: rgba(1, 90, 168, 1);
		transition: all 0.5s ease 0s;
	}

	.case-item-warp:hover {
		box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
	}

	.case-item-warp:hover::after {
		width: 100%
	}

	.case-item-warp:hover .case-item-title {
		color: rgba(1, 90, 168, 1);
		/* color: #424242; */
	}

	.case-item-thumb {
		overflow: hidden;
		/* height: 400px; */
	}

	.case-item-thumb img {
		width: 100%;
		vertical-align: bottom;
	}

	.case-item-title {
		color: #a0a0a0;
		line-height: 2;
		font-size: 14px;
		padding: 8px 10px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;

		/* overflow: inherit;
		white-space: inherit;
		text-overflow: inherit; */
		border-bottom: none;

	}


	/* news 新闻资讯 */

	.news {
		/* background-color: rgb(246 246 246); */
		padding: 15px 0px;
	}

	.news-header>h2 {
		font-size: 32px;
		font-weight: bolder;
		color: rgb(137 33 24);
		line-height: 2;
	}

	.news-header>h3 {
		color: rgb(162, 162, 162);
		font-size: 16px;
		letter-spacing: 3px;
		line-height: 2;
	}

	.news-body {
		line-height: inherit;
		padding: 10px 10px;
	}

	.news-content {
		display: flex;
		flex-flow: row nowrap;

	}

	.news-content-lf {
		flex-grow: 0;
		width: 40%;
		padding: 15px;
		/* background-color: beige; */
	}

	.swipertitle {
		left: 0px;
		bottom: 0px;
		width: 100%;
		line-height: 3;
		background-color: rgba(255, 255, 255, .5);
		position: absolute;
		color: #000;
		text-indent: 1em;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.swiper-container-horizontal>.swiper-pagination-bullets {
		width: auto;
		left: inherit;
		right: 20px;
		line-height: 3;
		bottom: 0px;
	}

	.news-content-lf .swiper-slide>img {
		width: 100%;
		vertical-align: bottom;
	}

	.news-content-rt {
		width: 60%;
		flex-grow: 0;
	}

	
	.news-tabs {
		
		padding-left: 15px;
		text-align: left;
		transition: all 0.5s ease-in-out 0s;
		border-bottom: 1px solid rgb(208 208 208);
	}

	.news-tabs-item {
		display: inline-block;
		cursor: pointer;
		font-size: 14px;
		border-radius: 0.3125rem 0.3125rem 0rem 0rem;
		text-indent: 0;
		text-align: center;
		border-top: 2px solid rgb(208 208 208);
		border-right: 2px solid rgb(208 208 208);
		border-left: 2px solid rgb(208 208 208);
		padding: 4px 25px;
		margin-right: 5px;
		transition: color 0.3s ease-in-out 0s;
	}
	.news-content-more {
		font-size:14px;
		border-radius: 0.3125rem 0.3125rem 0rem 0rem;
		text-indent: 0;
		text-align: center;
		border-top: 2px solid rgb(208 208 208);
		border-right: 2px solid rgb(208 208 208);
		border-left: 2px solid rgb(208 208 208);
		line-height: 2;
		padding:4px 5px;
	}
	.motofont{
		font-size: 14px;
	}
	.news-tabs-item:hover {
		color: #b40000;
	}

	.news-tabs-item:last-child {
		margin-right: 0rem;
	}

	.tabsactive {
		border-top: 2px solid #b40000;
		transition: all 0.3s ease-in-out 0s;
		color: #b40000;
	}



	.news-tabs-content {
		padding: 10px;
	}

	.news-tabs-content ul li {
		line-height: 2.7;
		border-bottom: 1px dashed #e2e2e2;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}


	.news-tabs-content ul li a {
		font-size: 16px;
		transition: all 0.5s ease-in-out 0s;
	}

	.news-tabs-content ul li a:hover {
		color: rgb(180, 0, 0);
	}

	.news-tabs-content ul li>span {
		font-size: 16px;
		color: #d2d2d2;
		text-indent: 0;
	}

	.tabs-content-hide {
		display: none;
	}

	.links {
		display: flex;
		flex-flow: row nowrap;
		line-height: 3;
		background-color: #efefef;
	}

	.links-header {
		flex-grow: 0;
		text-align: right;
		padding: 0px 20px;
		font-weight: bold;
		color: red;
	}

	.links-item {
		text-align: center;
		flex-grow: 0;
		padding: 0px 20px;
		position: relative;
	}

	.links-item::after {
		position: absolute;
		content: '';
		height: 50%;
		width: 0px;
		border-left: 1px dotted #cfcfcf;
		top: 50%;
		right: 0px;
		transform: translateY(-50%);
	}

	.links-item:last-child::after {
		border: 0px;
	}

	.links-item>a {
		color: #828282;
		font-size: 14px;
	}

	/* footer */
	.footer {
		background-color: rgb(2 65 107);
	}

	.footer-body {
		display: flex;
		flex-flow: row nowrap;
		padding: 0px 15px
	}

	.footer-menubar {
		flex-grow: 1;
		display: flex;
		flex-flow: row nowrap;
	}

	.footer-menubar-item {
		flex-grow: 0;
		padding: 0px 30px;
		text-align: center;
	}

	.footer-menubar-item h3 {
		color: rgb(224 224 224);
		line-height: 2;
		font-size: 16px;
	}

	.footer-menubar-item ul li a {
		color: rgb(192 192 192);
		line-height: 2;
		font-size: 14px;
	}

	.footer-contact {
		margin: 0px;
		width: auto;
		flex-grow: 1;
		font-size: 14px;
		color: rgb(192 192 192);
		text-align: left;
		line-height: 2;
	}

	.icp {
		color: rgb(192 192 192);
	}

	.footer-qr {
		display: inherit;
		float: right;
		width: 120px;
	}

	.footer-qr img {
		width: 100%;
		vertical-align: bottom;
	}

	/* 	.footer-body-item{
		flex-grow: 0;
		
	} */

	/* 内容页 */
	.content {
		padding: 15px 40px;
	}

	.content-header {
		width: 100%;
		padding: 0px 0px 10px 0px;
		border-bottom: 1px dotted rgb(160 160 160);
	}

	.content-header h2 {
		font-size: 32px;
		color: rgb(0 84 174);
		font-weight: 400;
		line-height: 200%;
	}

	.location {
		font-size: 14px;
		color: rgb(136 136 136);
	}

	.location a {
		font-size: 14px;
		color: rgb(136 136 136);
		transition: color 0.5s ease 0s;
	}

	.location a:hover {
		color: rgb(80, 80, 80);
	}

	.content-body {
		padding: 15px;
		line-height: 2;
		font-size: 16px;
	}

	.content-tit {}

	.content-tit h2 {
		font-size: 32px;
		font-weight: 550;
		font-family: "microsoft yahei";
		text-align: center;
		line-height: 2;
		color: rgb(85 85 85);
	}

	.content-desc {
		text-align: center;
		color: rgb(150, 150, 150);
		font-size: 14px;
	}

	/* 单页栏目 */
	.pages {}

	.pages-header {
		padding: 0px 40px;
		line-height: 60px;
		border: 1px solid rgb(239 239 239);
		font-size: 16px;
		box-shadow: 0 0px 10px rgb(0 0 0 / 10%);
	}


	.pages-content {
		padding: 15px 40px;
	}

	.pages-lf-content {
		width: 300px;
		float: left;
		overflow: hidden;
		margin-right: 30px;
		border: 1px solid rgb(239 239 239);
		box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
		padding: 0px 5px;
	}

	.pages-lf-content-header {
		text-indent: 20px;
		height: 60px;
		/* border-top: 1px solid rgb(239 239 239); */
		border-bottom: 1px solid rgb(239 239 239);
		line-height: 60px;
		font-size: 24px;
		color: rgb(137 33 24);
	}

	.pages-lf-content ul li {
		text-indent: 40px;
		line-height: 50px;
		font-size: 16px;
		border-bottom: 1px dashed rgb(239 239 239);
		transition: all 0.5s ease-in-out 0s;
	}

	.pages-lf-content ul li a {
		display: block;
		font-size: 18px;
		text-decoration: none;
		color: rgb(85 85 85);
	}

	.pages-lf-content ul li:hover {
		background-color: rgba(200, 200, 200, .4);
	}


	.pages-lf-content-contact {
		padding: 20px;
		line-height: 2;
		font-size: 16px;
	}

	.pages-lf-content-contact p {
		color: rgb(85 85 85);
		border-bottom: 1px dotted #ececec;
	}



	.pages-rt-content {
		padding: 15px;
		line-height: 2;
		font-size: 16px;
		min-height: 800px;
		overflow: hidden;
	}

	/* channels */
	.channels {
		padding: 15px 40px;
	}

	.channels-content {
		padding: 15px;
		font-size: 16px
	}

	.channels-content ul li {
		line-height: 2.7;
		border-bottom: 1px dashed rgb(226 226 226);
	}

	.channels-content ul li a {
		color: rgb(85 85 85);
		text-decoration: none;
		transition: color 0.5s ease-in-out 0s;
	}

	.channels-content ul li a:hover {
		color: brown;
	}

	.channels-content ul li span {
		color: rgb(210 210 210);
	}

	.content-pages {
		border-top: 1px dotted #e2e2e2;
		text-align: center;
	}


	/* common  公共 */
	.swiper {
		margin: 0px;
	}

	/* page-item */
	.page_wrap {
		clear: both;
		margin-bottom: 10px;
		overflow: hidden;
		zoom: 1;
	}

	.paginator {
		display: inline-block;
		padding: 15px 0px;
		overflow: hidden;
	}

	.paginator,
	.paginator input,
	.paginator button {
		font-family: Tahoma, "宋体";
		font-size: 12px;
	}

	.paginator a,
	.paginator span {
		float: left;
		height: 23px;
		margin: 0 5px 0 0;
		text-align: center;
		white-space: nowrap;
		vertical-align: middle;
		line-height: 23px;
		background: #fff;
	}

	.paginator a {
		color: #085C9B;
	}

	.paginator b {
		font-family: "宋体";
		margin: 3px;
		font-weight: 300;
	}

	.paginator a:link,
	.paginator a:visited,
	.paginator a:hover,
	.paginator a:active {
		text-decoration: none;
	}

	.paginator .page-start,
	.paginator a,
	.paginator .page-end {
		padding: 0 8px;
		border: 1px solid #D3D3D3;
		background: #ffffff;
	}

	.paginator .page-start {
		border-color: #d9d9d9;
		color: #d9d9d9;
	}

	.paginator .page-end {
		border-color: #d9d9d9;
		color: #d9d9d9;
	}

	.paginator .page-this,
	.paginator .page-break {
		padding: 0 3px;
	}

	.paginator .page-break {
		border: 1px solid #fff;
	}

	.paginator .page-this {
		border: 1px solid #D3D3D3;
		background-color: #E9E9E9;
		color: #D4105A;
		padding: 0px 8px;
		font-weight: bold;
	}

	.paginator .page-skip {
		height: 22px;
		line-height: 22px;
		padding: 0 3px;
		margin: 0;
		background: none;
	}

	.paginator .page-skip input {
		width: 26px;
		*width: 23px;
		height: 19px;
		line-height: 19px;
		border: 1px #D3D3D3 solid;
		font-size: 12px;
		margin: -1px 6px 0px 6px;
		#margin-top: 1px;
		_margin-top: 0px;
		padding: 0px 0px 0px 2px;
		vertical-align: middle;
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.paginator .page-skip button {
		font-size: 12px;
		padding: 0 5px 5px 5px;
		_padding: 0 5px 0 5px;
		width: auto;
		_width: 0;
		height: 22px;
		*height: 23px;
		*line-height: 20px;
		_height: 16px;
		_line-height: 16px;
		margin-left: 10px;
		*margin-top: -1px;
		overflow: visible;
		vertical-align: top;
	}

	.paginator a:hover {
		border: 1px solid #A6A6A6;
		color: #868688;
	}




}