﻿﻿@charset "utf-8"; /* CSS Document */ 
/* 点点虫网络制作*www.sooseo.net */ 

html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select {
		margin: 0;
		padding: 0
}
* {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
}
html, body {
		min-height: 100%
}
body {
		font-family: Helvetica, Pingfang SC, Microsoft YaHei, STHeiti, Verdana, Arial, Tahoma, sans-serif;
		font-size: 14px;
		color: #333;
		background: #fff;
		position: relative
}
h1, h2, h3, h4, h5, h6 {
		font-weight: normal
}
ul, ol {
		list-style: none
}
img {
		border: none;
		vertical-align: middle
}
a {
		color: #666;
		text-decoration: none
}
a:visited {
		color: #666;
		text-decoration: none
}
a:hover {
		color: #666;
		text-decoration: none
}
a:active {
		color: #666;
		text-decoration: none
}
table {
		border-collapse: collapse;
		table-layout: fixed
}
input, textarea {
		outline: none;
		border: none
}
textarea {
		resize: none;
		overflow: auto
}
.clearfix {
		zoom: 1
}
.clearfix:after {
		content: ".";
		width: 0;
		height: 0;
		visibility: hidden;
		display: block;
		clear: both;
		overflow: hidden
} /* 本案例CSS*/ header {
    width: 100%;
    height: 60px;
    background-color: #fff;
    border: none;
      position: absolute;
    position: fixed;
    left: 0;
    top: 0;
       z-index: 99999999;
}
.weizhi{    max-width: 1480px;
    line-height: 40px;
    margin: 0 auto;
    color: #666;}
.weizhi a{ color: #666;}
.weizhi i{margin-right: 10px;}
.wrap {
		max-width: 1480px;
		height: 100%;
		margin: 0 auto;
		padding: 0 20px;
}
.cny{padding-top: 60px;}
#nav {}
header .logo {
		width: 200px;
		margin-top: 10px;
		float: left;
}
.logo a {
		display: block;
}
.logo a img {
		max-width: 100%;
}
ul.nav {
		    padding-left: 50px;
    float: right;
    margin: 0 196px 0 0;
}
li.nav-item {
		flex: 1;
		float: left;
		position: relative;
}
li.nav-item > a {
		color: #333;
		display: block;
		text-align: center;
		line-height: 60px;
		font-size: 16px;
		position: relative;
		margin-right: 50px;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
}
li.nav-item:hover:after {
		width: 65px;
}
li.nav-item:after {
		content: "";
		width: 0;
		height: 2px;
		background: #d61719;
		position: absolute;
		bottom: 0;
		left: 0;
		transition: all 0.5s ease 0s;
}
li.nav-item:hover > a::before, li.nav-item.active > a::before {
		display: block;
} /* 二级菜单 */ .subMenu {
		display: none;
		position: absolute;
		top: 100px;
		left: 0;
		width: 100%;
		height: 100px;
		background-color: #119f0f;
}
.subMenu > ul {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: center;
		align-items: center;
}
header.on{position: fixed;	transition: all 0.5s ease 0s;}
.subMenu > ul > li > a {
		display: block;
		padding: 0 18px;
		text-align: center;
		line-height: 50px;
		color: #fff;
}
.subMenu > ul > li > a:hover {
		color: red
}
header .ttel {
		width: 264px;
		float: right;
		position: absolute;
		right: 0;
		top: 0;
		background-color: #d61719;
		height: 60px;
}
header .ttel img {
		height: 61px;
}
header .ttel a {
		line-height: 60px;
		color: #fff;
		font-family: 'MontserratRegular';
		font-size: 24px;
		padding-left: 30px;
}
header .ttel i {
		margin-right: 10px;
}
.ppy {
		background: #d51719;
		height: 225px;
		text-align: center;
		overflow: hidden;
}
.ppy .title {
		color: #fff;
		margin-top: 55px;
		font-size: 32px;
}
.ppy p {
		color: #fff;
		margin-top: 10px;
		font-size: 18px;
}
.ppy a {
		font-size: 32px;
		color: #fff;
		margin-top: 10px;
		display: block;
}
.ppy a i {
		margin-left: 10px;
}
.food {
		background: #313335;
		padding: 70px 0;
}
.food .ju {
		width: 1553px;
		margin: 0 auto;
		overflow: hidden
}
.food .zuo {
		float: left;
		width: 425px;
}
.food .zuo .logo {}
.food .zuo .logo img {}
.food .zuo h3 {
		font-size: 16px;
		font-weight: bold;
		color: #999;
		margin-top: 20px;
		margin-bottom: 8px;
}
.food .zuo p {
		font-size: 14px;
		color: #999;
		line-height: 30px;
}
.food .zuo p a {
		color: #aeaeae;
}
.food .zuo .img {
		margin-top: 50px;
}
.food .zuo .img img {
		width: 300px;
}
.food .you {
		width: 1125px;
		float: right;
		overflow: hidden;
}
.food .you .dh {
		overflow: hidden;
}
.food .you .dh dl {
		width: 210px;
		float: left;
}
.food .you .dh dl:nth-child(1) dt a {
		background: url(../images/dl1.png) no-repeat left 0px;
}
.food .you .dh dl:nth-child(2) dt a {
		background: url(../images/dl2.png) no-repeat left 0px;
}

.food .you .dh dl:nth-child(3) dt a {
		background: url(../images/dl3.png) no-repeat left 0px;
}
.food .you .dh dl:nth-child(4) dt a {
		background: url(../images/dl4.png) no-repeat left 0px;
}
.food .you .dh dl:nth-child(2) dd a {
		display: block;
		float: none;
}
.food .you .dh .ewm {
		float: right;
		width: 284px;
}
.food .you .dh dl p {
		width: 120px;
		margin-left: 20px;
		float: left;
		line-height: 30px;
		color: #666;
		text-align: center;
}
.food .you .dh dl p img {
		width: 120px;
}
.food .you .dh dl dt {}
.food .you .dh dl dt a {
		color: #6a6a6a;
		font-size: 18px;
		font-weight: bold;
		line-height: 55px;
		padding-left: 65px;
		display: block;
}
.food .you .dh dl dd {
		overflow: hidden;
		margin-top: 15px;
}
.food .you .dh dl dd a {
		color: #6a6a6a;
		float: left;
		margin-right: 29px;
		line-height: 30px;
		font-size: 14px;
}
.food .you .xia {
		overflow: hidden;
		padding: 40px 0 0 0;
}
.food .you .xia ul {
		overflow: hidden;
}
.food .you .xia ul li {
		float: left;
}
.food .you .xia ul li a {
		font-size: 16px;
		padding: 0 51px 0 0;
		line-height: 30px;
}
.food .you .xia .text {
		color: #666;
		line-height: 30px;
		margin-top: 10px;
		font-size: 14px;
}
.food .you .xia .gjc {
		color: #666;
		line-height: 30px;
		font-size: 14px;
}
.food .you .xia .gjc a {
		color: #666;
		line-height: 30px;
		font-size: 14px;
}
.food .you .xia .gjc span {
		padding: 0 6px
}
.food .you .xia .gjc a:nth-child(1) span {
		display: none;
}
.about {
		padding: 100px 0 0 0;
		overflow: hidden;
}
.about .yi {}
.about .ju {
		width: 1440px;
		margin: 0 auto;
		overflow: hidden;
}
.about .yi {}
.about .yi dl {
		z-index: 99999;
		position: relative;
}
.about .yi dl dt {
		padding-top: 100px;
		float: left;
}
.about .yi dl dt h3 {
		font-size: 40px;
		font-weight: 100;
		color: #595758;
}
.about .yi dl dt h3 p {
		font-size: 20px;
		line-height: 50px;
}
.about .yi dl dt p {
		font-size: 16px;
		color: #595758;
		line-height: 30px;
		margin-top: 15px;
		margin-bottom: 15px;
}
.about .yi dl dd {
		float: right;
		background: #f3f0ed;
		padding: 15px 0 15px 15px;
		width: 758px;
}
.about .yi dl dd img {
		width: 100%;
}
.about .er {
		background: #f3f0ed;
		position: relative;
		bottom: 143px;
		height: 315px;
}
.about .er h3 {
		letter-spacing: 15px;
		color: #666;
		font-size: 18px;
		line-height: 40px;
		padding-top: 60px;
}
.about .er p {
		font-size: 16px;
		color: #595758;
		line-height: 30px;
		margin-top: 15px;
		margin-bottom: 15px;
}
.about .san {
		position: relative;
		bottom: 50px;
}
.about .san dl {
		overflow: hidden;
		position: relative;
}
.about .san dl dt {
		float: left;
		padding: 15px 0 0 15px;
		background: #f3f0ed;
}
.about .san dl dt img {
		width: 743px;
}
.about .san dl dd {
		float: right;
		width: 610px;
}
.about .san dl dd .img {
		width: 393px;
		margin-top: 97px;
}
.about .san dl dd .img img {
		width: 393px;
}
.about .san dl dd p {
		font-size: 16px;
		color: #595758;
		line-height: 30px;
		margin-top: 15px;
		margin-bottom: 15px;
}
.about .si {
		background: #f3f0ed;
		position: relative;
		height: 315px;
}
.about .wu {
		position: relative;
		bottom: 200px;
}
.about .wu dl {
		overflow: hidden;
		position: relative;
}
.about .wu dl dt {
		float: left;
		padding: 15px 0 0 15px;
		background: #f3f0ed;
}
.about .wu dl dt img {
		width: 743px;
}
.about .wu dl dd {
		float: right;
		width: 610px;
		padding-top: 314px;
}

.about .wu dl dd h3 {
		font-size: 40px;
		font-weight: 100;
		color: #595758;
}
.about .wu dl dd p {
		font-size: 16px;
		color: #595758;
		line-height: 30px;
		margin-top: 15px;
		margin-bottom: 15px;
}
.casen {
		background: #f3f0ed;
		padding: 50px 0 50px 0;
		margin-top: -100px;
		overflow: hidden;
}
.casen .ju {
		width: 1440px;
		margin: 0 auto;
		overflow: hidden;
}
.casen .title {
		font-size: 40px;
		font-weight: 100;
		color: #333;
		text-align: center;
		line-height: 100px;
}
.casen ul {
		overflow: hidden;
}
.casen ul li {
		position: relative;
		float: left;
		width: 33.3333%;
		
}
.casen ul li .img {
		width: 100%;overflow: hidden;
		height: 100%;
}
.casen ul li:hover .img img{border-radius: 0;-webkit-transform: scale(1.1);transform: scale(1.1);-ms-transform: scale(1.1);}
.casen ul li .img img {
		width: 100%;transition: .5s;	height: 100%;
}
.casen ul li .text {
		width: 100%;
		height: 100%;
		text-align: center;
		background: #33333394;
		position: absolute;
		bottom: 0; opacity:0;
		-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.casen ul li:hover .text {
		 opacity:1;
			-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.casen ul li .text h3 {
	font-size: 20px;
    color: #fff;
    padding-top: 260px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    padding-left: 20px;
    margin: 0;
}
.casen ul li .text p {
		    font-size: 20px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    padding: 0 0 0 20px;
    margin: 0;
}
#allmap {
		;
		width: 100%;
		height: 400px;
		margin-top: 20px;
		overflow: hidden;
		font-family: "微软雅黑";
}
#allmap b {
		color: #CC5522;
		font-size: 14px;
}
#allmap img {
		max-width: none;
}
.contact {
		overflow: hidden;
}
.contact .ju {
		width: 1440px;
		margin: 0 auto;
		padding: 40px 0 40px 0;
		overflow: hidden;
}
.contact .zuo {
		float: left;
		width: 500px;
}
.contact .zuo h3 {
		font-size: 30px;
		font-weight: bold;
		margin-bottom: 30px;
}
.contact .zuo h3 span {
		display: block;
		color: #999;
		font-size: 14px;
		font-weight: 100;
}
.contact .zuo p {
		font-size: 16px;
		color: #595758;
		line-height: 30px;
		margin-top: 15px;
		margin-bottom: 15px;
}
.contact .you {
		float: right;
		width: 700px;
		overflow: hidden;
}
.contact .you h3 {
		font-size: 20px;
		font-weight: bold;
		margin-bottom: 15px;
}
.contact .you ul {}
.contact .you ul li {}
.contact .you ul .yiyi {
		width: 100%;
		overflow: hidden;
}
.contact .you ul .yiyi input {
		width: 32%;
		margin-right: 1.3%;
		border: 1px solid #f2f2f2;
		line-height: 35px;
		padding-left: 10px;
		font-size: 14px;
}
.contact .you ul .nr {}
.contact .you ul .nr textarea {
		border: 1px solid #f2f2f2;
		line-height: 35px;
		padding-left: 10px;
		font-size: 14px;
		width: 98.7%;
		margin-top: 10px;
		height: 111px;
}
.contact .you ul .tj {}
.contact .you ul .tj input {
		background: #333;
		color: #fff;
		padding: 0 50px;
		line-height: 40px;
		margin-top: 10px;
}
.bannei {
		width: 100%;
		height: 485px;
		    background-position: center;
    background-repeat: no-repeat;
}
.news {
		background: #f8f9f9;
		padding: 40px 0 40px 0;
		overflow: hidden;
}
.news .ju {
		width: 1440px;
		margin: 0 auto;
		overflow: hidden;
}
.news .title {
		text-align: center;
		font-size: 40px;
		color: #333;
}
.news .title p {
		color: #999;
		font-size: 16px;
		line-height: 35px;
}
.news ul {
		    overflow: hidden;
    padding: 0;
}
.news ul li {
		    transition: all .5s ease;
    overflow: hidden;
    padding: 30px;
    background: #fff;
    width: 680px;
    float: left;
    margin: 20px;
}
.news ul li .tim {
		position: relative;
		width: 120px;
		float: left;
}
.news ul li .tim:before {
		content: "";
		width: 40px;
		height: 1px;
		background-color: #979797;
		position: absolute;
		top: 16px;
		left: -42px;
		transition: all .5s ease;
}
.news ul li:hover .tim:before {
		content: "";
		width: 0px;
		height: 0px;
		background-color: #979797;
		position: absolute;
		top: 16px;
		left: -42px;
		transition: all .5s ease;
}
.news ul li:hover .text h3:before {
		content: "";
		width: 40px;
		height: 1px;
		background-color: #d61719;
		position: absolute;
		top: 14px;
		left: 0;
		transition: all .5s ease;

}
.news ul li:hover .text h3 {
		transition: all .5s ease;
		padding-left: 60px;
		color: #d61719;
}
.news ul li .text h3:before {
		content: "";
		width: 0;
		height: 1px;
		background-color: #d61719;
		position: absolute;
		top: 14px;
		left: 0;
		transition: all .5s ease;
}
.news ul li .tim .yr {
		display: block;
		font-size: 30px;
		color: #999;
}
.news ul li .tim .nf {
		display: block;
		font-size: 18px;
		color: #999;
}
.news ul li .text {
		position: relative;
		float: right;
		width: 480px;
}
.news ul li .text h3 {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		position: relative;
		transition: all .5s ease;
		font-size: 20px;
		color: #666;
}
.news ul li .text p {
		font-size: 16px;
		color: #999;
		line-height: 30px;
		height: 60px;
		margin-top: 20px;
		display: -webkit-box;
		overflow: hidden;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
}
.news ul li .text .img {
		transition: all .5s ease;
		width: 480px;
}
.news ul li .text .img img {
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
		transition: all .5s ease;
		width: 480px;
}
.page {
		padding-top: 20px;
		overflow: hidden;
		display: flex;
		justify-content: center;
}
.page a {
		border-radius: 5px;
		line-height: 32px;
		padding: 0 13px;
		border: 1px solid #d51719;
		margin: 5px;
		color: #666;
		display: block;
		font-size: 14px;
		float: left;
}
.page a b {
		border-radius: 5px;
		border: none;
		line-height: 32px;
		padding: 0;
		margin: 0px;
		display: block;
		float: left;
		font-weight: 100;
		color: #666;
		background: none;
}
.page a:hover {
		color: #fff;
		background: #d51719;
		border-radius: 5px;
		line-height: 30px;
		text-align: center;
		border: 1px solid #d51719;
		margin: 5px;
		display: block;
		font-size: 12px;
		float: left;
}
.page b {
		width: 30px;
		color: #fff;
		background: #d51719;
		border-radius: 5px;
		line-height: 30px;
		text-align: center;
		border: 1px solid #d51719;
		margin: 5px;
		display: block;
		font-size: 12px;
		float: left;
}
.newsnr {
		background: #f8f9f9;
		padding: 40px 0 40px 0;
		overflow: hidden;
}
.newsnr .ju {
		background: #fff;
		width: 1160px;
		padding: 40px;
		overflow: hidden;
		margin: 0 auto;
}
.newsnr .ju .san{    font-size: 14px;
    line-height: 40px;
    margin-bottom: 30px;}
.newsnr .ju .san a{    border: 1px solid #ddd;
    padding: 0 10px;
    margin-right: 10px;
    line-height: 30px;
    display: -webkit-inline-box;
    border-radius: 3px;}
.newsnr .cs {
		padding-bottom: 10px;
		border-bottom: 1px solid #f2f2f2;
}
.newsnr .cs h1 {
		font-size: 27px;
		line-height: 50px;
		color: #333;
}
.newsnr .cs p {
		color: #999;
		font-size: 14px;
		line-height: 30px;
}
.newsnr .cs p span {
		padding: 0 20px;
}
.newsnr .cs p i {
		margin-right: 6px;
}
.newsnr .zw {
		line-height: 30px;
		font-size: 16px;
		color: #999;
		padding-top: 20px;
}
.newsnr .zw p {
		line-height: 30px;
		font-size: 16px;
		color: #999;
}
.newsnr .zw a {
		line-height: 30px;
		font-size: 16px;
		color: #999;
}
.newsnr .shangxia {
		border-top: 1px solid #e0e0e0;
}
.newsnr .shangxia p a {
		font-size: 14px;
		line-height: 35px;
}
.neirong .shangxia p {
		padding: 0 20px;
		font-size: 14px;
		line-height: 35px;
}
.newsnr .fl {
		float: left;
}
.newsnr .fr {
		float: right;
}
.case {
		padding: 50px 0 50px 0;
		overflow: hidden;
}
.case .ju {
	  width: 95%;
		margin: 0 auto;
		overflow: hidden;
}
.case .dh {
		overflow: hidden;
		justify-content: center;
		display: flex;

		margin: 15px 0 15px 0;
}
.case .dh li {}
.case .dh li a {
		line-height: 45px;
		border-right: 1px solid #ddd;
		display: block;
		padding: 0 28px;
		font-size: 16px;
}
.case .dh li a:hover, .case .dh li .on {
		background: #d61719;
		color: #fff;
}
.case .title {
		font-size: 40px;
		font-weight: 100;
		color: #333;
		text-align: center;
		line-height: 40px;
}
.case .title p {
		font-size: 16px;
		color: #999;
}
.case .al {
		overflow: hidden;
}
.case .al li {
		position: relative;
		float: left;
width: 33.3333%;
		
}
.case .al li .img {overflow: hidden;
		width: 100%;
		height: auto;
}
.case .al li:hover .img img{border-radius: 0;-webkit-transform: scale(1.1);transform: scale(1.1);-ms-transform: scale(1.1);}
.case .al li .img img {    transition: .5s;
		width: 100%;	height: 100%
}
.case .al li .text {-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
		width: 100%;
		height: 100%;
		text-align: center;
      background: #000000bd;

		position: absolute;
		bottom: 0;
	opacity:0;
		
}
.case .al li:hover .text {-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
	
		opacity:1;
}
.case .al li .text h3 {
		    font-size: 20px;
    color: #fff;
    padding-top: 108px;
    line-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    bottom: 9%;
    padding-left: 3%;
}
.case .al li .text p {
		    font-size: 16px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    bottom: 5%;
    padding-left: 3%;
}
.casenr {
		padding: 30px 0 100px 0;
		overflow: hidden;
}
.casenr .ju {
		width: 1440px;
		overflow: hidden;
		margin: 0 auto;
}
.casenr .yi {
		overflow: hidden;
		height: 550px;
}
.casenr .yi .zuo {
		float: left;
		color: #fff;
		margin: 40px 0 0 50px;
		width: 250px;
}
.casenr .yi .zuo h1 {
		font-size: 35px;
		line-height: 50px;
}
.casenr .yi .zuo p {}
.casenr .yi .you {
		float: right;
		width: 637px;
		color: #fff;
		margin: 40px 40px 0 0;
		line-height: 28px;
		font-size: 14px;
		position: relative;
		overflow: hidden;
		height: 470px;
}
.casenr .yi .you .p1 {
		color: #fff;
		line-height: 28px;
		font-size: 14px;
}
.casenr .yi .you .p2 {
		position: absolute;
		bottom: 0;
		color: #fff;
		line-height: 28px;
		font-size: 14px;
}
.casenr .er {
		padding: 30px 0 30px 0;
		overflow: hidden;
		font-size: 16px;
		line-height: 30px;
		color: #666;
}
.casenr .er p {
		font-size: 16px;
		line-height: 30px;
		color: #666;
}
.casenr .er img {
		width: 100%;
		height: auto;
}
.casenr .san {
		font-size: 14px;
		line-height: 40px;
		margin-bottom: 30px;
}
.casenr .san a {
		border: 1px solid #ddd;
		padding: 0 10px;
		margin-right: 10px;
		line-height: 30px;
		display: -webkit-inline-box;
		border-radius: 3px;
}
.ban {
		margin-left: auto;
		margin-right: auto;
		position: relative;
		overflow: hidden;
		z-index: 1;
}
.nofixed{width: 100%;
    height: 100%;
    position: fixed;	transition: all .5s ease;
    left: 0;
    top: 0;}
.sycase .demo {
	    width: 95%;
		margin: 0 auto;
		overflow: hidden;
	
        text-overflow: ellipsis; /* 超出显示为省略号 */
        display: -webkit-box;   /* 将元素作为弹性伸缩盒子模型显示 */
        -webkit-line-clamp: 1;  /* 用来限制在一个块元素显示的文本的行数 */
        -webkit-box-orient: vertical;   /* 设置或检索伸缩盒对象的子元素的排列方式 */
}
.sycase .menu {
		overflow: hidden;
		justify-content: center;
		display: flex;
	
		margin: 15px 0 15px 0;
}
.sycase .menu li {}
.case .dh li:nth-child(6) a,.sycase .menu li:nth-child(5) a{border-right: 0px solid #ddd;}
.sycase .title {
		margin-top: 40px;
		margin-bottom: 30px;
		font-size: 40px;
		font-weight: 100;
		color: #333;
		text-align: center;
		line-height: 40px;
}
.sycase .menu li a {
		line-height: 45px;
		border-right: 1px solid #ddd;
		display: block;
		padding: 0 28px;
		font-size: 16px;
}
.sycase .menu li a:hover, .sycase .menu .selected a {
		background: #d61719;
		color: #fff;
}
.sycase .item {
		overflow: hidden;
}
.sycase .item li {
		position: relative;
		float: left;
	    width: 33.3333%;
}
.sycase .casegd {
		border: 1px solid #ddd;
		line-height: 45px;
		display: block;
		padding: 0 30px;
		margin: 40px auto 50px auto;
		width: 175px;
		font-size: 16px;
}
.sycase .casegd i {
		margin-left: 5px;
}
.sycase .item li .img {overflow: hidden;
		width: 100%;
		height: auto;
}
.sycase .item li:hover .img img{border-radius: 0;-webkit-transform: scale(1.1);transform: scale(1.1);-ms-transform: scale(1.1);}
.sycase .item li .img img {    transition: 2s;
		width: 100%;
		height: 100%;
}
.sycase .item li .text {
			    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 100%;
    height: 100%;
    text-align: center;
    background: #000000bd;
    position: absolute;
    bottom: 0;
    display: none;
}
.sycase .item li:hover .text {-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
		display: block;
}
.sycase .item li .text h3 {
		    font-size: 20px;
    color: #fff;
    padding-top: 108px;
    line-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    bottom: 9%;
    padding-left: 3%;
}
.sycase .item li .text p {
		    font-size: 16px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    bottom: 5%;
    padding-left: 3%;
}
.news .newsgd {
		border: 1px solid #ddd;
		line-height: 45px;
		display: block;    text-align: center;
		padding: 0 30px;
		margin: 40px auto 50px auto;
		width: 175px;
		font-size: 16px;
}
.news .newsgd i {
		margin-left: 5px;
}
.syyi {
		padding: 50px 0 50px 0;
		background: #f9f9f9;
		overflow: hidden;
}
.syyi .ju {
		width: 1440px;
		margin: 0 auto;
		overflow: hidden;
}
.syyi dl {
		position: relative;
		transition: all .5s ease;
		width: 360px;
		height: 450px;
		float: left;
		overflow: hidden;
}
.syyi dl:hover {
		background: #d51719 !important;
		transition: all .5s ease;
}
.syyi dl:nth-child(1) {
		background: #f4f2f3;
}
.syyi dl:nth-child(2) {
		background: #fff;
}
.syyi dl:nth-child(3) {
		background: #f4f2f3;
}
.syyi dl:nth-child(4) {
		background: #fff;
}
.syyi dl:nth-child(1) dt {
		background: url(../images/yidt1.png) center center no-repeat
}
.syyi dl:nth-child(2) dt {
		background: url(../images/yidt2.png) center center no-repeat
}
.syyi dl:nth-child(3) dt {
		background: url(../images/yidt3.png) center center no-repeat
}
.syyi dl:nth-child(4) dt {
		background: url(../images/yidt4.png) center center no-repeat
}
.syyi dl:nth-child(1):hover dt {
		color: #fff !important;
		background: url(../images/yidt11.png) center center no-repeat
}
.syyi dl:nth-child(2):hover dt {
		color: #fff !important;
		background: url(../images/yidt22.png) center center no-repeat
}
.syyi dl:nth-child(3):hover dt {
		color: #fff !important;
		background: url(../images/yidt33.png) center center no-repeat
}
.syyi dl:nth-child(4):hover dt {
		color: #fff !important;
		background: url(../images/yidt44.png) center center no-repeat
}
.syyi dl dt {
		transition: all .5s ease;
		height: 300px;
}
.syyi dl dt h3 {
		transition: all .5s ease;
		padding: 80px 0 0 20px;
		font-size: 25px;
}
.syyi dl dt h3 p {
		transition: all .5s ease;
		font-size: 12px;
		color: #999;
		text-transform: uppercase;
}
.syyi dl dd {
		transition: all 0.5s ease 0s;
		padding-left: 20px;
}
.syyi dl:hover dd {
		transition: all 0.5s ease 0s;
		position: absolute;
		bottom: 40px;
}
.syyi dl dd h3 {
		font-size: 24px;
		font-weight: bold;
		color: #333;
}
.syyi dl:hover dd h3 span, .syyi dl:hover dd h3, .syyi dl:hover dd p, .syyi dl:hover dt h3, .syyi dl:hover dt h3 p {
		color: #fff
}
.syyi dl dd h3 span {
		font-weight: 100;
		display: block;
		font-size: 12px;
		color: #999;
		margin-top: 10px;
}
.syyi dl dd p {
		font-size: 14px;
		color: #333;
		line-height: 25px;
		margin-top: 13px;
} /* 侧边悬浮导航 */ .right_nav {
		right: 0;
		bottom: 100px;
		position: fixed;
		text-align: left;
		overflow: hidden;
		z-index: 99999;
}
.right_nav li {
		background: #000000;
		margin: 4px 0;
		padding: 10px;
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
		cursor: pointer;
		position: relative;
		right: -70px;
}
.right_nav li .iconBox {
		text-align: center;
		overflow: hidden;
		display: flex;
		align-items: center;
		justify-content: space-between
}
.right_nav li img {
		width: 30px;
		height: 30px;
}
.right_nav li h4 {
		color: #fff;
		font-size: 14px;
		margin: 2px 0;
		margin-left: 15px;
}
.right_nav li:hover {
		background: #cf1322
}
.right_nav li .hideBox {
		display: none;
		position: absolute;
		right: 120px;
		padding: 10px;
		padding-right: 15px;
		top: -10px;
		z-index: 999;
}
.right_nav li .hideBox .hb {
		border: 1px solid #ccc;
		background-color: #fff;
		padding: 10px 20px;
		border-top: 2px solid #000000;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
}
.right_nav li .hideBox .hb h5 {
		padding: 5px 0;
		border-bottom: 2px solid #ccc;
		color: #000000;
		font-size: 16px;
		font-weight: 400;
		display: block;
		white-space: nowrap;
}
.right_nav li .hideBox .hb p {
		margin-top: 5px;
		font-size: 18px;
		font-weight: 700;
}
.right_nav li .hideBox .hb .qqtalk {
		margin-top: 10px;
}
.right_nav li .hideBox .hb .qqtalk a {
		display: flex;
		align-items: center
}
.right_nav li .hideBox .hb .qqtalk img {
		width: 25px;
		height: 25px;
}
.right_nav li .hideBox .hb .qqtalk p {
		font-size: 14px;
		font-weight: 400;
		white-space: nowrap;
		margin-top: -5px;
		margin-left: 5px;
}
.right_nav li:nth-child(3) .hideBox img {
		width: 140px;
		height: 140px;
		margin-top: 10px;
}
.sjj_nav,.sp_header{ display:none;}
.sycase{    width: 95%;
    margin: 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
  
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.sycase .title{    margin-top: 40px;
    margin-bottom: 30px;
    font-size: 40px;
    font-weight: 100;
    color: #333;
    text-align: center;
    line-height: 40px;}
.sycase .tabPanel { overflow: hidden;}
.tabPanel ul{    overflow: hidden;
    justify-content: center;
    display: flex;
    margin: 15px 0 15px 0;}
    
.tabPanel ul li{
    line-height: 45px;
    border-right: 1px solid #ddd;
    display: block;
    padding: 0 28px;
    font-size: 16px;    cursor: pointer;

}
.tabPanel ul li:nth-child(6){
    border-right: 0px solid #ddd;
}
.tabPanel ul li:hover,.tabPanel .hit{
background: #d61719;
    color: #fff;
}
.pane{    overflow: hidden;border-top:0;min-height:100px;background-color:#fff;display:none;}
.pane li {
		position: relative;
		float: left;
	    width: 33.3333%;list-style: none;
}
.sycase .casegd {
		border: 1px solid #ddd;
		line-height: 45px;
		display: block;
		padding: 0 30px;
		margin: 40px auto 50px auto;
		width: 175px;
		font-size: 16px;
}
.sycase .casegd i {
		margin-left: 5px;
}
.pane li .img {overflow: hidden;
		width: 100%;
		height: auto;
}
.pane li:hover .img img{border-radius: 0;-webkit-transform: scale(1.1);transform: scale(1.1);-ms-transform: scale(1.1);}
.pane li .img img {    transition: .5s;
		width: 100%;
		height: 100%;
}
.pane li .text {
	   opacity:0;
			    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    width: 100%;
    height: 100%;
    text-align: center;
   background: #000000bd;
    position: absolute;
    bottom: 0;
  
}
.pane li:hover .text {-webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
		   opacity: 1;
}

.pane li .text h3 {
		    font-size: 20px;
    color: #fff;
    padding-top: 108px;
    line-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    bottom: 9%;
    padding-left: 3%;
}
.pane li .text p {
		    font-size: 16px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    bottom: 5%;
    padding-left: 3%;
}
@media screen and (max-width:768px)
{
.page a {
    border-radius: 30px;
    line-height: 30px;
    padding: 0;
    border: 1px solid #d51719;
    margin: 2px;
    color: #666;
    display: block;
    font-size: 12px;
    float: left;
    overflow: hidden;
    height: 30px;
    width: 30px;
    text-align: center;
}
.page a b {
    width: 30px;
    color: #fff;
    background: #d51719;
    border-radius: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #d51719;
    margin: 2px;
    display: block;
    font-size: 12px;
    float: left;
    height: 30px;
    overflow: hidden;
}
	.sjj_nav,.sp_header{ display: block;}
header {
    display: none;}
    .owl-carousel {

    padding-top: 50px;}
.owl-buttons {
    display: none;}
    div.owl-pagination .owl-page span:after {
    font-size: 10px!important;
    font-family: CYJXY!important;
    color: #fff!important;
}
div.owl-theme .owl-controls .owl-page span {
    display: block;
    height: 14px;
   margin: 0;}
  .ju{width:95%!important;}
  .syyi dl {
    position: relative;
    transition: all .5s ease;
       width: 48%;
    margin: 1%;
  height: 296px;
    float: left;
    overflow: hidden;
}
.syyi dl dt:hover,.syyi dl dt {
        height: 120px!important;
   background-size: 74%!important;
}
.syyi dl:nth-child(1) dt {
		background: url(../images/yidt1.png) center 3px no-repeat
}
.syyi dl:nth-child(2) dt {
		background: url(../images/yidt2.png) center 3px no-repeat
}
.syyi dl:nth-child(3) dt {
		background: url(../images/yidt3.png) center 3px no-repeat
}
.syyi dl:nth-child(4) dt {
		background: url(../images/yidt4.png) center 3px no-repeat
}
.syyi dl:nth-child(1):hover dt {
		color: #fff !important;
		background: url(../images/yidt11.png) center 3px no-repeat
}
.syyi dl:nth-child(2):hover dt {
		color: #fff !important;
		background: url(../images/yidt22.png) center 3px no-repeat
}
.syyi dl:nth-child(3):hover dt {
		color: #fff !important;
		background: url(../images/yidt33.png) center 3px no-repeat
}
.syyi dl:nth-child(4):hover dt {
		color: #fff !important;
		background: url(../images/yidt44.png) center 3px no-repeat
}
.syyi dl:hover dd {
    transition: all 0.5s ease 0s;
       position: relative;
    bottom: auto;}
.syyi dl dt h3 {
    transition: all .5s ease;
    padding: 70px 0 0 20px;
    font-size: 20px;
}
.syyi dl:nth-child(4) {
    background: #f4f2f3;
}
.syyi dl:nth-child(3) {
    background: #fff;
}
.syyi dl dd h3 {
    font-size: 16px;
    font-weight: bold;
    color: #333;
}
.syyi dl dd p {
    font-size: 12px;
    color: #333;
    line-height: 25px;
    margin-top: 13px;
}
.sycase .demo {
    width: 100%;}
    .sycase .title {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 1.5rem;
    font-weight: 100;
    color: #333;
    text-align: center;
    line-height: 40px;
}
.sycase .menu {
    overflow: hidden;
    justify-content: initial;
    display: block;
    margin: 0;
}
.sycase .menu li {
    width: 48%;
    float: left;
    text-align: center;
    margin: 1%;
}
.sycase .menu li a {
    line-height: 30px;
    border: 1px solid #ddd!important;    padding: 0;
    display: block;
    font-size: 0.9rem;
}
.sycase .item li:nth-child(15){ display:none;}
.sycase .item li {
    position: relative;
    float: left;
       width: 50% !important;
}
.sycase .item li .img {
    width: 100%;
    height: auto;
}
.sycase .item li .text {
    width: 100%;
    height: 100%;
    text-align: center;
    background: #33333394;
    position: absolute;
    bottom: 0;
    display: none;
}
.sycase .item li .text h3 {
    font-size: 1rem;
    color: #fff;
    padding-top: 5%;
    line-height: 2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sycase .item li .text p {
    font-size: 0.8rem;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;    z-index: 999999;width:100%;}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{    z-index: 999999;width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#c9141e;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{    z-index: 999999;position:fixed;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
.syyi {
    padding: 10px 0 10px 0;}
.ppy .title {
    color: #fff;
    margin-top: 2rem;
    font-size: 1.3rem;
}
.ppy p {
    color: #fff;
    margin-top: 10px;
    font-size: 0.9rem;
}
.ppy a {
    font-size: 1.5rem;
    color: #fff;
    margin-top: 10px;
    display: block;
}
.ppy {
    background: #d51719;
    height: 10rem;
    text-align: center;
    overflow: hidden;
}
.news .title {
    font-size: 1.5rem;
    font-weight: 100;
    color: #333;
    text-align: center;
    line-height: 40px;
    padding-top: 1rem;
}
.news ul li {
    transition: all .5s ease;
    overflow: hidden;
    padding: 0.5rem;
    background: #fff;
    width: 100%;
    float: none;
    margin: 0;border-bottom: 1px solid #ddd;
}
.news ul li .tim {
    position: relative;
    width: 100%;
    float: none;
}
.news ul li .tim .yr {
    display: block;
    font-size: 1.5rem;
    color: #999;
}
.news ul li .text {
    position: relative;
    float: none;
    width: 100%;
}
.news ul li .text h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    transition: all .5s ease;
    font-size: 1rem;
    color: #666;
    line-height: 2.3rem;
}
.news ul li .text p {    margin-top: 0px;
    font-size: 0.8rem;
    color: #999;
    line-height: 1.3rem;
    height: auto;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.news {
background: #f8f9f9;
    padding: 50px 0 50px 0;
    overflow: hidden;
}
.food .zuo {
    float: none;
    width: 100%;
}
.food {
    background: #313335;
    padding: 30px 0;
}
.food .zuo .img {
    margin-top: 20px;
}
.food .zuo .img {
    text-align: center;
    width: 80%;
    margin: 20px auto auto auto;
}
.food .you {
    width: 100%;
    float: none;
    overflow: hidden;
}
.food .you .dh {
    overflow: hidden;
    display: none;
}
.food .you .xia ul {
    overflow: hidden;
    display: none;
}
.food .you .xia {
    overflow: hidden;
    padding: 10px 0 0 0;
}
.food .you .xia .text {
    color: #666;
    line-height: 1.3rem;
    margin-top: 0;
    font-size: 0.8rem;
}
.news .newsgd {
    border: 1px solid #ddd;
    line-height: 30px;
    padding: 0 30px;
    margin: 10px auto 10px auto;
    font-size: 0.96rem;
    display: table;
}
.case .al li {
    position: relative;
    float: left;
    width: 50%;
}
.case .al li .img img {
    width: 100%;
    height: auto;
}
.case .al li .text h3 {
    font-size: 1rem;
    color: #fff;
    padding-top: 15%;
    line-height: 2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.case .al li .text p{font-size: 0.8rem;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.case .dh li a {
    line-height: 30px;
    border: 1px solid #ddd!important;
    padding: 0;
    display: block;
    font-size: 0.9rem;
}
.case .dh li{
    width: 48%;
    float: left;
    text-align: center;
    margin: 1%;
}
.case .dh {display: block;
    width: 100%;
    overflow: hidden;
    justify-content: center;
    margin: 15px 0 15px 0;
}
.bannei {
    width: 100%;
    height: 145px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 50px;
    position: relative;
}
.case .title {
    font-size: 1.5rem;
    font-weight: 100;
    color: #333;
    text-align: center;
    line-height: 40px;
    padding-top: 1rem;
}
.casenr {
    padding: 50px 0 30px 0;
    overflow: hidden;
}
.casenr .yi {
    overflow: hidden;
    height: auto;
}
.casenr .yi .zuo {
    float: none;
    color: #fff;
    margin: 30px 0 0 20px;
 width: auto;
}
.casenr .yi .you {
    float: none;
    width: auto;
    color: #fff;
    margin: 0;
    line-height: 28px;
    font-size: 14px;
    position: relative;
    overflow: hidden;
    height: auto;
    padding: 20px;
}
.casenr .yi .you .p2 {
    position: relative;
    bottom: 0;
    color: #fff;
    line-height: 28px;
    font-size: 14px;
    margin-top: 20px;
}
.casenr .er img {
    width: 100% !important;
    height: 100% !important;
}
.casenr .er p{    line-height: 28px;
    font-size: 14px;}
.casen .title {
    font-size: 1.5rem;
    font-weight: 100;
    color: #333;
    text-align: center;
    line-height: 3rem;
}
.casen ul li {
    position: relative;
    float: left;
    width: 33.3333%;
    margin: 0;
}
.casen ul li .img {
    width: 100%;
    height: auto;
}
.casen ul li .text {
    width: 100%;
    height: 100%;
    text-align: center;
    background: #33333394;
    position: absolute;
    bottom: 0;
    display: none;
}
.casen ul li .text h3 {
    font-size: 1rem;
    color: #fff;
    padding-top: 15%;
    line-height: 2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.casen ul li .text p{font-size: 0.8rem;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
 .casen {
    background: #f3f0ed;
    padding: 50px 0 20px 0;
    margin-top: -100px;
    overflow: hidden;
}
.newsnr .ju {
    background: #fff;
    width: 95%;
    padding: 0;
    overflow: hidden;
    margin: 0 auto;
}
.newsnr {
    background: #f8f9f9;
    padding: 60px 0 20px 0;
    overflow: hidden;
}
.newsnr .cs h1 {
    font-size: 1.2rem;
    line-height: 2rem;
    color: #333;
    padding-top: 10px;
}
.newsnr .zw {
    line-height: 1.5rem;
    font-size: 0.9rem;
    color: #999;
    padding-top: 20px;
}
.newsnr .zw p{
    line-height: 1.5rem;
    font-size: 0.9rem;
    color: #999;

}
.newsnr .zw img{ width:100%!important; height:100%!important;}
.contact {
    overflow: hidden;
    padding-top: 60px;
}
#allmap {
    width: 100%;
    height: 300px;
    margin-top: 0;
    overflow: hidden;
    font-family: "微软雅黑";
}
.contact .ju {
    width: 95%;
    margin: 0 auto;
    padding: 20px 0 20px 0;
    overflow: hidden;
}
.contact .zuo {
    float: none;
    width: 100%;
}
.contact .you {
    float: none;
    width: 100%;
    overflow: hidden;
}
.contact .you ul .yiyi input {
    width: 100%;
    margin-right: 0;
    border: 1px solid #f2f2f2;
    line-height: 35px;
    padding-left: 10px;
    font-size: 14px;
    margin-bottom: 10px;
}
.about {
    padding: 60px 0 0 0;
    overflow: hidden;
}
.about .yi dl dt {
    padding-top: 0;
    float: none;
}
.about .yi dl dt h3 {
    font-size: 1.5rem;
    font-weight: 100;
    color: #595758;
    padding-top: 1rem;
}
.about .yi dl dt h3 p {
    font-size: 1rem;
    line-height: 2.5rem;
    margin: 0;
}
.about .yi dl dt p {
    font-size: 0.9rem;
    color: #595758;
    line-height: 1.5rem;
    margin-top: 15px;
    margin-bottom: 15px;
}
.about .yi dl dd {
    float: none;
    background: #f3f0ed;
    padding: 15px 0 15px 15px;
    width: 100%;
}
.about .er p {
    font-size: 0.9rem;
    color: #595758;
    line-height: 30px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.about .er {
    background: #f3f0ed;
    position: relative;
    bottom: 59px;
    height: auto;
}
.about .san dl dt {
    float: none;
    padding: 15px 0 0 15px;
    background: #f3f0ed;
}
.about .san dl dt img {
    width: 100%;
}
.about .san dl dd {
    float: none;
    width: 100%;
}
.about .san dl dd p {
    font-size: 0.9rem;
    color: #595758;
    line-height: 30px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.about .san dl dd .img {
    width: 100%;
    margin-top: 20px;
}
.about .wu dl dt {
    float: none;
    padding: 15px 0 0 15px;
    background: #f3f0ed;
}
.about .wu dl dt img {
    width: 100%;
}
.about .wu {
    position: relative;
    bottom: 88px;
}
.about .san {
    position: relative;
    bottom: 22px;
}
.about .si {
    background: #f3f0ed;
    position: relative;
    height: 100px;
}
.about .wu dl dd {
    float: none;
    width: 100%;
    padding-top: 20px;
}
.about .wu dl dd h3 {
    font-size: 1.5rem;
    font-weight: 100;
    color: #595758;
    padding-top: 1rem;
}
.about .wu dl dd p {
    font-size: 0.9rem;
    color: #595758;
    line-height: 30px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.tabPanel ul li {
    line-height: 35px;
    border-right: 1px solid #ddd;
    display: block;
    padding: 0 5px;
    font-size: 12px;
    width: 50%;
    float: left;
    border-bottom: 1px solid #ddd;
    text-align: center;
}
.tabPanel ul {
    overflow: hidden;
    justify-content: center;
    display: block;
    margin: 6px 0 15px 0;
}
.tabPanel ul li:nth-child(6),.tabPanel ul li:nth-child(2),.tabPanel ul li:nth-child(4) {
    border-right: 0px solid #ddd;
}
.pane li {
    position: relative;
    float: left;
    width: 50%;
    list-style: none;
}
.pane li:nth-child(15){ display:none;}
.pane li .text h3 {
    font-size: 14px;
    color: #fff;
    padding-top: 108px;
    line-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    bottom: 9%;
    padding-left: 3%;
}
.pane li .text p {
    font-size: 12px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    bottom: 5%;
    padding-left: 3%;
}
}
.csz{ padding-top: 60px;
    background: #f8f9f9;
    overflow: hidden;}
.csz .weizhi{    width: 1300px;}
.csz .ju{   width: 1300px;
    margin: 0 auto;
    overflow: hidden;
    padding: 20px;
    background: #fff;
    border-radius: 5px;}
.csz .l{float: left;
    width: 850px;
    overflow: hidden;}
.csz .title{font-size: 24px;
    line-height: 44px;color: #333;
    border-bottom: 2px solid #cdcdcd;
    letter-spacing: 1px; position: relative;}
.csz .title span:after{    content: "";
    width: 120px;
    height: 2px;
    background: #d61719;
    position: absolute;
   bottom: -2px;
    left: 0;
    transition: all 0.5s ease 0s;}
.csz .l dl{overflow: hidden;}
.csz .l dl dt{overflow: hidden;}
.csz .l dl dt img{width: 100%;height:auto;}
.csz .l dd{font-size: 15px; line-height: 30px; color: #666;margin: 0;
    padding: 10px;}
.csz .l dd p{ font-size: 15px; line-height: 30px; color: #666;}
.csz .l .cs{    overflow: hidden;
    padding: 0;}
.csz .l .cs li{    width: 18%;
    margin: 1%;
    float: left;}
.csz .l .cs li h3 a{    font-size: 15px;}
.csz .l .cs li img{    width: 100%;}
.csz .l .cs li h3{    margin: 0;
    line-height: 35px;
    text-align: center;}
.csz .l .cszx{padding: 0;
    overflow: hidden;}
.csz .l .cszx li {    transition: all .5s ease;
    overflow: hidden;
        padding: 15px 30px 15px 30px;
    background: #fff;
    width: 100%;
    border-bottom: 1px solid #ebebeb;
}
.csz .l .cszx li .tim {
		position: relative;
		width: 120px;
		float: left;
}
.csz .l .cszx li .tim:before {
		content: "";
		width: 40px;
		height: 1px;
		background-color: #979797;
		position: absolute;
		    top: 40px;
		left: -42px;
		transition: all .5s ease;
}
.csz .l .cszx li:hover .tim:before {
		content: "";
		width: 0px;
		height: 0px;
		background-color: #979797;
		position: absolute;
		    top: 40px;
		left: -42px;
		transition: all .5s ease;
}
.csz .l .cszx li:hover .text h3:before {
		content: "";
		width: 40px;
		height: 1px;
		background-color: #d61719;
		position: absolute;
		top: 14px;
		left: 0;
		transition: all .5s ease;

}
.csz .l .cszx li:hover .text h3 {
		transition: all .5s ease;
		padding-left: 60px;
		color: #d61719;
}
.news ul li .text h3:before {
		content: "";
		width: 0;
		height: 1px;
		background-color: #d61719;
		position: absolute;
		top: 14px;
		left: 0;
		transition: all .5s ease;
}
.csz .l .cszx li .tim .yr {
		display: block;
    font-size: 36px;
    color: #999;
    line-height: 80px;
}
.csz .l .cszx li .tim .nf {
		display: block;
		font-size: 18px;
		color: #999;
}
.csz .l .cszx li .text {
		position: relative;
		float: right;
		 width: 660px;
}
.csz .l .cszx li .text h3 {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		position: relative;
		transition: all .5s ease;
		font-size: 20px;
		color: #666;
}
.csz .l .cszx li .text p {
		font-size: 16px;
		color: #999;
		line-height: 30px;
		height: 60px;
		margin-top: 20px;
		display: -webkit-box;
		overflow: hidden;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
}
.csz .l .cszx li .text .img {
		transition: all .5s ease;
		    width: 660px;
}
.csz .l .cszx li .text .img img {
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
		transition: all .5s ease;
		 width: 660px;
}
.csz .r{float: right;
    width: 345px;
    overflow: hidden;
}
.csz .csbq{padding: 0;
    overflow: hidden;}
.csz .csbq li{    margin-bottom: 9px;
    width: 33%;
    float: left;
    text-align: center;}
.csz .csbq li a{padding: 0 12px;
    min-width: 76px;
    max-width: 100%;
    display: inline-block;
    font-size: 12px;
    line-height: 24px;
    border-radius: 24px;
    background: #f6f6f6;
    color: #666;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;}
.csz .csbq li a:hover{background-color: #d61719;
 color: #fff;}
.csz .csal{    padding: 0;
    overflow: hidden;}
.csz .csal li {
		    position: relative;
    width: 100%;
    margin-bottom: 10px;
		
}
.csz .csal li .img {overflow: hidden;
		width: 100%;
		height: auto;
}
.csz .csal li:hover .img img{border-radius: 0;-webkit-transform: scale(1.1);transform: scale(1.1);-ms-transform: scale(1.1);}
.csz .csal li .img img {    transition: .5s;
		width: 100%;	height: 100%
}
.csz .csal li .text {-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
		width: 100%;
		height: 100%;
		text-align: center;
      background: #000000bd;

		position: absolute;
		bottom: 0;
	opacity:0;
		
}
.csz .csal li:hover .text {-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
	
		opacity:1;
}
.csz .csal li .text h3 {
		    font-size: 20px;
    color: #fff;
    padding-top: 108px;
    line-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    bottom: 9%;
    padding-left: 3%;
}
.csz .csal li .text p {
		    font-size: 16px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    bottom: 5%;
    padding-left: 3%;
}
.csz .r .csgg{    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    background-image: url(../images/f5-p01.jpg);}
.csz .r .csgg .txt h3 {
    margin-bottom: 115px;
    font-size: 23px;
    line-height: 29px;
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px;
}
.csz .r .csgg .txt .more {
    padding-left: 24px;
    padding-right: 16px;
    font-size: 14px;
    line-height: 28px;
    border-radius: 30px;
    overflow: hidden;
    border: 1px solid #fff;
    display: inline-block;
    color: #fff;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.csz .r .csgg .txt {
    padding: 54px 25px 31px;
}