/*Generated by wjdhcms 3.0 */







@charset "utf-8";



* {



	padding: 0;



	margin: 0;



	font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;



}







html {



	/* overflow: hidden; */



	-webkit-overflow-scrolling: touch;



	overflow-scrolling: touch;



}







body {



	color: #333;



	margin: 0;



	line-height: 1.5;



	/* overflow: hidden; */



}







:focus {



	outline: 1;



}







article,



aside,



canvas,



details,



figcaption,



figure,



footer,



header,



hgroup,



menu,



nav,



section,



summary {



	display: block;



}







a {



	margin: 0;



	padding: 0;



	border: 0;



	font-size: 100%;



	vertical-align: baseline;



	background: transparent;



}







ins {



	background-color: #ff9;



	color: #000;



	text-decoration: none;



}







mark {



	background-color: #ff9;



	color: #000;



	font-style: italic;



	font-weight: bold;



}







del {



	text-decoration: line-through;



}







table {



	border-collapse: collapse;



	border-spacing: 0;



}







hr {



	display: block;



	height: 1px;



	border: 0;



	border-top: 1px solid #cccccc;



	margin: 1em 0;



	padding: 0;



}







input,



select {



	vertical-align: middle;



}







li,



ul {



	list-style-type: none;



}







img {



	border: none;



}







a {



	color: #333;



	text-decoration: none;



	-webkit-transition: all .3s ease-out;



	transition: all .3s ease-out;



}







a:link,



a:hover,



a:active,



a:visited {



	text-decoration: none;



	color: #333;



}







input,



textarea {



	outline: 0;



	border: 0;	



-webkit-appearance: none;



}







textarea {



	resize: none;



}







h1,



h2,



h3,



h4,



h5,



h6,



dl,



dd,



dt,



i,



em {



	font-weight: normal;



	font-style: normal;



}







.container {



	padding-left: 5px;



	padding-right: 5px;



}







[class*="col-"] {



	padding-left: 5px;



	padding-right: 5px;



}







.header img {



	width: 100%;



}







.bar {



	width: 100%;



	padding: 10px 15px;



	height: 50px;



	background-color: #080808;



}







.bar .goback {



	float: left;



	width: 30px;



	height: 30px;



}







.bar .goback:before,



.bar .goback:after {



	content: '';



	display: block;



	background: #999999;



	width: 16px;



	height: 1px;



	position: absolute;



	top: 25px;



	transform: translate3d(0px, 0px, 0px);



	-webkit-transform: translate3d(0px, 0px, 0px);



}







.bar .goback:before {



	transform: translateZ(0px) rotate(-45deg);



	-webkit-transform: translateZ(0px) rotate(-45deg);



	transform-origin: left bottom;



	-webkit-transform-origin: left bottom;



}







.bar .goback:after {



	transform: translateZ(0px) rotate(45deg);



	-webkit-transform: translateZ(0px) rotate(45deg);



	transform-origin: left bottom;



	-webkit-transform-origin: left bottom;



}







.lcbody {



	float: right;



	width: 30px;



	height: 30px;



	position: relative;



	transform: translateZ(0px) rotate(0deg);



	transition: transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99);



}







.lcitem {



	position: absolute;



	left: 0;



	top: 0;



	transform: translateZ(0px) rotate(0deg);



	transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;



	-webkit-transform: translateZ(0px) rotate(0deg);



	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;



	width: 30px;



	height: 30px;



}







.lcitem .rect {



	width: 30px;



	height: 1px;



	background: #999999;



	position: absolute;



	left: 0;



	top: 14px;



	transition: transform 0.2s ease 0.2s;



	-webkit-transition: -webkit-transform 0.2s ease 0.2s;



}







.lcitem .rect.top {



	transform: translate3d(0px, -6px, 0px);



	-webkit-transform: translate3d(0px, -6px, 0px);



}







.lcitem .rect.bottom {



	transform: translate3d(0px, 6px, 0px);



	-webkit-transform: translate3d(0px, 6px, 0px);



}







body.open .lcbody {



	transform: translateZ(0px) rotate(90deg);



	-webkit-transform: translateZ(0px) rotate(90deg);



}







body.open .lcitem {



	transform: translateZ(0px) rotate(45deg);



	transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s;



	-webkit-transform: translateZ(0px) rotate(45deg);



	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s;



}







body.open .lcitem .rect {



	transition: transform 0.2s ease 0s;



	transform: translate3d(0px, 0px, 0px);



	-webkit-transition: -webkit-transform 0.2s ease 0s;



	-webkit-transform: translate3d(0px, 0px, 0px);



}







.lcitem .rect.top {



	transform: translate3d(0px, -6px, 0px);



	-webkit-transform: translate3d(0px, -6px, 0px);



}







body.open .lcitem.bottom {



	transform: translateZ(0px) rotate(-45deg);



	-webkit-transform: translateZ(0px) rotate(-45deg);



}







body.open #page {



	transform: translate3d(-250px, 0, 0);



	-webkit-transform: translate3d(-250px, 0, 0);



}







#page.goon {



	transform: translate3d(-100%, 0, 0);



	-webkit-transform: translate3d(-100%, 0, 0);



}







#page.comeback {



	transform: translate3d(100%, 0, 0);



	-webkit-transform: translate3d(100%, 0, 0);



}







#page {



	background: #fdfdfd;



	width: 100%;



	/* height: 100%; */



	transition: transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);



	-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);



	/* position: absolute; */



	/* left: 0; */



	/* top: 0; */



	z-index: 2;



}







#leftnav {



	display: none;



	width: 250px;



	height: 100%;



	background: #202020;



	position: fixed;



	right: 0;



	overflow-y: auto;



	overflow-x:hidden;



	transform: translate3d(50px, 0, 0);



	-webkit-transform: translate3d(50px, 0, 0);



	transition: transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);



	-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);



}







body.open #leftnav {



	transform: translate3d(0, 0, 0);



	-webkit-transform: translate3d(0, 0, 0);



}







#leftnav ul li {



	display: block;



	line-height: 46px;



	border-bottom: .8px solid #2e2e2e;



	color: #818181;



	font-size: 15px;



	text-indent: 24px;



	width: 250px;



	cursor: pointer;



}







#leftnav ul li>ul li {



	text-indent: 35px;



	background-color: #161616;



	border-bottom: 1px solid #111;



}







#leftnav ul li a {



	color: #fff;



}







#main {



	/* height: calc(100% - 50px); */



	/* height: -webkit-calc(100% - 50px); */



	/* overflow-x: hidden; */



	padding-bottom:5em;



	overflow-y: auto;



}







.wjdh-title {



	padding: 10px 0 20px;



}







.wjdh-title span {



	text-transform: uppercase;



	color: #888;



	position: relative;



}







.wjdh-title span:before,



.wjdh-title span:after {



	content: '';



	display: block;



	width: 30px;



	height: 1px;



	background-color: #888;



	position: absolute;



	top: 50%;



	;



}







.wjdh-title span:before {



	left: -50px;



}







.wjdh-title span:after {



	right: -50px;



}







.product-list ul {}







.product-list li {



	margin-bottom: 10px;



}











.product-cat li a {



	display: block;



	width: 100%;



	height: 35px;



	line-height: 35px;



	margin-bottom: 10px;



	text-align: center;



	white-space: nowrap;



	overflow: hidden;



	text-overflow: ellipsis;



	background-color: #ececec;



}







.product-list li .item {



	display: block;



	border: 1px solid #CCCCCC;



	background-color: #FFFFFF;



}







.product-list li .item img {



	width: 100%;



	height: auto;



}







.product-list li .item span {



	display: block;



	white-space: nowrap;



	overflow: hidden;



	text-overflow: ellipsis;



	padding: 5px 10px;



}







.product-list li .item .more {



	text-align: center;



	border: 1px solid #cecece;



	width: 60%;



	margin: 10px auto;



}







.pages {



	margin: 20px 0;



	text-align: center;



	font-size: 12px;



}







.pages a,



.pages span {



	padding: 2px 8px;



	border: 1px solid #999;



	margin: 0 5px 5px;



	color: #999;



	display: inline-block;



}







.pages .current {



	background-color: #e70012;



	border: 1px solid #e70012;



	color: #fff;



}







.pages .current:hover {



	color: #fff;



}







.pic-list li {



	margin-bottom: 10px;



}







.pic-list li img {



	width: 100px;



	height: 80px;



	float: left;



}







.pic-list li .info {



	border: 1px solid #cecece;



	margin-left: 110px;



	height: 80px;



	padding: 0 10px;



}







.pic-list li .info h5 {



	margin: 5px 0;



	line-height: 25px;



	height: 25px;



	display: block;



	white-space: nowrap;



	overflow: hidden;



	text-overflow: ellipsis;



}







.pic-list li .info p {



	height: 40px;



	line-height: 20px;



	overflow: hidden;



	margin: 0;



	color: #b6b6b6;



}







.product-info {



	border: 5px solid #ececec;



	margin: 20px 0;



}







.product-info h4 {



	border-bottom: 1px solid #ececec;



	padding: 20px 0;



	margin: 0;



}



.product-info .img {



	padding: 20px;



	background-color: #f4f4f4;



}



.product-info .img img {



	margin: 0 auto;



	width: 100%;



}







.product-info span,



.product-info p {



	color: #999;



	line-height: 25px;



	padding: 0 20px;



}







.product-info a {



	border: 1px solid #ccc;



	display: block;



	text-align: center;



	padding: 10px 10px 10px 20px;



	display: flex;



	align-items: center;



	justify-content: center;



	font-size: 16px;



	margin: 20px;



}







.product-info a svg {



	width: 25px;



	height: 25px;



	fill: #e70012;



	margin: 0 10px 0 0;



}



.product-photo {

	padding: 10px 20px;

	border-top: 6px solid #ececec;

	border-bottom: 1px solid #ececec;

	background-color: #f4f4f4;

	margin-bottom: 13px;

}



.product-photo ul {



	overflow-x: scroll;



	overflow-y: hidden;



	display: flex;



	margin: 0;



}







.product-photo li {



	width: 100px;



	margin-right: 10px;



}







.product-photo img {



	width: 100px;



	height: 70px;



	border: 3px solid #d4d4d4;



}



.product-message {



	background-color: #fff;



}



.product-message ul li {



	display: flex;



	align-items: center;



	padding: 5px 10px;



	background-color: #fff;



	margin-bottom: 10px;



}



.product-message ul li button {



	display: block;



	width: 100%;



}



.product-message .btn-tj {



	background-color: #e70012;



	color: #fff;



}



.product-message ul li svg {



	display: block;



	width: 30px;



	height: 20px;



	fill: #666;



	margin-right: 10px;



}







.page-content {



	border: 5px solid #ececec;



	margin: 20px 0;



	padding: 10px;



	background-color:#fff;



	font-size: 16px;



	line-height: 2;



}



.page-content .page-title {



	margin-bottom: 20px;



}



.page-content * {



	text-indent: 0!important;



}







.page-content img {



	max-width: 100%;



	width: auto!important;



	height: auto;



}







.page-content iframe {



	max-width: 100%;



}







.case-list li .item {



	display: block;



	background-color: #fff;



	padding: 5px;



	margin-bottom: 10px;



}







.case-list li span {



	display: block;



	white-space: nowrap;



	overflow: hidden;



	text-overflow: ellipsis;



	line-height: 30px;



}







.case-list li p {



	font-size: 12px;



	color: #666;



	height: 40px;



	line-height: 20px;



	overflow: hidden;



}







.case-list li .more {



	background-color: #e70012;



	color: #fff;



}







.case-list .img img {



	width: 100%;



	height: 10rem;



}







.text-list ul li {



	padding-left: 30px;



	height: 35px;



	line-height: 35px;



	position: relative;



}







.text-list ul li span {



	display: block;



	white-space: nowrap;



	overflow: hidden;



	text-overflow: ellipsis;



}







.text-list ul li b {



	float: right;



	font-weight: normal;



	color: #999;



}







.text-list ul li i {



	display: block;



	width: 20px;



	height: 1px;



	background-color: #ccc;



	position: absolute;



	top: 50%;



	left: 0;



}







.text-list ul li i:before,



.text-list ul li i:after {



	content: '';



	display: block;



	background: #ccc;



	width: 10px;



	height: 1px;



	position: absolute;



	top: 50%;



	right: 0;



	transform: translate3d(0px, 0px, 0px);



	-webkit-transform: translate3d(0px, 0px, 0px);



}







.text-list ul li i:before {



    transform: translateZ(0px) rotate(45deg);



    -webkit-transform: translateZ(0px) rotate(45deg);



    transform-origin: right bottom;



    -webkit-transform-origin: right bottom;



}



.text-list ul li i:after{



    transform: translateZ(0px) rotate(-45deg);



    -webkit-transform: translateZ(0px) rotate(-45deg);



    transform-origin: right bottom;



    -webkit-transform-origin: right bottom;



}



.news-tab {



	display: flex;



	justify-content: center;



	align-items: center;



	margin-bottom: 20px;



}



.news-tab a {



	display: block;



	padding: 10px 20px;



	background-color: #fff;



	margin: 0 10px;



}



.news-tab .on {



	background-color: #e70012;



	color: #fff;



}



.news-top {



	margin-bottom: 20px;



	height: 140px;



}



	



.news-top .img {



	float: left;



}



.news-top .img img {



	width: 180px;



	height: 140px;



	border: 5px solid #ccc;



}



.news-top .info {



	margin-left: 200px;



}



.news-top .info h4 {



	height: 50px;



	line-height:25px;



	margin-bottom: 0px;



	overflow: hidden;



}



.news-top .info p {



	height: 50px;



	line-height:25px;



	overflow: hidden;



}



.news-top .info span{



	background-color: #e70012;



	color: #fff;



	padding: 5px 10px;



	display: inline-flex;



	align-items: center;



}







.news-top .info span i {



	display: inline-block;



	width: 20px;



	height: 1px;



	background-color: #fff;



	position: relative;



	margin-left: 10px;



}







.news-top .info span i:before,



.news-top .info span i:after {



	content: '';



	display: block;



	background: #fff;



	width: 10px;



	height: 1px;



	position: absolute;



	top: 50%;



	right: 0;



	transform: translate3d(0px, 0px, 0px);



	-webkit-transform: translate3d(0px, 0px, 0px);



}







.news-top .info span i:before {



    transform: translateZ(0px) rotate(45deg);



    -webkit-transform: translateZ(0px) rotate(45deg);



    transform-origin: right bottom;



    -webkit-transform-origin: right bottom;



}



.news-top .info span i:after{



    transform: translateZ(0px) rotate(-45deg);



    -webkit-transform: translateZ(0px) rotate(-45deg);



    transform-origin: right bottom;



    -webkit-transform-origin: right bottom;



}







.news-list ul li {



	height: 100px;



	margin-bottom: 10px;



	overflow: hidden;



	border: 1px solid #ccc;



}



.news-list ul li dl {



	float: left;



	width: 100px;



	height: 100px;



	border-right: #ccc;



	display: flex;



	flex-direction:column;



	justify-content: center;



	align-items: center;



	border-right: 1px solid #ccc;



	color: #666;



}



.news-list ul li dl dt {



	font-size: 24px;



}



.news-list ul li .info {



	margin-left: 120px;



	padding: 10px;



}



.news-list ul li .info span {



	font-size: 16px;



	display: block;



	white-space: nowrap;



	overflow: hidden;



	text-overflow: ellipsis;



	margin-bottom: 10px;



}



.news-list ul li .info p {



	height: 40px;



	line-height: 20px;



	overflow: hidden;



}



<!--ºÄʱ1753052108.3512Ãë-->