﻿



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: 77%;

	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;

	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;

	-webkit-transform-style: preserve-3d;

}

.banner img {

	max-width: 100%;

}

.banner .owl-theme .owl-controls {

	margin: 0;

}

.banner .owl-pagination {

	position: absolute;

	right: 50%;

	bottom: 0;

	margin-right: -13px;

}

.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) rotate(0);

 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) rotate(0);

 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;

	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: 14px;

	color: #fff; padding-right:10px

}

.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) {

.banner {



}

.banner img {



}

#owl-demo,  #owl-demo .owl-wrapper-outer,  #owl-demo .owl-wrapper,  #owl-demo .owl-item {

	

}

#owl-demo .item {



}

}

@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 .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;

}

.ab_pages{clear:both;padding:20px 0;font-size:14px;text-align:center; overflow:hidden}

.ab_pages ul{display:inline-block;margin:0 auto;padding:0}

.ab_pages ul a{color:#555;display:block;padding: 3px 11px;  border: 1px solid #e2e2e2;float: left;font-size:12px}

.ab_pages ul a:first-child{ border-right:0}

.ab_pages ul a:first-child:hover{ border-right:0}

.ab_pages ul a:last-child{ border-left:0}

.ab_pages ul a:last-child:hover{  border-left:0}

.ab_pages ul a.page-num-current{ background:#333; color:#fff; border:1px solid #333}

.ab_pages ul a:hover{ background:#333; color:#fff; border:1px solid #333}

.ab_pages ul span{display: inline-block; float: left; line-height: 28px;}



.news_detail_content img{ max-width:100% !important; height:auto !important}