/* PB2345模版网 整站模板下载网站 Www.pb2345.com */


/* QQ：2305035643 */











body {


	font-family: "Microsoft YaHei" !important;


	overflow-x: hidden;


	max-width: 100%;


	background: url(../img/bg.jpg) repeat;


}


@font-face {


	font-family: 'helv';


	src: url('../font/helv.eot');


	src: url('../fonts/helv.eot') format('embedded-opentype'), url('../fonts/helv.woff') format('woff'), url('../fonts/helv.ttf') format('truetype'), url('../fonts/helv.svg#verdemoderna') format('svg');


}


.left {


	float: left;


}


.right {


	float: right;


}


.clearfix:after {


	content: '\20';


	display: block;


	height: 0;


	clear: both;


}


.clearfix {


 *zoom: 1;


}


.header {


	background: url("../img/headerback.jpg") no-repeat;


	min-height: 166px;


	background-size: auto;


	background-position: center center;


}


.header .logo {


	width: 19.4%;


	margin-left: 10px;


	position: relative;


	z-index: 5;


}


.header .logo img {


	width: 100%;


}


.header .logo .logo11 {


	display: none;


}


.header .phone .headerPhone {


	margin-top: 30px;


}


.header .phone .headerPhone img {


	margin-top: 5px;


	margin-right: 10px;


}


.header .phone .headerPhone .number h4 {


	font-size: 16px;


	color: #000000;


}


.header .phone .headerPhone .number h5 {


	font-size: 22px;


	color: #592a18;


}


.header .nav {


	width: 70%;


	height: 60px;


	margin-top: 25px;


}


.header .nav .nLi {


	float: left;


	width: 12.5%;


	position: relative;


}


.header .nav .nLi h3 a {


	font-size: 14px;


	line-height: 60px;


	display: block;


	text-align: center;


	color: #000000;


}


.header .nav .nLi .sub {


	display: none;


	background: #e3dec7;


	padding: 10px 0;


	position: absolute;


	top: 60px;


	width: 100%;


	z-index: 10;


}


.header .nav .nLi .sub li a {


	font-size: 14px;


	color: #000000;


	display: block;


	text-align: center;


	line-height: 30px;


}


.header .nav .nLi:hover {


	background: url("../img/menu.png") no-repeat bottom left 50%;


}


.header .nav .nLi.on {


	background: url("../img/menu.png") no-repeat bottom left 50%;


}


.header .row {


	position: relative;


}


.header .imgBack {


	position: absolute;


	left: 0;


	top: 0;


	width: 20%;


	z-index: 1;


}


.header .imgBack img {


	width: 100%;


}


.banner .owl-carousel.owl-loaded {


	display: block;


}


.banner .owl-carousel {


	display: none;


	width: 100%;


	-webkit-tap-highlight-color: transparent;


	position: relative !important;


	z-index: 1;


}


.banner .owl-carousel .owl-stage {


	position: relative;


	-ms-touch-action: pan-Y;


}


.banner .owl-carousel .owl-item {


	position: relative;


	min-height: 1px;


	float: left;


	-webkit-backface-visibility: hidden;


	-webkit-tap-highlight-color: transparent;


	-webkit-touch-callout: none;


	-webkit-user-select: none;


	-moz-user-select: none;


	-ms-user-select: none;


	user-select: none;


}


.banner .owl-carousel .owl-item img {


	-webkit-transform-style: preserve-3d;


	transform-style: preserve-3d;


}


.banner .owl-carousel .owl-item img {


	display: block !important;


	width:100% !important;


	margin:0 auto !important;


	-webkit-transform-style: preserve-3d;


}


.banner img {


	max-width: 100%;


}


.banner .owl-theme .owl-controls {


	margin: 0;


}


/* =========修复圆点居中 原来right:50%全部删掉========= */


.banner .owl-pagination {


	position: absolute;


	bottom: 18px;


	left:50%;


	transform: translateX(-50%);


	z-index:999;


}


/*首页banner：隐藏轮播圆点，保留切换箭头*/


.banner .owl-dots{


    display:none !important;


}


.corporate {


	background: url("../img/yi.jpg") no-repeat;


	background-size: auto;


	background-position: center center;


	height: 716px;


}


.corporate .title {


	text-align: center;


	margin-top: 110px;


	margin-bottom: 40px;


}


.corporate .title h4 {


	font-size: 16px;


	color: #000000;


	letter-spacing: 20px;


	text-indent: 20px;


}


.corporate .title .border {


	width: 5%;


	height: 2px;


	background: #592a18;


	margin: 20px auto;


}


.corporate .culture img {


	width: 33.9%;


}


.corporate .culture p {


	width: 60%;


	font-size: 14px;


	color: #333333;


	line-height: 35px;


	height: 240px;


	overflow: hidden


}


.corporate .link {


	margin-top: 80px;


}


.corporate .link .linkBtn {


	background: url("../img/btn.jpg") no-repeat;


	background-size: 100% 100%;


	width: 34%;


	height: 36px;


	float: left;


	margin: 0 20px 20px;


	-webkit-transition: all .4s;


	transition: all .4s;


}


.corporate .link .linkBtn a {


	display: block;


	font-size: 14px;


	color: #fff;


	line-height: 36px;


	text-align: center;


}


.corporate .link .linkBtn:hover {


	-webkit-transform: scale(0.9);


	-ms-transform: scale(0.9);


	transform: scale(0.9);


}


.corporate .corporateLogo {


	width: 75%;


	margin: 0 auto;


	background: url("../img/border.png") no-repeat;


	background-size: 100% 100%;


	background-position: center center;


	box-sizing: border-box;


	padding: 12px 12px;


	cursor: pointer;


}


.corporate .corporateLogo img {


	width: 100%;


	-webkit-transition: 1s;


	transition: 1s;


	opacity: 1;


}


.corporate .corporateLogo:hover img {


	opacity: 0.8;


}


.pro ul {


	width: 100%;


	margin: 50px 0;


}


.pro ul li {


	width: 25%;


	float: left;


}


.pro ul li a {


	display: block;


	width: 100%;


}


.pro ul li a .img {


	width: 85%;


	margin: 0 auto;


}


.pro ul li a .img img {


	width: 100%;


}


.pro ul li a p {


	font-size: 14px;


	color: #333333;


	text-align: center;


	margin: 15px auto 10px;


}


.pro ul li a .border {


	width: 60px;


	height: 1px;


	background: #717171;


	margin: 0 auto;


}


.pro ul li a:hover img {


	-webkit-animation: shake-time 1s ease;


	animation: shake-time 1s ease;


}


@-webkit-keyframes shake-time {


 0% {


 -webkit-transform: scale(1);


 transform: scale(1);


}


 10%,  20% {


 -webkit-transform: scale(0.9) rotate(-3deg);


 transform: scale(0.9) rotate(-3deg);


}


 30%,  50%,  70%,  90% {


 -webkit-transform: scale(1.1) rotate(3deg);


 transform: scale(1.1) rotate(3deg);


}


 40%,  60%,  80% {


 -webkit-transform: scale(1.1) rotate(-3deg);


 transform: scale(1.1) rotate(-3deg);


}


 100% {


 -webkit-transform: scale(1);


 transform: scale(1) rotate(0);


}


}


@keyframes shake-time {


 0% {


 -webkit-transform: scale(1);


 transform: scale(1);


}


 10%,  20% {


 -webkit-transform: scale(0.9) rotate(-3deg);


 transform: scale(0.9) rotate(-3deg);


}


 30%,  50%,  70%,  90% {


 -webkit-transform: scale(1.1) rotate(3deg);


 transform: scale(1.1) rotate(3deg);


}


 40%,  60%,  80% {


 -webkit-transform: scale(1.1) rotate(-3deg);


 transform: scale(1.1) rotate(-3deg);


}


 100% {


 -webkit-transform: scale(1);


 transform: scale(1) rotate(0);


}


}


.case {


	background: url("../img/er.jpg") no-repeat;


	background-size: auto;


	background-position: center center;


	height: 795px;


	text-align: center;


}


.case .title {


	text-align: center;


	margin-top: 110px;


	margin-bottom: 40px;


}


.case .title h4 {


	font-size: 16px;


	color: #000000;


	letter-spacing: 20px;


	text-indent: 20px;


}


.case .title .border {


	width: 5%;


	height: 2px;


	background: #592a18;


	margin: 20px auto;


}


.case ul {


	display: inline-block;


}


.case ul li {


	float: left;


	width: 21.6%;


	overflow: hidden;


	height: 415px;


	position: relative;


}


.case ul li .show {


	position: absolute;


	width: 100%;


	height: 100%;


	background: #000;


	opacity: .3;


	-webkit-transition: all .3s;


	transition: all .3s;


}


.case ul li .o {


	opacity: 0;


}


.case ul li a {


	display: block;


}


.case ul li a img {


	height: 100%;


}


.case ul li:first-child {


	width: 35%;


}


.case ul li:hover .show {


	opacity: 0;


}


.case .list {


	padding: 0 2.5%;


	display: none;


}


.case .list .listCon {


	width: 50%;


	margin-bottom: 15px;


}


.case .list .listCon img {


	width: 95%;


	margin: 0 auto;


	display: block;


}


.new {


	background: url("../img/san.jpg") no-repeat;


	height: 510px;


	background-size: auto;


	background-position: center center;


}


.new .title {


	text-align: center;


	margin-top: 75px;


	margin-bottom: 40px;


}


.new .title h4 {


	font-size: 16px;


	color: #000000;


	letter-spacing: 20px;


	text-indent: 20px;


}


.new .title .border {


	width: 5%;


	height: 2px;


	background: #592a18;


	margin: 20px auto;


}


.new .leftImg {


	position: relative;


}


.new .leftImg img {


	border: 1px solid #cccccc;


	width: 100%;


	display: block;


	max-width: 465px;


}


.new .leftImg .time {


	position: absolute;


	top: 0;


	left: 0;


	width: 12%;


	height: 55%;


	background: #895c2e;


	color: #fff;


	text-align: center;


}


.new .leftImg .time h4 {


	font-family: helv;


	font-size: 40px;


}


.new .leftImg .time h5 {


	font-family: helv;


	font-size: 14px;


}


.new .leftCon {


	width: 100%;


	max-width: 465px;


}


.new .leftCon h4 {


	font-size: 16px;


	color: #552b11;


	margin: 20px 0;


	overflow: hidden;


	text-overflow: ellipsis;


	white-space: nowrap;


}


.new .leftCon p {


	font-size: 12px;


	color: #aaaaaa;


	line-height: 18px;


}


.new .linka {


	width: 220px;


	height: 41px;


	background: url("../img/link.png") no-repeat;


	display: block;


	margin: 20px 0;


	-webkit-transition: all .4s;


	transition: all .4s;


}


.new .linka:hover {


	-webkit-transform: scale(0.9) rotate(4deg);


	-ms-transform: scale(0.9) rotate(4deg);


	transform: scale(0.9) rotate(4deg);


}


.new ul li {


	padding-bottom: 20px;


	border-bottom: 1px solid #cccccc;


	margin-bottom: 30px;


}


.new ul li a {


	display: block;


}


.new ul li a .time {


	width: 12%;


	float: left;


	color: #666666;


	text-align: center;


}


.new ul li a .time h4 {


	font-family: helv;


	font-size: 40px;


}


.new ul li a .time h5 {


	font-family: helv;


	font-size: 14px;


}


.new ul li a .con {


	width: 85%;


	float: left;


	margin-left: 3%;


}


.new ul li a .con h4 {


	font-size: 16px;


	color: #552b11;


	overflow: hidden;


	text-overflow: ellipsis;


	white-space: nowrap;


	margin-bottom: 8px;


}


.new ul li a .con p {


	font-size: 12px;


	color: #aaaaaa;


	line-height: 18px;


	height: 36px;


	overflow: hidden;


}


.new ul li a:hover .con h4 {


	text-decoration: underline;


}


.friend {


	background: #5d3710;


	height: 60px;


	overflow: hidden;


	color: #fff;


	padding: 20px 0;


}


.friend h4 {


	font-size: 16px;


}


.friend ul {


	float: left;


}


.friend ul li {


	float: left;


}


.friend ul li a {


	font-size: 16px;


	color: #fff;


	padding: 0 30px;


	border-right: 1px solid #fff;


}


.friend ul li a:hover {


	text-decoration: underline;


}


.copyright {


	font-size: 14px;


	color: #121212;


	line-height: 26px;


	padding: 20px 0;


	text-align: center;


	height: 66px;


	overflow: hidden;


}


.copyright a {


	color: #121212;


}


#content {


	background: url(../img/main.jpg) no-repeat;


	background-size: 100%;


	background-position: top left -45px;


	padding-top: 60px;


	padding-bottom: 60px;


}


#content .inside {


	/* background: url("../img/sidebar.jpg") no-repeat bottom left;


  background-size: 80% ;*/


	padding: 15px 10px;


	position: relative;


	padding-right: 6%;


}


#content .inside .insidback {


	background: url("../img/sidebar11.jpg") no-repeat top;


	background-size: 100% 100%;


	height: 45px;


}


#content .inside .insidback1 {


	background: url("../img/sidebar12.jpg") no-repeat top;


	background-size: 100% 100%;


	height: 30px;


}


#content .inside .titleside {


	display: none;


}


#content .inside .sidemenu {


	margin-top: 0px;


	background: url("../img/sidebar13.jpg")repeat;


	background-size: 100%;


}


#content .inside .sidemenu a {


	font-size: 14px;


	color: #000000;


	display: block;


	line-height: 60px;


	text-indent: 20px;


}


#content .inside .sidemenu .sub1 {


	-webkit-transition: all .4s;


	transition: all .4s;


	background: url("../img/sidebar.png") no-repeat right 10px top 20px;


	margin-top: 10px;


}


#content .inside .sidemenu .sub1:first-child {


	margin-top: 0px;


}


#content .inside .sidemenu .sub1 .sub1_a {


	background: url("../img/ss.jpg") no-repeat left 30px bottom;


}


#content .inside .sidemenu .sub1 .sub2_a {


	background: url("../img/ss.jpg") no-repeat left 30px bottom;


}


#content .inside .sidemenu .sub1 .sub3_a {


	background: url("../img/ss.jpg") no-repeat left 30px bottom;


}


#content .inside .sidemenu .sub1 .sub2 {


	background: url("../img/sidebar1.png") no-repeat right 10px top 20px;


}


#content .inside .sidemenu .sub1 .sub2 a {


	color: #999999;


}


#content .inside .sidemenu .sub1 .sub2 a:hover {


	text-decoration: underline;


}


#content .inside .sidemenu .sub1 ul {


	display: none;


}


#content .inside .sidemenu .sub1:hover .sub1_a {


	background: url("../img/sidebarihover.png") no-repeat;


	background-size: 100% 100%;


}


#content .crumb {


	padding-bottom: 15px;


	border-bottom: 1px solid #d3b498;


}


#content .crumb img {


	vertical-align: middle;


	margin: 0 20px 0 20px;


}


#content .crumb span {


	font-size: 14px;


	color: #000000;


}


#content .crumb a {


	font-size: 14px;


	color: #000000;


}


#content .crumb a:hover {


	color: #88480d;


}


#content .article {


	color: #333333;


	font-size: 14px;


	line-height: 35px;


	padding: 20px 10px/*��Ʒ����ҳ��ʽ*/


}


#content .article .list_img ul {


	width: 100%;


}


#content .article .list_img ul li {


	width: 33%;


	float: left;


	margin-top: 2%;


}


#content .article .list_img ul li a {


	display: block;


	width: 100%;


}


#content .article .list_img ul li a .img {


	width: 85%;


	margin: 0 auto;


}


#content .article .list_img ul li a .img img {


	width: 100%;


}


#content .article .list_img ul li a p {


	font-size: 14px;


	color: #333333;


	text-align: center;


	margin: 15px auto 10px;


}


#content .article .list_img ul li a .border {


	width: 60px;


	height: 1px;


	background: #717171;


	margin: 0 auto;


}


#content .article .list_img ul li a:hover img {


	-webkit-animation: shake-time 1s ease;


	animation: shake-time 1s ease;


}


#content .article .list_text ul li {


	padding-bottom: 20px;


	border-bottom: 1px solid #cccccc;


	margin-bottom: 30px;


}


#content .article .list_text ul li a {


	display: block;


}


#content .article .list_text ul li a .time {


	width: 12%;


	float: left;


	color: #666666;


	text-align: center;


}


#content .article .list_text ul li a .time h4 {


	font-family: helv;


	font-size: 40px;


}


#content .article .list_text ul li a .time h5 {


	font-family: helv;


	font-size: 14px;


}


#content .article .list_text ul li a .con {


	width: 85%;


	float: left;


	margin-left: 3%;


}


#content .article .list_text ul li a .con h4 {


	font-size: 16px;


	color: #552b11;


	overflow: hidden;


	text-overflow: ellipsis;


	white-space: nowrap;


	margin-bottom: 8px;


}


#content .article .list_text ul li a .con p {


	font-size: 12px;


	color: #aaaaaa;


	line-height: 18px;


	height: 36px;


	overflow: hidden;


}


#content .article .list_text ul li a:hover .con h4 {


	text-decoration: underline;


}


#content .article .list_textimg ul li {


	float: left;


	width: 50%;


	padding: 0 3%;


	margin-bottom: 3%;


}


#content .article .list_textimg ul li a .leftImg {


	position: relative;


}


#content .article .list_textimg ul li a .leftImg img {


	border: 1px solid #cccccc;


	width: 100%;


	display: block;


	max-width: 465px;


	min-height: 126px;


}


#content .article .list_textimg ul li a .leftImg .time {


	position: absolute;


	top: 0;


	left: 0;


	width: 25%;


	height: 24%;


	background: #895c2e;


	color: #fff;


	text-align: center;


}


#content .article .list_textimg ul li a .leftImg .time h4 {


	font-family: helv;


	font-size: 40px;


	margin-top: 5px;


}


#content .article .list_textimg ul li a .leftImg .time h5 {


	font-family: helv;


	font-size: 14px;


}


#content .article .list_textimg ul li a .leftCon {


	width: 100%;


	max-width: 465px;


}


#content .article .list_textimg ul li a .leftCon h4 {


	font-size: 16px;


	color: #552b11;


	margin: 10px 0;


	overflow: hidden;


	text-overflow: ellipsis;


	white-space: nowrap;


}


#content .article .list_textimg ul li a .leftCon p {


	font-size: 12px;


	color: #aaaaaa;


	line-height: 18px;


	height: 36px;


	overflow: hidden;


}


#content .article .search ul li {


	padding-bottom: 20px;


	border-bottom: 1px solid #cccccc;


	margin-bottom: 30px;


}


#content .article .search ul li a {


	display: block;


}


#content .article .search ul li a .con {


	width: 100%;


	float: left;


}


#content .article .search ul li a .con h4 {


	font-size: 16px;


	color: #552b11;


	overflow: hidden;


	text-overflow: ellipsis;


	white-space: nowrap;


	margin-bottom: 8px;


}


#content .article .search ul li a .con h4 img {


	vertical-align: middle;


	margin: 0 5px;


}


#content .article .search ul li a .con p {


	font-size: 12px;


	color: #aaaaaa;


	line-height: 18px;


	height: 36px;


	overflow: hidden;


	padding-left: 20px;


	background: url("../img/searchresult-_07.jpg") no-repeat left 5px top 5px;


}


#content .article .search ul li a:hover .con h4 {


	text-decoration: underline;


}


#content .article .news_detail_content {


	margin-top: 20px;


}


#content .article .detail .title {


	padding-bottom: 10px;


	border-bottom: 1px dashed #CACACA;


}


#content .article .detail .title h3 {


	font-size: 20px;


	font-weight: bold;


	text-align: center;


	line-height: 30px;


	margin-bottom: 10px;


}


#content .article .detail .title p {


	font-size: 14px;


	text-align: center;


	line-height: 16px;


}


#content .article .detail .title a {


	display: block;


	text-align: center;


	margin-top: 3px;


	font-size: 14px;


	font-weight: normal;


	line-height: 15px;


}


#content .article .product_detail_images {


	padding-top: 20px;


	text-align: center;


	position: relative;


}


#content .article .product_detail_images .product_detail_pic img {


	max-width: 100%;


}


#content .article .product_detail_images .product_detail_btn1 {


	position: absolute;


	left: 3%;


	top: 48%;


	padding: 10px 5px;


	background: rgba(0, 0, 0, 0.3);


	z-index: 100;


}


#content .article .product_detail_images .product_detail_btn2 {


	position: absolute;


	right: 3%;


	top: 48%;


	padding: 10px 5px;


	background: rgba(0, 0, 0, 0.3);


	z-index: 100;


}


#content .article .product_detail_images .owl-carousel .owl-item img {


	width: auto;


	margin: auto;


}


#content .article .product_detail_content {


	margin-top: 20px;


}


#content .article .product_detail_content1 {


	margin-bottom: 10px;


	border-bottom: solid 1px #bbb;


	border-top: solid 1px #bbb;


	padding: 8px 10px;


	line-height: 20px;


	font-size: 16px;


	background: #dedede;


	font-weight: bold;


}


#content .sz {


	display: none;


}





@media (max-width: 640px) {





}


@media all and (max-width: 1200px) and (min-width: 992px) {


.new ul li {


	margin-bottom: 8px;


}


.corporate .corporateLogo {


	width: 82%;


}


.corporate {


	height: 665px;


}


}


@media all and (max-width: 991px) and (min-width: 768px) {


.header {


	background: none;


	min-height: 110px;


}


.corporate .culture p {


	width: 70%;


}


.corporate .culture img {


	width: 27.9%;


}


.corporate .corporateLogo {


	width: 80%;


}


.corporate .link .linkBtn {


	margin: 3% 2%;


	width: 45%;


}


.corporate .link {


	margin-top: 20%;


}


.new ul li a .con {


	width: 75%;


}


.new ul li a .time {


	width: 20%;


}


#content .article .list_img ul li {


	width: 50%;


}


#content .article .list_img ul li {


	width: 50%;


}


#content .article .list_text ul li a .con {


	width: 70%;


}


#content .article .list_text ul li a .time {


	width: 25%;


}


#content .article .list_textimg ul li a .leftImg .time {


	height: 20%;


}


#content .article .list_textimg ul li {


	width: 100%;


}


#content .article .list_textimg ul li a .leftCon h4 {


	margin: 10px 0;


}


}


@media all and (max-width: 767px) and (min-width: 640px) {


#content .inside .insidback, #content .inside .insidback1 {


	display: none;


}


.header {


	background: none;


	min-height: 110px;


}


.corporate .culture p {


	width: 70%;


}


.corporate .culture img {


	width: 27.9%;


}


.corporate .corporateLogo {


	width: 80%;


}


.corporate .link .linkBtn {


	margin: 3% 2%;


	width: 45%;


}


.corporate {


	background: url(../img/yi1.png) no-repeat;


	background-size: auto;


	background-position: center center;


	height: 640px;


}


.pro ul {


	margin: 30px 0;


}


.corporate .link {


	margin-top: 20%;


}


.new ul li a .con {


	width: 75%;


}


.new ul li a .time {


	width: 20%;


}


.case ul {


	width: 90%;


}


.case {


	height: 730px;


}


.case .title {


	text-align: center;


	margin-top: 99px;


	margin-bottom: 25px;


}


.new .leftImg {


	position: relative;


	width: 80%;


	margin: 0 auto;


}


.new .leftImg img {


	border: 1px solid #cccccc;


	width: 100%;


	display: block;


	max-width: 100%;


	margin: 0 auto;


}


.new .leftCon {


	width: 80%;


	margin: 0 auto;


	max-width: 100%;


}


.new .linka {


	margin: 20px 10%;


}


.new {


	background: url(../img/san.png) no-repeat;


	height: 870px;


	background-size: 100%;


	background-position: center center;


}


#content {


	padding-top: 0;


	background-size: auto 100%;


}


#content .inside .titleside {


	display: block;


	padding: 6px 28px 6px 7%;


	background: #895c2e;


	font-size: 14px;


}


#content .inside {


	background: none;


	padding: 0 0 0 0;


}


#content .inside .titleside span {


	color: #ffffff;


	line-height: 28px;


}


#content .inside .titleside i {


	float: right;


}


#content .inside .sidemenu .sub1 {


	-webkit-transition: all .4s;


	transition: all .4s;


	background: url("../img/sidebar.png") no-repeat right 33px top 15px;


	margin-bottom: 10px;


	background-color: #f8eadd;


	margin: 0;


}


#content .inside .sidemenu .sub1 .sub1_a {


	background: none;


}


#content .inside .sidemenu .sub1:hover .sub1_a {


	background: none;


}


#content .inside .sidemenu a {


	font-size: 12px;


	border-bottom: 1px dashed #b8b8b8;


	line-height: 40px;


	text-indent: 6%;


}


#content .inside .sidemenu {


	margin: 0;


}


#content .inside .sidemenu .sub1 .sub2 {


	color: #999999;


	background: url("../img/sidebar1.png") no-repeat right 33px top 15px;


}


#content .inside .sidemenu .sub1 ul {


	display: none;


}


#content .inside .sz {


	display: block;


	position: absolute;


	left: 0;


	top: 0;


	width: 6%;


}


#content .article .list_img ul li {


	width: 50%;


}


#content .article .list_text ul li a .con {


	width: 70%;


}


#content .article .list_text ul li a .time {


	width: 25%;


}


#content .article .list_textimg ul li a .leftImg .time {


	height: 20%;


}


#content .article .list_textimg ul li {


	width: 100%;


}


#content .article .list_textimg ul li a .leftImg .time h4 {


	font-size: 26px;


}


#content .article .list_textimg ul li a .leftImg .time h5 {


	font-size: 12px;


}


#content .article .list_textimg ul li a .leftCon h4 {


	margin: 5px 0;


}


#content .article .list_textimg ul li a .leftImg img {


	min-height: 100px;


}


#content .inside .sidemenu .sub1 .sub2_a {


	background: none;


}


#content .inside .sidemenu .sub1 .sub3_a {


	background: none;


}


}


@media all and (max-width: 640px) and (min-width: 200px) {


#content .inside .insidback, #content .inside .insidback1 {


	display: none;


}


#content .article .list_img ul li a .img {


	width: 100%;


	margin: 0 auto;


}


#content .article {


	padding: 20px 0px /*???????????;; */;


}


.case .list {


	display: block;


}


.case ul {


	display: none;


}


.corporate .title {


	text-align: center;


	margin-top: 60px;


	margin-bottom: 15px;


}


.header {


	background: none;


	min-height: 64px;


}


.corporate .culture p {


	width: 100%;


	line-height: 25px;


	height: 125px;


	overflow: hidden;


}


.corporate .culture img {


	width: 27.9%;


	display: none;


}


.corporate .corporateLogo {


	width: 80%;


	padding: 4px 4px;


}


.corporate .link .linkBtn {


	margin: 3% 2%;


	width: 45%;


}


.corporate {


	background: url(../img/yi2.jpg) no-repeat;


	background-size: 100%;


	background-position: center center;


	height: 380px;


	position: relative;


}


.pro ul {


	margin: 30px 0;


}


.corporate .link {


	margin-top: 20%;


	width: 140%;


}


.new ul li a .con {


	width: 75%;


}


.new ul li a .time {


	width: 20%;


}


.case ul {


	width: 90%;


}


.case {


	background: url(../img/er1.jpg) no-repeat;


	background-size: 107%;


	background-position: top center;


	height: 490px;


	text-align: center;


}


.case .title {


	text-align: center;


	margin-top: 55px;


	margin-bottom: 15px;


}


.new .leftImg {


	position: relative;


	width: 80%;


	margin: 0 auto;


	display: none;


}


.new .leftImg img {


	border: 1px solid #cccccc;


	width: 100%;


	display: block;


	max-width: 100%;


	margin: 0 auto;


}


.new .leftCon {


	width: 80%;


	margin: 0 auto;


	max-width: 100%;


	display: none;


}


.new .linka {


	margin: 20px 10%;


	display: none;


}


.new {


	background: url(../img/san.png) no-repeat;


	height: 460px;


	background-size: 100%;


	background-position: center center;


}


.header .imgBack {


	width: 40%;


	display: none;


}


.header .logo {


	width: 37.4%;


}


.pro ul li {


	width: 50%;


	float: left;


	margin-bottom: 10px;


}


.new .title {


	text-align: center;


	margin-top: 52px;


	margin-bottom: 12px;


}


.copyright {


	padding: 5px 20px;


	border-top: 1px solid #5d3710;


	margin-bottom: 35px;


	height: auto;


}


.header .logo .logo1 {


	display: none;


}


.header .logo .logo11 {


	display: block;


}


#content {


	padding-top: 0;


	background-size: 100%;


	padding-bottom: 20px;


}


#content .inside .titleside {


	display: block;


	padding: 6px 28px 6px 10%;


	background: #895c2e;


	font-size: 14px;


}


#content .inside {


	background: none;


	padding: 0 0 0 0;


}


#content .inside .titleside span {


	color: #ffffff;


	line-height: 28px;


}


#content .inside .titleside i {


	float: right;


}


#content .inside .sidemenu .sub1 {


	-webkit-transition: all .4s;


	transition: all .4s;


	background: url(../img/sidebar.png) no-repeat right 33px top 15px;


	margin-bottom: 10px;


	background-color: #f8eadd;


	margin: 0;


}


#content .inside .sidemenu .sub1 .sub1_a {


	background: none;


}


#content .inside .sidemenu .sub1:hover .sub1_a {


	background: none;


}


#content .inside .sidemenu a {


	font-size: 12px;


	border-bottom: 1px dashed #b8b8b8;


	line-height: 40px;


	text-indent: 8%;


}


#content .inside .sidemenu {


	margin: 0;


	display: none;


}


#content .inside .sidemenu .sub1 .sub2 {


	color: #999999;


	background: url("../img/sidebar1.png") no-repeat right 33px top 15px;


}


#content .inside .sz {


	display: block;


	position: absolute;


	left: 0;


	top: 0;


	width: 9%;


}


#content .article .list_img ul li {


	width: 48%;


	margin-right: 4%;


}


#content .article .list_img ul li:nth-of-type(2n) {


	margin-right: 0


}


#content .article .list_text ul li a .con {


	width: 70%;


}


#content .article .list_text ul li a .time {


	width: 25%;


}


#content .article .list_textimg ul li a .leftImg .time {


	height: 20%;


}


#content .article .list_textimg ul li {


	width: 100%;


	margin-bottom: 6%;


}


#content .article .list_textimg ul li a .leftImg .time h4 {


	font-size: 26px;


	margin-top: 5px;


}


#content .article .list_textimg ul li a .leftImg .time h5 {


	font-size: 12px;


}


#content .article .list_textimg ul li a .leftCon h4 {


	margin: 5px 0;


}


#content .article .list_textimg ul li a .leftImg img {


	min-height: 100px;


}


#content .inside .sidemenu .sub1 .sub2_a {


	background: none;


}


#content .inside .sidemenu .sub1 .sub3_a {


	background: none;


}


}


.pagination_box {


	text-align: center;


}


.pagination_box ul li a {


	


	color: #5d3710;


}


.pagination > li:first-child > a, .pagination > li:first-child > span {


	background: #d4c2b2;


	color: #5d3710;


}


.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {


	background: #5d3710;


	border-color: #5d3710;


}


#pagetxt img {


	display: block;


	width: 100%;


	margin: 10px auto;


	height: 10%;


}


.corporate, .pro, .case, .new, .copyright {


	overflow: hidden;


}


/*page*/


.pages {


	float: left;


	width: 100%;


	margin: 30px 0 0 0;


	font-size: 14px;


	text-align: center;


}


.pages li {


	display: inline-block;


}


.pages a {


	display: block;


	line-height: 22px;


	font-size: 14px;


	color: #999;


	padding: 0 8px;


	border-radius: 11px;


	margin: 0 7px;


}


.pages a:hover {


	background: #ffa800;


	color: #fff;


}


.pages li.active a {


	background: #ffa800;


	color: #fff;


}


/* PB2345模版网 整站模板下载网站 Www.pb2345.com */


/* QQ：2305035643 */








.pagess {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}


.pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999}


.pagess ul li:hover{ background:#ccc; color:#fff;border: 1px solid #ccc}


.pagess ul li:hover a{color:#fff;}


.pagess ul li.thisclass {display: inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;background: #ccc;color: #fff;}


.pagess ul li.thisclass a {color: #fff;}


.pagess ul li a{ display:block;color:#999}


.pagess ul li a:hover {color: #fff;}





.news_detail_content img{ max-width:100% !important; height:auto !important}





.banner .owl-pagination,


.banner .owl-dots,


.banner .owl-dot span {


    display: none !important;


    visibility: hidden !important;


    opacity: 0 !important;


    width: 0 !important;


    height: 0 !important;


    overflow: hidden !important;


}





/*详情页正文整体放大，电脑+平板+手机统一*/


/*兜底，强制放大详情信息段落*/


div[class*="detail"] p {


    font-size:17px !important;


    line-height:1.9 !important;


}


@media (max-width:768px){


    div[class*="detail"] p {


        font-size:16px !important;


    }


}


/* ========================================


   明钻陶瓷 · 现代化改版（追加段）


   如需回退，删除本段以下全部内容即可


   ======================================== */





/* 1. 全局：白底 + 现代字体 */


body {


    background: #ffffff !important;


    font-family: "Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif !important;


    color: #333;


}





/* 2. 头部：白底 + 阴影 + 紧凑 */


.header {


    background: #ffffff !important;


    min-height: 96px !important;


    border-bottom: 1px solid #f0e9df;


    box-shadow: 0 2px 12px rgba(0,0,0,0.06);


    position: relative;


    z-index: 50;


}


.header .logo { margin-top: 20px; }


.header .nav { margin-top: 18px !important; height: 60px; }


.header .nav .nLi h3 a {


    font-size: 15px !important;


    font-weight: 600;


    color: #2b2b2b !important;


    letter-spacing: 1px;


    transition: color .3s;


}


.header .nav .nLi:hover,


.header .nav .nLi.on { background: none !important; }


.header .nav .nLi:hover h3 a,


.header .nav .nLi.on h3 a { color: #c8a063 !important; }


.header .nav .nLi .sub {


    background: #ffffff !important;


    border-radius: 0 0 8px 8px;


    box-shadow: 0 10px 30px rgba(0,0,0,0.12);


}


.header .nav .nLi .sub li a { color: #444 !important; transition: color .3s; }


.header .nav .nLi .sub li a:hover { color: #c8a063 !important; }


.header .phone .headerPhone { margin-top: 22px; }


.header .phone .headerPhone .number h4 { color: #999 !important; font-size: 12px; letter-spacing: 2px; }


.header .phone .headerPhone .number h5 { color: #c8a063 !important; font-size: 24px; font-weight: 700; }





/* 3. 板块标题统一：大号加粗 + 金色装饰线 */


.corporate .title h4,


.case .title h4,


.new .title h4 {


    font-size: 30px !important;


    font-weight: 700;


    color: #2b2b2b !important;


    letter-spacing: 8px !important;


    text-indent: 8px !important;


}


.corporate .title .border,


.case .title .border,


.new .title .border {


    width: 56px !important;


    height: 3px !important;


    background: linear-gradient(90deg,#c8a063,#e6c990) !important;


    border-radius: 2px;


    margin: 18px auto !important;


}





/* 4. 关于我们：白底 + 圆角图 */


.corporate {


    background: #ffffff !important;


    height: auto !important;


    padding: 70px 0 60px !important;


}


.corporate .title { margin-top: 0 !important; margin-bottom: 40px !important; }


.corporate .culture img {


    border-radius: 12px;


    box-shadow: 0 10px 30px rgba(0,0,0,0.10);


}


.corporate .culture p {


    font-size: 15px !important;


    line-height: 2 !important;


    color: #555 !important;


    height: auto !important;


}


.corporate .link { margin-top: 40px !important; }


.corporate .link .linkBtn {


    background: linear-gradient(135deg,#c8a063,#a8843f) !important;


    width: 168px !important;


    height: 44px !important;


    border-radius: 24px !important;


    box-shadow: 0 4px 15px rgba(200,160,99,0.35);


    margin: 0 15px 15px !important;


    transition: all .3s;


}


.corporate .link .linkBtn a { line-height: 44px !important; font-size: 15px !important; font-weight: 600; letter-spacing: 3px; }


.corporate .link .linkBtn:hover {


    transform: translateY(-3px) !important;


    box-shadow: 0 10px 28px rgba(200,160,99,0.45);


}





/* 5. 核心优势：卡片 hover 上浮 */


.advantage { background: #faf8f4 !important; }


.advantage .col-md-3,


.advantage .col-sm-6,


.advantage .col-xs-12 {


    transition: all .35s ease;


    border-radius: 14px;


}


.advantage .col-md-3:hover,


.advantage .col-sm-6:hover {


    background: #ffffff;


    box-shadow: 0 12px 35px rgba(0,0,0,0.08);


    transform: translateY(-5px);


}





/* 6. 产品区：卡片化 + 悬浮上浮 */


.pro {


    background: #faf8f4 !important;


    padding: 70px 0 40px !important;


}


.pro ul { margin: 30px 0 !important; }


.pro ul li { padding: 0 14px; }


.pro ul li a .img {


    background: #ffffff;


    border-radius: 14px;


    padding: 12px;


    box-shadow: 0 4px 20px rgba(0,0,0,0.06);


    transition: all .35s ease;


    overflow: hidden;


}


.pro ul li a .img img { border-radius: 10px; transition: transform .5s ease; }


.pro ul li a:hover .img {


    box-shadow: 0 14px 40px rgba(0,0,0,0.13);


    transform: translateY(-6px);


}


.pro ul li a:hover .img img { transform: scale(1.05); }


.pro ul li a:hover img {


    -webkit-animation: none !important;


    animation: none !important;


}


.pro ul li a p {


    font-size: 15px !important;


    font-weight: 600;


    color: #333 !important;


    margin: 18px auto 10px !important;


}


.pro ul li a .border {


    width: 40px !important;


    height: 2px !important;


    background: #c8a063 !important;


    border-radius: 2px;


    transition: width .35s;


}


.pro ul li a:hover .border { width: 64px !important; }





/* 7. 案例区：白底卡片 */


.case {


    background: #ffffff !important;


    height: auto !important;


    padding: 70px 0 60px !important;


}


.case ul li {


    border-radius: 14px;


    overflow: hidden;


    box-shadow: 0 4px 18px rgba(0,0,0,0.08);


    margin-right: 10px;


    transition: box-shadow .35s, transform .35s;


}


.case ul li:hover { box-shadow: 0 14px 40px rgba(0,0,0,0.15); transform: translateY(-4px); }


.case ul li .show { background: #1a1a1a !important; }





/* 8. 资讯区：浅米底 + 圆角 */


.new {


    background: #faf8f4 !important;


    height: auto !important;


    padding: 70px 0 60px !important;


}


.new .title { margin-top: 0 !important; }


.new .leftImg img {


    border: none !important;


    border-radius: 12px !important;


    box-shadow: 0 8px 26px rgba(0,0,0,0.10);


}


.new .leftImg .time { background: linear-gradient(180deg,#c8a063,#a8843f) !important; border-radius: 8px 0 0 8px; }


.new .leftCon h4 { font-size: 18px !important; color: #2b2b2b !important; }


.new ul li a .con h4 { font-size: 16px !important; color: #2b2b2b !important; }


.new ul li a:hover .con h4 { color: #c8a063 !important; text-decoration: none !important; }


.new .linka {


    background: linear-gradient(135deg,#c8a063,#a8843f) !important;


    border-radius: 22px;


    box-shadow: 0 4px 15px rgba(200,160,99,0.35);


}





/* 9. 内页内容区：白底 */


#content {


    background: #ffffff !important;


    padding-top: 30px !important;


    padding-bottom: 60px !important;


}





/* 10. 产品详情"详细信息"标题条：金色渐变 */


.product_detail_content1 {


    background: linear-gradient(90deg,#c8a063,#d8b678) !important;


    color: #ffffff !important;


    border: none !important;


    border-radius: 8px !important;


    padding: 12px 18px !important;


    font-size: 17px !important;


    letter-spacing: 2px;


}





/* 11. 侧边栏菜单：白色卡片 */


#content .inside .sidemenu .sub1 {


    background: #ffffff !important;


    border-radius: 10px;


    box-shadow: 0 2px 12px rgba(0,0,0,0.05);


    margin-bottom: 10px !important;


    transition: box-shadow .3s;


}


#content .inside .sidemenu .sub1:hover { box-shadow: 0 6px 20px rgba(0,0,0,0.10); }


#content .inside .sidemenu a { font-weight: 600; }


#content .crumb { border-bottom-color: #e8e0d4 !important; }





/* 12. 列表页产品卡片 */


.list_img ul li a .img {


    background: #fff;


    border-radius: 14px;


    padding: 12px;


    box-shadow: 0 4px 20px rgba(0,0,0,0.06);


    transition: all .35s;


    overflow: hidden;


}


.list_img ul li a:hover .img { box-shadow: 0 12px 35px rgba(0,0,0,0.12); transform: translateY(-5px); }


.list_img ul li a:hover img {


    -webkit-animation: none !important;


    animation: none !important;


}


.list_img ul li a p { font-size: 15px !important; font-weight: 600; }





/* 13. 分页：金色圆角 */


.pages a { border-radius: 6px !important; transition: all .3s; }


.pages li.active a,


.pages a:hover { background: #c8a063 !important; }





/* 14. 页脚微调 */


.friend { background: #2b2b2b !important; }


.copyright { color: #999 !important; }


.copyright a { color: #999 !important; }





/* 15. 移动端细节 */


@media (max-width: 767px) {


    .pro { padding: 40px 0 20px !important; }


    .corporate, .case, .new { padding: 45px 0 40px !important; }


    .corporate .title h4, .case .title h4, .new .title h4 { font-size: 24px !important; }


}


#content .article .detail .title h1{font-size:20px;font-weight:bold;text-align:center;line-height:30px;margin-bottom:10px;}


@media (max-width:640px){.step-item{flex:1 1 45%!important;max-width:45%!important;min-width:120px!important;padding:0 6px!important;}}


@media (max-width:640px){.corporate .row{display:flex;flex-direction:column;}.corporate .corp-text{order:1;width:100%;padding:0 15px;}.corporate .corp-img{order:2;width:100%;padding:0 15px;}.corporate .corporateLogo{width:100%;margin:20px 0 0;padding:0;background:none;}.corporate .corporateLogo img{width:100%;height:auto;object-fit:contain;border-radius:10px;}.corporate .culture p{height:auto;overflow:visible;display:block;white-space:normal;}}


@media (max-width:640px){.footer-info{padding:26px 0 20px !important;border-top:3px solid #c8a063;}.footer-info h4{font-size:16px !important;margin-bottom:14px !important;text-align:center !important;}.footer-info .col-md-4{width:100% !important;float:none !important;clear:both !important;margin-bottom:14px !important;text-align:center !important;}.footer-info .col-md-4 p{display:none !important;}.footer-info .col-md-2,.footer-info .col-md-3{width:100% !important;float:none !important;margin-bottom:18px !important;padding:0 8px !important;box-sizing:border-box !important;text-align:center !important;}.footer-info .col-md-2 ul{list-style:none !important;padding:0 !important;margin:0 !important;display:flex !important;flex-wrap:wrap !important;}.footer-info .col-md-2 ul li{width:50% !important;display:block !important;float:none !important;box-sizing:border-box !important;padding-right:0 !important;font-size:15px !important;line-height:2.6 !important;text-align:center !important;}.footer-info .col-md-2 ul li a{color:#d8d2c8 !important;font-size:15px !important;}.footer-info .col-md-3 ul{font-size:14px !important;line-height:2.3 !important;color:#bbb !important;text-align:center !important;list-style:none !important;padding:0 !important;margin:0 !important;}.footer-info .col-md-3:last-child{width:100% !important;text-align:center !important;}.footer-info .wechat_pop img{width:120px !important;height:120px !important;}.footer-info .wechat_pop p{font-size:12px !important;}}


@media (max-width:991px){.header .row{position:relative;}.menu_icon{top:50% !important;transform:translateY(-50%);right:12px !important;width:30px !important;z-index:9999 !important;}.menu_icon img{width:100% !important;height:auto !important;}}


@media (max-width:991px){.menu_icon{display:block !important;}}
@media (max-width:640px){.step-item:nth-child(5){margin-left:auto !important;margin-right:auto !important;}}



.case ul li { height: auto !important; }


/* 定制案例：每行3张图，共6张 */
.case ul li { width: 31% !important; margin: 1% !important; }
.case ul li:first-child { width: 31% !important; }


/* 定制案例优化：图片高度一致+标题更大 */
.case ul li { height: auto !important; margin-bottom: 20px !important; }
.case ul li a { display: block !important; text-decoration: none !important; }
.case ul li a img { width: 100% !important; height: 280px !important; object-fit: cover !important; display: block !important; }
.case-title { font-size: 16px !important; color: #333 !important; text-align: center !important; padding: 12px 10px !important; background: #f8f8f8 !important; line-height: 1.5 !important; }


/* 最终覆盖：确保图片高度固定280px */
.case ul li a img { height: 280px !important; object-fit: cover !important; }
.case-title { font-size: 16px !important; display: block !important; }.case ul li a:hover .case-title { color: #c8a063 !important; }

/* 最终定制案例样式：图片高度固定280px */
.case ul li a img { height: 280px !important; object-fit: cover !important; width: 100% !important; display: block !important; }


/* 企业资讯阅读全文按钮文字 */
.linka::before {
    content: "阅读全文";
    display: block;
    text-align: center;
    line-height: 41px;
    color: #fff;
    font-size: 14px;
}.case-title { font-size: 16px !important; display: block !important; text-align: center !important; padding: 12px 10px !important; background: #f8f8f8 !important; color: #333 !important; line-height: 1.5 !important; }